/*
Theme Name: Hair Restoration Template
Author: Uptempo Agency Team 
Author URI: http://uptempoagency.com/
Description: Hair Restoration Template
Version: 1.0
Text Domain: HairRestorationTemplate
*/

.aligncenter{ text-align: center}
.alignleft{ text-align: left;}
.alignright{text-align: right;}

.White .faq-wrap {
    background: #fff !important;
}
.White .faq-wrap__inr .h3, .White .faq-wrap__inr p{    color: inherit !important; } 
.xs-txt-block__dark.inr-two__block p, .xs-txt-block__dark.inr-two__block h3{    color: #fff !important; } 

/* QUIZ Section */

body.qsm-landing-page #header {

  background: #000;

}
.qsm-landing-page-main.landing-home-page .mlw_next {

  right: 50%;

  position: relative;

  top: -2.604vw;

  margin-right: -120px;

}

.qsm-landing-page-main .mlw_qmn_message_before p {

  color: #ffffff;

  display: block;

  font-size: 1.88em;

  margin: 0 auto;

  max-width: 90%;

  padding-top: 5.208vw;

  position: relative;

  text-align: center;

  width: 100%;

  z-index: 9;

  line-height: 1.4;

  font-family: inherit;

  font-weight: 700;

}
.quiz_section, .qsm-landing-page-article {

  padding: 0 !important;

}
body.qsm-landing-page {

  color: #fff !important;

}

.qsm-landing-page header .logo {

  margin: auto;

  max-width: 42.187vw;

  padding: 0;

  width: 100%;

}

.qsm-landing-page header .logo img {

  width: auto;

}

.qsm-landing-page-site {

  background: #e5e7ed none repeat scroll 0 0;

  margin: 0 auto;

  max-width: 100%;

  padding-top: 150px;

  min-height: calc(100vh - 10.104vw);

}

.qsm-landing-page-main.landing-home-page {

  background: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/banner-quiz.jpg) no-repeat center center;

  background-size: cover;

  padding: 0;
  border-radius: 0;

  height: 23.437vw;

}

.qsm-landing-page-site { max-width: 680px !important; }
.qsm-landing-page-site { max-width: 60% }
.qsm-landing-page-main {

  background: #000;

  overflow: hidden;

  border-radius:0;

  box-sizing: border-box;

  display: block;

  margin: auto;

  max-width: 42.187vw;

  padding: 1.823vw 3.166vw 0.521vw!important;

  width: 100%;

  position: relative;

}

 

.qsm-landing-page-article {

  position: relative;

  z-index: 9;

}

.qmn_pagination {

  border: 0 !important;

}

.mlw_qmn_message_before {

  border: 0 !important;

} 

.qmn_quiz_container .qmn_btn.mlw_qmn_quiz_link,
.qmn_quiz_container .qsm-btn.qsm-submit-btn {

background: #fff !important;
color: #000!important; 
display: inline-block;
width: auto;
font-size: 16px !important;
padding: 5px 25px !important;
text-transform: uppercase;
margin-top: 10px;
font-weight: 700; 
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius:0 !important;
border:0 !important;

}

.qsm-landing-page-site .qmn_quiz_container .qmn_btn:hover,
.qsm-landing-page-site .qmn_quiz_container .btn:hover { background: #a7a7a7 !important }

.mlw_qmn_question_number {

  display: none;

}

.questions.ng-binding.ng-scope {

  color: #fff;

  margin-bottom: 0;

  font-size: 0.75em;

  line-height: 1.67em;

}

.quiz_section .mlw_qmn_question > br {

  display: none;

}

.quiz_section h5.quiz-end-txt {

  margin: 0px !important;

}

.mlw_qmn_question_number {

  font-size: 0.75em;

}

.qmn_mc_answer_wrap {

  background-color: rgba(60, 60, 60, 0.5);

  background-image: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/radio-img.png);

  background-repeat: no-repeat;

  background-position: left 1.093vw center;

  border-radius: 0.26vw;

  color: #ffffff;

  cursor: pointer;

  font-size: 1em;

  line-height: 1em;

  font-weight: 700;

  padding: 1.354vw 2.604vw;

  position: relative;

  background-size: 0.885vw auto;

}

