*{
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: ProximaNovaSemiBold;
  src: url("../fonts/ProximaNova-Semibold.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaBold;
  src: url("../fonts/ProximaNova-Bold.otf") format("opentype");
}
@font-face {
  font-family: ProximaNovaRegular;
  src: url("../fonts/ProximaNova-Regular.otf") format("opentype");
}
@font-face {
  font-family: HelveticaNeue;
  src: url("../fonts/HelveticaNeue.otf") format("opentype");
}
@font-face {
  font-family: HelveticaNeueBold;
  src: url("../fonts/HelveticaNeue-Bold.otf") format("opentype");
}
@font-face {
  font-family: KlinicSlabMedium;
  src: url("../fonts/KlinicSlabMedium.otf") format("opentype");
}
body{
  background: #E9F9FA !important;
  font-family: 'ProximaNovaRegular', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
.spaced {
  letter-spacing: 2px;
}
.container{
  background: #ffffff !important;
}
.logo_area{
  padding: 4.5% 0px 4.5% 35%;
}
.top-nav .row {
  margin-left: 0px;
  margin-right: 0px;
}
.nav-contact li span.glyphicon{
  color: #1EBEC9;
  font-size: 10px;
  padding-right: 5px;
}
.nav-contact li{
  color: #909092;
  font-weight: normal;
}
.nav-contact li a{
  font-size: 12px;
  padding-left: 20px;
  padding-top: 10px;
  letter-spacing: 1px;
  color: #909092;
  text-decoration: none;
}
.navbar-default{
  border: none !important;
  background: none !important;
}
.navbar-collapse{
  padding: 0 !important;
  margin: 0 !important;
}
.navbar{
  margin-bottom: 5px !important;
  min-height: 70px;
}
@media (min-width: 960px) {
  .navbar{
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
.navbar-nav > li > a{
  padding: 0 !important;
  margin-top: 3px;
  color: #909092 !important;
  font-family: 'ProximaNovaSemiBold';
  letter-spacing: 1px;
  height: 24px;
}
.navbar-nav > li > a:hover,.selected{
  border-bottom: 3px solid #20BECA !important;
}
.navbar-nav > li > a.order_button{
  padding: 3px 10px !important;
  margin-top: 0 !important;
  background: #20BECA !important;
  color: #ffffff !important;
}
.navbar-nav > li > a.order_button:hover{
  border-bottom: none !important;
}
.navbar-nav > li{
  margin-top: 5px;
  margin-left: 20px;
}
.navbar-header {
  height: 70px;
}
.selected{
  border-bottom: 3px solid #20BECA !important;
}
a.order_button{
  background: #20BECA;
  color: #ffffff;
}
a.order_button:hover{
  background: #20BECA;
  color: #ffffff;
  text-decoration: none;
}
.nav_menu a.order_button:hover{
  border-bottom: none !important;
}
.bg_area{
  min-height: 600px;
  background: url(../images/blur_bg.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.bg_area input{
  background: #F3F3F3;
  border: none;
  border-radius: 0px !important;
}
.filter_area .container .row{
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.lg_title{
  margin-top: 40px;
}
.lg_title p{
  font-family: 'ProximaNovaRegular';
  text-align: center;
  color: #ffffff;
  font-size: 44px;
}
p.styled {
  font-family: "ProximaNovaRegular";
  color: #818183;
  letter-spacing: 1px;
}
ul.list-unstyled.colored {
  font-family: "ProximaNovaRegular";
  color: #818183;
}
h1.title, h2.title, h3.title, h4.title, h5.title {
  font-family: 'ProximaNovaRegular';
  color: #1EBECA;
}
.filter_form{
  min-height: 200px;
  background: #ffffff;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 100px;
}
.filter_form .title p{
  font-family: 'ProximaNovaSemiBold';
  color: #20BECA;
  font-size: 17px;
  text-align: center;
}
.filter span{
  font-family: 'ProximaNovaRegular' !important;
  font-size: 28px;
  color: #818285;
  font-weight: normal;
  text-align: right;
}
.progress_bar{
  text-align: center;
}
.progress_bar img{
  margin-right: auto;
  margin-left: auto;
}
.filter{
  padding-top: 45px;
  padding-bottom: 20px;
}
.filter.disabled select, .filter.disabled span {
  color: lightgray;
}
.divider{
  height: 5px;
  margin-top:15px;
  border-bottom: 1px solid #C5C5C5;
}
.filter .col-sm-1 img{
  float: right;
  margin-top: 7px;
}
.last_text{
  margin-top: 15px;
}
.last_text p{
  font-family: 'ProximaNovaRegular';
  font-size: 16px;
  color: #818183;
  text-align: center;
  letter-spacing: 1px;
}
.last_text p a, p.styled a{
  color: #20BECA;
  text-decoration: none;
}
.next_button{
  margin-top: 25px;
  margin-bottom: 35px;
  text-align: center;
}
.next_button button, .next_button a{
  background: #1EBECA;
  border: none;
  padding: 8px 15px 5px 25px;
  font-family: 'ProximaNovaSemiBold';
  font-size: 19px;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}
.next_button button span, .next_button a span{
  font-size: 15px;
}
.next_button a {
  padding-top: 12px;
  padding-bottom: 9px;
  margin-right: 5px;
  text-decoration: none;
}
.below_filter{
  margin-top: 20px;
  margin-bottom: 60px;
  background: #ffffff;
}
.below_filter .title p{
  margin-top: 30px;
  margin-bottom: 20px;
  font-family: 'ProximaNovaRegular';
  font-size: 31px;
  color: #828186;
  text-align: center;
}
.below_filter .desc p{
  font-family: 'ProximaNovaRegular';
  text-align: center;
  color: #9A9A9C;
  font-size: 17px;

}
.email_input{
  text-align: center;
}
.email_input .input-group{
  margin-left: auto;
  margin-right: auto;
}
.email_input input{
  border: none;
  background: #F3F3F3;
  padding: 8px 20px 6px 20px;

}
.email_input span{
  color: #1EBECA;
  margin-left: -30px;
}
.email_input{
  margin-top: 25px;
  margin-bottom: 30px;
}

.footer_area{
  background: #818286;
  padding-top: 30px;
  overflow: hidden;
  border-top: 1px solid white;
}
.footer_logo img{
  float: right;
}
.list1{
  padding-top: 42px;
}
.list1 ul li{
  list-style: none;
}
.list1 ul li a{
  text-decoration: none;
  color: #ffffff;
  font-family: 'ProximaNovaSemiBold';
  text-transform: uppercase;
  letter-spacing: 1px;
}

.update_email input{
  margin-top: 48px;
  border: none;
  background: #ffffff;
  padding: 8px 20px 6px 20px;
  width: 85% !important;
}
.update_email span{
  color: #1EBECA;
  margin-left: -30px;
}
.update_email .input-group{
  width: 85% !important;
}
.social_area{
  margin-top: 20px;
}
.social_area a{
  float: left;
  padding: 2px;
  margin-right: 15px;
}
.facebook{
  background: url('../images/social.png') no-repeat 0 0;
  width: 10px;
  height: 17px;
}
.twitter{
  background: url('../images/social.png') no-repeat -30px -2px;
  width: 17px;
  height: 14px;
  margin-top: 3px;
}
.instagram{
  background: url('../images/social.png') no-repeat -65px -1px;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}
.youtube{
  background: url('../images/social.png') no-repeat -98px 0;
  width: 15px;
  height: 17px;
}
.pinterest{
  background: url('../images/social.png') no-repeat -133px 0;
  width: 13px;
  height: 17px;
}
.gplus{
  background: url('../images/social.png') no-repeat -166px 0;
  width: 16px;
  height: 17px;
}
.copyright_text{
  margin-bottom: 50px;
  margin-top: 70px;
}
.copyright_text p{
  font-family: 'ProximaNovaRegular';
  font-size: 17px;
  text-align: center;
  color: #ffffff;

}
.fix{
  overflow: hidden;
}

#filter_dropdown button{
  background-color: #EDEDED;
}

.select_input{

  background: url("../images/select_arrow.png") no-repeat 90% center #EDEDED;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
  /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
  color: #818285;
/*  display: block;*/
  font-size: 14px;
  padding: 5px 45px 4px 10px;
  line-height: 1.42857;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 5px;
}
.select_input option{

}
.blur{
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
.remove_icon a{

  color: #ccc !important;
  text-decoration: none !important;
  vertical-align: middle;
  margin-top: 12px;
  font-weight: normal !important;
}

/* ==================== */
/* signup page styles */
.signup_area{
  padding-top: 50px;
  height: 100%;
}
.signup_logo{
  text-align: center;
  background: #E9F9FA;
  padding-bottom: 40px;
}
.signup_logo img{
  margin-right: auto;
  margin-left: auto;
}
.signup_form_area{
  background: #E9F9FA;
}
.signup_form{
  background: #ffffff;
}
.signup_form_title{

  background: #818286;
  overflow: hidden;
  padding: 20px 25px 10px;
  border-bottom: 2px solid #E4E5E6;

}
.signup_form_title p{
  font-family: 'ProximaNovaSemiBold';
  text-transform: uppercase;
  color: #ffffff;
  float: left;
  letter-spacing: 1px;
}
.signup_form_title a{
  text-decoration: none;
  color: #ffffff;
  margin-top: 2px;
  float: right;
}
.signup_form_title a:hover{
  text-decoration: none;
  color: #ffffff;
}

.signup_input input{
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #E1E1E1;
  border-radius: 5px;
  padding: 14px 20px 12px;
  width: 100%;
  color: #999;
  font-family: 'ProximaNovaSemiBold';
  margin: 30px 0 0px;

}
.signup_input span{
  color: #BEBEBE;
  margin-left: -35px;
}
.signup_input .input-group{
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

.signup_form form p{
  font-family: 'HelveticaNeue';
  color: #BEBEBE;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
}

.signup_form form p a.bold_helvetica{
  font-family: 'HelveticaNeueBold';
  text-decoration: none;
  color: inherit;
}
.signup_button_area{
  margin-left: 20px;
  margin-right: 20px;
}
.signup_form form .signup_btn{
  background: #1EBECA;
  color: #ffffff;
  font-family: 'ProximaNovaBold';
  width: 100%;
  padding: 17px 20px 13px;
  letter-spacing: 1px;
  font-size: 20px;
  border-radius: 5px;
  border-top: none;
  border-left: none;
  border-right: 1px solid #E5E5E5;
  border-bottom: 2px solid #E5E5E5;
}
.signup_details {
  margin-top: -15px;
}
/* ====================== */
/* home page design */
/* ======================= */
.home_hero{
  background: url(../images/hero_bg.jpg) no-repeat scroll 0 0;
  background-size: auto 102.5%;
  overflow: hidden;
}
.home_hero .title p{
  padding-top: 45px;
  font-family: 'ProximaNovaRegular';
  color: #ffffff;
  text-align: center;
  font-size: 44px;
}
.home_hero .desc_text p{
  font-family: 'ProximaNovaRegular';
  color: #ffffff;
  text-align: center;
  font-size: 19px;
}
.home_hero .icons_area{
  padding-top: 50px;
  overflow: hidden;
}
.home_hero .icons_area .col-lg-4{
  text-align: center;
}
@media (min-width: 768px) {
  .home_hero .icons_area .col-lg-4{
    background: url(../images/hero_arrow.png) no-repeat 100% 30%;
  }
}
.home_hero .icons_area .col-lg-4:last-child{
  background: none;
}
.home_hero .icons_area .col-lg-4 p{
  color: #ffffff;
  font-family: "ProximaNovaRegular";
  font-size: 11px;
  letter-spacing: 1px;
  padding-top: 15px;
  text-transform: uppercase;
}
.home_hero .get_atarted{
  padding-top: 25px;
  overflow: hidden;
  text-align: center;
  padding-bottom: 70px;
}
.home_hero .get_atarted p{
  text-transform: uppercase;
  font-family: 'ProximaNovaSemiBold';
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 1px;
  padding-bottom: 25px;
}
.home_hero .get_atarted a.order_button{
  text-align: center !important;
  text-decoration: none;
  font-family: 'ProximaNovaSemiBold';
  font-size: 19px;
  padding: 10px 30px 10px 30px !important;
  text-transform: uppercase;
}
.lifestyle_area.col-lg-6, .lifestyle_area.col-md-6, .lifestyle_area.col-sm-6 {
  padding: 10px 5px 10px 0px !important;
  background: url(../images/lifestyle.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 380px;
  margin: 10px 0;
  right: 3px;
}
.lifestyle_area .title p{
  padding-left: 10%;
  /* z-index: 100;
  position: absolute;  */
  margin-top: 19%;
  color: #20BECA;
  font-family: 'ProximaNovaRegular';
  font-size: 26px;
  max-width: 280px;
  text-transform: uppercase;
}
.lifestyle_area .subtext a{
  text-decoration: none;
  padding-left: 10%;
  /* position: absolute; */
  font-family: 'ProximaNovaRegular';
  color: #999;
  text-transform: uppercase;
  padding-left: 50px;
  /* top: 55%; */
}
.lifestyle_area .subtext a i{
  font-size: 12px;
  padding-left: 5px;
}
.content_filter_area.col-lg-6, .content_filter_area.col-md-6, .content_filter_area.col-sm-6 {
  padding: 10px 0px 10px 5px !important;
  background: url(../images/filter.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 380px;
  margin: 10px 0;
  left: 3px;
}
.content_filter_area .title p{
  padding-right: 5%;
  padding-left: 60%;
  padding-top: 15%;
  /* left: 60%;
  z-index: 100; */
  /* position: absolute; */
  /* top: 30%; */
  color: #20BECA;
  font-family: 'ProximaNovaRegular';
  font-size: 26px;
  text-transform: uppercase;
}
.content_filter_area .subtext a{
  text-decoration: none;
  padding-left: 60%;
  /* position: absolute; */
  font-family: 'ProximaNovaRegular';
  color: #999;
  text-transform: uppercase;
  /* left: 60%;
  top: 65%; */
}
.content_filter_area .subtext a i{
  font-size: 12px;
  padding-left: 5px;
}
.subcontent_title{
  padding-top: 15px;
}
.subcontent_title p{
  font-family: 'ProximaNovaRegular';
  color: #20BECA;
  font-size: 30px;
  text-align: center;
}
.subcontent_subtitle{
  font-family: 'ProximaNovaRegular';
  color: #999;
  text-align: center;
  font-size: 18px;
  padding-bottom: 20px;
}
.subcontent_icons .col-lg-4{
  padding-bottom: 25px;
}
.subcontent_icons .col-lg-4 img{
  padding-bottom: 10px;
}
.subcontent_icons .col-lg-4{
  text-align: center;
}
.subcontent_icons .col-lg-4 h4{
  font-family: 'ProximaNovaBold';
  color: #20BECA;
  text-transform: uppercase;
  font-size: 14px;
}
.subcontent_icons .col-lg-4 p{
  font-family: 'KlinicSlabMedium';
  color: #999;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 16px;
}
.get_started_btn{
  padding-bottom: 30px;
  text-align: center;
}
.get_started_btn a{
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'ProximaNovaBold';
  text-align: center;
  color: #ffffff;
  background: #20BECA;
  padding: 10px 25px;
  letter-spacing: 1px;
}
.get_started_btn a:hover{
  text-decoration: none;
  color: #ffffff;
}