
body{
    font-family:'Open Sans';
    background-color:#fff;
    text-decoration:none;
}

html{
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
/** 
	First Section
**/

.first_section{
	height: 85vh;
	width:100%;
	position:relative;
    min-height:500px;
    background: transparent;
    top:0px;
    margin-top:80px;
    margin-left:0px;
    margin-right:0px;

}

.parallax-mirror > img{
    opacity:0.65;
}

.scroll_text{
    position:absolute;
    bottom:0px;
    left:50%;
    z-index:6;
    transform: translate(-50%, -50%);
    color:#c03f96;
}

.first_section > .background_opacity {
	background-color: rgba(255, 255, 255, 0.35);
	width: 100%;
    position: absolute;
    top: 0px;
    min-height:500px;
    height: 85vh;
    z-index:5;
}

.first_section .centered_elements{
    position: relative;
    color: #136D92;
    text-align: center;
    width:100%;
    z-index:6;
    height: 100%;
    top: -500px;
}

.first_section .centered_elements  .top_group  .header_text{
	font-size:48px;
	font-family:'quicksand';
}

#activation_center_elements{
    top:-600px;
}
#activation_logo{
    width:100px;
    height:100px;
    background-repeat:no-repeat;
    background-size:contain;
    margin-top:20px;
}

.subheader_text{
	font-size: 18px;
    position: relative;
    top: 20px;
    font-family:'Open Sans';
    opacity:0.5;
}

.subheader_text.activation{
    width:80%;
    font-size:1.5em;
    top:0px;
}

.cta_group_activation{
    margin-top:100px;
}
.first_section .hero_image{
    
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: 0px;
    opacity:0.35;
    background-image: url('../img/index/hero.jpg')
   
}

.first_section > .centered_elements > .cta_group{
	transform: translateY(100%);
}

.first_section > .centered_elements > .cta_group> a, .center_elements > a{
	border:1px transform;
	border-radius:4px;
	outline:none;
	text-decoration: none;
	font-family: 'open sans';

}

.first_section > .centered_elements > .cta_group > a.book_appt_cta , a.book_appt_cta{
    background-color: #136D92;
    border: 1px transparent;
    text-decoration: none;
    padding: 15px 75px 15px 75px;
    color: #fff;
    font-size: 24px;
}

.center_elements > a{
    padding: 5px 30px 5px 30px;
    color: #fff;
    font-size: 20px;
    opacity: 0.9;
    top: -12px;
    position:relative;
    display: none;
}

a:hover{
	text-decoration: none;
}

a.book_appt_cta:hover{
	background-color: #389CA9!important;

}

.first_section > .centered_elements > .cta_group > .cta_subtext{
	position:relative;
	top:30px;
	font-family: 'Open Sans';
    font-size:16px;
    visibility:hidden;
}

.call_us{
	font-size:30px;
    opacity:0.8;
}

@media (max-width: 1400px){
    .header_text {
        font-size: 40px!important;
    }
}
@media(max-width:1250px){
    .header_text {
        font-size:36px!important;
    }

    .first_section > .centered_elements > .cta_group {
        transform: translateY(60%)!important;
    }
}
@media (max-width: 1100px){
    .header_text {
        font-size: 30px!important;
    }
}
@media(max-width:930px){
    .header_text {
        font-size:24px!important;
    }

    .subheader_text{
        font-size:16px!important;
    }

    .fifth_section > .image_banner > div > div {

        width: 160px!important;
    }
    .fifth_section > .image_banner > div {
        margin-bottom:auto;
    }
}
@media screen and ( max-height: 700px ){
    .header_text {
        font-size:36px!important;
    }
    .first_section > .centered_elements > .cta_group {
        transform: translateY(60%)!important;
    }
/*    .first_section > .centered_elements {
    top: 60px!important;
    }*/
}
a.what_we_treat{
    position: absolute;
    bottom: 10px;
    border: 1px solid #136D92;
    color: #136D92;
    padding: 15px 50px 15px 50px;
    font-size: 16px;
    background-color: #fff;
    opacity: 0.9;
    left: 50%;
    z-index:8;
    opacity:0.8;
    transform: translate(-50%, -50%);
     border-radius: 4px;



}

a.what_we_treat:hover{
	background-color: #136d92!important;
	color:#fff!important;
}


