body{ font-family: 'Roboto', sans-serif; font-weight: 400;  }

a:focus, a:hover{ text-decoration: none; outline: none; }

body p{ font-size:0.875em; }

input:focus, textarea:focus, select:focus{outline: none; }

a.btn:focus, a.btn:hover, a.btn:active{ color: #fff; }

/*  Navigation

--------------------------------------------------------------------------------------------------------- */

.navbar-light .navbar-nav .active>.nav-link{ color: #00e0d0; }

.navbar-light .navbar-nav .nav-link{ color: #fff; font-size: 0.875rem; }

.navbar-light .navbar-nav .nav-link:focus{ color: #fff; }

.navbar-light .navbar-nav .nav-link:hover{ color: #00e0d0; }

.navbar-toggleable-md .navbar-nav .nav-link {padding-right: 0.75rem; padding-left: 0.75rem;}

.navbar-toggleable-md .navbar-nav .nav-item:last-child .nav-link{ padding-right: 0; }

.fixed-top{ top: 12px; }

.menu-scroll {padding-top: 0px; padding-bottom: 0px; position: fixed; top: 0; left: 0; right: 0; z-index: 300; box-shadow: 0 6px 12px rgba(0, 0, 0, .32); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .32); background-color:rgba(49, 29, 94, 1); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; height: 85px; padding: 9px 15px; }



.innerpagebanner { background: url('../images/homebg.jpg') no-repeat bottom left / cover; position: relative; height: 378px; }

.innerpagebanner.privacy-policy {background: url('../images/privacy-policy.jpg') no-repeat bottom left / cover;}

.innerpagebanner.contact {background: url('../images/contact-bg.jpg') no-repeat bottom left / cover;}

.innerpagebanner.user_test_banner{background: url('../images/user-test-bg.jpg') no-repeat bottom left / cover; height: 378px;}

.inner-slide{display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; min-height: 285px; outline: none; position: relative; z-index: 100;}

.inner-slide h1{ font-family: 'Merriweather', serif; color: #00e7d8; font-size: 2rem; padding-bottom: 27px; position: relative; line-height: normal; text-transform: uppercase;}

.inner-slide .slide-btn{ border: 1px solid #0ad8cf; color: #fff; height: 47px; line-height: 46px; padding-left: 15px; font-size: 1.2rem; font-weight: 500; text-decoration: none; }

.inner-slide .slide-btn span{ position: relative; overflow: hidden; padding: 0 15px 0 38px; display: inline-block; vertical-align: top; height: 47px; line-height: 46px; width: 290px; font-weight: 300; font-size: 1.2rem; color: #000; } 

.inner-slide .slide-btn span::before{ content: ''; width: 100%; height: 45px; position: absolute; top: 0; right: 0; z-index: -1; background: url(../images/button.png); }

.inner-slide .slide-btn:hover, .inner-slide .slide-btn:focus{ text-decoration: none; }

.percent-wrap{ font-family: 'Merriweather', serif; color: #00e7d8; font-size: 2rem; }

.percent-wrap #percent{ padding-right: 10px; font-weight: 900; }

.user_test_banner .inner-slide h1{ padding: 0; }



/*  Home Page Slider

--------------------------------------------------------------------------------------------------------- */

.home, .ask-to-dr{ background: url('../images/homebg.jpg') no-repeat bottom left / cover; position: relative; height: 670px; }

.overlay{ background: rgba(9,5,47,0.85); background: -moz-linear-gradient(left, rgba(9,5,47,0.85) 0%, rgba(49,29,94,0.85) 100%); background: -webkit-linear-gradient(left, rgba(9,5,47,0.85) 0%,rgba(49,29,94,0.85) 100%); background: linear-gradient(to right, rgba(9,5,47,0.85) 0%,rgba(49,29,94,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09052f', endColorstr='#311d5e',GradientType=1 ); width: 100%; height: 100%; padding: 94px 0 0; }

.home-slide .title{ font-family: 'Merriweather', serif; color: #fff; font-size: 2rem; padding-bottom: 27px; position: relative; line-height: normal}

.home-slide .title::after{ background: #00e0d0; width: 50px; height:1px; content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; }

.home-slide .free-percent{ font-size: 3rem; color: #00e0d0; font-weight: 900; font-family: 'Roboto', sans-serif; margin: 48px 0; display: inline-block; }

.home-slide .slide-btn{ border: 1px solid #0ad8cf; color: #fff; height: 47px; line-height: 46px; padding-left: 15px; font-size: 1.2rem; font-weight: 500; }

.home-slide .slide-btn span{ position: relative; overflow: hidden; padding: 0 15px 0 38px; display: inline-block; vertical-align: top; height: 47px; line-height: 46px; width: 290px; font-weight: 300; font-size: 1.2rem; color: #000; } 

.home-slide .slide-btn span::after{ content: ''; width: 100%; height: 45px; position: absolute; top: 0; right: 0; z-index: -1; background: url(../images/button.png); }

.home-slide .slide-btn:hover{ text-decoration: none; }



/* Slider */

.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus {outline: none; }

.slick-list.dragging {cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; opacity: 0; }

.slick-track::before, .slick-track::after {display: table; content: ''; }

.slick-track::after {clear: both; }

.slick-loading .slick-track {visibility: hidden; }

.slick-slide {display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide {float: right; }

.slick-slide img {display: block; }

.slick-slide.slick-loading img {display: none; }

.slick-slide.dragging img {pointer-events: none; }

.slick-initialized .slick-slide {display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; min-height: 576px; outline: none; }

.slick-loading .slick-slide {visibility: hidden; }

.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden {display: none; }



/* Slider */ 

.slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; }



/* Icons */ 

@font-face {font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } 



/* Arrows */

.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; }

.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {opacity: 1; }

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {opacity: .25; }

.slick-prev::before, .slick-next::before {font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev {left: -25px; }

[dir='rtl'] .slick-prev {right: -25px; left: auto; }

.slick-prev::before {content: '←'; }

[dir='rtl'] .slick-prev::before {content: '→'; }

.slick-next {right: -25px; }

[dir='rtl'] .slick-next {right: auto; left: -25px; }

.slick-next::before {content: '→'; }

[dir='rtl'] .slick-next::before {content: '←'; }



/* Dots */ 

.slick-dotted.slick-slider {margin-bottom: 30px; }

.slick-dots {position: absolute; bottom: 25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.slick-dots li {position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 7px; padding: 0; cursor: pointer; }

.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 1px solid #bab9bc; outline: none; background: transparent; border-radius: 50%; }

.slick-dots li button:hover, .slick-dots li button:focus {outline: none; }

.slick-dots li.slick-active button{opacity: 1; color: black; background: #00e0d0; border-color: #00e0d0; }



/*  Main Content

--------------------------------------------------------------------------------------------------------- */

.main{ padding: 74px 0; }



/* Page Title */

.page-title{ margin: 0 0 25px; padding: 13px 0; position: relative; }

.page-title::before{ content: ''; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0px; background: rgb(0,224,208); background: -moz-linear-gradient(left, rgba(0,224,208,1) 0%, rgba(74,163,204,1) 36%, rgba(204,204,204,1) 67%, rgba(255,255,255,1) 91%); background: -webkit-linear-gradient(left, rgba(0,224,208,1) 0%,rgba(74,163,204,1) 36%,rgba(204,204,204,1) 67%,rgba(255,255,255,1) 91%); background: linear-gradient(to right, rgba(0,224,208,1) 0%,rgba(74,163,204,1) 36%,rgba(204,204,204,1) 67%,rgba(255,255,255,1) 91%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e0d0', endColorstr='#ffffff',GradientType=1 ); }

.page-title .title{ margin: 0; padding: 0; width: 100%; font-size: 2.250rem; font-weight: 900; color: #212120; }

.page-title .title-caption{ font-size: 1rem; font-weight: 400; color: #797979; }



/* Page Content */

.main p{ font-size: 0.875em; line-height: 24px; margin: 0; padding: 0 0 20px; }

.main ul.style-list{ margin: 0 0 40px; padding: 0; list-style-type: none; }

.main ul.style-list li{ margin: 0; padding: 0 0 0 26px; list-style-type: none; font-size: 0.875em; line-height: 30px; background: url('../images/bullet-img.png') no-repeat 0 7px; }



/* About Page - Questions */

.return-ques-list{ position: absolute; right: 0; top: 21px; border: 1px solid #311d5e; background: #311d5e; color: #fff; padding: 10px; border-radius: 5px; display: none; }

.return-ques-list:hover{ color: #fff; text-decoration: none; }

.main ul.question-list{ margin: 0 0 40px; padding: 0; list-style-type: none; }

.main ul.question-list li{ margin: 0; padding: 0 0 0 26px; list-style-type: none; font-size: 0.875em; line-height: 30px; background: url('../images/bullet-img.png') no-repeat 0 7px; }

.main ul.question-list li a{ color: #292b2c; font-weight: 600; }

.main .question h3{ margin: 0; padding: 0 0 15px 30px; font-size: 1.3rem; position: relative; }

.main .question h3::before{ content: 'Q.'; position: absolute; left: 0; top: -3px; font-weight: 900; font-size: 1.5rem; color: rgba(49, 29, 94, 0.48); }

.main .question p{ font-size: 0.875em; line-height: 24px; margin: 0; padding: 0 0 20px; }

.main .question .answer{ position: relative; padding-left: 30px; }

.main .question .answer::before{ content: 'A.'; position: absolute; left: 0; top: -5px; font-size: 1.5rem; font-weight: 900; color: rgba(49, 29, 94, 0.48); }

.video-frame{ width: 854px; height: 480px; }

.video-wrap{ text-align: center; }

.video-wrap img{ border: 2px solid #dadada; display: inline-block; }



/* Wellness Resources page */

.main ul.wellness_resources_list{ margin: 0 0 40px; padding: 0; list-style-type: none; }

.main ul.wellness_resources_list li{ margin: 0; padding: 0 0 0 26px; list-style-type: none; font-size: 0.875em; line-height: 30px; background: url('../images/bullet-img.png') no-repeat 0 7px; }

.main ul.wellness_resources_list li a{ color: #292b2c; font-weight: 600; }



/* Privacy Ploicy and Terms & conditions */

.privacy-policy-content{ margin: 0; padding: 0; list-style-type: none; }

.privacy-policy-content li{ margin: 0; padding: 0; list-style-type: none; }

.privacy-policy-content li p{ font-size: 0.875em; line-height: 24px; margin: 0; padding: 0 0 20px 20px; }

.privacy-policy-content li p.topics{ font-weight: 600; padding: 10px 0 15px; font-size: 1.1rem; border-bottom: 1px solid #e4e4e4; margin-bottom: 15px; }

.privacy-policy-content li ul{ margin: 0 0 15px;}

.privacy-policy-content li ul li{ margin: 0; padding: 0 0 0 26px; list-style-type: none; font-size: 0.875em; line-height: 30px; background: url('../images/bullet-img.png') no-repeat 0 7px; }

.privacy-policy-content li ul.policy-contact{  }

.privacy-policy-content li ul.policy-contact li{ background: none; padding: 0; }

.privacy-policy-content li ul.policy-contact li p{ padding: 0 0 5px; font-size: 0.875em; }

.privacy-policy-content li ul.policy-contact li p i.fa{ margin-right: 5px; font-size: 1em; }

.privacy-policy-content li ul.policy-contact li p a{ color: #2f294d; }



.congratulationpopup-modal .modal-body{ padding: 25px; }

.congratulationpopup-modal .heading{ font-size: 1.5rem; }

.congratulationpopup-modal .cpopup-btn-group{ padding: 0 0 1rem; text-align: right; }

.congratulationpopup-modal ul.contact-list{ margin: 0; padding: 0; list-style-type: none; }

.congratulationpopup-modal ul.contact-list li{ margin: 0; padding: 0 0 5px; list-style-type: none; }

.congratulationpopup-modal ul.contact-list li p{ padding: 0; font-size: 0.875em; line-height: 24px; margin: 0; }

.congratulationpopup-modal ul.contact-list li p i.fa{ margin-right: 10px; font-size: 1em; }

.congratulationpopup-modal ul.contact-list li p a{ color: #2f294d; }





.survey-report{ border: 1px solid rgba(49, 29, 94, 0.3); padding: 30px; box-shadow: 10px 10px 10px 5px rgba(49, 29, 94, 0.2); margin-bottom: 50px;}

.survey-report p.report-title strong{ font-size: 1rem; }

.survey-report ul.report-data{ margin: 0; padding: 0 0 20px; list-style-type: none; }

.survey-report ul.report-data li{ font-size: 0.875rem; }

.survey-report .signature{ text-align: right; }

.survey-report .signature p{ padding: 0; }

.survey-report .signature h3{ font-size: 1.2rem; color: #29bece;}



.survey_report_content_table, .survey_report_content_section section{ border: 1px solid rgba(49, 29, 94, 0.3); padding: 30px; box-shadow: 10px 10px 10px 5px rgba(49, 29, 94, 0.2); margin-bottom: 50px;}
.survey_report_content_section section p, .survey_report_content_section section .commonArea p{font-size: 0.875em; line-height: 24px; margin: 0; padding: 0 0 20px;}
/* .survey_report_content_section section .commonArea{ font-size: 0.875em; line-height: 24px; } */
.survey_report_content_section section .commonArea br{ display: none; }

.survey_report_content_section section .commonArea table {width: 100%; max-width: 100%; margin-bottom: 1rem; }
.survey_report_content_section section .commonArea table th,  .survey_report_content_section section .commonArea table td {padding: 0.75rem; vertical-align: top; border-top: 1px solid #eceeef; }
.survey_report_content_section section .commonArea table thead th {vertical-align: bottom; border-bottom: 2px solid #eceeef; }
.survey_report_content_section section .commonArea table tbody + tbody {border-top: 2px solid #eceeef; }
.survey_report_content_section section .commonArea table table {background-color: #fff; }


.survey_report_content_section section .commonArea table {border: 1px solid #eceeef; }
.survey_report_content_section section .commonArea table th,  .survey_report_content_section section .commonArea table td {border: 1px solid #eceeef; }
.survey_report_content_section section .commonArea table thead th,  .survey_report_content_section section .commonArea table thead td {border-bottom-width: 2px; }

.survey_report_content_table h2{ font-size: 1.875rem; color: #311d5e; margin: 0 0 20px; padding: 10px 0; float: left; width: 100%; position: relative; font-weight: 600; border-bottom: 1px solid rgba(49, 29, 94, 0.3); }

.survey_report_content_table h2 span{ float: right; font-size: 0.875rem; font-weight: normal; line-height: 32px; color: #29bece; }

.survey_report_content_table h3{ margin: 0 0 10px; padding: 0 0 10px; font-size: 1.3rem; border-bottom: 1px solid rgba(49, 29, 94, 0.3); }

.survey_report_content_table ul{ margin: 0 0 40px; padding: 0; list-style-type: none; }

.survey_report_content_table ul li{ margin: 0; padding: 0 0 8px 26px; list-style-type: none; font-size: 0.975em; line-height: 30px; background: url('../images/bullet-img.png') no-repeat 0 7px; }

.survey_report_content_table ul li a{ color: #2f294d; }

.survey_report_content_table ul li a:hover{ color: #29bece; }



.survey_report_content_section h3.head, .survey_report_content_section section .head{font-size: 1.875rem; color: #311d5e; margin: 0 0 20px; padding: 10px 100px 10px 0; float: left; width: 100%; position: relative; font-weight: 600; border-bottom: 1px solid rgba(49, 29, 94, 0.3);}

.survey_report_content_section h3.head p, .survey_report_content_section section .head p{ display: inline; }

.survey_report_content_section h3 a.top-btn, .survey_report_content_section section .head a.top-btn{ position: absolute; right: 0; background-color: #29bece; border-color: #29bece; color: #fff;  }

.survey_report_content_section ul{  }

.survey_report_content_section ol{ margin: 0; padding-left: 30px; }

.survey_report_content_section ul li, .survey_report_content_section ol li{ font-size: 0.875rem; line-height: 24px; }

.survey_report_content_section ol li{ padding-bottom: 10px }

.survey_report_content_section a{ color: #29bece; font-weight: bold; }

.survey_report_content_section a:hover{ color: #311d5e; }

/***************COLORBOX END*************/



/*AADED ON 16/12/11*/
/*
.certificate{clear:both; overflow:hidden; margin-bottom:18px; } 

.certificate_top{background:url(../images/pattern.gif) repeat-x; width:973px; height:1px; float:left; }

.certificate_middle{width:972px; float:left; }

.left{background:url(../images/pattern_left.gif) repeat-y; width:1px; float:left; height:406px; }

.middle{width:971px; float:left; margin-bottom:20px; -webkit-box-shadow: #666666 0px 2px 10px; -moz-box-shadow: #666666 0px 2px 10px; box-shadow: #666666 0px 2px 10px; position:relative; }

.middle p{line-height:20px; }

.middle p span{color:#333333; }

.right{background:url(../images/pattern_left.gif) repeat-y; width:1px; float:left; height:406px; }

.green{color:#1b8877; } 
*/
.reportArea-wrap{margin:20px auto; overflow:hidden; width:635px; display: flex;}

.reportArea{ margin: 20px auto; width:426px; display: flex; justify-content: space-between; padding: 20px 20px 14px; background:#e7e7e7; border:1px solid #b7b7b7; -webkit-box-shadow: #c8c8c8 0px 2px 12px; -moz-box-shadow: #c8c8c8 0px 2px 12px; box-shadow: #c8c8c8 0px 2px 12px; position:relative; }

.reportArea2{ width:426px; float:left; display: flex; justify-content: space-between; padding: 20px 20px 14px; background:#e7e7e7; border:1px solid #b7b7b7; -webkit-box-shadow: #c8c8c8 0px 2px 12px; -moz-box-shadow: #c8c8c8 0px 2px 12px; box-shadow: #c8c8c8 0px 2px 12px; position:relative; }

.reportArea2-left{float:left;height:192px; width:190px;border:1px solid #b7b7b7; border-right:none; background:#E7E7E7; display: flex; justify-content: center; align-items: center; align-content: center;}

.reportArea2-left p{ font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#d62012; font-weight:bold; line-height:30px; text-align: center;}

.report{ width:338px; height:207px; margin:0 auto; }



ul.leftPanel{list-style:none; padding:0; float:left; margin: 0;}

ul.leftPanel li{display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:bold; color:#333333; padding:0 0 6px  0 !important; }



ul.middleArea{list-style:none; float:left; padding:0; margin: 0;}

ul.middleArea li{display:block; padding: 5px 0 12px  0 !important; }



ul.rightPanel{list-style:none; float:left; padding:0; margin: 0;}

ul.rightPanel li{display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:normal; color:#333333; padding:0 0 6px 21px !important; }



.excillent{width:30px; height:14px; border:1px solid #969696; background: #08fb01 url(../js/excillent.svg) no-repeat; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#08fb01), to(#00b200));

	background: -webkit-linear-gradient(#08fb01, #00b200); background: -moz-linear-gradient(#08fb01, #00b200); background: -ms-linear-gradient(#08fb01, #00b200); background: -o-linear-gradient(#08fb01, #00b200); background: linear-gradient(#08fb01, #00b200); -pie-background: linear-gradient(#08fb01, #00b200); position:relative; }

.good{width:40px; height:14px; border:1px solid #969696; background: #379767 url(../js/good.svg) no-repeat; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#379767), to(#006136)); background: -webkit-linear-gradient(#379767, #006136); background: -moz-linear-gradient(#379767, #006136); background: -ms-linear-gradient(#379767, #006136); background: -o-linear-gradient(#379767, #006136); background: linear-gradient(#379767, #006136); -pie-background: linear-gradient(#379767, #006136);

 position:relative; }

.fair{width:50px; height:14px; border:1px solid #969696; background: #feff01 url(../js/fair.svg) no-repeat; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feff01), to(#c2c700)); background: -webkit-linear-gradient(#feff01, #c2c700); background: -moz-linear-gradient(#feff01, #c2c700); background: -ms-linear-gradient(#feff01, #c2c700); background: -o-linear-gradient(#feff01, #c2c700); background: linear-gradient(#feff01, #c2c700); -pie-background: linear-gradient(#feff01, #c2c700);

 position:relative; }

.poor{width:60px; height:14px; border:1px solid #969696; background: #feff01 url(../js/poor.svg) no-repeat; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcce00), to(#dbb000)); background: -webkit-linear-gradient(#fcce00, #dbb000); background: -moz-linear-gradient(#fcce00, #dbb000); background: -ms-linear-gradient(#fcce00, #dbb000); background: -o-linear-gradient(#fcce00, #dbb000); background: linear-gradient(#fcce00, #dbb000); position:relative; }

.veryPoor{width:70px; height:14px; border:1px solid #969696; background: #feff01 url(../js/verypoor.svg) no-repeat; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f86900), to(#b83200)); background: -webkit-linear-gradient(#f86900, #b83200); background: -moz-linear-gradient(#f86900, #b83200); background: -ms-linear-gradient(#f86900, #b83200); background: -o-linear-gradient(#f86900, #b83200); background: linear-gradient(#f86900, #b83200); position:relative; }

.extremeUnhealthy{width:80px; height:14px; border:1px solid #969696; background: #feff01 url(../js/extremeUnhealthy.svg) no-repeat; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0015), to(#810000)); background: -webkit-linear-gradient(#ff0015, #810000); background: -moz-linear-gradient(#ff0015, #810000); background: -ms-linear-gradient(#ff0015, #810000); background: -o-linear-gradient(#ff0015, #810000); background: linear-gradient(#ff0015, #810000); -pie-background: linear-gradient(#ff0015, #810000); position:relative; }

.arrow{background:url(../images/arrowLeft.png) no-repeat scroll 0 6px;}



/*  Ask to Dr. Meschino Section

--------------------------------------------------------------------------------------------------------- */

.ask-to-dr{ background: url('../images/ask-dr-bg.png') no-repeat 0 -150px / cover; height: 229px; float: left; width: 100%; }

.ask-to-dr .overlay{ padding: 0; }

.content-wrap{ color: #d8d8d8; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; text-align: center }

.content-wrap h3{ font-size: 1.875rem; font-weight: 500; margin: 0; padding: 0 0 10px; }

.content-wrap p{ line-height: 24px; font-size: 0.875em; padding: 0 0 10px; }

.content-wrap a{ border: 1px solid #00e0d0; color: #00e0d0; font-size: 0.875em; display: inline-block; font-weight: 500; text-transform: uppercase; min-width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 2px; }

.content-wrap a:hover{ color: #000; background: #00e0d0; text-decoration: none; }



/*  Footer

--------------------------------------------------------------------------------------------------------- */

.footer{ float: left; width: 100%; border-top: 1px solid #c7b9e5;}

.footer-top{ margin: 0; padding: 20px 0; width: 100%; }

.footer-top .foo-links{ display: flex; justify-content: space-between; align-items: center; }

.footer-top ul{ margin: 0; padding: 0; list-style-type: none; }

.footer-top ul li{ margin: 0; padding: 0; list-style-type: none; display: inline-block; vertical-align: top; line-height: 26px; position: relative;}

.footer-top ul li a{ font-size: 0.875em; color: #2f294d; }

.footer-top ul li a:hover{ text-decoration: none; color: #000; }

.footer-top ul.site-links li{ padding: 0 18px; }

.footer-top ul.site-links li::before{ content: ''; width: 1px; height: 10px; background: #2f294d; left: 0; top: 9px; position: absolute;  }

.footer-top ul.site-links li:first-child::before{ background: none; }

.footer-top ul.site-links li:first-child{ padding-left: 0; }

.footer-top ul.site-links li:last-child{ padding-right: 0; }

.footer-top ul.social-links{  }

.footer-top ul.social-links li{ padding: 0 5px; }

.footer-top ul.social-links li a{ border:1px solid #2f294d; width: 35px; height: 35px; border-radius: 20px; line-height: 35px; text-align: center; display: block; font-size: 1.1rem; }
.footer-top ul.social-links li a .fa{ line-height: 35px; }
.footer-bottom{ margin: 0; padding: 20px 0; width: 100%; border-top: 1px solid #c7b9e5; }

.footer-bottom .coyright{ color: #2f294d; font-size: 0.875em; margin: 0; padding: 0; text-align: center;  }



.user-test{ margin: 0; padding: 0; }

.user-test .user-notes{ margin: 0; padding: 15px 0; }

.user-test .user-notes h3{ margin: 0; padding: 0 0 10px; font-size: 0.875rem; font-style: italic; }

.user-test .user-notes p{ margin: 0; padding: 0 0 10px; font-size: 0.750rem; line-height: 20px; font-style: italic; }



.contact-profile-header{ padding: 0 0 20px; }

.contact-profile-header span.name{ display: block; font-size: 1.5rem; padding: 0;  }

.contact-profile-header span.note{ display: block; font-size: 0.875em; }

.contact-profile-form{ background: #f3f3f3; padding: 30px; }



.survey-answer-form{ }

.common_question_area{}

.common_question_area .head{ font-size: 1.875rem; color: #311d5e; margin: 0 0 10px; padding: 10px 0; float: left; width: 100%; position: relative; font-weight: 600;  }

.common_question_area .head::before{ content: ''; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0px; background: rgb(0,224,208); background: -moz-linear-gradient(left, rgba(0,224,208,1) 0%, rgba(74,163,204,1) 36%, rgba(204,204,204,1) 67%, rgba(255,255,255,1) 91%); background: -webkit-linear-gradient(left, rgba(0,224,208,1) 0%,rgba(74,163,204,1) 36%,rgba(204,204,204,1) 67%,rgba(255,255,255,1) 91%); background: linear-gradient(to right, rgba(0,224,208,1) 0%,rgba(74,163,204,1) 36%,rgba(204,204,204,1) 67%,rgba(255,255,255,1) 91%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e0d0', endColorstr='#ffffff',GradientType=1 );}

.common_question_area .head p{ margin: 0; padding: 0; }

.common_question_area .head p.headline{ font-size: 0.875rem; line-height: normal; padding: 0 0 0 35px; font-weight: normal; color: #949393; margin: -5px 0 0; }

.common_question_area .heading{ font-size: 1em; width: 100%; padding: 30px 45px 0px 20px; font-weight: 500; float: left; width: 100%; margin-top: 15px; position: relative; background: #f3f3f3; border:1px solid #f3f3f3; border-bottom: 0; }

.common_question_area .heading.light{ background-color: #fff; border-color: #dcdcdc; }

.common_question_area .heading span.number{ font-size: 1rem; position: absolute; left: -1px; top: -1px; background: #18ccce; color: #fff; padding: 0 10px; text-align: center; border-radius: 0 0 10px 0px; }

.common_question_area .heading .fa{ position: absolute; right: 20px; top: 30px; background-color: #18ccce; border-radius: 20px; color: #fff; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-weight: normal }

.common_question_area .common{  margin-bottom: 15px;  float: left; width: 100%; padding: 10px 20px; background: #f3f3f3; border:1px solid #f3f3f3; border-top: 0;}

.common_question_area .common.light{ background-color: #fff; border-color: #dcdcdc; }

.common_question_area .common ul.dot{}

.common_question_area .common ul.dot li{font-size: 0.875em;}

.common_question_area .common .custom-controls-stacked{ border-top: 1px solid #dcdcdc; margin: 0 !important; padding: 10px 15px; }

.survey-answer-form .user-notes{ width: 70%; float: left; }

.prvnxtBtnTop, .prvnxtBtnBottom{ float: right; padding: 10px 0; width: 30%; text-align: right; }



.btn{ cursor: pointer; }

.btn-primary {color: #fff; background-color: #533b88; border-color: #533b88; }

.btn-primary:hover {color: #fff; background-color: #311d5e; border-color: #311d5e; }

label{ font-size: 0.875em; }

label span.required{ color: #f00;  }

.form-group{ position: relative; }

.form-group .form-text.pos-a{ position: absolute; right: 0; top: 0; color: #aeaeae; }

.custom-control-indicator{ background-color: #cbe4e4; }

.custom-control-input:checked~.custom-control-indicator{ background-color: #18ccce; outline: none;  }

.custom-control-input:active~.custom-control-indicator{ background-color: #cbe4e4; outline: none; }



.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,.tooltip.tooltip-top .tooltip-inner::before{border-top-color:#18ccce}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before,.tooltip.tooltip-right .tooltip-inner::before{border-right-color:#18ccce}

.tooltip.bs-tether-element-attached-top .tooltip-inner::before,.tooltip.tooltip-bottom .tooltip-inner::before{border-bottom-color:#18ccce}

.tooltip.bs-tether-element-attached-right .tooltip-inner::before,.tooltip.tooltip-left .tooltip-inner::before{border-left-color:#18ccce}

.tooltip-inner{background-color:#18ccce;}

.custom-control{ padding-left: 0; }
.custom-control.custom-radio{ padding-left: 1.5rem; }
.custom-control-input{ display: none; }
.custom-control-label{ padding-left: 1.6rem; cursor: pointer;  }
.custom-control-label::before{position: absolute; top: 0rem; left: 0; display: block; width: 1.2rem; height: 1.2rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; text-align: center;}
.custom-checkbox .custom-control-label::before {border-radius: .25rem; }
/* .custom-control-label::before {position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } */
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' v…M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-control-label::after {    position: absolute; top: 0; left: 0; display: block; width: 1.2rem; height: 1.2rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: #533b88; content: '✔'; }
.custom-control-input:checked~.custom-control-label::before {color: #fff; background-color: #533b88; }
/* Modal

--------------------------------------------------------------------------------------------------------- */

.video-modal .modal-content{ background: none; border: 0; box-shadow: 0;}

.video-modal .modal-body{ padding: 0; }

.video-modal button.close{ position: absolute; right: -4px; top: -9px; width: 25px; height: 25px; background: #fff; border-radius: 20px; z-index: 100; opacity: initial; line-height: 25px; text-align: center; }

.modal {text-align: center; padding: 0!important; }

.modal::before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }

.modal-dialog {display: inline-block; text-align: left; vertical-align: middle; }



.assessment-modal{  }

.loginArea{ display: flex; justify-content: center; }

.loginArea .loginAreaLeft{ width: 46.7%; padding: 15px; border-right: 1px solid #dadada; }

.loginArea .loginArearight{ width: 53.5%; padding: 15px;}



.loginArea h3{ font-size: 1.375em; padding: 0 0 20px; margin: 0; }

.loginArea p{ font-size: 0.750em; line-height: 18px; margin: 0; padding: 0 0 20px; }

.loginArea label{ font-size: 0.875em; }

.form-control{ font-size: 0.875em; }

.loginArea p.address, .loginArea p.phone, .loginArea p.email{ padding: 0 0 5px; }
.loginArea p.address i.fa, .loginArea p.phone i.fa, .loginArea p.email i.fa{ margin-right: 5px; }
.loginArea p.address a, .loginArea p.phone a, .loginArea p.email a{ color: #292b2c; }
.loginArea .facebook-link{ text-align: center; }
.loginArea .facebook-link a{ display: inline-block; text-align: center; max-width: 250px; }
.continue-btn {text-align: center; margin: 15px 0 0; }


/************Popup********************/
.popupArea{width:300px; margin: 0 auto; float:none; min-height:110px; }
.popupArea ul{ margin: 0; padding: 0; list-style-type: none; }
.popupArea ul li{ margin: 0; padding: 0; list-style-type: none; }

.maleFemalebtn{border:none; outline:none; cursor:pointer; color:#FFF; font-weight:bold; width:90px; text-shadow: 0.1em 0.1em 0.05em #000000; font-family:Arial, Helvetica, sans-serif; font-size:17px; padding:7px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #1b8877; position:relative; }
.maleFemalebtn:hover{background:#167a6b; } .popupContent{width:240px; margin:15px auto 0; text-align:center; padding-bottom:20px; overflow:hidden; } .popupContent h3{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#198171; font-weight:bold; padding: 4px 0 28px; }

/********************ADDED FOR COLORBOX********************/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat scroll 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#ffffff; overflow:hidden;}
.cboxIframe{background:#ffffff;}
#cboxError{padding:50px; border:1px solid #cccccc;}
/*#cboxLoadedContent{margin-bottom:20px;}*/
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:0; right:0; background:url(../images/close.png) no-repeat 0 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:0 -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/***************COLORBOX END*************/

/* LESS THAN 1200px */

@media (max-width: 74.9em) { 

	.page-title .title{ font-size: 2rem; }

	.home{ height: 570px; }

	.slick-initialized .slick-slide{ min-height: 477px; }

	.ask-to-dr{ background-position: 0 0; }



	.footer-top .foo-links{ flex-direction: column; justify-content: center }

	.footer-top ul.site-links{ margin: 0 0 10px; }

}

@media (min-width: 61.9em){

	.video-modal{max-width: 854px;}

	.assessment-modal{ max-width: 940px; }

}



/* LESS THAN 992px */

@media (max-width: 61.9em) { 

	.page-title .title{ font-size: 1.4rem; }

	.main p{ line-height: 22px; }



	.ask-to-dr{ height: auto; }

	.img-wrap{ align-self: center; }

	.img-wrap img{ border-radius: 50%; border: 5px solid #00e0d0; }

	.content-wrap h3{ padding: 15px 0; }

	.content-wrap a{ margin-bottom: 15px }

	

	.navbar-brand{ z-index: 100; position: relative; }



	.navbar-light .navbar-toggler{ border: 0; outline: none;  z-index: 100; top: 13px;}

	.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon{ background-image: none; position: relative; outline: none; }

	

	.navbar-light .navbar-toggler .navbar-toggler-icon::before,

	.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon::before{ color: #00e0d0; display:inline-block;font-family:FontAwesome;font-size:2rem;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale  }

	

	.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon::before{content:"\f0c9"; }

	.navbar-light .navbar-toggler .navbar-toggler-icon::before{content:"\f00d"}

	

	.navbar-nav{position: fixed; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; background: rgb(52, 43, 86); padding-top: 110px; }

	

	.navbar-light .navbar-nav .nav-link{ font-size: 1.5rem; }



	.footer-top ul.site-links{ text-align: center }

	.video-frame{ width: 660px; height: 50vh; }

	.video-modal{max-width: 680px;}

	.assessment-modal{ max-width: 680px; margin: 10px; }



	.survey_report_content_table, .survey_report_content_section section {border: 1px solid rgba(49, 29, 94, 0.3); padding: 20px 15px 15px; box-shadow: 0px 5px 5px 0px rgba(49, 29, 94, 0.2); margin-bottom: 30px; }

	.survey_report_content_table h2 { font-size: 1.4rem; } 

	.survey_report_content_table h2 span{ line-height: 23px; }

	.survey_report_content_table h3{ font-size: 1.2rem; }

	.survey_report_content_section h3.head{ font-size: 1.2rem; padding: 10px 10px 10px 0; }

	.survey_report_content_section h3 a.top-btn, .survey_report_content_section section .head a.top-btn{ top: -20px; right: -15px; border-radius: 0px 0px 0px 4px; background: #c0bace; border-color: #c0bace; color: #311d5e; }



	.survey_report_content_section .table-bordered td, .survey_report_content_section .table-bordered th{ width: 100%; display: block; }

	.survey-answer-form .user-notes, .prvnxtBtnTop, .prvnxtBtnBottom{ width: 100%; }

}



/* LESS THAN 768 */

@media (max-width: 47.9em) { 

	.home {height: 450px; }

	.slick-initialized .slick-slide{ min-height: 334px; }

	.home-slide .title{ font-size: 1.5rem; }

	.home-slide .free-percent{ margin: 10px 0; font-size: 2.4rem; }

	.home-slide .slide-btn,  .innerpagebanner .slide-btn{ padding-left: 10px; font-size: 1rem; font-weight: 300;}

	.home-slide .slide-btn span, .innerpagebanner .slide-btn span{ font-size: 1rem; padding: 0 10px 0 30px; width: 232px; }



	.main{ padding: 20px 0; }

	.content-wrap{ order: 2; }

	.img-wrap{ order: 1; text-align: center; padding-top: 20px; padding-bottom: 10px; }

	.slick-dots{ bottom: 0; }

	.footer-top ul.site-links li{ padding: 0 8px; }



	.video-modal{max-width: 100%;}

	.assessment-modal{ max-width: 100%; }

	

	.loginArea{ flex-direction: column;}

	.loginArea .loginAreaLeft, .loginArea .loginArearight{ width: 100%; padding:0; border-right: 0px solid #dadada; }

	.loginArea .loginArearight{ order: 1; }

	.loginArea .loginAreaLeft{ order: 2; padding-top: 15px; }

	select.form-control{ margin-bottom: 10px; }

	

	.reportArea{ width: 100%; }

	.reportArea-wrap{ width: 100%; flex-direction: column; }

	.reportArea2{ width: 100%; }

	.reportArea2-left{ width: 100%; height: auto; border-right: 1px solid #b7b7b7; border-bottom: 0;}

	.reportArea2-left p{ padding: 10px 0; }



	

	.common_question_area .head{ font-size: 1.4rem; line-height: normal; }

	.common_question_area .head p.headline{ padding: 5px 0 0; }



}



/* LESS THAN 544 */

@media (max-width: 33.9em) { 

	.navbar-light .container{ width: 100%; }

	.navbar-toggler-right{ right: 0; top: 8px; }

	.navbar-brand{ width:210px; }

	.navbar-brand img{ max-width: 100%; height: auto; }

}

/* LESS THAN 375 */

@media (max-width: 23.4em) { 

	.home-slide .slide-btn, .innerpagebanner .slide-btn{padding-left: 8px; font-size: .8rem; font-weight: 500;}

	.home-slide .slide-btn span, .innerpagebanner .slide-btn span {font-size: .8rem; padding: 0 8px 0 30px; width: 201px; font-weight: 500; }

}