html {
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;
}
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-ms-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}​ @-o-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}​
html {
font-size: 62.5%;
color: #FFF;
overflow-x:hidden;
}
:focus {
outline: 0;
}
::-webkit-scrollbar {
width: 0px;
height: 3px;
}
::-webkit-scrollbar-track {
background-color: #060606;
height: 2px;
width: 0px;
}
::-webkit-scrollbar-thumb {
background-color: #3d9cb6;
}
::-webkit-scrollbar-corner {
background-color: rgba(0, 0, 0, .25);
}
a, a:hover, li, li:hover {
cursor: pointer;
cursor: hand;
}
a, a:hover {
cursor: pointer!important;
}
[data-words]{
vertical-align: top;
position: static;
}
[data-words] > span{
position: absolute;
color: #fff;
}
.title-header input::-webkit-input-placeholder {
color: #fff !important;
}
.title-header input:-moz-placeholder { color: #fff !important;  
}
.title-header input::-moz-placeholder { color: #fff !important;  
}
.title-header input:-ms-input-placeholder {  
color: #fff !important;  
}
.title-header textarea::-webkit-input-placeholder {
color: #fff !important;
}
.title-header textarea:-moz-placeholder { color: #fff !important;  
}
.title-header textarea::-moz-placeholder { color: #fff !important;  
}
.title-header textarea:-ms-input-placeholder {  
color: #fff !important;  
}
input[type="text"],  input[type="email"], input, select{
background-color: transparent !important;
border: 2px solid #3b9ab6 !important;
width: 100% !important;
height: 36px !important;
margin-top: 0px !important;
margin-bottom: 10px !important;
padding: 10px !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #8392a6;
}
textarea {
background-color: transparent !important;
border: 2px solid #3b9ab6 !important;
width: 100% !important;
height: 106px !important;
padding:10px !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
box-shadow: none !important;
color: #8392a6;
}
input[type="submit"]{
background-color: #3b9ab6 !important;
font-weight: bold;
color:#fff;
}
footer .hbspt-form input[type="submit"]{
margin-top:-20px !important;
}
input[type="text"]:focus, .hbspt-form input[type="email"]:focus, .hbspt-form input:focus,  .hbspt-form select:focus{
border-bottom: 2px solid #3b9ab6 !important;
color: #8392a6 !important;
}
textarea:focus {
border-bottom: 2px solid #3b9ab6;
color: #8392a6;
}
footer .wpcf7 input[type="text"], footer  .wpcf7 input[type="email"], footer  .wpcf7 input, footer  .wpcf7 select{
background-color: transparent;
border: 2px solid #333;
width: 100%;
height: 36px;
margin-top: -30px;
padding: 10px;
border-radius: 0;
}
footer .wpcf7 textarea {
background-color: transparent;
border: 2px solid #333;
width: 100%;
height: 60px;
padding:10px;
margin-top: -5px;
margin-bottom: -4px;
}
footer .wpcf7 input[type="text"]:focus, footer  .wpcf7 input[type="email"]:focus, footer  .wpcf7 input:focus, footer  .wpcf7 select:focus{
border: 2px solid #3d9cb6;
color:#fff;
}
footer .wpcf7 textarea:focus {
border: 2px solid #3d9cb6;
color:#fff;
}
.covid{
top: 112px;
z-index: 9;
position: relative;
}
.feedzy-rss .rss_item .title {
font-size: 18px;
line-height: 1.4em;
margin: 1.6rem 0 .5rem;
font-family: 'Poppins', sans-serif;
letter-spacing: .5px;
display: block; 
margin-top: 0px;
}
.feedzy-rss .rss_item .rss_image {
margin: 0.3em 1em 20px 0 !important;
width:100% !important;
}
.feedzy-rss .rss_item {
margin: 0%;
padding: 20px !important;
width: 33%;
display: inline-block;
border-bottom:none !important;
}
body {
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
font-family: 'Lato', sans-serif;
font-size: 1.6rem;
line-height: 1.8em;
background-color: #fff;
background-repeat: repeat;
background-size: auto;
background-position: center top;
color:#8492a6;
}
#page .inner{
padding: 5em 0;
position: relative;
}
ul {
font-family: 'Lato', sans-serif;
padding-left: 20px;
padding-top: 15px;
}
.overlay-menu ul{
font-family: 'Poppins', sans-serif;
}
hr {
margin: 40px 0;
border-top: 1px solid #eee;
width: 100%}
p {
margin: 1.6rem 0;
font-family: 'Lato', sans-serif;
}
p a{
text-decoration:underline;
}
a {
color: #3d9cb6;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.strong, strong {
display: inline-block;
font-weight: 700;
}
p strong{
color: #3d9cb6;
}
.hero p strong{
color: #fff;
}
.sub_title, textarea {
display: block;
width: 100%}
h1, h2 {
font-weight: 900;
color: #000;
}
.top-title{
text-align:center;
font-size:30px;
}
.dark, .dark p, .dark h1, .dark h2, .dark h3, .dark h4, .dark ul, .dark li{
color: #fff !important;
}
.dark ul{
text-align:left;
list-style: none;
-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
}
.dark li{
padding-bottom: 15px;
position: relative;
font-size: 14px;
}
.dark li:after{
content: "";
position: absolute;
height: 5px;
width: 5px;
background: #0092cf;
left: -15px;
top:8px;
}
#page .inner h1, #page .inner h2 {
font-weight: 300;
color: #000;
margin-top: 20px;
line-height: 39px;
}
.widgetizedArea h3{ font-family: 'Poppins', sans-serif !important; font-weight:bold;}
#page .inner h3 {
font-weight: 300;
color: #000;
font-family: 'Lato', sans-serif;
padding-bottom:0px;
}
#page .content-img{
border: 10px solid #fff;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.34);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.34);
border-radius: 8px;
}
.info-g img{
padding: 0 20px 0 0;
}
.feedzy-rss .rss_item {
margin: 0% 2% 2% 0 !important;
}
.home-ct h2:after{
content: none !important;
}
.home-ct h2, .home-ct p{
text-align:center !important;
}
.home-ct img{
padding:20px 20px 0px;
width:100px;
height:auto;display:block;margin:auto;
}
.homey{
background-color:#f6f8f9;
padding:10px 10px 0px;
border-radius: 15px;
margin-top:25px;
}
.homey .rs-img{
border-radius: 15px;
}
.homey:hover .rs-img{
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
img {
max-width: 100%;
height: auto;
}
h1 {
font-size: 3rem;
line-height: 1em;
margin: 0 0 1.6rem;
letter-spacing: 0;
font-family: 'Poppins', sans-serif;
}
h2 {
font-size: 2rem;
line-height: 1.1em;
margin: 1rem 0 1.6rem;
font-family: 'Poppins', sans-serif;
}
.contact h2{
text-align:center;
color:#fff;
}
#related-posts h2{
text-align:left;
}
body #page .inner h3.s-grey{
font-family: 'Poppins', sans-serif;
color: #b1b1b1;
font-size:13px;
text-transform:uppercase;
font-weight:bold;
}
h3, h4 {
font-weight: 700;
}
h3 {
font-size: 2.2rem;
line-height: 1.4em;
margin: 2rem 0 1.6rem;
}
h4 {
line-height: 1em;
margin: 1.6rem 0 .5rem;
font-family: 'Poppins', sans-serif;
letter-spacing: .5px;
}
.sub_title, body .ff-loadmore-wrapper .ff-btn {
font-family: 'Poppins', sans-serif;
}
.sub_title {
font-size: 1.6rem;
text-align:center;
line-height: 1.5em;
color: #949494;
font-family: 'Lato', sans-serif;
}
.s-header{
font-family: 'Lato', sans-serif;
font-size: 17px;
line-height: 35px;
}
.pink-it{
color: #ff0066;
}
.button, button, input[type=submit], textarea {
line-height: 1em;
box-sizing: border-box;
-webkit-appearance: none;
outline: 0;
}
body .ff-loadmore-wrapper .ff-btn {
background-color: #3d9cb6;
color: #FFF;
padding: 5px 20px;
font-weight: 400;
letter-spacing: 0;
border: 1px solid #3d9cb6;
text-transform: lowercase;
}
#gradient2 h1:after{
content:none !important;
}
#gradient2 h1{
color: #fff;
font-size: 42px;
line-height: 51px !important;
margin-bottom: 0px;
margin-top: 5px !important;}
#gradient2:after{  
content: "";
position: absolute;
background-size: 300px 300px;
background-repeat: no-repeat;
height: 300px;
width: 300px;
top: 20px;
left: 10%;
}
.logo-change{
background-color:#fff !important;
}
.logo-change #logo h1, body #header.logo-change #menu-menu li a{
color: #262626;
}
.head-stuff{
float: right;
position: absolute;
right: 0;
top: -9px;
background-color: #3c9bb6;
border-radius: 0 0 0 30px;
padding-right: 40px;
}
.head-badge{
position: absolute;
right: 50vw;
top: 0px;
zoom: 70%;
}
@media (max-width:1080px){
.head-badge{
display:none;
}
}
#header {
z-index: 21;
padding: 10px 40px;
position: fixed;
width: 100%;
top: 0px;
background-color: #fff;
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-box-shadow:0 1px 8px 0px #3333333b;
-moz-box-shadow: 0 1px 8px 0px #3333333b;
box-shadow: 0 1px 8px 0px #3333333b;
}
#header>.inner {
margin: 0 auto;
}
#header .left {
box-sizing: border-box;
font-size: 1.8rem;
line-height: 1.2em;
letter-spacing: .1em;
}
#header .right {
box-sizing: border-box;
text-align: right;
font-size: 2.2rem;
line-height: 2em;
font-weight: 700;
top: 10px;
right: 200px;
position: relative;
float: right;
-webkit-transition: opacity .25s ease, top .25s ease-out .0s;
transition: opacity .25s ease, top .25s ease-out .0s;
}
#header .head-cono{
color: #fff;
font-family: 'Poppins', sans-serif;
font-weight: bold;
padding: 0 5px 10px 40px;
margin-top: 12px;
display: inline-block;
} 
#header .right ul {
list-style:none;
}
#header .right ul li{
display:inline-block;
font-family: 'Lato', sans-serif;
font-size: 14px;
padding-left: 30px;
text-decoration:underline;
}
#header .right ul li a:hover{
color: #fff;
opacity:0.7;
} 
#header .left>.inner {
margin: 0;
}
#header .right>.inner {
margin: 0 -2rem;
}
#header .right a {
padding: .5rem 0;
color:#fff;
}
#header #menu-menu{
list-style:none;
width: auto;
float: right;
padding-top: 16px;
}
#header #menu-menu li{
display:inline-block;
padding-left:20px;
}
#header #menu-menu li a{
font-family: 'Lato', sans-serif;
font-size: 1.3rem;
color:#fff;
text-transform:uppercase;
position: relative;
z-index: 2;
display: block;
line-height: initial;
}
#header #menu-menu li a:hover{
color:#3d9cb6 !important;
}
#header #menu-menu .oyster-nav a{
color:#fff !important; 
}
#header #menu-menu .oyster-nav{
color: #fff !important;
background-color: #3d9cb6;
border: 1px solid #3d9cb6;
padding: 8px 15px;
margin-left: 15px;
width: auto;
display: inline-block;
position: relative;
text-transform: uppercase;
border-radius: 15px;
transition: all .5s ease 0s;
}
#header #menu-menu .oyster-nav:hover{
color: #3d9cb6;
background-color: transparent;
border:1px solid #3d9cb6;
}
#header #menu-menu .oyster-nav:hover a{
color: #3d9cb6 !important;
}
.newsletter .wpcf7-text{
width: 175px;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
color: #fff;
font-family: 'Lato', sans-serif;
font-style: italic;
letter-spacing: 0.5px;
opacity: 0.7;
}
.newsletter .wpcf7-text:focus{
opacity:1;
}
.newsletter input[type=submit]{
background: transparent;
border: none;
text-transform: uppercase;
padding:0px;
}
.newsletter input[type=submit]:hover{
opacity:0.7;
}
.newsletter{
color:#fff;
font-family: 'Poppins', sans-serif;
font-weight:bold;
display: inline-block;
float:right;
}
.newsletter .wpcf7-text::-webkit-input-placeholder { color: #fff;
}
.newsletter .wpcf7-text::-moz-placeholder { color: #fff;
}
.newsletter .wpcf7-text:-ms-input-placeholder { color:  #fff;
}
.newsletter .wpcf7-text:-moz-placeholder { color: #fff;
}
.newsletter p{
color:#fff;
font-family: 'Poppins', sans-serif !important;
font-weight:bold;
}
.newsletter form{
float:right;
margin-right: -20px;
}
.menu-item-has-children .sub-menu{
padding-top: 0px;
padding-left:2px;
}
.menu-item-has-children .sub-menu li a{
font-size: 25px !important;
border-left: 5px solid #4a6a7d;
padding-left: 10px;
}
.menu-item-has-children:hover .sub-menu {
display: block;
}
#header .menu-button {
vertical-align: middle;
margin: 0 2rem;
display: inline-block;
}
.overlay .info {
float:left;
}
#archive-categories li a:hover, #date-archives li a:hover {
text-decoration: underline;
}
.hero .content {
max-height: 550px;
}
.hero .content>.inner {
max-width: 50%!important;
vertical-align: middle!important;
}
@media screen and (max-width:1000px) {
#advertising .inner, #bottom #advertising, #bottom #latest-news, #bottom #upcoming-events, #hero-slider #advertising, #hero-slider #latest-news, #hero-slider #upcoming-events, #hero-slider-inner {
width: 100%!important;
}
#header .menu-button {
display: inline-block;
}
#header .head-search, .main-menu {
display: none!important;
}
.hero .content {
max-height: 100%!important;
}
#header {
position: fixed;
float: right;
width: 100%;
top: 0;
}
.contact-ab-side, .ab-side{
display:none;
}
#top-sec{
background-image:none !important;
}
#top-sec .col-6{
width: 100% !important;
max-width: 100%;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.mini-consult{
background-color: #3c9bb6;
padding: 20px 40px 20px;
text-align: center;
color: #fff;
border-radius: 40px;
margin-top: 30px;
transition: all .5s ease 0s;
}
.SEO-text p{
font-size: 14px;
line-height: 24px;
}
.SEO-text h1{
font-size:22px;
margin-top: 0px !important;
}
.SEO-text h2{
font-size:17px;
margin-top: 0px !important;
}
.mini-consult:hover{
background-color: #blue;
}
.mini-consult h2{
color:#fff !important;
}
#sidebar, .a-single, .main-menu {
position: relative;
}
.sidebar .widgetizedArea{
margin-top: 50px;
padding: 5px 20px;
background-color: #f8f8f8;
}
.widgetizedArea ul{
list-style: none;
padding-left:0px;
padding-top: 0px;
}
.head-button, .head-search, .head-search button, .main-menu li {
display: inline-block;
}
.head-search input[type=text] {
margin: 2rem 20px 2rem auto;
padding: 0 1rem;
border: 1px solid #060606;
box-sizing: border-box;
border-radius: 0;
-webkit-appearance: none;
font-family: default-font, sans-serif;
font-size: 1.1rem;
height: 3.5rem;
outline: 0;
background: 0 0;
color: #3a3937;
width: 160px;
display: inline-block;
}
.head-search button {
padding: 1.1rem 1.5rem;
line-height: 1.1em;
font-size: 1.1rem;
height: 3.5rem;
}
.a-single {
z-index: 3;
}
.main-menu {
z-index: 2;
}
.main-menu ul {
background-color: rgba(255, 255, 255, .9);
padding: 10px;
margin-top: 0;
margin-bottom: 0;
}
.main-menu li {
list-style: none!important;
padding: 0 15px;
}
.main-menu li a {
font-size: 1.4rem;
color: #262626;
letter-spacing: 1px;
}
.main-menu li a:hover {
color: #fda6a6;
}
#header .menu-button a:after {
content: "\f0c9";
font-family: icon-font;
font-weight: 400;
margin-left: .5rem;
letter-spacing: .5em;
}
@media (max-width:1060px){
.head-stuff {
right: 0rem;} 
#header{
padding-bottom: 25px;
}    
}
@media (max-width:1060px){
.button_container{
top:7rem !important;
}
}
@media screen and (max-width:1000px) {
#header .right {
padding: 15px 0;
line-height: 1em;
}
body .rsCaption h1 {
font-size: 2.6rem!important;
line-height: 1em!important;
}
#hero-slider .rsCaption > .inner {
margin: 13rem 0 1rem !important;
}
}
@media screen and (max-width:500px) {
.button-all, .button-all-2{
float:left !important;
text-align:left !important;
margin-bottom:20px;
}
.event-box, .drink-box{
margin:20px 0;
}
#header .left {
width: 60%}
#header #logo img {
margin-top: -20px;
vertical-align: top;
height: auto;
width: 15rem;
float: left;
}
#header .follow-us{
display:none;
}
#header #logo .inner {
padding: 0;
margin: 0 auto 2rem;
}
#header .right .follow-us {
margin-right: 40px;
margin-top: -4px;
display: none;
}
#header .right {
margin-top: 11px;
}
.home #hero-slider-inner {
width: 100%;
display: inline-block;
margin-top: 0;
padding: 80px 0 0!important;
}
#sidebar p {
margin: 0;
}
#sidebar .sidebar-lowermenu {
margin-bottom: 20px;
}
body #sidebar .close-button {
margin-bottom: 3rem;
}
#hero-slider .caption {
display: inline-block;
vertical-align: middle;
width: 100%!important;
top: -45px!important;
}
img.rsImg {
max-height: 100%!important;
width: auto;
position: relative;
height: auto!important;
}
#header>.inner {
padding: 0 15px!important;
}
#padtop .inner {
padding: 40px 10px!important;
}
#archive>.inner, #contact .inner, #default-page>.inner, #store-page {
padding: 0 10px!important;
}
h1 {
line-height: 3rem;
}
body .caption .rsCaption h1 {
font-size: 3.2rem!important;
line-height: 1em!important;
}
.home #hero-slider .royalSlider {
min-height: 500px!important;
}
body .wpsl-store-location {
display: inline-block;
width: 100%}
.wpsl-direction-wrap {
margin-top: 20px;
}
#wpsl-wrap .wpsl-search {
margin-bottom: 20px;
padding: 0 0 8px!important;
}
body div.tab button {
background-color: #3d9cb6;
float: left;
border: none;
outline: 0;
cursor: pointer;
padding: 14px 16px;
transition: .3s;
font-size: 16px;
margin: 0 5px 10px;
width: 46%;
height: 160px;
display: inline-block;
}
}
#logo h1{
font-size: 27px;
text-transform: none;
color: #fff;
letter-spacing: 0.5px;
padding-top: 18px;
}
#logo img {
vertical-align: top;
width: 32rem;
padding: 1.5rem 0 0.7rem 0;
float: left;
position: absolute;
height: auto;
left: 0px;
-webkit-transition: opacity .3s ease-out .3s, height .3s ease-out 0s;
transition: opacity .3s ease-out .3s, height .3s ease-out 0s;
}
#log2 img{
opacity:0;
left: 15px;
-webkit-transition: opacity .3s ease-out .3s, height .3s ease-out 0s;
transition: opacity .3s ease-out .3s, height .3s ease-out 0s;
}
#log1 img{
position:relative;
z-index:2;
}   
.logo-change .head-cono{color:#fff !important;}    
.title-header{ 
background-position: center center !important;
color: #FFF; background: #00b680; background: -moz-linear-gradient(45deg, #3c9bb6 0%,#49c4e6 100%); background: -webkit-linear-gradient(45deg, #3c9bb6 0%,#49c4e6 100%); background: linear-gradient(45deg, #3c9bb6 0%,#49c4e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b680', endColorstr='#00b9d5',GradientType=1 ); padding-bottom: 1px;
height: auto;
position: relative;
background-size: cover !important;
background-attachment: fixed !important;
}
.title-header .container{
padding-top: 255px;
padding-bottom: 130px;
}
.title-header h1{
color: #fff;
line-height: 1.4em;
margin-bottom: 5px;
font-size: 4.5rem;
text-align: center;
}
.title-header h4{
color: #fff;
line-height: 1.2em;
font-family: 'Lato', sans-serif;
font-size: 1.7rem;
font-weight: bold;
text-align: center;
}
.title-header h4 a{
color: #fff;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
}
.title-header .date{
font-family: 'Poppins', sans-serif !important;
text-align: center;
font-weight:bold;
font-size:16px;
}
#page{
z-index: 2;
position: relative;
background-color: #fff;
}
.s-row{
padding:5rem 0;
}
.s-row:nth-child(even) {background: #f6f8f9;}
.s-row:nth-child(odd) { background: #FFF;}
.s-row .icon{
width:100px;
height:auto;
margin-bottom:10px;
}
.navo{
opacity:0;
width: 100% !important;
top: -100px; 
position: fixed !important;
text-align: center;
left: 0px;
z-index: 5;
background: #3d9cb6; 
padding: 10px 40px 0px;
transition: opacity .25s ease-in-out, top .5s ease-in-out;
-moz-transition: opacity .25s ease-in-out, top .5s ease-in-out;
-webkit-transition: opacity .25s ease-in-out, top .5s ease-in-out;
}
.fix-nav .navo{   
opacity:1;  
top: 49px;
text-align: center;
z-index: 5;
background: #3d9cb6; 
transition: opacity .25s ease-in-out, top .5s ease-in-out;
-moz-transition: opacity .25s ease-in-out, top .5s ease-in-out;
-webkit-transition: opacity .25s ease-in-out, top .5s ease-in-out;
}
.navo .about-tab {
color: #fff;
background: transparent;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
border: 2px solid #fff;
padding: 5px 10px;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
font-size:10px;
}
.fix-nav .navo .about-tab:active, .fix-nav .navo .about-tab:focus, .fix-nav .navo .about-tab:hover  {
color: #3d9cb6;
text-decoration:none;
background: #fff;
}
.vertically {
height: 150px;	
overflow: hidden;
position: relative;
}
.s-row .icon{
position: absolute;
width: 120px;
height: auto; -moz-transform:translateY(40%);
-webkit-transform:translateY(40%);	
transform:translateY(40%); -moz-animation: vertically 1.5s linear infinite alternate;
-webkit-animation: vertically 1.5s linear infinite alternate;
animation: vertically 1.5s linear infinite alternate;
} @-moz-keyframes vertically {
0%   { -moz-transform: translateY(10%); }
100% { -moz-transform: translateY(0%); }
}
@-webkit-keyframes vertically {
0%   { -webkit-transform: translateY(10%); }
100% { -webkit-transform: translateY(0%); }
}
@keyframes vertically {
0%   { 
-moz-transform: translateY(10%); -webkit-transform: translateY(10%); transform: translateY(10%); 		
}
100% { 
-moz-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); 
}
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #f3f3f3;
}
tr:hover {
background-color: #f9f9f9;
}
.hovo-tab td, .hovo-tab th {
position: relative;
}
.hovo-tab {
overflow: hidden;
}
.hovo-tab td:hover::after,
.hovo-tab th:hover::after {
content: "";
position: absolute;
background-color: #f9f9f9;
left: 0;
top: -5000px;
height: 10000px;
width: 100%;
z-index: -1;
}
.hovo-tab td{
font-size:12px;
}
.table-bordered>thead>tr>th {
border-bottom-width: 1px !important;
}
.table>thead>tr.active>th{
background-color: #3d9cb6;
color:#fff;
}
thead h3{
font-size:25px;
font-weight:bold !important;
color:#fff !important;
font-family: 'Poppins', sans-serif !important;
margin-bottom: 0px;
margin-top:5px;
} 
.table>tbody>tr>td.active{
font-size:15px;
}
thead .price{
font-weight: 900 !important;
font-size: 21px;
}
thead p{
font-weight:400;
margin-top:5px;
margin-bottom:5px;
}
@media (max-width:640px){
body .button_container {
top: 2rem !important;
}
.covid {
top: 79px;}
.about-tab{
font-size:10px !important;
}
.fix-nav .navo .about-tab {
color: #fff;
font-size: 7px !important;}
.fix-nav .navo {
top: 23px;}
.hovo-tab td {
font-size: 9px !important;
} 
html{
overflow-x:hidden !important;
}  
thead h3{
font-size:11px;
} 
thead .price{
font-weight: 900 !important;
font-size: 8px;
}
thead p{
font-weight:400;
font-size:7px;
margin-top:5px;
margin-bottom:5px;
}
.table>tbody>tr>td.active{
font-size:10px;
}
}
.hero {
background-color:#3d9cb6;
color: #FFF;
padding-bottom: 1px;
height: auto;
position: relative;
background-size: cover !important;
background-attachment: fixed !important;
}
.home .hero:after {
position: absolute;
height: 950px;
width: auto;
top: 80px;
right: 80px;}
.hero .container{
padding-top: 24em;
padding-bottom: 12em;
position: relative;
z-index: 1;
}
.hero h1{
color: #fff;
line-height: 1.3em;
font-size: 5rem;
font-weight: 700;
text-align: center;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.hero .hero-text{
font-size: 35px;
line-height: 29px;
margin-bottom:50px;
text-align:center;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.hero .oyster-button{
display:block;
margin:auto;
}
@media (max-width: 600px){
#header {
padding-bottom: 15px;
}}
.t-mem h3{
text-align:center;
}
.t-mem p{
color:#fff;
text-align:center;
}
.t-mem img{
border-radius: 50%;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
width:50%;
display:block;
margin:auto;
transition: all 0.5s ease;
}
.t-mem{
padding:0 30px;
}
.t-mem:hover img{
-webkit-filter: grayscale(0%); filter: grayscale(0%);
}
#gradient:after {
opacity: 0.2;
z-index: 0;
content: "";
position: absolute;
background: url(//headchiro.com/wp-content/uploads/2018/02/hero_image.jpg);
height: 100%;
width: 100%;
right: 0px;
background-size: cover;
background-position: center bottom;
}
.hero .preheader{
font-family: 'Lato', sans-serif;
font-size: 34px;
line-height: 48px;
text-transform: none;
font-weight: 100;
margin-bottom: 10px;
}
.hero-img-ta{
display: block;
position:absolute;
right:0px;
bottom:-20px;
margin: auto;
width: 95px;
padding-bottom: 20px;
height: auto;
}
#footer p{
font-family: 'Lato', sans-serif;
font-size: 13px;
line-height: 1.7em;
color: white;
}
#footer button {
background-color: #3d9cb6;
color: #3d9cb6;
padding: 5px 20px;
font-weight: 400;
letter-spacing: 0;
border: 1px solid #3d9cb6;
margin-top: 20px;
}
#footer button:hover {
background-color: #3d9cb6;
color: #3d9cb6!important;
border: 1px solid #3d9cb6;
margin-top: 20px;
}
#footer h3 {
color: #fff;
line-height:20px;
font-size: 17px;
letter-spacing: 0.5px;
margin-top:0px;
font-family: 'Poppins', sans-serif;
}
#footer {
background:#4d4d4d;
color: #fff;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
width: 100%;
bottom: 0;
padding-top: 65px;
}
#footer ul{
font-family: 'Lato', sans-serif;
padding-top: 0px;
}
#menu-footer-menu{
padding-left: 2px;
list-style: none;
}
#menu-footer-menu li a{
color:#fff;
}
#footer a:hover{
color:#3d9cb6;
}
#footer a {
color: #fff;
font-weight:bold;
}
#footer img{
max-width:75% !important;
}
#footer .inner {
position: relative;
max-width: 1400px;
margin: 4rem auto;
}
#footer nav {
max-width: 800px;
margin: 5rem -1.5rem;
padding-right: 200px;
}
#footer nav ul {
display: inline-block;
vertical-align: top;
width: 35%;
list-style: none;
margin: 0;
padding: 0 1.5rem;
box-sizing: border-box;
}
#footer nav li {
margin: 0;
padding: 0;
}
#footer nav li a {
font-weight: 700;
line-height: 1em;
padding: .3rem 0;
color: #FFF;
transition: color .2s;
}
.follow-us a, footer .follow-us a {
font-size: 17px;
line-height: 1.2em;
font-family: icon-font;
transition: color .2s;
font-weight: normal !important;
}
#footer nav li a:hover {
color: #3d9cb6;
}
footer .footer-logo {
width: 170px;
height: auto;
float: right;
position: absolute;
bottom: -20px;
right: 70px;
z-index: 1;
}
footer .follow-us {
text-align: right;
margin: 2rem -2px;
float: left;
}
footer .follow-us h2 {
margin: 0 0 1rem;
}
footer .follow-us ul {
list-style: none;
margin: 0 -.5rem;
padding: 0;
}
footer .follow-us ul li {
display: inline;
margin: 0;
padding: 0;
}
.follow-us a:hover {
color: #fff !important;
}
header .follow-us a:hover {
opacity:.7;
}
#header .head-cono:hover{
opacity:.7;
}
footer .follow-us span {
display: none;
}
#header .right .follow-us a {
color: #fff;
font-size: 20px;
margin: 0 .2rem;
font-weight: 100;
}
#header .right .follow-us {
margin-right: 8.5em;
margin-top: 5px;
}
#sidebar .follow-us {
float: right;
display: block;
width: 100%}
.follow-us {
position: relative;
text-align: right;
margin: 0;
display: inline-block;
margin-top: 10px;
margin-left: 30px;
}
.logo-change .follow-us a{
color: #fff;
}
.follow-us h2 {
margin: 0 0 1rem;
}
.follow-us ul {
list-style: none;
margin: 0 -.5rem;
padding: 0;
}
.follow-us ul li {
display: inline;
margin: 0;
padding: 0;
}
.follow-us a {
display: inline-block;
width: 2rem;
margin: 0 0.5rem;
text-align: center;
color: #fff;
background-color: #3b5998;
border-radius: 50%;
height: 30px;
width: 30px;
top: 9px;
position: relative;
}
.overlay .follow-us a {
display: inline-block;
width: 2rem;
margin: 0 .5rem;
text-align: center;
color: #fff;
}
#footer .copyright a, .follow-us a:hover {
color: #fff;
}
.follow-us span {
display: none;
}
.facebook a:before {
content: "\f09a";
top: 6px;
left: 10px;
position: absolute;}
.twitter a:before {
content: "\f099"}
.instagram a:before {
content: "\f16d"}
.linkedin a:before {
content: "\f0e1"}
.mailit a:before {
content: "\f0e0"}
#footer .copyright {
margin-top: 20px;
padding-top: 20px;
font-size: 12px;
text-align: left;
color: #c9c9c9;
border-top: 1px solid #5f5f5f;
}
.fu-alt {
margin-left: 0px;
display: block;
margin: auto;
text-align: center;
}
.fu-alt li a{
color: #000;
}
.foot-nav li{
display: inline-block;
padding:0 10px;
}
#footer .foot-nav li a{
color: #676767;
}
.foot-nav{
text-align:center;
border-top: rgba(140, 138, 142, .43) 1px solid;
padding-top: 25px;
margin-top: 25px;
}
#footer .built-by {
display: inline-block;
width: auto;
padding-left: 20px;
font-size: .8em;
}
#footer .copyright a:hover {
color: #3d9cb6;
}
#footer .footer-t{
font-size: 27px;
line-height: 39px;
margin-top: -6px;
display: block;
font-weight: bold;
font-family: 'Poppins', sans-serif;
}
#footer .footer-t a{
color: #3d9cb6 !important;
}
@media screen and (max-width:1366px) {
#header .right .follow-us {
margin-right: 10em;
margin-top: 5px;
}
}
@media screen and (max-width:1000px) {
#header .right .follow-us {
margin-right: 10em;
margin-top: 5px;
}
.mob-hide{display:none;}
}
@media screen and (max-width:800px) {
#footer nav {
width: auto;
padding: 0;
}
footer .follow-us, footer .made-by {
position: static;
text-align: left;
}
#header .right .follow-us{
display:none;
}
.mob-contact{
padding-left:0px;
}
}
@media screen and (max-width:600px) {
#footer nav ul {
display: block;
width: auto;
}
#header .headnum {
display:none !important;
}
.hero .preheader{
font-size:25px;
line-height:38px;
}
#logo h1 {
font-size: 15px;
text-align: left;}
}
.overlay .feedzy-rss .rss_item{
width:100% !important;
}
.col-3, .col-md-3, .col-xl-3, .col-lg-3{
-ms-flex: 0 0 24.5%;
flex: 0 0 24.5%;
max-width: 24.5%;
}
.col-7, .col-md-7, .col-xl-7, .col-lg-7{
-ms-flex: 0 0 58.333333%;
flex: 0 0 57.333333%;
max-width: 57.333333%;
}
.col-4, .col-md-4, .col-xl-4, .col-lg-4{
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
}
@media (max-width:768px) {
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
flex: 100%!important;
max-width: 100%!important;
-webkit-flex: 0 0 100%!important;
-ms-flex: 0 0 100%!important;
}
.head-stuff,.oyster-header{display:none !important;}
.feedzy-rss .rss_item{
width:100% !important;
}
.hero h1 {
color: #fff;
line-height: 1.4em;
text-transform: uppercase;
font-size: 3rem;}
.contact h3 {
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 300;
padding-top: 8px;
text-align: center;}
.contact .oyster-button-blank{
display: block;
width: 280px;
margin: auto !important;
float: none;
}
.s-down, .scroll-down{
display:none !important;
}
header .button_container{
top: 2.5rem;
right:4rem;
}
.container{width:100% !important;}
#header .col-8{
display:none !important;
}
}
.oyster-button-dark{
color: #fff;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
text-align:center;
font-weight:800;
background-color: #3d9cb6;
border:2px solid #3d9cb6;
padding: 8px 14px;
width: 200px;
display: block;
margin: 20px auto;
position: relative;
text-transform:uppercase;
letter-spacing: 1px;
transition: all .5s ease 0s;
border-radius:40px;
}
.oyster-button-dark:hover{
color: #3d9cb6;
background-color: transparent;
border:2px solid #3d9cb6;
}
.oyster-button-consult{
color: #fff;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
text-align:center;
font-weight:800;
background-color: transparent;
border:2px solid #fff;
padding: 8px 14px;
width: 375px;
display: block;
margin: 20px auto;
position: relative;
text-transform:uppercase;
letter-spacing: 1px;
transition: all .5s ease 0s;
border-radius:40px;
}
.oyster-button-consult:hover{
color: #3d9cb6;
background-color: #fff;
border:2px solid #fff;
}
.menu-buto a{
border: 2px solid #fff;
color: #fff;
transition: all .5s ease 0s;
background: #3b9ab6;
text-align: center;
border-radius: 40px;
width: 230px !important;
margin-top: 15px !important;
}
.menu-buto a:hover{
background:transparent;
color:#fff !important;
}
.oyster-button-treatment{
color: #fff;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
text-align:center;
font-weight:800;
background-color: #3d9cb6;
border:2px solid #3d9cb6;
padding: 8px 14px;
width: 280px;
display: block;
margin: 20px 0;
position: relative;
text-transform:uppercase;
letter-spacing: 1px;
transition: all .5s ease 0s;
border-radius:40px;
text-decoration: none !important;
}
.oyster-button-treatment:hover{
color: #3d9cb6;
background-color: transparent;
border:2px solid #3d9cb6;
}
.oyster-button-light{
color: #3d9cb6;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
text-align:center;
font-weight:800;
background-color: #fff;
border:2px solid #fff;
padding: 8px 14px;
width: 300px;
display: block;
margin: 20px auto;
position: relative;
text-transform:uppercase;
letter-spacing: 1px;
transition: all .5s ease 0s;
border-radius:40px;
}
.oyster-button-light:hover{
color: #fff;
background-color: transparent;
border:2px solid #fff;
}
.oyster-button{
color: #fff;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight:800;
background-color: #3d9cb6;
border:2px solid #3d9cb6;
padding: 8px 14px;
width: 200px;
display: inline-block;
margin: 20px 0;
position: relative;
text-transform:uppercase;
letter-spacing: 1px;
transition: all .5s ease 0s;
border-radius:40px;
}
.oyster-button:hover{
color: #fff;
background-color: transparent;
border:2px solid #fff;
}
.oyster-header{
color: #3d9cb6;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight: 800;
background-color: transparent;
border: 2px solid #3d9cb6;
padding: 2px 14px;
width: 230px;
display: inline-block;
margin: 0px 0;
position: relative;
text-transform: uppercase;
letter-spacing: 1px;
transition: all .5s ease 0s;
text-align: center;
border-radius: 40px;
font-size: 13px;
float: right;
position: absolute;
right: 169px;
top: 64px;
}
.oyster-header:hover{
color: #fff;
background-color: #3d9cb6;
border:2px solid #3d9cb6;
}
.accordion {
background-color: #f9f9f9;
color: #8492a6;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
font-weight: bold;
}
.treatment .wpb_content_element{
margin-bottom: 0px;
}
.treatment .vc_column_container>.vc_column-inner {
box-sizing: border-box;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.treatment .t1{
padding-left:40px;
padding-top:40px;
}
.treatment .t2{
padding-right:40px;
padding-top:40px;
}
.treatment_image{
border: 10px solid #fff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.14);
box-shadow: 0px 0px 7 px 0px rgba(0,0,0,0.14);
margin-bottom: 40px;
}
.pop-up {
position: fixed;
width: 100%;
background-color: rgba(255,255,255,0.9);
display: inline-block;
left: 0;
bottom: -300px;
padding: 10px;
z-index: 99;
-webkit-animation: slide 0.5s forwards;
-webkit-animation-delay: 5s;
-moz-animation: slide 0.5s forwards;
-o-animation: slide 0.5s forwards;
animation: slide 0.5s forwards;
animation-delay: 5s;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.pop-up.close-pop-up {
margin-bottom: -300px;
}
@-webkit-keyframes slide {
100% {
bottom: 0;
}
}
@keyframes slide {
100% {
bottom: 0;
}
}
@-webkit-keyframes slideOut {
100% {
bottom: -220px;
}
}
@keyframes slideOut {
100% {
bottom: -220px;
}
}
.pop-up-inner {
padding: 20px;
position: relative;
}
.pop-up-inner form {
display: inline-block;
}
.pop-up-inner form {
max-width: 100%;
vertical-align: top;
padding: 0 5px;
}
.pop-up-inner form label {
font-size: 14px;
margin-bottom: 5px;
}
.pop-up-inner form input {
width: 100%;
height: 25px;
margin-bottom: 5px;
}
.pop-up button.close {
position: absolute;
top: -7px;
left: -5px;
font-size: 37px;
color: #3d9cb6;
opacity: 1;
line-height: .7;
border: none;
}
.pop-up h2{
font-size: 28px;
color: #3d9cb6;
}
.pop-up h4{
font-size: 16px;
}
.pop-up button.close:hover {
cursor: pointer;
}
@media (min-width:700px) {
.pop-up {
width: 365px;
bottom: 40px;
right: -385px;
left: auto;
margin-right: 14px;
border-radius:10px;
}
.pop-up-image {
display: inline-block;
}
.pop-up-inner form {
max-width: 215px;
}
.pop-up.close-pop-up {
margin-right: -365px;
margin-bottom: 0;
bottom: 40px;
}
@-webkit-keyframes slide {
100% {
right: 0;
}
}
@keyframes slide {
100% {
right: 0;
}
}
@-webkit-keyframes slideOut {
100% {
right: -365px;
}
}
@keyframes slideOut {
100% {
right: -365px;
}
}
} .page-template-page-contact #padtop .active, .accordion:hover {
background-color: #3d9cb6;
color:#fff;
} .panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion:after {
content: '\02795'; font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2796"; }
.oyster-button-blank a, .oyster-button-light a, .oyster-button a{
line-height:inital;
}
.hero .oyster-button{
display:block;
margin:auto;
text-align:center;
}
.contact h3{
color:#fff;
font-family: 'Poppins', sans-serif;
font-weight:300;
padding-top: 8px;
}
.contact .icon {
font-size: 20px;
line-height: 1.2em;
font-family: icon-font;
transition: color .2s;
color:#fff;
}
.contact .icon a{
color:#fff;font-weight: normal;
}
.home-sec .sec-content .oyster-button-light{
margin: 0px -20px 0px 0px;
float:right;
}
.home-sec .sec-content .oyster-button-light:hover{
color: #000;
background-color: #3d9cb6;;
border:1px solid #3d9cb6;
}
.home-sec .sec-content{
background-color: #000;
margin-top: -10px;
color: #fff;
padding: 20px;
border-bottom: 10px solid #3d9cb6;
}
.home-sec .sec-content h2{
color:#fff;
}
.t-content{
background-color: #ffffffdb;
display: block;
position: absolute;
bottom: 0px;
padding: 10px 20px;
}
.t-content h3{
margin-bottom: 0px;
margin-top:0px;
font-weight: bold !important;
font-size: 17px;
}
.post-box-2{
border: 1px solid #d7dade;
padding: 0px 10px;
background-color:#fff;
margin-bottom:20px;
}
.post-box-2:hover{
background-color:#f8f8f8;
}
.p-text p{
text-align: left;
color: #fff;
font-size: 12px;
}
.p-text p a{
text-align: right;
color: #fff !important;
font-size: 16px !important;
font-weight: bold;
}
.overlay .fa{
color: #fff;
font-size: 25px;
margin-right: 10px;
bottom: -4px;
position: relative;
}
.button_container {
position: fixed;
display: block;
right: 4rem;
top: 7rem;
height: 21px;
width: 25px;
cursor: pointer;
z-index: 22;
-webkit-transition: opacity .25s ease, top .25s ease-out .0s;
transition: opacity .25s ease, top .25s ease-out .0s;
}
.button_container::after{
content: 'MENU';
color: #3d9cb6;
position: absolute;
font-family: 'Poppins', sans-serif;
right: 36px;
top: 0px;
font-size: 1.4rem;
font-weight: bold;
-webkit-transition: opacity .5s ease-out 3s;
transition: opacity .5s ease-out 3s;
}
.button_container.active::after{
content: 'CLOSE';
}
.button_container:hover {
opacity: .7;
}
.button_container.active ~ #header .oyster-header{
border: 2px solid #fff;
color:#fff;
}
.button_container.active ~ #header {
z-index: 21;
background: rgba(19, 58, 88, 0) !important;
position: fixed;
width: 100%;
box-shadow: none;
}
.button_container.active ~ #header .head-cono {
color:#fff !important;
}
.button_container.active ~ #header .follow-us a {
color: #fff;
}
.button_container.active ~ #header #log1 img {
opacity: 0;
}
.button_container.active ~ #header #log2 img {
opacity: 1;
}
.shade-image{
position: fixed;
left: 0px;
bottom: -90px;
width: 700px;
opacity: 1;
z-index: 18;
}
#header .hidey img{opacity:1;
}
.button_container.active ~ #header .me-hidey img {
opacity:0;
}
.button_container.active ~ #header .hidey img {
opacity:1;
}
.button_container.active .top {
-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
transform: translateY(9px) translateX(0) rotate(45deg);
background: #FFF;
}
.button_container.active .middle {
opacity: 0;
background: #FFF;
}
.button_container.active .bottom {
-webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
transform: translateY(-7px) translateX(0) rotate(-45deg);
background: #FFF;
}
.button_container span {
background:#3d9cb6;
border: none;
height: 4px;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .35s ease;
transition: all .35s ease;
cursor: pointer;
}
.button_container.change span{
background:#3d9cb6;
}
.button_container.change:after{
color: #3d9cb6 !important;
}
header .button_container.active:after{
color: #fff !important;
}
.button_container span:nth-of-type(2) {
top: 8px;
}
.button_container span:nth-of-type(3) {
top: 16px;
}
.shade{
position:fixed;
background: rgba(26, 90, 109, 0.92);
height:100%;
width:100%;
z-index:19;
top: 0;
right: 0;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden;
}
.shade-2{
position:fixed;
background:#1b1b1b;
height:100%;
width:40%;
z-index:20;
top: 0;
left: 0;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden;
}
.overlay .row{
position: relative;
padding-top:150px;
z-index: 20;
}
.overlay {
position: fixed;
z-index: 20;
top: 0;
right: 0;
min-width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden;
}
.overlay.open {
opacity: 1;
visibility: visible;
height: 100%;
}
.overlay.open nav li {
-webkit-animation: fadeInRight .5s ease forwards;
animation: fadeInRight .5s ease forwards;
-webkit-animation-delay: .35s;
animation-delay: .35s;
}
.overlay.open nav li:nth-of-type(2) {
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.overlay.open  nav li:nth-of-type(3) {
-webkit-animation-delay: .45s;
animation-delay: .45s;
}
.overlay.open nav  li:nth-of-type(4) {
-webkit-animation-delay: .50s;
animation-delay: .50s;
}
.overlay.open nav  li:nth-of-type(5) {
-webkit-animation-delay: .55s;
animation-delay: .55s;
}
.overlay.open nav  li:nth-of-type(6) {
-webkit-animation-delay: .65s;
animation-delay: .65s;
}
.overlay.open  nav li:nth-of-type(7) {
-webkit-animation-delay: .70s;
animation-delay: .70s;
}
.overlay.open nav  li:nth-of-type(8) {
-webkit-animation-delay: .75s;
animation-delay: .75s;
}
.overlay.open  nav li:nth-of-type(9) {
-webkit-animation-delay: .80s;
animation-delay: .80s;
}
.overlay nav {
position: relative;
z-index:21;
font-size: 20px;
padding-left: 0em;
font-weight: 400;
text-align: left;
}
.overlay .overlay-menu #menu-main {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
position: relative;	
}
.overlay .overlay-menu ul li {
display: block;
position: relative;
opacity: 0;
}
.overlay .overlay-menu ul li a {
display: block;
margin:auto;
position: relative;
text-align:center;
color: #FFF;
text-decoration: none;
width:max-content;
font-size: 31px;
line-height: 50px;
}
.overlay .overlay-menu ul li a:hover, .overlay .overlay-menu ul li a:focus, .overlay .overlay-menu ul li a:active {
color: #fff;
}
.overlay .overlay-menu ul li a:hover, .overlay .overlay-menu ul li a:focus, .overlay .overlay-menu ul li a:active {
color: #3d9cb6;
}
.single-service #padtop h2{
text-align:left;
}
body .grw-slider .wp-google-name{color:#fff !important;}
body .grw-slider .wp-google-time {
display: block!important;
color: #88d1e6!important;}
@media (max-width:768px){
.hero .hero-text{
font-size:16px;
}
.treatment img{
display:none !important;
}
.overlay .overlay-menu ul {
list-style: none;
padding: 0;
}
.s-box img{
width:110px;
}
.p-logo{
width:60%;
display:block;
margin:40px auto 0 !important;
} 
.button_container {
display: block;
top: 5rem !important;}
.overlay {
position: fixed;
z-index: 20;
background: #060606;
top: 0;
left: 0;
width: 100%;}
.hero .container {
padding-top: 160px;
padding-bottom: 81px;
}
body .hero {
background-position: right center!important;}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
.nav-tabs{
border-bottom: none !important;
}
.nav-tabs>li>a {
font-style: normal;
font-weight: 500;
font-size: 15px;
color: #FFF;
background-color:#3d9cb6;
margin-right: 12px;
padding: 10px 35px;
margin-bottom:15px;
border: none !important;
border-radius: 0px !important;
}
.nav-tabs>li>a:hover {
color: #fff !important;
border: none !important;
background-color: #3d9cb6;
border-radius: 0px !important;
}
.nav-tabs li a.active {
color: #fff !important;
border: none !important;
background-color: #3d9cb6;
border-radius: 0px !important;
}
.s-t .nav-tabs{
margin-top:40px;
}
.s-t .nav-tabs>li {
float:none !important;
margin-bottom: -1px;
margin: auto;
width: 270px;
display: inline-block;} #hero-slider{
background-repeat:no-repeat;
background-size:cover;
background-position:center;
z-index:0;
padding-top: 0px;
background: #fff;
}
#hero-slider > .inner {
max-width:1400px;
position:relative;
margin: 0 auto;
}
#hero-slider .royalSlider{
display: inline-block;
vertical-align: middle;
width: 100%;
min-height: 500px;
max-height:650px;
overflow:hidden;
background-color:#272626;
}
.home #hero-slider .royalSlider{
display: inline-block;
vertical-align: middle;
width: 100%;
min-height: 500px;
max-height:650px;
overflow:hidden;
background-color:#000;
}
#hero-slider .royalSlider:after{
content: "";
display: block;
position: absolute; top: 0; left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 100%);
pointer-events: none;
}
#hero-slider .rsOverflow{
float: none;
}
#hero-slider .caption{
display: inline-block;
vertical-align: middle;
width: 100%;
margin-left: -100%;
position: relative; z-index: 1;
pointer-events: none;
}
#hero-slider .rsGCaption{
float: none;
text-align: left;
color: #FFF;
}
#hero-slider .rsCaption{
max-width:1400px;
margin: auto;
padding: 0 80px;
}
#hero-slider .rsCaption > .inner{
margin: 20rem 0 1rem;
}
#hero-slider .rsCaption h1{
color: #fff;
text-align: center;
font-size: 50px;
line-height: 60px;
}
#hero-slider .rsCaption .content{
text-align:center;
font-family: 'Lato', sans-serif;
}
#hero-slider .oyster-button{
text-align:center;
display:block;
margin: 30px auto 0;
}
#hero-slider .rsCaption a{
pointer-events: all;
}
#hero-slider .thumbnails{
background: #ffffff;
box-shadow: 0 0 2rem rgba(0,0,0,0.1);
}
#hero-slider .rsThumbs{
float: none;
}
#hero-slider .rsTmb{
display:block;
width: 240px;
overflow: hidden;
text-align: center;
color: #262626;
}
#hero-slider .rsNavSelected .rsTmb{
background-color: #c1c1c1;
color: #FFF;
}
#hero-slider .rsTmb:before,
#hero-slider .rsTmb:after{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
#hero-slider .rsTmb span{
display: inline-block;
vertical-align: middle;
width: 100%;
margin: 5rem -10px;
padding: 0 3rem;
box-sizing: border-box;
text-transform:uppercase;
}
#hero-slider .s-down{
color: #fff;
font-weight: bold;
display: block;
text-align: center;
margin-top: 80px;
}
@media screen and (max-width: 1200px) {
#hero-slider > .inner{
padding:0 30px;
margin-bottom:0;
}
#hero-slider .royalSlider:after{
background:rgba(0, 0, 0, 0.25);
}
#hero-slider .rsCaption h1:after{
display: none;
}
#hero-slider .rsCaption .content{
font-size: 1.6rem;
line-height: 1.2em;
}
#hero-slider .rsTmb{
width: 160px;
}
#hero-slider .rsTmb span{
margin: 3rem -10px;
}
#footer .newsletter .wpcf7-text {
width: 100% !important;
margin-bottom: 10px;}
.ab-side{
left:15px !important;
}
}
.service-box h4{
text-align:center;
}
.service-box h4 a{
text-align:center;
color: #b1b1b1;
text-align:center;
font-size:13px;
text-transform:uppercase;
}
.service-box img{
display:block;
margin:auto;
padding: 30px 45px 0 45px;
}
#half-sec{
background-image: linear-gradient(bottom, #f6f8f9 50%, #FFFFFF 50%);
background-image: -o-linear-gradient(bottom, #f6f8f9 50%, #FFFFFF 50%);
background-image: -moz-linear-gradient(bottom, #f6f8f9 50%, #FFFFFF 50%);
background-image: -webkit-linear-gradient(bottom, #f6f8f9 50%, #ffffff 50%);
background-image: -ms-linear-gradient(bottom, #f6f8f9 50%, #FFFFFF 50%);
}
.post-box .title a{
font-weight:bold;
color: #b1b1b1;
text-transform:uppercase;
font-size:13px;
}
.post-box .title{
opacity:0;
font-family: 'Poppins', sans-serif;
}
.post-box:hover .title{
opacity:1;
}
.post-box-2 .title a{
font-weight:bold;
font-family: 'Poppins', sans-serif;
font-size:16px;
}
.post-box-2 .date{
color: #d2d2d2;
margin-top: -10px;
}
.post-box-2 .data{
padding:0px 15px 15px;
}
.study-1{
max-height: 540px;
position: relative;
width: 100%;
overflow: hidden;
display: block;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
}
.study-2{
max-height: 285px;
position: relative;
width: 100%;
overflow: hidden;
display: block;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
}
.case-box .case-info{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
background: rgba(0,0,0,0.9);
padding: 30px;
opacity: 0;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
}
.case-box:hover .case-info{
opacity:1;
}
#page .case-box h3{
color: #fff;
font-weight: bold;
font-family: 'poppins', sans-serif;
position: absolute;
bottom: 7px;
}
#related-posts{
background-color: #f6f8f9;
padding: 1px 20px 20px;
margin-top: 40px;
}
#related-posts h5 a{
text-align:center;
color: #b1b1b1;
text-align:center;
font-size:13px;
font-family: 'poppins', sans-serif;
text-transform:uppercase;
}
.bpoints li {
font-size: 16px;
font-weight:bold;
margin-left: 0px;
list-style-type: circle;
list-style-position: outside;
list-style-image: none;
padding-left: 7px;
line-height: 2.4rem;
margin-bottom: 10px;
color: #36383d;}
.p-logo{
-webkit-filter: grayscale(100%); filter: grayscale(100%);
-webkit-transition: filter .35s;
transition: filter .35s;
margin:40px 0 0;
}   
.p-logo:hover{
-webkit-filter: grayscale(0%); filter: grayscale(0%);
}
.about-tab{
color: #fff;
background:transparent;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
border: 2px solid #fff;
padding: 5px 20px;
display: inline-block;
margin-right: 10px;
margin-bottom:10px;
transition: background .5s ease 0s;
}  
.about-tab:hover{
color: #3d9cb6;
background:#fff;
border: 2px solid #fff;
} 
#tabo a{
color: #fff;
background:transparent;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
border: 2px solid #fff;
padding: 5px 20px;
display: inline-block;
margin-right: 10px;
margin-bottom:10px;
}  
#tabo a:hover{
color: #3d9cb6;
background:#fff;
border: 2px solid #fff;
} 
#tabo .active{color: #3d9cb6;
background:#fff;
border: 2px solid #fff;}  
.mission{
font-weight: bold;
padding: 20px;
background: #3d9cb6;
color:#fff;
} 
.mission h3{
margin-top:0px;
color:#fff !important;
}
.value h3:before{
content: '';
position: relative;
top: 28px;
height: 3px;
left: -19px;
width: 10px;
background: #3d9cb6;
display: block;
margin: 10px 0px;
padding: 1px;
}
.why h3:before{
content: '';
position: relative;
top: 28px;
height: 3px;
left: -19px;
width: 10px;
background: #3d9cb6;
display: block;
margin: 10px 0px;
padding: 1px;
}
.faq {
counter-reset: my-badass-counter;
padding-left:30px;
margin-top: 30px;
}
.faq dt:before {
content: counter(my-badass-counter);
counter-increment: my-badass-counter;
position: absolute;
top: -7px;
left: -28px;
font-size: 34px;
font-weight: bold;
font-family: 'poppins';
color: #3d9cb6;
}
.faq dt{
position: relative;
font-weight:bold;
color:#333;
font-family: 'poppins';
}
.faq dt strong{
font-weight:bold;
}
.faq dd{
position: relative;
margin-bottom:20px;
}
.numo{
border: 2px solid #333;
width: 50px;
height: 50px;
position: relative;
}
.numo span{
position: absolute;
right: 5px;
bottom: 5px;
font-size: 22px;
font-family: 'poppins';
color: #000;
}
.numby:hover .numo{
border: 2px solid #3d9cb6;
}
.numby:hover span{
color: #3d9cb6;
}
.numby h3{
font-weight:bold !important;
}
.numby{
margin-bottom:30px;
}button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}g@font-face {
font-family: 'Poppins', sans-serif;
src: url(//headchiro.com/wp-content/themes/headchiro/css/poppins.regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
:root {
--color-w: #fff;
--color-w-trans: #ffffffb3;
--color-b: #000;
--color-b-2: #0D2733;
--color-primary: #141517;
--color--d-gren: #2F8096;
--max-width: 1440px;
--linear--bg: linear-gradient(270deg, #117D7D 0%, #0D2733 100%);
}
body.page-template-page-new-homepage{
padding-top: 0!important;
}
body {
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.custom-container {
width: 100% !important;
max-width: var(--max-width);
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.main-header a{
font-family: 'Poppins', sans-serif;
}  .hero-video {
padding: 10rem 0 2rem;
background: #E8FFFD;
overflow: hidden;
}
.hero-video-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
align-items: center;
gap: clamp(30px, 5vw, 80px);
padding-top: 10rem;
} .hero-video-content h1 {
max-width: 540px;
font-size: clamp(2.5rem, 5vw, 3.75rem);
line-height: 1.05;
font-weight: 400;
margin-bottom: 24px;
}
.hero-video-content h1 span {
display: block;
color: #2F8096;
}
.hero-video-content p {
max-width: 520px;
font-size: clamp(15px, 1.4vw, 18px);
line-height: 1.7;
color: var(--color-b-2);
margin-bottom: 28px;
} .tour-card {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
max-width: 360px;
padding: 8px;
margin-bottom: 35px;
background: #fff;
border-radius: 14px;
text-decoration: none;
color: inherit;
box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
transition: .3s;
}
.tour-card:hover {
transform: translateY(-3px);
}
.tour-icon {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 10px;
background: linear-gradient(270deg, #117D7D 0%, #0D2733 100%);
}
.tour-card strong {
display: block;
font-size: 16px;
font-weight: 600;
color: var(--color-b-2);
margin-bottom: 4px;
}
.tour-card small {
display: block;
font-size: 13px;
color: var(--color-b-2);
} .hero-buttons {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.btn-primary,
.btn-outline {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 15px 34px;
border-radius: 50px;
text-decoration: none;
transition: .3s;
}
.btn-primary {
background: var(--color--d-gren);
color: #fff;
}
.btn-outline {
border: 1px solid var(--color--d-gren);
color: #2c90b2;
} .hero-video-image {
position: relative;
width: 100%;
aspect-ratio: 4 / 5;
}
.video-popup {
position: absolute;
inset: 0;
display: block;
}
.video-popup img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 22px;
display: block;
}
.play-button {
position: absolute;
right: 20px;
bottom: 20px;
width: 64px;
height: 64px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: rgba(0, 0, 0, .45);
backdrop-filter: blur(10px);
color: #fff;
font-size: 24px;
} .experience-badge {
position: absolute;
top: 20px;
right: -20px;
z-index: 5;
background: #fff;
padding: 12px 16px;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
.experience-badge strong {
display: block;
font-size: 28px;
color: #2c90b2;
} .review-card {
position: absolute;
left: -70px;
top: 180px;
z-index: 5;
width: 190px;
background: #fff;
border-radius: 14px;
padding: 16px;
box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}
.review-card small {
display: inline-block;
padding: 5px 10px;
margin-bottom: 8px;
background: #13BCB133;
border-radius: 4px;
}
.review-card strong {
display: block;
color: #117D7D;
font-size: 16px;
margin-bottom: 4px;
}
.review-card span {
display: block;
font-size: 13px;
margin-bottom: 10px;
}
.stars {
line-height: 0;
} @media (max-width: 1199px) {
.hero-video-grid {
grid-template-columns: 1fr 450px;
gap: 30px!important;
}
.review-card {
left: -30px;
}
.experience-badge {
right: 0;
}
} @media (max-width: 991px) {
.trust-us,
.our-team{
padding: 40px 40px!important;
}
.norman-treatments,
.chiro-leads{
padding: 40px 0!important;
}
.hero-video-grid{
padding-top: 10rem!important;
}
.testimonial-section .inner-contents{
padding: 3rem!important;
}
.hero-video-grid {
grid-template-columns: 1fr;
gap: 60px;
}
.hero-video-image {
order: 1;
max-width: 100%;
width: 100%;
margin: auto;
}
.hero-video-content {
order: 2;
text-align: center;
}
.hero-video-content h1,
.hero-video-content p {
max-width: 100%;
}
.tour-card {
margin-inline: auto;
}
.hero-buttons {
justify-content: center;
}
.review-card {
top: 20px;
left: 20px;
}
.experience-badge {
right: 20px;
top: 20px;
}
.hero-video-image{
padding-top: 80%;
aspect-ratio: unset!important;
}
} @media (max-width: 767px) {
.hero-video {
padding: 20px 0 20px;
}
.hero-video-content {
text-align: left;
}
.hero-video-content h1 {
font-size: clamp(2rem, 9vw, 2.5rem);
}
.hero-video-image {
aspect-ratio: none;
}
.hero-buttons {
flex-direction: column;
}
.btn-primary,
.btn-outline {
width: 100% !important;
}
.review-card {
display: none;
}
.experience-badge {
top: 15px;
right: 15px;
padding: 10px 12px;
}
.experience-badge strong {
font-size: 22px;
}
.play-button {
width: 56px;
height: 56px;
font-size: 20px;
}
} @media (max-width: 480px) {
.hero-video-content h1 {
font-size: 32px;
}
.hero-video-content p {
font-size: 15px;
}
.tour-card {
gap: 12px;
}
.tour-icon {
width: 42px;
height: 42px;
}
.play-button {
width: 50px;
height: 50px;
font-size: 18px;
}
.experience-badge {
padding: 8px 10px;
font-size: 12px;
}
.experience-badge strong {
font-size: 20px;
}
}
.testimonial-section {
padding: 80px 0 0;
background: #E8FFFD;
overflow: hidden;
}
.testimonial-section .inner-contents {
background: var(--color--d-gren);
border-radius: 40px;
padding: 9rem;
}
.testimonial-heading {
text-align: center;
max-width: 700px;
margin: 0 auto 60px;
}
.testimonial-heading h2 {
font-size: 56px;
color: #fff;
margin-bottom: 20px;
font-weight: 500;
}
.testimonial-heading p {
color: rgba(255, 255, 255, .8);
line-height: 1.6;
}
.testimonial-slider {
margin: 0 -10px;
}
.testimonial-slide {
padding: 10px;
}
.testimonial-card {
box-shadow: 0px 14px 34.3px 0px #0F4B440D;
background: #8EDCF280;
box-shadow: 0px 14px 34.3px 0px #0F4B440D;
border: 1px solid #8EDCF2;
border-radius: 12px;
padding: 28px;
display: flex;
flex-direction: column;
height: 100%;
}
.testimonial-card p {
flex: 1;
}
.reviewer {
margin-top: auto;
display: flex;
align-items: center;
gap: 12px;
}
.reviewer-icon {
width: 42px;
height: 42px;
border-radius: 4px;
background: var(--linear--bg);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 600;
}
.reviewer-info h4 {
color: #fff;
font-size: 15px;
margin: 0;
padding-bottom: 5px;
}
.testimonial-section .stars {
color: #fff;
letter-spacing: 2px;
font-size: 13px;
line-height: 1;
}
.testimonial-slider .slick-track {
display: flex !important;
}
.testimonial-slider .slick-slide {
height: inherit !important;
}
.testimonial-card h3 {
font-size: 32px;
color: #fff;
}
.testimonial-card p {
font-size: 16px;
color: #fff;
}
.testimonial-slider .testimonial-card {
height: 100%;
}
.testimonial-slider .slick-dots {
bottom: -50px;
display: none !important;
}
.testimonial-slider .slick-dots li button:before {
color: #fff;
opacity: .5;
}
.testimonial-slider .slick-dots li.slick-active button:before {
opacity: 1;
}
@media (max-width: 991px) {
.testimonial-heading h2 {
font-size: 42px;
}
.testimonial-card h3 {
font-size: 28px;
}
}
@media (max-width: 767px) {
.testimonial-heading h2 {
font-size: 32px;
}
.testimonial-card {
min-height: auto;
}
}
.testimonial-slider .slick-slide {
transform: scale(.9);
opacity: .7;
transition: .4s;
}
.testimonial-slider .slick-center {
transform: scale(1);
opacity: 1;
}
.cta-section {
padding: 80px 0;
background: #E8FFFD;
}
.cta-grid {
display: grid;
grid-template-columns: 2fr 1.2fr;
gap: 30px;
align-items: stretch;
} .cta-card {
border-radius: 24px;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
} .cta-primary {
background: #317d94;
color: #fff;
}
.cta-primary h2 {
font-size: 48px;
line-height: 1.15;
margin: 18px 0 24px;
font-weight: 500;
color: #fff;
}
.cta-primary p {
line-height: 1.8;
color: rgba(255, 255, 255, .9);
max-width: 560px;
}
.cta-subtitle {
font-size: 14px;
opacity: .8;
color: var(--color-w);
padding-top: 10px;
} .cta-secondary {
background: #fff;
box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
}
.cta-secondary h3 {
font-size: 44px;
color: #183247;
line-height: 1.1;
margin: 18px 0;
font-weight: 500;
}
.cta-secondary h3 span {
color: #2e88a7;
}
.cta-secondary p {
color: #4c5967;
line-height: 1.7;
margin-bottom: 35px;
} .cta-icon {
width: 42px;
height: 42px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .18);
color: #fff;
font-size: 18px;
}
.cta-icon.blue {
background: #2e88a7;
}
.cta-card.cta-primary .trans-g--btn a:hover {
border-color: var(--color-w);
} .btn-white:hover,
.btn-primary:hover {
transform: translateY(-2px);
} @media(max-width:992px) {
.cta-grid {
grid-template-columns: 1fr;
}
.cta-primary h2 {
font-size: 38px;
}
.cta-secondary h3 {
font-size: 36px;
}
}
@media(max-width:768px) {
.cta-section {
padding: 70px 0;
}
.cta-card {
padding: 30px;
}
.cta-primary h2 {
font-size: 32px;
}
.cta-secondary h3 {
font-size: 30px;
}
}
@media(max-width:480px) {
.cta-primary h2 {
font-size: 28px;
}
.cta-secondary h3 {
font-size: 26px;
}
.btn-white,
.btn-primary {
width: 100%;
}
} .norman-treatments {
width: min(1240px, 92%);
margin: auto;
padding: 80px 0;
}
.norman-treatments__heading {
text-align: center;
margin-bottom: 70px;
}
.norman-treatments__heading h2 {
font-size: 48px;
line-height: 1.1;
margin-bottom: 15px;
}
.norman-treatments__heading p {
color: #6d6d6d;
font-size: 18px;
} .norman-treatment {
display: grid;
grid-template-columns: 55% 45%;
align-items: stretch;
position: relative;
margin: 0;
min-height: 430px;
} .norman-treatment+.norman-treatment {
margin-top: -1px;
} .norman-treatment__image {
height: 34em;
overflow: hidden;
position: relative;
}
.norman-treatment__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .norman-treatment:first-of-type .norman-treatment__image {
border-top-left-radius: 18px;
overflow: hidden;
}
.norman-treatment:last-child .norman-treatment__image {
border-bottom-left-radius: 18px;
overflow: hidden;
} .norman-treatment__content {
position: relative;
background: #fff;
display: flex;
align-items: center;
min-height: 430px;
z-index: 2;
}
.norman-treatment__inner {
padding: 20px;
position: relative;
z-index: 5;
text-align: start;
}
.norman-treatment__inner h3 {
color: #000;
font-size: 32px;
line-height: 1;
margin-bottom: 16px;
}
.norman-treatment__inner p {
color: #666;
font-size: 18px;
line-height: 1.75;
margin-top: 0;
margin-bottom: 35px;
}  .norman-treatment__curve--left {
position: absolute;
left: -92px;
top: 0;
width: 95px;
height: 100%;
display: block;
} .norman-treatment--reverse {
grid-template-columns: 45% 55%;
}
.norman-treatment--reverse .norman-treatment__inner{
text-align: end;
}
.norman-treatment--reverse .norman-treatment__image {
order: 2;
}
.norman-treatment--reverse .norman-treatment__content {
order: 1;
}
.norman-treatment__content--left {
transform: translateX(-50px);
}
.norman-treatment__content--right {
transform: translateX(50px);
}
.norman-treatment__curve--left {
position: absolute;
left: -60px;
top: 0;
width: 60px;
height: 100%;
}
.norman-treatment__curve--right {
position: absolute;
right: -62px;
top: 0;
width: 60px;
height: 100%;
}
.norman-treatment__curve--left,
.norman-treatment__curve--right {
width: 68px;
}
.norman-treatment__curve--right {
position: absolute;
right: -95px;
top: 0;
width: 95px;
height: 100%;
display: block;
} .norman-treatment--reverse .norman-treatment__image {
border-top-right-radius: 18px;
border-bottom-right-radius: 18px;
} @media (max-width:991px) {
.norman-treatments__heading{
margin-bottom: 40px;
}
.norman-treatment__content{
flex-direction: column;
}
.norman-treatment__content--left {
transform: translateX(0);
}
.norman-treatment__content--right {
transform: translateX(0);
}
.norman-treatment,
.norman-treatment--reverse {
grid-template-columns: 1fr;
}
.norman-treatment--reverse .norman-treatment__image,
.norman-treatment--reverse .norman-treatment__content {
order: initial;
}
.norman-treatment__content,
.norman-treatment__content--left,
.norman-treatment__content--right {
margin: 0;
min-height: auto;
}
.norman-treatment__curve--left,
.norman-treatment__curve--right {
display: none;
}
.norman-treatment__image {
height: 260px;
border-radius: 18px;
}
.norman-treatment__inner {
padding: 20px 0px;
text-align: center!important;
}
.norman-treatment__inner h3 {
font-size: 30px;
}
.norman-treatment__button {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.cf7-row{
margin-bottom: 20px;
}
.norman-treatment__content {
display: unset;
}
.norman-treatment__content--left {
transform: translateX(0);
}
.norman-treatment__content--right {
transform: translateX(0);
}
}
.our-team {
background: #2b8aa0;
padding: 80px 20px;
}
.our-team .container {
max-width: 1200px;
margin: auto;
}
.our-team h2 {
text-align: center;
color: #fff;
font-size: 52px;
font-weight: 400;
margin-bottom: 50px;
font-family: 'Poppins', sans-serif;
}
.team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.team-card {
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 20px;
padding: 15px;
text-align: center;
background: transparent;
transition: all .35s ease;
}
.team-card:hover,
.team-card.active {
background: #fff;
border-color: #fff;
}
.team-image {
border-radius: 12px;
overflow: hidden;
margin-bottom: 25px;
}
.team-image img {
width: 100%;
display: block;
aspect-ratio: 1/1;
object-fit: cover;
filter: grayscale(100%);
}
.team-card h3 {
color: #fff;
font-size: 27px;
line-height: 1.1;
font-weight: 400;
margin-bottom: 35px;
transition: .35s;
}
.team-card:hover h3,
.team-card.active h3 {
color: #173948;
}
.team-btn {
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 55px;
width: 100%;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 50px;
color: #fff;
text-decoration: none;
font-size: 14px;
transition: .35s;
}
.team-card:hover .team-btn,
.team-card.active .team-btn {
background: #1d8198;
border-color: #1d8198;
color: #fff;
}
.team-btn:hover {
transform: translateY(-2px);
}
@media (max-width: 991px) {
.team-grid {
grid-template-columns: repeat(2, 1fr);
}
.team-card h3 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.content-button a{
font-size: 14px;
}
.team-grid {
grid-template-columns: 1fr;
max-width: 400px;
margin: auto;
}
.our-team h2 {
font-size: 42px;
}
.team-card h3 {
font-size: 26px;
}
} .chiro-leads {
background: #efefef;
padding: 80px 20px;
}
.chiro-leads .container {
max-width: 1450px;
margin: 0 auto;
}
.chiro-leads__card {
background: linear-gradient(90deg,
#084a6b 0%,
#0b6685 55%,
#11c4c7 100%);
border-radius: 32px;
padding: 55px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px;
align-items: center;
}
.chiro-leads__content h2 {
color: #fff;
font-size: 58px;
font-weight: 400;
line-height: 1;
margin-bottom: 40px;
}
.chiro-leads__content h2 span{
color: #61DAFB;
} .doctor-card {
display: inline-flex;
align-items: center;
background: #fff;
border-radius: 10px;
padding: 10px;
margin-bottom: 40px;
width: 315px;
}
.doctor-icon {
width: 45px;
height: 45px;
border-radius: 8px;
background: var(--linear--bg);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
font-size: 18px;
}
.doctor-info h4 {
margin: 0;
color: #24384a;
font-size: 15px;
}
.doctor-info span {
display: block;
color: #808080;
font-size: 12px;
}
.chiro-leads__content p {
color: rgba(255, 255, 255, .95);
line-height: 1.7;
font-size: 15px;
margin-bottom: 30px;
max-width: 540px;
} .chiro-leads__image {
height: 100%;
position: relative;
}
.chiro-leads__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px;
position: absolute;
top: 0;
left: 0;
}
.contact-form-card p{
margin: 0!important;
}
@media (max-width: 991px) {
.chiro-leads__card {
grid-template-columns: 1fr;
gap: 40px;
padding: 35px;
}
.chiro-leads__image {
order: -1;
}
.chiro-leads__content h2 {
font-size: 42px;
}
.chiro-leads__image img {
min-height: 300px;
position: relative;
}
}
@media (max-width: 767px) {
.chiro-leads__card {
border-radius: 24px;
padding: 25px;
}
.chiro-leads__content h2 {
font-size: 34px;
}
.doctor-card {
width: 100%;
}
} .trust-us {
padding: 80px 20px;
text-align: center;
background: #F6F8F8;
}
.trust-us h2 {
font-size: 48px;
color: var(--color-b-2);
margin-bottom: 10px;
font-weight: 400;
}
.trust-us h2 span {
color: #3b8da3;
}
.section-text {
color: #777;
max-width: 500px;
margin: auto auto 50px;
}
.trust-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin: auto;
}
.trust-card {
background: #fff;
border-radius: 15px;
padding: 35px;
text-align: left;
transition: .3s;
align-self: start;
}
.trust-card.active {
background: #3b8da3;
}
.icon {
width: 40px;
height: 40px;
background: var(--linear--bg);
color: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.trust-card.active .icon {
background: #5597A9;
color: #fff;
}
.trust-card h3 {
font-size: 28px;
line-height: 1.2;
color: #304b59;
margin-bottom: 20px;
}
.trust-card h3 span {
display: block;
color: #3b8da3;
}
.trust-card.active h3,
.trust-card.active p,
.trust-card.active h3 span {
color: #fff;
}
.trust-card.active:after {
content: none;
}
.trust-card p {
color: #777;
line-height: 1.7;
} .team-message {
padding: 80px 20px;
background: #F6F8F8;
}
.message-box {
margin: auto;
background: #3b8da3;
border-radius: 15px;
padding: 45px;
}
.person:not(:last-child) {
margin-bottom: 35px;
}
.person h3 {
color: #fff;
margin-bottom: 12px;
font-size: 24px;
}
.person p {
color: rgba(255, 255, 255, .85);
line-height: 1.8;
}
@media (max-width: 991px) {
.leads-card,
.trust-grid {
grid-template-columns: 1fr;
}
.trust-card {
text-align: center;
}
.icon {
margin: 0 auto 20px;
}
}
@media (max-width: 767px) {
.trust-us h2 {
font-size: 36px;
}
.message-box,
.leads-card {
padding: 25px;
}
.trust-us,
.team-message,
.contact-cta,
.location-section {
padding: 20px 20px !important;
}
}
.contact-cta {
background: #F6F8F8;
padding: 80px 20px;
}
.contact-cta .container {
max-width: 1400px;
margin: auto;
}
.contact-cta__grid {
display: grid;
grid-template-columns: 50% 50%;
gap: 60px;
align-items: center;
} .contact-cta__content h2 {
font-size: 45px;
line-height: 120%;
font-weight: 400;
color: var(--color-b-2);
margin-bottom: 30px;
max-width: 650px;
}
.contact-cta__content h2 span {
color: var(--color--d-gren);
}
.contact-cta__content h3 {
font-size: 32px;
line-height: 120%;
font-weight: 400;
color: var(--color-b-2);
margin-bottom: 60px;
max-width: 650px;
}
.contact-cta__content h3 span {
color: var(--color--d-gren);
}
.contact-cta__content p {
max-width: 520px;
color: var(--color-b-2);
line-height: 1.8;
margin-bottom: 35px;
font-size: 16px;
line-height: 140%;
}
.contact-info {
padding: 0;
margin: 0 0 45px;
list-style: none;
}
.contact-info li {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 15px;
}
.contact-info li a,
.contact-cta__content p {
color: #8492A6;
font-size: 16px;
}
.contact-info i {
color: #34b8b8;
width: 20px;
}
.outline-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 180px;
height: 58px;
border: 1px solid #3c8ca0;
border-radius: 50px;
text-decoration: none;
color: #3c8ca0;
transition: .3s;
}
.outline-btn:hover {
background: #3c8ca0;
color: #fff;
} .contact-form-card {
background: #fff;
border-radius: 35px;
padding: 35px;
box-shadow:
0 5px 20px rgba(0, 0, 0, .05);
}
.contact-form-card label {
display: block;
font-size: 13px;
color: #97a0a6;
margin-bottom: 10px;
}
.cf7-row {
display: flex;
gap: 20px;
margin-bottom: 25px;
}
.cf7-col {
flex: 1;
}
.contact-form-card input,
.contact-form-card textarea {
width: 100%;
border: 1px solid #ABB8C3 !important;
border-radius: 12px !important;
background: #fafafa;
padding: 15px 18px;
font-size: 15px;
color: #173444;
}
.contact-form-card textarea {
height: 300px !important;
resize: none;
}
.contact-form-card .wpcf7-spinner {
display: none;
}
.contact-form-card br {
display: none;
}
.contact-form-card input[type="submit"] {
width: 100%;
height: 62px !important;
border: 0;
border-radius: 40px !important;
background: var(--color--d-gren);
color: #fff;
font-size: 17px;
font-weight: 600;
margin-top: 30px;
cursor: pointer;
transition: .3s;
border: 1px solid var(--color--d-gren);
}
.contact-form-card input[type="submit"]:hover {
background: var(--color-w);
color: var(--color--d-gren);
border-color: var(--color--d-gren);
}
@media (max-width: 991px) {
.testimonial-section,
.cta-section{
padding: 20px 0;
}
.team-message,
.contact-cta{
padding: 20px 20px;
}
.contact-cta__content h3,
.contact-cta__content h2,
.contact-info{
margin-bottom: 20px;
}
.contact-cta__grid {
grid-template-columns: 1fr;
gap: 60px;
}
.contact-cta__content h2 {
font-size: 52px;
}
.contact-cta__content h3 {
font-size: 50px;
}
}
@media (max-width: 767px) {
.cf7-row {
flex-direction: column;
gap: 0;
}
.contact-form-card {
padding: 25px;
border-radius: 25px;
}
.contact-cta__content h2 {
font-size: 40px;
}
.contact-cta__content h3 {
font-size: 38px;
}
.cf7-row{
margin-bottom: 10px!important;
}
.contact-form-card label{
margin-bottom: 0;
}
}
.location-section {
padding: 80px 20px;
background: #F6F8F8;
}
.location-section .container {
max-width: 1180px;
margin: 0 auto;
} .location-top {
background: #4FA7BF;
border-radius: 24px;
padding: 22px 45px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
}
.logo-item {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.logo-item img {
max-width: 100%;
max-height: 60px;
width: auto;
object-fit: contain;
} .map-wrapper {
margin-top: 20px;
border: 5px solid #4FA7BF;
border-radius: 24px;
overflow: hidden;
}
.map-wrapper iframe {
width: 100%;
height: 320px;
border: 0;
display: block;
} @media (max-width:991px) {
.location-top {
padding: 20px;
gap: 20px;
}
.logo-item img {
max-height: 50px;
}
.map-wrapper iframe {
height: 280px;
}
} @media (max-width:767px) {
.location-top {
flex-wrap: wrap;
}
.logo-item {
flex: 0 0 calc(50% - 10px);
}
.logo-item img {
max-height: 45px;
}
.map-wrapper iframe {
height: 250px;
}
} @media (max-width:480px) {
.location-top {
padding: 18px;
gap: 20px;
}
.logo-item {
flex: 0 0 100%;
}
.map-wrapper iframe {
height: 220px;
}
}
.site-footer {
background: #094764;
color: #fff;
padding: 70px 0 25px;
}
.site-footer .container {
max-width: 1180px;
margin: 0 auto;
padding: 0 20px;
} .footer-top {
display: grid;
justify-content: space-between;
gap: 80px;
align-items: flex-start;
grid-template-columns: repeat(2, 1fr);
} .footer-left {
max-width: 260px;
}
.footer-left h3 {
font-size: 20px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 25px;
}
.footer-address {
list-style: none;
padding: 0;
margin: 0;
}
.footer-address li {
font-size: 15px;
line-height: 1.8;
color: #d6edf3;
} .footer-right {
flex: 1;
}
.footer-right h2 {
font-size: 40px;
line-height: 120%;
font-weight: 400;
margin-bottom: 35px;
color: #fff;
}
.footer-right h2 span {
color: #61DAFB;
}
.footer-contact {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-contact a {
color: #d6edf3;
text-decoration: none;
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
}
.footer-contact i {
color: #67d0ef;
width: 18px;
} .footer-social {
display: flex;
gap: 5px;
margin-top: 25px;
}
.footer-social a {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
display: block;
text-decoration: none;
transition: .3s;
}
.footer-social a:hover {
opacity: 50%;
} .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, .18);
margin-top: 70px;
padding-top: 20px;
text-align: center;
}
.footer-bottom p {
margin: 0;
font-size: 13px;
color: #c9dde3;
}
.footer-bottom a {
color: #c9dde3;
text-decoration: none;
}
.footer-bottom a:hover {
color: #67d0ef;
} @media(max-width:991px) {
.footer-top {
gap: 50px;
}
.footer-right h2 {
font-size: 40px;
}
} @media(max-width:768px) {
.site-footer {
padding: 60px 0 25px;
}
.footer-top {
flex-direction: column;
gap: 50px;
}
.footer-left {
max-width: 100%;
}
.footer-right h2 {
font-size: 34px;
}
.footer-bottom {
margin-top: 50px;
}
.footer-bottom p {
line-height: 1.8;
}
} @media(max-width:480px) {
.footer-right h2 {
font-size: 28px;
}
.footer-contact a {
font-size: 15px;
}
.footer-social {
justify-content: flex-start;
}
} .top-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 42px;
background: var(--color--d-gren);
color: #fff;
z-index: 9999;
transition: .35s;
}
.main-header a {
display: inline-flex;
}
.main-header a:focus{
outline:none;
}
.top-bar .custom-container {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.top-left {
display: flex;
gap: 25px;
}
.top-left a {
color: #fff;
text-decoration: none;
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
}
.top-left i {
margin-right: 6px;
}
.top-right {
font-size: 13px;
} .main-header {
position: fixed;
top: 42px;
left: 0;
width: 100%;
padding: 12px 0;
transition: .35s;
z-index: 9998;
}
.main-header .custom-container {
background: #fff;
border-radius: 60px;
box-shadow: 0 8px 25px rgba(0, 0, 0, .12);
padding: 16px 28px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo img {
width: 180px;
}
nav ul {
list-style: none;
display: flex;
gap: 30px;
}
nav a {
text-decoration: none;
color: #606060;
font-size: 15px;
}
.buttons {
display: flex;
gap: 15px;
}
.btn-outline {
border: 2px solid #57a9c5;
padding: 12px 25px;
border-radius: 50px;
color: #57a9c5;
text-decoration: none;
font-weight: 600;
}
.btn-solid {
background: #2F8096;
color: #fff;
padding: 12px 25px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
}
.content-button a {
padding: 12px 25px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
display: inline-flex;
justify-content: center;
}
.green--btn a {
background: var(--color--d-gren);
color: var(--color-w);
border-color: var(--color-w);
border: 1px solid var(--color-w);
}
.green--btn a:hover {
background: var(--color-w);
color: var(--color--d-gren);
border-color: var(--color--d-gren);
}
.trans-g--btn a {
border: 1px solid var(--color--d-gren);
color: var(--color--d-gren);
}
.trans-g--btn a:hover {
background: var(--color--d-gren);
color: var(--color-w);
border-color: var(--color--d-gren);
}
.white--btn a {
border: 1px solid var(--color--d-gren);
color: var(--color--d-gren);
background: var(--color-w);
}
.white--btn a:hover {
background: var(--color--d-gren);
color: var(--color-w);
border-color: var(--color-w);
}
.pt--4{
padding-top: 40px;
}
.mobile-btn {
display: none;
border: none;
background: none;
font-size: 30px;
color: #0d6178;
} .hide-top .top-bar {
transform: translateY(-100%);
}
.hide-top .main-header {
top: 0;
} .hero {
height: 600px;
display: flex;
align-items: center;
background: #ddd;
}
.content {
height: 2000px;
background: #fff;
} @media(max-width:1050px) {
nav,
.buttons {
display: none!important;
}
.mobile-btn {
display: flex!important;
}
.logo img {
width: 150px;
}
}
@media(max-width:768px) {
.norman-treatments__heading h2{
font-size: 32px;
}
.top-bar {
display: none;
}
.main-header {
top: 0;
}
.main-header .custom-container {
border-radius: 18px;
padding: 14px 18px;
}
.logo img {
width: 140px;
}
} .mobile-btn{
display:none;
}
.mobile-menu,
.mobile-menu-overlay{
display:none;
}
@media (max-width:1050px){ nav,
.buttons{
display:none;
} .mobile-btn{
display:flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
border:none;
background:transparent;
cursor:pointer;
font-size:28px;
color:#000;
padding:0;
} body.menu-open{
overflow:hidden;
} .mobile-menu-overlay{
display:block;
position:fixed;
inset:0;
background:rgba(0,0,0,.55);
opacity:0;
visibility:hidden;
transition:.35s ease;
z-index:9998;
}
.mobile-menu-overlay.active{
opacity:1;
visibility:visible;
} .mobile-menu{
display:block!important;
position:fixed;
top:0;
right:-100%;
width:340px;
max-width:90%;
height:100vh;
background:#fff;
z-index:9999;
transition:.35s ease;
overflow-y:auto;
box-shadow:-8px 0 25px rgba(0,0,0,.15);
}
.mobile-menu.active{
right:0;
} .mobile-menu-close{
position:absolute;
top:18px;
right:18px;
width:42px;
height:42px;
border:none;
background:#f5f5f5;
border-radius:50%;
cursor:pointer;
font-size:24px;
}
.mobile-menu-inner{
padding:90px 30px 40px;
} .mobile-menu ul{
margin:0;
padding:0;
list-style:none;
}
.mobile-menu li{
margin:0;
border-bottom:1px solid #ececec;
}
.mobile-menu li:last-child{
border-bottom:none;
}
.mobile-menu li a{
display:block;
padding:18px 0;
text-decoration:none;
color:#222;
font-size:18px;
font-weight:600;
transition:.3s;
}
.mobile-menu li a:hover{
color:#15E7AF;
} .mobile-menu-buttons{
margin-top:40px;
display:flex;
flex-direction:column;
gap:18px;
}
.mobile-menu-buttons .content-button{
width:100%;
}
.mobile-menu-buttons a{
width:100%;
display:flex;
justify-content:center;
align-items:center;
}
}
.mobile-menu.active:after,
.mobile-menu-overlay.active:after{
content: none!important;
}
.content-button--wrapper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-flex;
display: -o-flex;
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.video-popup:focus-visible
.video-popup:focus{
outline-offset: unset;
outline: unset!important;
}
.norman-treatment .content-button--wrapper{
justify-content: flex-start;
}
.norman-treatment.norman-treatment--reverse .content-button--wrapper{
justify-content: flex-end;
}
.read--more{
padding-top: 2rem;
}
.ww--section {
justify-content: center;
}