/*span.dotted_arrow{
    background-image: url('../img/index/dotted_arrow.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;   
}*/
.down_arrow {
    background-image: url('../img/index/down_arrow.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    cursor:pointer;
    position: relative;
   
}



.down_arrow.hovered{
    background-image: url('../img/index/down_arrow_H.svg');
}

/**
Second Section 
**/

.second_section{
	/*height:75vh;*/
	background-color:#fff;
    /*min-height:600px;*/
    padding-bottom: 40px;
}

.second_section > .how_it_works_header, 
.third_section > .testimonial_header, 
.fourth_section > .meet_our_physicians_header, 
.fifth_section > .pharmacy_partners_header, 
.what_we_offer_section > div.header {
	text-align:center;
	color:#126d92;
	font-family:'quicksand';
	font-size:48px;
	margin-top:50px;
    margin-bottom:50px;
}

.satisfaction{
    font-size:16px;
    opacity:0.5;
}
.second_section > .marketing_icons{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.second_section > .lab_testing_banner{
    margin-top:40px;
    color:#136d92;
}

.second_section > .marketing_icons > div{
	width:30%;
	color:#136d92;
	display:inline-block;
	vertical-align: top;
}

.lab_order_link{
    color:#c03f96;
}

.second_section > .marketing_icons > div > .icon{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:150px;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    cursor:pointer;
}

.second_section > .marketing_icons > div > .header{
	font-size:24px;
	font-family:'open sans';
	margin-bottom:15px;
}

.second_section > .marketing_icons > div > .subtext{
	width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size:16px;
}

span.call_us{
    display:none;
}
.select_time_container > .icon{
	background-image: url(../img/index/schedule.svg);
}
.select_time_container > .icon.hovered{
    background-image: url(../img/index/schedule_H.svg);
}
.speak_to_doctor_container > .icon{
	background-image: url(../img/index/doctor.svg);
}
.speak_to_doctor_container > .icon.hovered{
    background-image: url(../img/index/doctor_H.svg);
}
.pick_up_prescription_container > .icon{
	background-image: url(../img/index/prescribe.svg);
}
.pick_up_prescription_container > .icon.hovered{
    background-image: url(../img/index/prescribe_H.svg);
}

/*
What We Offer
*/

.offer.left-section{
    text-align:right;
}


/**
Third Section
**/

.third_section{

	background-color:#fff;
    min-height:500px;
    margin-bottom:50px;
}

.carousel-inner.scrolling_images {
	text-align:center;
}


.review_count{
    text-align:center;
    font-size:16px;
    color:#bbbdbf;
    position:relative;
    top:-10px;
    cursor:pointer;
}

.review_count:hover{
    color:#000;
}


.review_text{
    vertical-align: middle;
	display:inline-block;
    width: 60%;
    margin-left: 5%;
    margin-right: 5%;
    font-size:20px;
    line-height:30px;
    font-family:'Open Sans';
    color:#136D92;
 }

.scrolling_images > div.image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:20px;
    width:20px;
    background-image: url(../img/index/carousel_dot.svg);  
}
.reviewer_name{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #C03f96;
    font-family: quicksand;
    font-size: 20px;
    position: relative;
    top: 2px;
}
.reviewer_image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:80px;
    width:80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.yelp{
    text-align:center;
    font-size:16px;
    color:#136d92;
}

.yelp > .yelp_inner{
    display:inline;
}

.yelp_reviews{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height:25px;
    width:200px;



}
.yelp_text_container{
    margin-bottom: 25px;
}

p.review_number{
    position: relative;
    top: 20px;"
}
.total_stars{
    margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
}
.yelp_text_container > .reviewer_location{
    color:#C03f96;
}
.yelp_text_container > .stars, .total_stars.five{
    background-image: url(../img/index/stars_map.png);
    background-position: 20px -165px;
    height: 20px;
    width: 135px;
    background-repeat: no-repeat;
    background-size: cover;
}
.right_arrow, .left_arrow{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:50px;
    width:50px;
    vertical-align: top;
    display:inline-block;
    position:absolute;
    
}
.third_section > .logo_images{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
    margin-top:30px;
    margin-bottom:20px;

}


/* Override Bootstrap carousel styles */
#myCarousel{
    width:60%;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
.carousel-control{
    background-image: inherit!important;
}
.carousel-indicators{
    z-index:1!important;
    bottom: 5px!important;
}
.carousel-indicators li{
    background-color:rgba(19, 109, 146, 1)!important;
    border:none!important;
}
.carousel-indicators li.active{
    background-color:rgba(56, 156, 169, 1)!important;
}
.carousel-inner > .item{
    min-height:300px;
    cursor:pointer;
}

.item > .review_text{
    overflow: hidden;
    height: 156px;
}

.item.active > .review_text:after{
    content:' ';
    position:absolute;
    background:#e0e0e0;
    bottom:0px;
    left:0px;
    width:100%;

}

.item.active.hover{
    background-color: #f7f8f9!important;
    border:1px #bbbdbf;
}
/***** *****/
.third_section > .logo_images > div{
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height:50px;
    width:200px;
    display:inline-block;
}

.yelp_reviews{
	background-image: url(../img/index/yelp.png);
    position: relative;
    top: -15px;
    width: 200px;
    right:-60px;
    background-position-x: 64px;
}

.better_business{
	background-image: url(../img/std_testing_page/Better-Business-Bureau.png);
}

.trustpilot{
	background-image: url(../img/index/trustpilot_logo.png);
}
.right_arrow{
    right:10%;
	background-image: url(../img/index/right_quote.svg);
	
}

.left_arrow{
    left:10%;
	background-image: url(../img/index/left_quote.svg);	
}


.fourth_section{
	background-color:#f7f8f9;
	/*height:75vh;*/
    /*min-height:500px;*/
    /*height: 625px;*/
    position:relative;
    padding-top: 50px;
    padding-bottom: 50px;

}
.popover{
    border-color:#136d92;
}
h3.popover-title{
    color:#136d92;
    text-align:center;
    font-family:'quicksand';
    font-weight:700;
}

.fourth_section > .meet_our_physicians_subheader{
    font-family: 'Open Sans';
    text-align: center;
    font-size: 20px;
    color: #136d92;
}

.fourth_section > .image_banner, .fifth_section > .image_banner{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top: 25px;
}


.fifth_section > .image_banner > div{
    margin-bottom: 3%;
}

.doctor_image{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height:150px;
    width:150px;
    margin-left: auto;
    margin-right: auto;
}

.doctor_image.hovered{
    border:3px solid #c03f96;
    cursor:pointer;
}

.carousel_arrow.forward{
 background-image: url(../img/index/doctor_carousel_arrow.svg);   
}
.carousel_arrow.forward.hovered{
    background-image: url(../img/index/doctor_carousel_arrow_H.svg);  
}

.carousel_arrow.backward.hovered{
    background-image: url(../img/index/left_arrow_H.svg);
}
.carousel_arrow{

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 40px;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    /*top: 50%;*/
    transform: translateY(100%);
}
.carousel_arrow.backward{
    background-image: url(../img/index/left_arrow.svg);
    /*transform: translate(-100%, -100%);*/
}

#doctor-carousel .carousel-inner{
    overflow:visible;
}