.qmn_mc_answer_wrap:hover, .qmn_mc_answer_wrap.active {

  background-color: rgba(60, 60, 60, 0.8);
  
  background-image: url(https://sanihairmd.com/wp-content/themes/HairRestorationTemplate/assets/img/radio-img-hover.png);

}

input[type="radio"] {

  cursor: pointer;

  height: 100%;

  left: 0;

  line-height: normal;

  margin: 0.208vw 0 0;

  opacity: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

.quiz_end.quiz_section .mlw_qmn_question  {  display: none; }

.quiz_section.slide10.quiz_end .form-section {

  width: 60%;

  margin: 0px auto;

}

 
.qsm-landing-page .qmn_quiz_container select,
.qsm-landing-page .qmn_quiz_container textarea,
.qsm-landing-page .qmn_quiz_container input[type="text"],
.qsm-landing-page .qmn_quiz_container input[type="email"],
.qsm-landing-page .qmn_quiz_container input[type="number"]{
border-radius: 0 !important;
border: 1px solid #fff !important;
background: #444444 !important;
box-shadow: none !important;
color: #fff !important;
font-size: 18px !important;
font-weight: 400 !important;


}

.quiz_section select, .quiz_section textarea, .quiz_section input[type="text"], .quiz_section input[type="email"], .quiz_section input[type="number"] {

  width: 100% !important;

  margin-bottom: 0.521vw;

border-radius:5px !imortant;

}

.quiz_section label, .quiz_section .mlw_qmn_question {

  margin: 0px !important;

}

.qsm-landing-page #footer {

  background-color: #000;

  padding: 1.041vw 0;

  text-align: center;

  width: 100%;

}

.qsm-landing-page #footer p {

  color: #fff;

  display: inline;

  font-size: 0.81em;

  text-align: center;

}

.qsm-landing-page-main.results-page {

  background: #ffffff none repeat scroll 0 0;

  color: #222222;

}

.qmn_results_page h1 {

  font-size: 2.25em;

  font-weight: 400;

  line-height: 1.25em;

  margin: 0 0 1.041vw;

  text-align: center;

}

.qmn_results_page .ng-scope {

  font-size: 1em;

  line-height: 1.25em;

  margin: 0 0 1.041vw;

}

.qmn_results_page .mlw_qmn_quiz_link {

  border-radius: 0.521vw;

  color: #ffffff;

  font-size: 0.88em;

  line-height: 3.93em;

  padding: 0.781vw 3.646vw;

  position: relative;

  cursor: pointer;

  background: #3b5998 none repeat scroll 0 0;

}

.mlw_qmn_quiz_link + .mlw_qmn_quiz_link {

  background: #4eb9ea none repeat scroll 0 0;

}

#quizForm1 > br {

  display: none;

}

.quiz_section.quiz_end .qsm-submit-btn {
width: 60%;
padding: 5px 25px !important;
margin: 15px auto !important;
min-height: 44px;

}

.quiz-end-title {

  color: #ffffff;

  font-size: 1.5em;

  font-weight: bold;

  line-height: 1.25em;

  margin: 0 0 1.041vw;

  text-align: center;

  text-transform: inherit;

}

.quiz-end-txt {

  color: #ffffff;

  font-size: 0.94em;

  margin: 0 0 2.343vw;

  text-align: center;

  font-weight: bold;

}
 @media(max-width:1366px) {
	.qsm-landing-page-main .mlw_qmn_message_before p {

  padding-top: 2vw;

  font-size: 1.5em;

} 
	 
 }
 
  @media(max-width:1199px) {
 

.qsm-landing-page-main.landing-home-page {

  height: auto;

}



    .qsm-landing-page header { display: block;  }

    .qsm-landing-page-main .mlw_qmn_message_before p { font-size: 26px; }
.qmn_mc_answer_wrap { background-size: 12px auto; padding-left: 25px; font-size: 15px;}
.qsm-quiz-container h2 {
    line-height: 32px;
}

.quiz_section input[type="email"] { margin: 10px 0 }

  }
  
@media(max-width:768px) {

.qsm-landing-page-main {

  padding: 20px !important

}

.qsm-landing-page-main.landing-home-page .mlw_next {

  margin-right: -100px;

  position: absolute;

  right: 50%;

  top: -20px;

  width: 200px;

  left: auto;

}

.qsm-landing-page-main.landing-home-page {

  padding: 20px !important;

}

}

 @media (max-width:639px) {

.quiz_section .qmn_radio_answers .qmn_mc_answer_wrap label { font-size: 13px !important;  }

.qmn_quiz_container .qmn_btn.mlw_qmn_quiz_link.mlw_next[style="visibility: hidden;"],
.qmn_quiz_container .qmn_btn.mlw_qmn_quiz_link.mlw_next[style="visibility: hidden; display: inline;"] {display: none !important;  }
.qsm-landing-page-main.landing-home-page .mlw_next { margin-right: -120px; }
.qmn_pagination { padding-top: 0 !important }
.qsm-quiz-container h2 { line-height: 30px; }
 }
 
 .review-txt iframe{ width: 100%;}
 
 #faq-cont.White h2{     margin-bottom: 0px !important;}
 
 .mlw_previous{ display: none !important;}
