body {background: #fff;color: #3b3b3b;font-family: 'Livvic', sans-serif;line-spacing:.2px;}
a {color: #008aaa;transition: 0.5s;}
a:hover,a:active,a:focus {color: #8a3d41;outline: none;text-decoration: none;}
p {padding: 0;margin: 0 0 30px 0;font-size:20px;line-height:32px;}
h1,h2,h3,h4,h5,h6 {font-family: 'Livvic', sans-serif;font-weight: 400;margin: 10px 0 40px 0;padding: 0;}
h1.headvary {font-size:36px !important;padding-top:50px;}
.fleft {float:left;padding:0 30px 30px 0;}
.fright {float:right;padding:0 0 30px 30px;text-align:right;}
.fleft img {max-width:60%;height:auto;}
.fright img {max-width:100%;height:auto;}
.pdtop {padding-top:30px;}
.pdbot {padding-bottom:30px;}
div#multiColumn {-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2;column-gap: 20px;padding-bottom:30px;}
/* Back to top button */
.back-to-top {position: fixed;display: none;background: #007fa0;color: #fff;padding: 6px 12px 9px 12px;font-size: 16px;border-radius: 2px;right: 15px;bottom: 15px;transition: background 0.5s;}
.back-to-top:focus {background: #8a3d41;color: #fff;outline: none;}
.back-to-top:hover {background: #8a3d41;color: #fff;}
/*Top Bar*/
#topbar {background: #fff;padding: 10px 0;border-bottom: 1px solid #eee;font-size: 14px;}
#topbar .contact-info a {line-height: 1;color: #555;}
#topbar .contact-info a:hover {color: #50d8af;}
#topbar .contact-info i {color: #50d8af;padding: 4px;}
#topbar .contact-info .fa-phone {padding-left: 20px;margin-left: 20px;border-left: 1px solid #e9e9e9;}
#topbar .social-links a {color: #555;padding: 4px 12px;display: inline-block;line-height: 1px;border-left: 1px solid #e9e9e9;}
#topbar .social-links a:hover {color: #50d8af;}
#topbar .social-links a:first-child {border-left: 0;}
/*Header*/
#header { padding: 21px 0;/* height: 84px; */transition: all 0.5s;z-index: 997;background: #fff;box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);}
#header #logo p {font-size: 30px;margin: 0;padding: 0;line-height: 1;font-family: 'Noto Sans', sans-serif;font-weight: 700;}
#header #logo p a {color: #008aaa;line-height: 1;display: inline-block;}
#header #logo h1 a span {color: #50d8af;}
#header #logo img {padding: 0;margin: 0;}
/*Intro Section*/
#intro {width: 100%;height: 100vh;background: url("../img/banner1.jpg") no-repeat;background-size: cover;background-position: 0;position:relative;}
#intro .intro-content {position: absolute;bottom: 0;top: 0;left: 0;right: 0;z-index: 10;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;
-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;text-align: center;}
#intro .intro-content h2 {color: #0c2e8a;margin-bottom: 30px;font-size: 64px;font-weight: 700;}
#intro .intro-content h2 span {color: #50d8af;text-decoration: underline;}
#intro .intro-content .btn-get-started,#intro .intro-content .btn-projects {font-size: 16px;font-weight: bold;letter-spacing: 1px;display: inline-block;padding: 10px 32px;border-radius: 2px;transition: 0.5s;margin: 10px;color: #fff !important;}
#intro .intro-content .btn-get-started {
  background: #0c2e8a;border: 2px solid #0c2e8a;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#intro .intro-content .btn-get-started:hover {background: none;color: #fff !important; -moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#intro .intro-content .btn-projects {background: #50d8af;border: 2px solid #50d8af;color:#fff !important;}
#intro .intro-content .btn-projects:hover {background: none;color: #50d8af;}
#intro #intro-carousel {z-index: 8;}
#intro #intro-carousel::before {content: '';background-color: rgba(255, 255, 255, 0.7);position: absolute;height: 100%;width: 100%;top: 0;right: 0;left: 0;bottom: 0;z-index: 7;}
#intro #intro-carousel .item {width: 100%;height: 60vh;background-size: cover;background-position: center;background-repeat: no-repeat;transition-property: opacity;}
/*Navigation Menu*/
/* Nav Menu Essentials */
.nav-menu,.nav-menu * {margin: 0;padding: 0;list-style: none;}
.nav-menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;}
.nav-menu li {position: relative;white-space: nowrap;}
.nav-menu > li {float: left;}
.nav-menu li:hover > ul,.nav-menu li.sfHover > ul {display: block;}
.nav-menu ul ul {top: 0;left: 100%;}
.nav-menu ul li {min-width: 180px;}
/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {padding-right: 22px;}
.sf-arrows .sf-with-ul:after {content: "\f107";position: absolute;right: 8px;font-family: FontAwesome;font-style: normal;font-weight: normal;}
.sf-arrows ul .sf-with-ul:after {content: "\f105";}
/* Nav Meu Container */
#nav-menu-container {float: right;margin: 0;}
/* Nav Meu Styling */
.nav-menu a {padding: 10px 8px;text-decoration: none;display: inline-block;color: #3a3a3a;font-family: "Raleway", sans-serif;font-weight: 700;font-size: 16px;outline: none;}
.nav-menu li:hover > a,.nav-menu .menu-active > a {color: #8a3d41;}
.nav-menu > li {margin-left: 10px;}
.nav-menu ul {margin: 4px 0 0 0;padding: 10px;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);background: #fff;}
.nav-menu ul li {transition: 0.3s;}
.nav-menu ul li a {padding: 10px;color: #333;transition: 0.3s;display: block;font-size: 16px;text-transform: none;}
.nav-menu ul li:hover > a {color: #8a3d41;}
.nav-menu ul ul {margin: 0;}
/* Mobile Nav Toggle */
#mobile-nav-toggle {position: fixed;right: 0;top: 0;z-index: 999;margin: 11px 14px 0 0;border: 0;background: none;font-size: 24px;display: none;transition: all 0.4s;outline: none;cursor: pointer;}
#mobile-nav-toggle i {color: #3a3a3a;}
/* Mobile Nav Styling */
#mobile-nav {position: fixed;top: 0;padding-top: 18px;bottom: 0;z-index: 998;background: rgba(58, 58, 58, 0.9);left: -260px;width: 260px;overflow-y: auto;transition: 0.4s;}
#mobile-nav ul {padding: 0;margin: 0;list-style: none;}
#mobile-nav ul li {position: relative;}
#mobile-nav ul li a {color: #fff;font-size: 18px;overflow: hidden;padding: 10px 22px 10px 15px;position: relative;text-decoration: none;width: 100%;display: block;outline: none;}
#mobile-nav ul li a:hover {color: #fff;}
#mobile-nav ul li li {padding-left: 30px;}
#mobile-nav ul .menu-has-children i {position: absolute;right: 0;z-index: 99;padding: 15px;cursor: pointer;color: #fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #50d8af;}
#mobile-nav ul .menu-item-active {color: #50d8af;}
#mobile-body-overly {width: 100%;height: 100%;z-index: 997;top: 0;left: 0;position: fixed;background: rgba(0, 127, 160, 0.9);display: none;}
/* Mobile Nav body classes */
body.mobile-nav-active {overflow: hidden;}
body.mobile-nav-active #mobile-nav {left: 0;}
body.mobile-nav-active #mobile-nav-toggle {color: #fff;}
/*Sections Header*/
.section-header {margin-bottom: 30px;}
.section-header h2 {font-size: 32px;color: #0c2e8a;text-transform: uppercase;font-weight: 700;position: relative;padding-bottom: 20px;}
.section-header h2::before {content: '';position: absolute;display: block;width: 50px;height: 3px;background: #50d8af;bottom: 0;left: 0;}
.section-header p {padding: 0;margin: 0;}
/*Footer*/
#footer {background: #d4b4b5;padding: 0 0 30px 0;}
#footer .copyright {text-align: center;}
#footer h5 {font-weight: 500;}
#footer p {font-size: 16px;line-height:22px;}
#footer a {color:#3b3b3b;text-decoration:underline;}
#footer a:hover {text-decoration:none;}
/*Custome Code*/
.pb25{padding-bottom:25px;}
.mb25{margin-bottom:25px;}
.mt25{margin-top:25px;}
.pt15{padding-top:15px;font-size:16px;}
.f30{font-size:30px;}
.pl0{padding-left:0px;}
.w100{width:100%;}
#areatreatment img {max-width:128px;height:auto;}
#areatreatment img.img-circle:hover {transform: rotate(360deg);transition: all 0.3s ease-out 0s;-webkit-backface-visibility: hidden;-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);  -ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);}
#areatreatment img.img-circle {transition: all 0.2s ease-out 0s;border: 2px solid #fff;border-radius: 50%;}
button.btn.btn-primary a {color: #fff !important;}
#nav-menu-container{float:none;margin:0 auto;width:90%;margin-top: 14px;}
#intro .intro-content h1{top: 30px;text-align: left;color:#008aaa;}
.introp{width: 634px;text-align: left;font-size: 20px;margin-left: 25vh;}
.btn-primary {background-color: #008aaa;border:none;color:#fff !important;}
.btn-primary:hover {background-color: #95464a;border:none;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.btn-dark{background-color: #95464a;border-color: #95464a; color:#fff !important;}
.roundbtn{border-radius: 22px;padding: 5px 32px;}
.darksection{background: #f9f5ef;padding-top:40px;padding-bottom:40px;}
.maincontent{padding-top:40px;padding-bottom:40px;}
.mainhead{color:#95464a;line-height:125%;}
#footer .row{padding: 50px 50px 0 50px;}
.blue{color:#008aaa;}
.dark{color:#95464a;}
ul, ol, li{font-size:20px;list-style: none;}
ul.darkul li::before {content: "\2022";color: #95464a; display: inline-block;width: 1em;margin-left: -0.9em;font-weight: bold;font-size:20px !important;} 
blockquote p{ margin: 0 16px 16px;}
blockquote p:last-child{ margin-bottom: 0;}
blockquote footer{font-size: 0.7em;text-align:right;font-style:italic;margin:12px 20px 0;}
blockquote{border-left: 5px solid #008aaa;}
blockquote footer:before{ content:"\2014 \00a0";}
#subpage {width: 100%;height: 75vh;max-height: 75vh;overflow: hidden;width: 100%;position: top center;background: url(img/subbanner.png) no-repeat;background-size: cover;background-position: 0;}
/* medsa query ******/
@media (max-width: 1199px) { 

#nav-menu-container {
    width: 100% !important;
}
.nav-menu a {padding: 10px 6px;font-size: 15px;}
}
@media (max-width: 998px) {
#nav-menu-container{width:100% !important;}
h1.headvary {top: -20px !important;font-size:22px;text-align:center !important;}
#intro {height: 100vh;min-height:480px;}
#intro .intro-content h1 {top: 0;font-size: 20px;padding-top: 30px;tect-align:center !important;left:5%;text-shadow: 2px 2px 4px #fff;}
#intro p {font-weight:bold;font-size:18px;line-height:24px;text-shadow: 2px 2px 4px #fff;}
.back-to-top {bottom: 15px;}
#header {padding: 20px 0;height: 56px;}
#header #logo p {font-size: 22px;text-align: left;}
#header #logo img {max-height: 40px;}
#nav-menu-container {display: none;}
#mobile-nav-toggle {display: inline;}
#about .about-img {height: auto;}
#about .about-img img {margin-left: 0;padding-bottom: 30px;}

#subpage {width: 100% !important;max-height: 35vh !important;background-position: top;background-size: contain !important;}	
.fleft {float:none;padding:30px;text-align:center;}
.fright {float:none;padding:30px;text-align:center;}
.fleft img {max-width:80%;height:auto;}
.fright img {max-width:80%;height:auto;}
}
@media (min-width: 769px) {
#call-to-action .cta-btn-container {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
}
@media (min-width: 768px) and (max-width: 1044px) {
#areatreatment img{width:100%;}
.introp {width: 634px;font-size: 17px;margin-top: 4vh;position: absolute;top: 16%;margin: 0 auto;}
}
@media (max-width: 767px) {
#intro{height: 74vh !important;}
.hidden-xs{display:none !important;}
.introp{margin-left:0px;width: 91%;font-size: 17px;position: absolute;}
#intro .intro-content h2 {font-size: 34px;}
#services .box .box {margin-bottom: 20px;}
#services .box .icon {float: none;text-align: center;padding-bottom: 15px;}
#services .box h4,#services .box p {margin-left: 0;text-align: center;}
#testimonials .testimonial-item {margin: 30px 10px;}
}