#doctor-carousel .item{
    margin-left:10%;
    width:80%;
}
.doctor_image_still{
    border:none;
}

.doctor_widget{
    display: inline-block;
    width: 19.5%;
    color: #136d92;
}

.doctor-image{
    margin-top: 15px;
}

.doctor_widget .name, .doctor_widget .school{
    text-align: center;
    margin-top:10px;
}

#doctor-advance{
    width:10%;
}

.fifth_section{
	background-color:#fff;
	/*height:75vh;*/
    /*min-height:500px;*/
    padding-bottom: 40px;
}

.fifth_section > .image_banner > div > div{
    display: inline-block;
    /* width: 15%; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
    width: 200px;
    margin-left: 5%;
    /* margin-right: auto; */
    margin-right: 5%;

}

 .safeway{
    background-image: url(../img/svgs/Safeway.svg); 
}
.rite_aid{
    background-image: url(../img/svgs/RiteAid.svg); 
}
.walmart{
    background-image: url(../img/svgs/Walmart.svg); 
}
.costco{
    background-image: url(../img/svgs/Costco.svg); 
}
.cvs{
    background-image: url(../img/svgs/CVS.svg); 
}
 .walgreens{
    background-image: url(../img/svgs/Walgreens.svg); 
}

.what_we_offer_section{
    height:75vh;
    min-height:700px;
    background-color:#f7f8f9;
}

.what_we_offer_section > .content > .price_section {
    position: relative;
    top: -25px;
    text-align: center;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
    height: 150px;
}

.repeat_price{
    margin-left:75px;
}

.what_we_offer_section > .content > .price_section > .price{
    font-size: 70px;
    opacity: 0.25;
}

.what_we_offer_section div.message{
    text-align:left;
    max-width:300px;
}
.what_we_offer_section .check_box{
    background-image: url(../img/index/checkbox.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 20px;
    text-align: left;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.what_we_offer_section .discounts{
    display:inline;
    font-size:14px;
}

.insurance_banner{
    max-width:500px; 
    margin-top:30px;
}

.insurance_banner > .header{
    font-size:18px; 
    font-family:'quicksand'; 
    font-weight:700;
}

.insurance_banner > .subtext{
    text-align:left; margin-top:10px;
}

.what_we_offer_section .price_section, .what_we_offer_section .offer_section{
    display:block;
    color:#136d92;
}

.price_subheader{
    font-size: 22px;
    opacity: 0.25;
}
footer{
	position:relative;
}

.popover{
    z-index:20;
}


@media (max-width: 1280px) {
  .doctor_image{
    width:100px;
  }

  .what_we_offer_section > .content > .right_section > div > .discounts{
    font-size:14px;
  }
}