.video-wrap iframe{  width:100% !important}
iframe{ width:100% !important}
header{top:0;}
.fixed-bar { position: fixed;  bottom: 0; right: 0;  left: 0;  width: 100%;  z-index: 10;  animation-duration: .25s;  -o-animation-duration: .25s;  -ms-animation-duration: .25s;  -moz-animation-duration: .25s; -webkit-animation-duration: .25s;
    animation-fill-mode: forwards;  -o-animation-fill-mode: forwards;  -ms-animation-fill-mode: forwards;  -moz-animation-fill-mode: forwards;  -webkit-animation-fill-mode: forwards;  animation-duration: 1s;  -o-animation-duration: 1s;
    -ms-animation-duration: 1s;  -moz-animation-duration: 1s;  -webkit-animation-duration: 1s;  animation-name: bounceInUp;  -o-animation-name: bounceInUp;  -ms-animation-name: bounceInUp;  -moz-animation-name: bounceInUp;
    -webkit-animation-name: bounceInUp;}
.hellobar-element { background-color: #e8562a;    display: table;  width: 100%;  border-color: #fff;  height: 50px;}	
.hellobar-element .content-wrapper { display: table-cell;  text-align: center;  vertical-align: middle;}
.hellobar-element .content-wrapper .text-wrapper { display: inline-block;}
.hellobar-element .content-wrapper .cta-style-button { display: inline-block; font-weight:700; padding: 5px 15px;  color: #fff;  border-radius: 3px;  background-color: #2a3a4f;  border-color: #2a3a4f;  box-shadow: 0 0 1px transparent; font-size: 17px;
    line-height: 17px;  -moz-osx-font-smoothing: grayscale;  backface-visibility: hidden;  -o-backface-visibility: hidden;  -ms-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-backface-visibility: hidden;
    transform: translateZ(0);  -o-transform: translateZ(0);  -ms-transform: translateZ(0);  -moz-transform: translateZ(0);  -webkit-transform: translateZ(0);  animation-name: wiggle;  -o-animation-name: wiggle; -ms-animation-name: wiggle;
    -moz-animation-name: wiggle; -webkit-animation-name: wiggle; animation-duration: 5s; -o-animation-duration: 5s;  -ms-animation-duration: 5s;  -moz-animation-duration: 5s;  -webkit-animation-duration: 5s;  animation-timing-function: linear;
    -o-animation-timing-function: linear; -ms-animation-timing-function: linear;  -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear;  animation-iteration-count: infinite; -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;  animation-play-state: running; -o-animation-play-state: running; -ms-animation-play-state: running;
    -moz-animation-play-state: running; -webkit-animation-play-state: running;}
body.qsm-landing-page #header{position:inherit !important;}
.hellobar-element .content-wrapper .cta-style-button:hover{opacity: 0.9;}	
.hellobar-element .content-wrapper .text-wrapper p{font-size: 17px;  font-weight: 400;color: #fff;  font-family: open sans,sans-serif; margin-bottom:0;}

.hellobar-element .icon-close{background:rgba(232, 86, 42, 0.8);	top:-21px;	padding:3px;    right: 15px;    width: 21px;    height: 21px;	text-decoration:none !important;    cursor: pointer;    position: absolute;    text-align: center;	
    opacity: 0;    text-shadow: 2px 2px 5px rgba(0,0,0,0.2);    -moz-text-shadow: 2px 2px 5px rgba(0,0,0,0.2);    -webkit-text-shadow: 2px 2px 5px rgba(0,0,0,0.2);   line-height: 15px;   transition: opacity 0.25s ease, visibility 0.1s ease 0.25s;
    -o-transition: opacity 0.25s ease, visibility 0.1s ease 0.25s;    -ms-transition: opacity 0.25s ease, visibility 0.1s ease 0.25s;    -moz-transition: opacity 0.25s ease, visibility 0.1s ease 0.25s;    -webkit-transition: opacity 0.25s ease, visibility 0.1s ease 0.25s;}
.hellobar-element .icon-close:before{font-size:18px;font-weight:700;content:"x";color: #ffffff;}	
 
.qsm-landing-page header .logo{ text-align:left; padding: 20px 0;}
.qsm-landing-page header .logo img{height: 65px;}
.qsm-landing-page .qsm-landing-page-site{background: #e5e7ed none repeat scroll 0 0; margin-bottom:0 !important;  max-width:none !important;  padding:100px 0;  min-height: calc(100vh - 375px); width:100%; }
.qsm-landing-page-main, .qsm-landing-page-main.landing-home-page{ max-width: 810px !important; padding: 35px 80px 10px!important;margin: 0 auto 0;     border-radius: 10px; width:calc(100% - 30px);}
.qsm-landing-page-main.landing-home-page.qsm-landing-page-main::after { background: rgba(27,36,51,.5) none repeat scroll 0 0;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;  top: 0;  width: 100%;}
.qsm-landing-page .qmn_quiz_container .qmn_btn.mlw_qmn_quiz_link{padding:10px 20px!important;}
.special-box__wrap	{padding-top: calc(97px);}
.home #main-slider{height: calc(100vh - 50px);}

.top-notification{display:none;}

@-webkit-keyframes wiggle {
2% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
4% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
6% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
8% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
10% {
-webkit-transform:translateX(2px) rotate(1deg);
transform:translateX(2px) rotate(1deg)
}
12% {
-webkit-transform:translateX(-2px) rotate(-1deg);
transform:translateX(-2px) rotate(-1deg)
}
14% {
-webkit-transform:translateX(2px) rotate(1deg);
transform:translateX(2px) rotate(1deg)
}
16% {
-webkit-transform:translateX(-2px) rotate(-1deg);
transform:translateX(-2px) rotate(-1deg)
}
18% {
-webkit-transform:translateX(1px) rotate(0);
transform:translateX(1px) rotate(0)
}
20% {
-webkit-transform:translateX(-1px) rotate(0);
transform:translateX(-1px) rotate(0)
}
}
@keyframes wiggle {
2% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
4% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
6% {
-webkit-transform:translateX(3px) rotate(2deg);
transform:translateX(3px) rotate(2deg)
}
8% {
-webkit-transform:translateX(-3px) rotate(-2deg);
transform:translateX(-3px) rotate(-2deg)
}
10% {
-webkit-transform:translateX(2px) rotate(1deg);
transform:translateX(2px) rotate(1deg)
}
12% {
-webkit-transform:translateX(-2px) rotate(-1deg);
transform:translateX(-2px) rotate(-1deg)
}
14% {
-webkit-transform:translateX(2px) rotate(1deg);
transform:translateX(2px) rotate(1deg)
}
16% {
-webkit-transform:translateX(-2px) rotate(-1deg);
transform:translateX(-2px) rotate(-1deg)
}
18% {
-webkit-transform:translateX(1px) rotate(0);
transform:translateX(1px) rotate(0)
}
20% {
-webkit-transform:translateX(-1px) rotate(0);
transform:translateX(-1px) rotate(0)
}
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
@media (max-width: 1200px){
	.mobile-nav{top:0;}
	.home #main-slider{height:auto;}
}

@media (max-width: 1024px){
#main-slider { top: 0;}
#partners-logo{margin-top:0;}
}
 @media (max-width:991px) {
	 .fixed-bar{    bottom: 50px; position: fixed;}
	 body{padding-bottom:70px;}
	 .hellobar-element .content-wrapper .text-wrapper p{font-size:11px; line-height:1.4;}
	 .hellobar-element{height:auto; padding:10px;}
	 .mobile-nav{top:0;}
	 .qsm-landing-page-main, .qsm-landing-page-main.landing-home-page{padding: 35px 30px 35px!important;}
	 .qsm-landing-page-main .mlw_qmn_message_before p{font-size: 20px;  padding: 0;  max-width: 100%;}
	 body.qsm-landing-page{padding-bottom:0px;}  
	 .qsm-landing-page .qsm-landing-page-site{min-height: calc(100vh - 343px);}
	 .hellobar-element .icon-close{opacity:1;}
	 .hellobar-element .content-wrapper .text-wrapper{  display: inline-block;  vertical-align: middle;  max-width: 211px;  text-align: left;}
	 .hellobar-element .content-wrapper .cta-style-button{font-size:13px;padding:5px 10px;}
 }
  @media (max-width:480px) {
	  .fixed-bar{    bottom: 41px;}
	body{padding-bottom:100px;}
body.qsm-landing-page{padding-bottom:0px;} 	
  }