I/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, .fill, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, .fill {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.slider {
  text-align: center;
  position: relative;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .slider {
      height: calc(100vh); } }
  .slider .block {
    position: relative;
    padding: 0; }
    .slider .block .txt-wrap {
      position: absolute;
      top: 0;
      left: 0;
      height: calc(90vh - 110px);
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
      .slider .block .txt-wrap .v-center {
        display: inline-block;
        position: relative;
        top: 30%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
  .slider .input-group {
    margin: 0; }
  .slider .lead {
    margin-bottom: 30px; }

.banner-app .txt-wrap {
  margin: 50px 0; }
  .banner-app .txt-wrap a {
    margin-top: 30px; }

    i {
      color: #888888; }

    a {
      color: #76B82A;
      text-decoration: none; }

/*ul, ol {
  -webkit-padding-start: 0;
  list-style: none;
  margin-bottom: 20px; }
  ul li, ol li {
    list-style: none;
    line-height: 1.6;
    color: #666666; }*/

.icon {
font-size: 28px;
position: relative;
padding: 0 12px;
top: -2px;
vertical-align: middle; }


.item-review {
  position: relative;
  background: #fff;
  text-align: left;
  padding: 20px;
  box-shadow: 0 4px 4px #dddddd; }
  .item-review .pro {
    position: relative;
    min-height: 105px; }
  .item-review .pro-img {
    width: 40%;
    height: 40%;
    max-width: 105px;
    float: left;
    margin-right: 15px; }
  .item-review .pro-info {
    position: relative;
    float: left; }
    .item-review .pro-info p {
      color: #888888;
      margin-bottom: 5px; }
    .item-review .pro-info .rating {
      clear: left;
      margin: 0; }
    .item-review .pro-info .pre {
      font-size: 12px;
      line-height: 12px;
      text-transform: uppercase;
      font-weight: 300; }
    .item-review .pro-info .name {
      font-weight: 900;
      color: #4e4e4e;
      margin: 0; }
    .item-review .pro-info .skill {
      font-size: 14px;
      font-weight: 300;
      margin: 0; }

.customer {
  position: relative;
  display: block;
  height: 35px; }
  .customer .block {
    float: right;
    text-align: center; }
  .customer p {
    font-weight: 300;
    font-size: 14px;
    color: #888888;
    margin: 0; }
  .customer .customer-img {
    border-radius: 50px;
    overflow: hidden;
    width: 70px;
    height: 70px; }
    .customer .customer-img img {
      height: 100%;
      width: 100%; }

.review {
  margin-top: 50px;
  padding: 20px;
  margin-bottom: 40px; }
  .review .lead {
    height:120px;
    overflow-y: auto;
    margin-bottom: 10px; }
  .review .name {
    color: #888888; }
  .review p {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 300;
    margin: 0; }
  .review b {
    font-weight: 900;
    color: #666666;
    margin: 0; }

.steps .step {
  padding: 0 30px;
}


.steps .step h3 {
  margin-bottom: 10px;
}

  .steps .step img {
    width: 90%;
    height: 90%;
    max-width: 206px;
    margin-bottom:20px;
  }

.steps .actions {
  padding-bottom: 140px;
  background: #ccc; }

/* genre popular items */

.popular-item {
  height:230px;
  white-space: normal;
  overflow: hidden;
  margin-bottom: 30px;
}

.popular-item img {
  width:100%;
  vertical-align: baseline !important;
}

.popular-item .item-hover{
  transition: height 0.3s;
  position: absolute;
  display:flex;
  bottom:0;
  left:15px;
  right:15px;
  height:50%;
  background: linear-gradient(#ffffff08,#000000e8);
  font-size: 20px;
}

.popular-item .title {
  transition: height 0.3s;
  margin:auto;
  position: absolute;
  bottom: 5px;
  padding: 0 20px;
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2em;
  overflow:hidden;
  color: #fff;
  text-align: center;
}

.popular-item:hover .item-hover{
  transition: height 0.3s;
  height:68px;
}

.popular-item:last-child {
    margin-bottom: 0;
}

.show-more-btn{
  text-align: center;
  color: rgb(118, 184, 42);
  cursor: pointer;
  margin-top: 20px;
  width: 83px;
  border: 1px solid;
  display: inline-block;
  border-radius: 14px;
}

.show-less{
  height: 582px
}

@media (max-width: 991px) {
  .show-less{
    height: 582px
  }
  .popular-item{
    height: 145px
  }
}

@media (max-width: 768px) {
  .show-less{
    height: 630px
  }

  .popular-item {
    height: 115px;
  }

  .popular-item .title{
    line-height: 1.4em;
    font-size: 17px;
    max-height: 3em;
  }
  .popular-item:hover .title {
    transition: height 0.3s;
    height:68px;
  }
}

.last-row {
  margin-bottom:0;
}

/* reviews */

.review-link {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10; }

.item-review {
  margin-top: 20px;
  position: relative;
  background: #fff;
  text-align: left;
  padding: 20px;
  border: 1px solid #dddddd;
  box-shadow: 0 2px 6px #dddddd; }
  .item-review .pro {
    position: relative;
    min-height: 105px; }
  .item-review .pro-img {
    width: 40%;
    max-width: 105px;
    float: left;
    margin-right: 15px; }
  .item-review .pro-info {
    position: relative;
    float: left;
    width: 52%;
    margin-left: -5px;}
    .item-review .pro-info p {
      color: #888888; }
    .item-review .pro-info .rating {
      margin: 3px 0px;
      clear: left; }
    .item-review .pro-info .pre {
      margin: 10px 0px 0px 0px;
      font-size: 12px;
      line-height: 20px;
      text-transform: uppercase;
      font-weight: 300; }
    .item-review .pro-info .name {
      overflow: hidden;
      white-space: nowrap;
      line-height: 22px;
      font-weight: 900;
      color: #4e4e4e; }
    .item-review .pro-info .skill {
      line-height: 20px;
      font-size: 14px;
      font-weight: 300; }
/*fix small screen*/
@media screen and (max-width: 480px) {
  .item-review .pro-img {
    width: 80px;
  }
  .item-review .pro-info .pre {
    margin: 0px;
  }
}
.customer {
  position: relative;
  display: block;
  height: 35px; }
  .customer .block {
    margin: -10px 0px 0px 0px;
    float: right;
    text-align: center; }
  .customer p {
    font-weight: 300;
    font-size: 14px;
    color: #888888; }
  .customer .customer-img {
    border-radius: 50px;
    border:3px solid white;
    overflow: hidden;
    width: 70px;
    height: 70px; }
    .customer .customer-img img {
      width: 100%; }

.banner-app {
  position: relative;
  padding: 50px 0; }
  .banner-app a {
    transition: all 0.3s; }
    .banner-app a:hover {
      opacity: 0.7; }
  .banner-app .banner-img {
    margin: 30px 0; }
    @media screen and (max-width: 480px) {
      .banner-app .banner-img {
        width: 100%; } }
    @media screen and (min-width: 767px) {
      .banner-app .banner-img {
        width: 100%; } }
  .banner-app .block {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    .banner-app .block p {
      margin-bottom: 50px; }
      @media screen and (max-width: 767px) {
        .banner-app .block p {
          margin-bottom: 20px; } }
    @media screen and (max-width: 480px) {
      .banner-app .block {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }

.services {
  border-left: 1px solid #dddddd;
  padding-left: 30px; }
  .services hr {
    border: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 0;
    width: 90%;
    margin: 30px 0; }
  .services .list {
    padding-bottom: 0px; }
  .services h5 {
    line-height: 2.4; }
  .services li {
    color: #666666;
    line-height: 2.4; }

/* import blimp-10/4[8ec4f51] line 1362~2098 */
.form-control {
  font-size: 18px;
  border: 1px solid #dddddd;
  /* border-radius: 0; */
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: inherit;
  outline: none;
  box-shadow: none;
  font-weight: 500;
}

.no-blue {
  border-color: none;
}

.no-blue:focus {
  border-color: #fff !important;
  box-shadow: none !important;
  outline:none !important;
}

textarea.form-control {
  min-height: 160px;
}
.form-control::-webkit-input-placeholder {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #aaaaaa;
}

.form-control.nomargin {
  margin: 0;
}

.form-large {
  padding: 20px; }

label {
  color: #888888;
  font-weight: 400;
  margin-bottom: 7px; }

.rdio {
  display: block;
  position: absolute;
  border: 2px solid #dddddd;
  border-radius: 100%;
  height: 18px;
  width: 18px;
  top: 5px;
  left: 0px;
  /*z-index: 5;*/
  transition: border .25s linear; }
.rdio:hover {
  border: 2px solid #76B82A; }

input[type="radio"] {
  position: absolute;
  visibility: visible; }
input[type="radio"]:checked ~ .rdio {
  border: 2px solid #76B82A; }
input[type="radio"]:checked ~ .rdio:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #76B82A;
  display: block;
  border-radius: 10px; }
input[type="radio"]:checked ~ .rdio::before {
  border: 2px solid #76B82A; }

.chk {
  display: block;
  position: absolute;
  border: 2px solid #dddddd;
  border-radius: 3px;
  height: 18px;
  width: 18px;
  top: 5px;
  left: 0px;
  /*z-index: 5;*/
  transition: border .25s linear; }
.chk-disable {
  display: block;
  position: absolute;
  border: 2px solid #7c7c7c;
  border-radius: 3px;
  height: 18px;
  width: 18px;
  top: 5px;
  left: 0px;
  /*z-index: 5;*/
  transition: border .25s linear; }
.chk:hover {
  border: 2px solid #76B82A; }
.clps {
  display: block;
  position: absolute;
  border: none;
  height: 18px;
  width: 18px;
  top: 5px;
  left: 0px;
  /*z-index: 5;*/
}
input[type="checkbox"] {
  position: absolute;
  visibility: hidden; }
input[type="checkbox"]:checked ~ .chk-disable:after{
  content: "";
  position: absolute;
  background: url(../img/chk-disabled.png) center no-repeat;
  background-size: 16px;
  left: -1px;
  top: -1px;
  width: 16px;
  height: 16px;
  display: block;
}
input[type="checkbox"]:checked ~ .chk {
  border: 2px solid #76B82A; }
input[type="checkbox"]:checked ~ .chk:after {
  content: "";
  position: absolute;
  background: url(../img/chk.png) center no-repeat;
  background-size: 16px;
  left: -1px;
  top: -1px;
  width: 16px;
  height: 16px;
  display: block; }
input[type="checkbox"]:checked ~ .light.chk:after {
  background: url(../img/chk_light.svg) center no-repeat;
}
input[type="checkbox"]:checked ~ .chk::before {
  border: 2px solid #76B82A;}

input[type="checkbox"]:checked ~ .clps {
  border: none;}
input[type="checkbox"] ~ .clps:after {
  content: "\f0da";
  text-align: center;
  font-family: FontAwesome;
  line-height:20px;
  font-size: 20px;
  width: 100%;
  height: 100%;
  display: block; }
input[type="checkbox"]:hover ~ .clps:after {
  color: #76B82A;
  transition: color .25s linear;
}
input[type="checkbox"]:checked ~ .clps:after {
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 20px;
  color: #76B82A;
  line-height:20px;
  font-size: 20px;
  width: 100%;
  height: 100%;
  display: block; }
input[type="checkbox"]:checked ~ .clps::before {
  border: 2px solid #76B82A;}

.radio label, .checkbox label {
  padding-left: 25px;
  margin: 0px 0 0 0;
  font-size: 18px;
  line-height: 1.6;
}

.radio {
  margin: 0;
}
.radio:hover .rdio {
  border: 2px solid #76B82A; }
.checkbox {
    margin: 0;
  }
.checkbox:hover .chk{
    border: 2px solid #76B82A; }
.question label {
  position: relative;
  margin: 10px 0 5px 0; }

.question input[type="text"] ,input[type="time"], input[type="date"] {
  line-height:inherit !important;
  font-size: 18px;
  margin: 0;
  position: relative;
  top: 0px; }
.question input[type="text"]::-webkit-input-placeholder {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #aaaaaa;
}
.question textarea::-webkit-input-placeholder {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #aaaaaa;
}

.dropdown {
  clear: both;
  margin-bottom: 20px;
  height: 20px; }
.dropdown a {
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #888888; }

.caret {
  position: absolute;
  top: 50%;
  right: 20px; }

.dropdown-menu a {
  font-size: 18px;
  color: #888888; }

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-webkit-slider-thumb {
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 50%;
  border: 3px solid #76B82A;
  position: relative;
  top: -13px;
  background: #f8f8f8;
  z-index: 2;
  }

input[type=range]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50%;
  border: 3px solid #76B82A;
  position: relative;
  top: -13px;
  background: #f8f8f8;
  z-index: 2;
  }

input[type=range]::-ms-thumb {
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 50%;
  border: 3px solid #76B82A;
  position: relative;
  top: -13px;
  background: #f8f8f8;
  z-index: 2;
  }

input[type=range]::-moz-range-track {
  margin: 20px 0;
  display: block;
  width: 100%;
  height: 3px;
  background: #dddddd; }

input[type=range]::-webkit-slider-runnable-track {
  margin: 20px 0;
  display: block;
  width: 100%;
  height: 3px;
  background: #dddddd; }

input[type=range]::-ms-track {
  margin: 20px 0;
  display: block;
  width: 100%;
  height: 3px;
  background: #dddddd; }

.btn {
  overflow: hidden;
  border-radius: 4px;
  font-weight: 900; }
.btn i {
  font-size: 1.8em; }

.btn-large {
  font-size: 18px;
  padding: 15px 25px; }

.btn-regular {
  font-size: 18px;
  padding: 7px 25px; }

.btn-green {
  background: #76B82A;
  color: #fff;
  border: none;
  border-radius: 4px;
  transition: all 0.3s; }
.btn-green .icon, .btn-green i, .btn-green.icon {
  color: #fff; }
.btn-green:hover, .btn-green:focus, .btn-green.focus {
  background: #8cd438;
  color: #fff;
  transition: all 0.3s; }
.btn-green:active {
  background: #649e22;
  color: #fff;
  transition: all 0.3s; }
.btn-green.outline {
  background: none !important;
  color: #76B82A;
  border: 1px solid #76B82A;
  transition: all 0.3s; }
.btn-green.outline .icon, .btn-green.outline i, .btn-green.outline.icon {
  color: #76B82A; }
.btn-green.outline:hover, .btn-green.outline:focus, .btn-green.outline.focus {
  border-color: #8cd438;
  color: #76B82A;
  transition: all 0.3s; }
.btn-green.outline:active {
  border-color: #649e22;
  color: #76B82A;
  transition: all 0.3s; }

.btn-grey {
  background: #3F444D;
  color: #fff;
  border: none;
  border-radius: 0;
  transition: all 0.3s; }
.btn-grey .icon, .btn-grey i, .btn-grey.icon {
  color: #fff; }
.btn-grey:hover, .btn-grey:focus, .btn-grey.focus {
  background: #545e70;
  color: #fff;
  transition: all 0.3s; }
.btn-grey:active {
  background: #333944;
  color: #fff;
  transition: all 0.3s; }
.btn-grey.outline {
  background: none !important;
  color: #3F444D;
  border: 1px solid #3F444D;
  transition: all 0.3s; }
.btn-grey.outline .icon, .btn-grey.outline i, .btn-grey.outline.icon {
  color: #3F444D; }
.btn-grey.outline:hover, .btn-grey.outline:focus, .btn-grey.outline.focus {
  border-color: #545e70;
  color: #3F444D;
  transition: all 0.3s; }
.btn-grey.outline:active {
  border-color: #333944;
  color: #3F444D;
  transition: all 0.3s; }

.btn-red {
  background: #F42727;
  color: #fff;
  border: none;
  border-radius: 0;
  transition: all 0.3s; }
.btn-red .icon, .btn-red i, .btn-red.icon {
  color: #fff; }
.btn-red:hover, .btn-red:focus, .btn-red.focus {
  background: #f64747;
  color: #fff;
  transition: all 0.3s; }
.btn-red:active {
  background: #e50b0b;
  color: #fff;
  transition: all 0.3s; }
.btn-red.outline {
  background: none !important;
  color: #F42727;
  border: 1px solid #F42727;
  transition: all 0.3s; }
.btn-red.outline .icon, .btn-red.outline i, .btn-red.outline.icon {
  color: #F42727; }
.btn-red.outline:hover, .btn-red.outline:focus, .btn-red.outline.focus {
  border-color: #f64747;
  color: #F42727;
  transition: all 0.3s; }
.btn-red.outline:active {
  border-color: #e50b0b;
  color: #F42727;
  transition: all 0.3s; }

.btn-purple {
  background: #945BA5;
  color: #fff;
  border: none;
  border-radius: 0;
  transition: all 0.3s; }
.btn-purple .icon, .btn-purple i, .btn-purple.icon {
  color: #fff; }
.btn-purple:hover, .btn-purple:focus, .btn-purple.focus {
  background: #a670b6;
  color: #fff;
  transition: all 0.3s; }
.btn-purple:active {
  background: #804990;
  color: #fff;
  transition: all 0.3s; }
.btn-purple.outline {
  background: none !important;
  color: #945BA5;
  border: 1px solid #945BA5;
  transition: all 0.3s; }
.btn-purple.outline .icon, .btn-purple.outline i, .btn-purple.outline.icon {
  color: #945BA5; }
.btn-purple.outline:hover, .btn-purple.outline:focus, .btn-purple.outline.focus {
  border-color: #a670b6;
  color: #945BA5;
  transition: all 0.3s; }
.btn-purple.outline:active {
  border-color: #804990;
  color: #945BA5;
  transition: all 0.3s; }

.btn-orange {
  background: #F78D34;
  color: #fff;
  border: none;
  border-radius: 0;
  transition: all 0.3s; }
.btn-orange .icon, .btn-orange i, .btn-orange.icon {
  color: #fff; }
.btn-orange:hover, .btn-orange:focus, .btn-orange.focus {
  background: #f99e52;
  color: #fff;
  transition: all 0.3s; }
.btn-orange:active {
  background: #f57509;
  color: #fff;
  transition: all 0.3s; }
.btn-orange.outline {
  background: none !important;
  color: #F78D34;
  border: 1px solid #F78D34;
  transition: all 0.3s; }
.btn-orange.outline .icon, .btn-orange.outline i, .btn-orange.outline.icon {
  color: #F78D34; }
.btn-orange.outline:hover, .btn-orange.outline:focus, .btn-orange.outline.focus {
  border-color: #f99e52;
  color: #F78D34;
  transition: all 0.3s; }
.btn-orange.outline:active {
  border-color: #f57509;
  color: #F78D34;
  transition: all 0.3s; }

.btn-blue {
  background: #43A8E0;
  color: #fff;
  border: none;
  border-radius: 0;
  transition: all 0.3s; }
.btn-blue .icon, .btn-blue i, .btn-blue.icon {
  color: #fff; }
.btn-blue:hover, .btn-blue:focus, .btn-blue.focus {
  background: #5eb5e6;
  color: #fff;
  transition: all 0.3s; }
.btn-blue:active {
  background: #2196d6;
  color: #fff;
  transition: all 0.3s; }
.btn-blue.outline {
  background: none !important;
  color: #43A8E0;
  border: 1px solid #43A8E0;
  transition: all 0.3s; }
.btn-blue.outline .icon, .btn-blue.outline i, .btn-blue.outline.icon {
  color: #43A8E0; }
.btn-blue.outline:hover, .btn-blue.outline:focus, .btn-blue.outline.focus {
  border-color: #5eb5e6;
  color: #43A8E0;
  transition: all 0.3s; }
.btn-blue.outline:active {
  border-color: #2196d6;
  color: #43A8E0;
  transition: all 0.3s; }

.btn-fb-blue {
  background: #4E68A2;
  color: #fff;
  border: none;
  border-radius: 0;
  transition: all 0.3s; }
.btn-fb-blue .icon, .btn-fb-blue i, .btn-fb-blue.icon {
  color: #fff; }
.btn-fb-blue:hover, .btn-fb-blue:focus, .btn-fb-blue.focus {
  background: #607cb8;
  color: #fff;
  transition: all 0.3s; }
.btn-fb-blue:active {
  background: #3f578d;
  color: #fff;
  transition: all 0.3s; }
.btn-fb-blue.outline {
  background: none !important;
  color: #4E68A2;
  border: 1px solid #4E68A2;
  transition: all 0.3s; }
.btn-fb-blue.outline .icon, .btn-fb-blue.outline i, .btn-fb-blue.outline.icon {
  color: #4E68A2; }
.btn-fb-blue.outline:hover, .btn-fb-blue.outline:focus, .btn-fb-blue.outline.focus {
  border-color: #607cb8;
  color: #4E68A2;
  transition: all 0.3s; }
.btn-fb-blue.outline:active {
  border-color: #3f578d;
  color: #4E68A2;
  transition: all 0.3s; }

.btn-light-grey {
  background: #dddddd;
  color: #fff;
  border: none;
  border-radius: 0;
  transition: all 0.3s; }
.btn-light-grey .icon, .btn-light-grey i, .btn-light-grey.icon {
  color: #fff; }
.btn-light-grey:hover, .btn-light-grey:focus, .btn-light-grey.focus {
  background: #e4e1e1;
  color: #fff;
  transition: all 0.3s; }
.btn-light-grey:active {
  background: #bfb9b9;
  color: #fff;
  transition: all 0.3s; }
.btn-light-grey.outline {
  background: none !important;
  color: #dddddd;
  border: 1px solid #dddddd;
  transition: all 0.3s; }
.btn-light-grey.outline .icon, .btn-light-grey.outline i, .btn-light-grey.outline.icon {
  color: #dddddd; }
.btn-light-grey.outline:hover, .btn-light-grey.outline:focus, .btn-light-grey.outline.focus {
  border-color: #e4e1e1;
  color: #dddddd;
  transition: all 0.3s; }
.btn-light-grey.outline:active {
  border-color: #bfb9b9;
  color: #dddddd;
  transition: all 0.3s; }

.btn-clear {
  background: #dddddd;
  color: #fff;
  border: none;
  border-radius: 0;
  transition: all 0.3s;
  font-weight: 400;
  background: none;
  color: #888888;
  font-size: 14px;
  padding: 12px; }
.btn-clear .icon, .btn-clear i, .btn-clear.icon {
  color: #fff; }
.btn-clear:hover, .btn-clear:focus, .btn-clear.focus {
  background: #e4e1e1;
  color: #fff;
  transition: all 0.3s; }
.btn-clear:active {
  background: #bfb9b9;
  color: #fff;
  transition: all 0.3s; }
.btn-clear.outline {
  background: none !important;
  color: #dddddd;
  border: 1px solid #dddddd;
  transition: all 0.3s;
  border: 0; }
.btn-clear.outline .icon, .btn-clear.outline i, .btn-clear.outline.icon {
  color: #dddddd; }
.btn-clear.outline:hover, .btn-clear.outline:focus, .btn-clear.outline.focus {
  border-color: #e4e1e1;
  color: #dddddd;
  transition: all 0.3s; }
.btn-clear.outline:active {
  border-color: #bfb9b9;
  color: #dddddd;
  transition: all 0.3s; }
.btn-clear span {
  position: relative;
  top: -1px;
  vertical-align: middle;
  padding: 0 5px; }

.rounded {
  border-radius: 30px; }

.wide {
  width: 100%;
  padding: 12px 0; }

a.decline {
  border: none !important;
  color: #666666 !important;
  font-weight: 400 !important; }

.fb .icon {
  padding: 0 15px;
  margin: 0 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.7); }

/*.btn.rounded {
  border-radius: 5px; }*/

.form-group {
  margin-bottom: 0; }

.has-error ul {
  padding: 0;
  margin: -15px 0 0 0; }

.has-error li {
  padding: 0;
  margin: 0;
  color: #F42727;
  font-size: 12px; }

.has-error .form-control {
  border-color: #F42727; }

.question {
  padding: 0;
  width:100%;
}
.question h3 {
  font-weight: 400;
  line-height: 1.28;
  color: #4e4e4e;
  margin-bottom: 20px; }

.panel {
  border: 1px solid #dddddd;
  box-shadow: 0 2px 6px #dddddd; }
.panel h3 {
  margin-bottom: 20px; }

.panel.padding {
  padding: 40px; }

.question-wrap {
  padding: 50px 50px 20px 50px; }

.progress-bar { /*not used, implement in main.css*/
  width: 100%;
  height: 6px;
  position: relative;
  display: inline-block;
  background: #dddddd;
  box-shadow: none;
  margin: 10px 0;
  border-radius: 4px;
  overflow: hidden; }
.progress-bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  background: #76B82A;
  display: block; }
.progress-bar.s1:after {
  width: 5%; }
.progress-bar.s2:after {
  width: 10%; }
.progress-bar.s3:after {
  width: 15%; }
.progress-bar.s4:after {
  width: 20%; }
.progress-bar.s5:after {
  width: 25%; }
.progress-bar.s6:after {
  width: 30%; }
.progress-bar.s7:after {
  width: 35%; }
.progress-bar.s8:after {
  width: 40%; }
.progress-bar.s9:after {
  width: 45%; }
.progress-bar.s10:after {
  width: 50%; }
.progress-bar.s11:after {
  width: 55%; }
.progress-bar.s12:after {
  width: 60%; }
.progress-bar.s13:after {
  width: 65%; }
.progress-bar.s14:after {
  width: 70%; }
.progress-bar.s15:after {
  width: 75%; }
.progress-bar.s16:after {
  width: 80%; }
.progress-bar.s17:after {
  width: 85%; }
.progress-bar.s18:after {
  width: 90%; }
.progress-bar.s19:after {
  width: 95%; }
.progress-bar.s20:after {
  width: 100%; }

.quiz .panel {
  padding: 40px 50px 40px 50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 480px) {
  .quiz .panel {
    padding: 40px 20px 40px 20px;
    margin-bottom: 30px;
  }
}

.modal-question .panel {
  overflow-y: auto;
  box-shadow: none;
  border: none;
  border-radius: 0; }

.modal-question .panel.green {
  margin-bottom: 0;
  padding: 30px 50px 0px 50px; /*padding: 50px 50px 100px 50px;*/
  text-align: center;
  background: #76B82A !important; }
.modal-question .panel.green .modal-nav {
  background: none; }
.modal-question .panel.green * {
  color: #fff; }
@media only screen and (max-width: 767px) {
  .modal-question .panel.green{
    height: calc(100vh - 90px);
    padding: 30px 0px 0px 0px;}
  .modal-question .panel.green .setup-mail {
    border-right: none; } }
.modal-question .panel.green .btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #fff;
  color: #76B82A; }

.modal-question .panel.white {
  padding: 30px 50px 0px 50px; /*padding: 50px 50px 100px 50px;*/
  text-align: center;
  background: #fff !important; }
.modal-question .panel.white .modal-nav {
  background: none; }
.modal-question .panel.white * {
  color: #EEA000; }
@media only screen and (max-width: 767px) {
  .modal-question .panel.white{
    padding: 30px 0px 0px 0px;}
  .modal-question .panel.white .setup-mail {
    border-right: none; } }
.modal-question .panel.white .btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #76B82A;
  color: #fff; }

.modal-question .other-step {
  padding: 50px 0 0 0; }
.modal-question .other-step .q-wrap {
  padding: 0 50px 50px 50px; }

.modal-question #step2 .mercury {
  width: 20%; }

.modal-question #step3 .mercury {
  width: 40%; }

.modal-question #step4 .mercury {
  width: 60%; }

.modal-question .modal-nav {
  background: #f8f8f8;
  position: relative;
  padding: 20px 50px;
  width: 100%;
  display: block;
  overflow: hidden; }
@media screen and (max-width: 480px) {
  .modal-question .modal-nav {
    padding: 20px 10%;
  }
}
.modal-question .modal-nav a {
  display: block; }
.modal-question .modal-nav .next {
  display: block;
  float: right; }
.modal-question .modal-nav .prev {
  display: block;
  float: left; }

.modal-question h3,.modal-question h4,.modal-question h5 {
  font-weight: 400;
  line-height: 1.28;
  color: #4e4e4e;
  margin: 20px 0; }

.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  display: block;
  z-index: 9999; }
.modal-close:after {
  font-family: 'FontAwesome';
  content: "\f00d";
  color: #dddddd;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0; }

.modal-upload {
  padding: 0;
  margin: 0; }
.modal-upload h4 {
  padding: 20px 0 20px 0; }

.modal h2 {
  margin-bottom: 0px; }
/* end import */

.btn-app {
  background: url(../img/btn-app-store.png); }

.btn-and {
  background: url(../img/btn-google-play.png); }

.btn-app, .btn-and {
  display: inline-block;
  border: 1px solid #444444;
  border-radius: 5px;
  padding: 0;
  margin-bottom: 20px;
  width: 200px;
  height: 70px;
  margin-right: 5%;
  background-size: 100%; }
  .btn-app:hover, .btn-and:hover {
    background-position: 0 -72px;
    border-color: #76B82A; }
  @media screen and (max-width: 480px) {
    .btn-app, .btn-and {
      width: 140px;
      height: 47px;
      margin: 0 0 30px 10px; } }
  .btn-app img, .btn-and img {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ccc; }

.bubble {
  position: relative;
  width: 100%;
  height: 15em;
  border: solid 1px #dddddd;
  background: #f8f8f8; }
  .bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #f8f8f8 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    right: 40px; }
  .bubble:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #dddddd transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -16px;
    right: 40px; }

/*wont use this, will use font to make rating*/
/*.rating {
  height: 14px;
  width: 110px;
  margin: 4px 0;
  background: url(../img/rating.png) no-repeat; }

.r0 {
  background: none; }

.r0a {
  background-position: 0px 0px; }

.r1 {
  background-position: 0px -14px; }

.r1a {
  background-position: 0px -28px; }

.r2 {
  background-position: 0px -42px; }

.r2a {
  background-position: 0px -56px; }

.r3 {
  background-position: 0px -70px; }

.r3a {
  background-position: 0px -84px; }

.r4 {
  background-position: 0px -98px; }

.r4a {
  background-position: 0px -112px; }

.r5 {
  background-position: 0px -126px; }

.r5a {
  background-position: 0px -140px; }*/

@font-face {
  font-family: 'Pe-icon-7-stroke';
  src: url("../fonts/Pe-icon-7-stroke.eot?d7yf1v");
  src: url("../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("../fonts/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("../fonts/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="pe-7s-"], [class*=" pe-7s-"] {
  font-family: 'Pe-icon-7-stroke';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pe-7s-album:before {
  content: "\e6aa"; }

.pe-7s-arc:before {
  content: "\e6ab"; }

.pe-7s-back-2:before {
  content: "\e6ac"; }

.pe-7s-bandaid:before {
  content: "\e6ad"; }

.pe-7s-car:before {
  content: "\e6ae"; }

.pe-7s-diamond:before {
  content: "\e6af"; }

.pe-7s-door-lock:before {
  content: "\e6b0"; }

.pe-7s-eyedropper:before {
  content: "\e6b1"; }

.pe-7s-female:before {
  content: "\e6b2"; }

.pe-7s-gym:before {
  content: "\e6b3"; }

.pe-7s-hammer:before {
  content: "\e6b4"; }

.pe-7s-headphones:before {
  content: "\e6b5"; }

.pe-7s-helm:before {
  content: "\e6b6"; }

.pe-7s-hourglass:before {
  content: "\e6b7"; }

.pe-7s-leaf:before {
  content: "\e6b8"; }

.pe-7s-magic-wand:before {
  content: "\e6b9"; }

.pe-7s-male:before {
  content: "\e6ba"; }

.pe-7s-map-2:before {
  content: "\e6bb"; }

.pe-7s-next-2:before {
  content: "\e6bc"; }

.pe-7s-paint-bucket:before {
  content: "\e6bd"; }

.pe-7s-pendrive:before {
  content: "\e6be"; }

.pe-7s-photo:before {
  content: "\e6bf"; }

.pe-7s-piggy:before {
  content: "\e6c0"; }

.pe-7s-plugin:before {
  content: "\e6c1"; }

.pe-7s-refresh-2:before {
  content: "\e6c2"; }

.pe-7s-rocket:before {
  content: "\e6c3"; }

.pe-7s-settings:before {
  content: "\e6c4"; }

.pe-7s-shield:before {
  content: "\e6c5"; }

.pe-7s-smile:before {
  content: "\e6c6"; }

.pe-7s-usb:before {
  content: "\e6c7"; }

.pe-7s-vector:before {
  content: "\e6c8"; }

.pe-7s-wine:before {
  content: "\e6c9"; }

.pe-7s-cloud-upload:before {
  content: "\e68a"; }

.pe-7s-cash:before {
  content: "\e68c"; }

.pe-7s-close:before {
  content: "\e680"; }

.pe-7s-bluetooth:before {
  content: "\e68d"; }

.pe-7s-cloud-download:before {
  content: "\e68b"; }

.pe-7s-way:before {
  content: "\e68e"; }

.pe-7s-close-circle:before {
  content: "\e681"; }

.pe-7s-id:before {
  content: "\e68f"; }

.pe-7s-angle-up:before {
  content: "\e682"; }

.pe-7s-wristwatch:before {
  content: "\e690"; }

.pe-7s-angle-up-circle:before {
  content: "\e683"; }

.pe-7s-world:before {
  content: "\e691"; }

.pe-7s-angle-right:before {
  content: "\e684"; }

.pe-7s-volume:before {
  content: "\e692"; }

.pe-7s-angle-right-circle:before {
  content: "\e685"; }

.pe-7s-users:before {
  content: "\e693"; }

.pe-7s-angle-left:before {
  content: "\e686"; }

.pe-7s-user-female:before {
  content: "\e694"; }

.pe-7s-angle-left-circle:before {
  content: "\e687"; }

.pe-7s-up-arrow:before {
  content: "\e695"; }

.pe-7s-angle-down:before {
  content: "\e688"; }

.pe-7s-switch:before {
  content: "\e696"; }

.pe-7s-angle-down-circle:before {
  content: "\e689"; }

.pe-7s-scissors:before {
  content: "\e697"; }

.pe-7s-wallet:before {
  content: "\e600"; }

.pe-7s-safe:before {
  content: "\e698"; }

.pe-7s-volume2:before {
  content: "\e601"; }

.pe-7s-volume1:before {
  content: "\e602"; }

.pe-7s-voicemail:before {
  content: "\e603"; }

.pe-7s-video:before {
  content: "\e604"; }

.pe-7s-user:before {
  content: "\e605"; }

.pe-7s-upload:before {
  content: "\e606"; }

.pe-7s-unlock:before {
  content: "\e607"; }

.pe-7s-umbrella:before {
  content: "\e608"; }

.pe-7s-trash:before {
  content: "\e609"; }

.pe-7s-tools:before {
  content: "\e60a"; }

.pe-7s-timer:before {
  content: "\e60b"; }

.pe-7s-ticket:before {
  content: "\e60c"; }

.pe-7s-target:before {
  content: "\e60d"; }

.pe-7s-sun:before {
  content: "\e60e"; }

.pe-7s-study:before {
  content: "\e60f"; }

.pe-7s-stopwatch:before {
  content: "\e610"; }

.pe-7s-star:before {
  content: "\e611"; }

.pe-7s-speaker:before {
  content: "\e612"; }

.pe-7s-signal:before {
  content: "\e613"; }

.pe-7s-shuffle:before {
  content: "\e614"; }

.pe-7s-shopbag:before {
  content: "\e615"; }

.pe-7s-share:before {
  content: "\e616"; }

.pe-7s-server:before {
  content: "\e617"; }

.pe-7s-search:before {
  content: "\e618"; }

.pe-7s-film:before {
  content: "\e6a5"; }

.pe-7s-science:before {
  content: "\e619"; }

.pe-7s-disk:before {
  content: "\e6a6"; }

.pe-7s-ribbon:before {
  content: "\e61a"; }

.pe-7s-repeat:before {
  content: "\e61b"; }

.pe-7s-refresh:before {
  content: "\e61c"; }

.pe-7s-add-user:before {
  content: "\e6a9"; }

.pe-7s-refresh-cloud:before {
  content: "\e61d"; }

.pe-7s-paperclip:before {
  content: "\e69c"; }

.pe-7s-radio:before {
  content: "\e61e"; }

.pe-7s-note2:before {
  content: "\e69d"; }

.pe-7s-print:before {
  content: "\e61f"; }

.pe-7s-network:before {
  content: "\e69e"; }

.pe-7s-prev:before {
  content: "\e620"; }

.pe-7s-mute:before {
  content: "\e69f"; }

.pe-7s-power:before {
  content: "\e621"; }

.pe-7s-medal:before {
  content: "\e6a0"; }

.pe-7s-portfolio:before {
  content: "\e622"; }

.pe-7s-like2:before {
  content: "\e6a1"; }

.pe-7s-plus:before {
  content: "\e623"; }

.pe-7s-left-arrow:before {
  content: "\e6a2"; }

.pe-7s-play:before {
  content: "\e624"; }

.pe-7s-key:before {
  content: "\e6a3"; }

.pe-7s-plane:before {
  content: "\e625"; }

.pe-7s-joy:before {
  content: "\e6a4"; }

.pe-7s-photo-gallery:before {
  content: "\e626"; }

.pe-7s-pin:before {
  content: "\e69b"; }

.pe-7s-phone:before {
  content: "\e627"; }

.pe-7s-plug:before {
  content: "\e69a"; }

.pe-7s-pen:before {
  content: "\e628"; }

.pe-7s-right-arrow:before {
  content: "\e699"; }
.pe-7s-picture:before {
  font-family: FontAwesome;
  content: "\f03e";
}
.pe-7s-paper-clip:before {
  content: "\1f4ce";
}
.pe-7s-paper-plane:before {
  content: "\e629"; }

.pe-7s-delete-user:before {
  content: "\e6a7"; }

.pe-7s-paint:before {
  content: "\e62a"; }

.pe-7s-bottom-arrow:before {
  content: "\e6a8"; }

.pe-7s-notebook:before {
  content: "\e62b"; }

.pe-7s-note:before {
  content: "\e62c"; }

.pe-7s-next:before {
  content: "\e62d"; }

.pe-7s-news-paper:before {
  content: "\e62e"; }

.pe-7s-musiclist:before {
  content: "\e62f"; }

.pe-7s-music:before {
  content: "\e630"; }

.pe-7s-mouse:before {
  content: "\e631"; }

.pe-7s-more:before {
  content: "\e632"; }

.pe-7s-moon:before {
  content: "\e633"; }

.pe-7s-monitor:before {
  content: "\e634"; }

.pe-7s-micro:before {
  content: "\e635"; }

.pe-7s-menu:before {
  content: "\e636"; }

.pe-7s-map:before {
  content: "\e637"; }

.pe-7s-map-marker:before {
  content: "\e638"; }

.pe-7s-mail:before {
  content: "\e639"; }

.pe-7s-mail-open:before {
  content: "\e63a"; }

.pe-7s-mail-open-file:before {
  content: "\e63b"; }

.pe-7s-magnet:before {
  content: "\e63c"; }

.pe-7s-loop:before {
  content: "\e63d"; }

.pe-7s-look:before {
  content: "\e63e"; }

.pe-7s-lock:before {
  content: "\e63f"; }

.pe-7s-lintern:before {
  content: "\e640"; }

.pe-7s-link:before {
  content: "\e641"; }

.pe-7s-like:before {
  content: "\e642"; }

.pe-7s-light:before {
  content: "\e643"; }

.pe-7s-less:before {
  content: "\e644"; }

.pe-7s-keypad:before {
  content: "\e645"; }

.pe-7s-junk:before {
  content: "\e646"; }

.pe-7s-info:before {
  content: "\e647"; }

.pe-7s-home:before {
  content: "\e648"; }

.pe-7s-help2:before {
  content: "\e649"; }

.pe-7s-help1:before {
  content: "\e64a"; }

.pe-7s-graph3:before {
  content: "\e64b"; }

.pe-7s-graph2:before {
  content: "\e64c"; }

.pe-7s-graph1:before {
  content: "\e64d"; }

.pe-7s-graph:before {
  content: "\e64e"; }

.pe-7s-global:before {
  content: "\e64f"; }

.pe-7s-gleam:before {
  content: "\e650"; }

.pe-7s-glasses:before {
  content: "\e651"; }

.pe-7s-gift:before {
  content: "\e652"; }

.pe-7s-folder:before {
  content: "\e653"; }

.pe-7s-flag:before {
  content: "\e654"; }

.pe-7s-filter:before {
  content: "\e655"; }

.pe-7s-file:before {
  content: "\e656"; }

.pe-7s-expand1:before {
  content: "\e657"; }

.pe-7s-exapnd2:before {
  content: "\e658"; }

.pe-7s-edit:before {
  content: "\e659"; }

.pe-7s-drop:before {
  content: "\e65a"; }

.pe-7s-drawer:before {
  content: "\e65b"; }

.pe-7s-download:before {
  content: "\e65c"; }

.pe-7s-display2:before {
  content: "\e65d"; }

.pe-7s-display1:before {
  content: "\e65e"; }

.pe-7s-diskette:before {
  content: "\e65f"; }

.pe-7s-date:before {
  content: "\e660"; }

.pe-7s-cup:before {
  content: "\e661"; }

.pe-7s-culture:before {
  content: "\e662"; }

.pe-7s-crop:before {
  content: "\e663"; }

.pe-7s-credit:before {
  content: "\e664"; }

.pe-7s-copy-file:before {
  content: "\e665"; }

.pe-7s-config:before {
  content: "\e666"; }

.pe-7s-compass:before {
  content: "\e667"; }

.pe-7s-comment:before {
  content: "\e668"; }

.pe-7s-coffee:before {
  content: "\e669"; }

.pe-7s-cloud:before {
  content: "\e66a"; }

.pe-7s-clock:before {
  content: "\e66b"; }

.pe-7s-check:before {
  content: "\e66c"; }

.pe-7s-chat:before {
  content: "\e66d"; }

.pe-7s-cart:before {
  content: "\e66e"; }

.pe-7s-camera:before {
  content: "\e66f"; }

.pe-7s-call:before {
  content: "\e670"; }

.pe-7s-calculator:before {
  content: "\e671"; }

.pe-7s-browser:before {
  content: "\e672"; }

.pe-7s-box2:before {
  content: "\e673"; }

.pe-7s-box1:before {
  content: "\e674"; }

.pe-7s-bookmarks:before {
  content: "\e675"; }

.pe-7s-bicycle:before {
  content: "\e676"; }

.pe-7s-bell:before {
  content: "\e677"; }

.pe-7s-battery:before {
  content: "\e678"; }

.pe-7s-ball:before {
  content: "\e679"; }

.pe-7s-back:before {
  content: "\e67a"; }

.pe-7s-attention:before {
  content: "\e67b"; }

.pe-7s-anchor:before {
  content: "\e67c"; }

.pe-7s-albums:before {
  content: "\e67d"; }

.pe-7s-alarm:before {
  content: "\e67e"; }

.pe-7s-airplay:before {
  content: "\e67f"; }

.ellipsis-icon:before {
  content: "\u2026";
}
/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */

.banner h1, .slider h1, .banner h2, .slider h2 {
  color: #fff; }

.banner p, .slider p {
  color: #fff; }

.slider h1, .slider h2 {
  color: #000; }

.slider p {
  color: #666666; }

/* under genre header */

/* under normal header */

.banner-nav {
  background: #fff;
}
  .banner-nav a {
    color: #444444; }

    .banner-nav a:hover {
      color: #8cd438;
      transition: all 0.3s;
    }
    li .banner-nav a:active {
      color: #649e22; }

  .banner-nav i {
    color: #76B82A; }
    .banner-nav i:hover {
      color: #8cd438;
      transition: all 0.3s; }

    li .banner-nav i:active {
      color: #649e22; }

  li .banner-nav:hover a {
    color: #76B82A;
    text-decoration: none;
    transition: all 0.3s; }

    li .banner-nav:hover a:hover {
      color: #8cd438;
      transition: all 0.3s; }

    li .banner-nav:hover a:active {
      color: #649e22; }

  li .banner-nav:hover i {
    color: #76B82A;
    text-decoration: none;
    transition: all 0.3s; }

    li .banner-nav:hover i:hover {
      color: #8cd438;
      transition: all 0.3s; }

    li .banner-nav:hover i:active {
      color: #649e22; }

.banner-dark .banner-nav {
  border-top: none;
  background: rgba(0, 0, 0, 0.8); }
  .banner-dark .banner-nav a,
  .banner-dark .banner-nav i {
    color: #fff; }
    .banner-dark .banner-nav li:hover a,
    .banner-dark .banner-nav li:hover i,
    .banner-dark .banner-nav li.active:hover i,
    .banner-dark .banner-nav li.active:hover a{
      color: #8cd438;
      text-decoration: none;
      transition: all 0.3s; }
        .banner-dark .banner-nav li.active i,
        .banner-dark .banner-nav li.active a {
          color: #649e22;
        }

.hire {
  background: #f8f8f8;
  padding: 20px 10px;
  margin: 15px 0 30px 0; }
  .hire .col-sm-6 {
    padding-bottom: 10px; }
    @media screen and (max-width: 480px) {
      .hire .col-sm-6 {
        text-align: left; } }
    .hire .col-sm-6:first-child {
      border-right: 1px solid #888888; }
      @media screen and (max-width: 480px) {
        .hire .col-sm-6:first-child {
          border-right: none; } }
  .hire label {
    font-size: 16px !important; }


    .pref-item {
      margin: 0 0 5px 0;
    }
      .pref-item .menu-dropdown {
        float: right; }
      .pref-item .onoffswitch {
        float: right; }
      .pref-item p {
        float: left; }

        .onoffswitch {
          position: relative;
          width: 50px;
          user-select: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none; }

        .onoffswitch-checkbox {
          display: none; }

        .onoffswitch-label {
          display: block;
          overflow: hidden;
          cursor: pointer;
          border-radius: 20px; }

        .onoffswitch-inner {
          display: block;
          width: 200%;
          margin-left: -100%;
          transition: margin 0.2s ease-in 0s; }

        .onoffswitch-inner:before, .onoffswitch-inner:after {
          display: block;
          float: left;
          width: 50%;
          height: 28px;
          padding: 0;
          line-height: 30px;
          font-size: 14px;
          color: white;
          font-family: Trebuchet, Arial, sans-serif;
          font-weight: bold;
          box-sizing: border-box; }

        .onoffswitch-inner:before {
          content: "";
          padding-right: 20px;
          background-color: #76B82A; }

        .onoffswitch-inner:after {
          content: "";
          background: #dddddd;
          padding-left: 20px;
          border-radius: 20px;
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); }

        .onoffswitch-switch {
          display: block;
          width: 24px;
          height: 24px;
          margin: 2px;
          background: #FFFFFF;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 22px;
          border: 0px solid #76B82A;
          border-radius: 20px;
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
          transition: all 0.2s ease-in 0s; }

        .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
          margin-left: 0; }

        .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
          right: 0; }