/* General Section Stylings */
body{ font-family:'Roboto', sans-serif; color:#555555; }
img{width:100%; height:auto; }
section, footer{ padding:60px 0px; }
h1{ font-size:36px; font-weight:500; line-height:1.16; letter-spacing:0px; font-style:normal; color:#fff; }
h2{ color:#555555; font-weight:500; line-height:1.2; letter-spacing:0px; font-style:normal; font-size:36px; }
h2 span{ color:#00a5cc; }
h3{ margin:15px 0px 5px; font-weight:700; line-height:1.4; letter-spacing:0px; font-style:normal; color:#243959; font-size:22px; }
i{ font-size:46px!important; }
img.lines{ margin:10px 10px 20px 0px; max-width:100px; }
p{ font-size:18px; line-height:1.8; font-weight:400; letter-spacing:0px; font-style:normal; }
a{ color:inherit; }
a:hover{ color:#00a5cc!important; text-decoration:none; }    
.container{ max-width:1200px!important; padding:0px 30px; }
.slick-dots button{ border-radius: 50%!important;
    border: 1px solid #000!important;
    height: 12px!important;
    width: 12px!important;
    border-color: #4a4e57!important; } 
    .slick-active button{ background:#4a4e57!important; }
    .slick-dots button:before{ content:unset!important; }

/* Button Section Stylings */
button{ margin:10px 0px; background:#243959; border:2px solid #243959; text-transform:uppercase; color:#fff; font-weight:700; font-style:normal; letter-spacing:1px; border-width:0px; padding:13px 29px; line-height:17px; font-size:14px; border-style:solid; box-shadow:none!important; transition:all 350ms ease-in-out; }
button.light{ background:#00a5cc; border:2px solid #00a5cc; }
.light:hover{ background-color:#243959!important; transition:all 350ms ease-in-out; border:2px solid #fff!important; }
button.white{ background:transparent; border:2px solid #fff; }
button.white:hover{ background-color:#fff!important; color:#00a5cc!important; }
button.red{ background:red;  }

/* Top Bar Section Stylings */
#social-links.position-top{ position:absolute; top:0; left:0; right:0; }
#social-links ul{ text-align:right; float:right; list-style-type:none; padding:0px; margin:0px; align-self:center; }
#social-links ul .nav-icons, #social-links ul .nav-buttons{ display:inline-block; }
#social-links ul .nav-icons i{ color:#ffffff; font-size:16px!important; margin:0 10px 10px; }
#social-links ul li button{ margin-left:10px; padding:7px 20px!important; border:none; font-size:16px; }
#social-links ul li button:hover{ background-color:inherit; color:inherit; }
#social-links ul li button i{ font-size:16px!important; }
#social-links .lists{ position:relative; display:flex; flex-direction:row; justify-content:flex-end; }
.social-links ul{ list-style-type:none; padding:0px; margin:0px; }
.social-links .nav-icons{ color:#ffffff; font-size:16px; display:inline-block; margin:0 10px 10px; }
#social-links button.light:hover{ background:#00a5cc!important; border:inherit!important; color:#fff!important; }
#social-links button.red:hover{ background:red!important; border:inherit!important; color:#fff!important; }

/* Navigation Section Stylings */
.navbar{ transition:.25s ease-in-out; color:#fff; margin-top:50px; padding-top:0px; padding-bottom:0px; }
.navbar img.sticky{ display:none; }
.navbar.sticky-header{ margin-top:0px!important; transition:all 250ms ease-in-out; }
.navbar.sticky-header img.sticky{ display:block; }
.navbar.sticky-header img.not-sticky{ display:none; }
.navbar .navbar-nav .nav-item{ padding-right:40px; width:max-content; }
.navbar .navbar-nav .nav-item:last-child{ padding-right:0px!important; }
.navbar .navbar-nav .nav-item .nav-link{ height:100px; justify-content:center; display:flex; align-items:center; font-family:'Roboto', sans-serif; font-weight:500; font-size:16px; letter-spacing:0px; font-style:normal; color:inherit; }
.navbar.sticky-header{ box-shadow:rgba(0,0,0,.117647) 0 1px 3px; background-color:#ffffff; color:#555555!important; }
.dropdown-menu{ padding:0px; margin-top:5px; border:none; }
.dropdown-item{ padding:7px 20px!important; border-bottom-color:#e2e2e2; color:#555555; font-size:16px; background-color:#fff; font-weight:500!important; padding-left:30px!important; border-bottom: 1px solid #efefef!important; }
.dropdown-item:hover{ background-color:#f9f9fb; }
.nav-link:hover, .dropdown-item:hover{ color:inherit!important; }

/* Header Section Stylings */
#header{ background-color:rgba(255,255,255,0); background-image:url(../images/About.jpg); background-position:center center; background-repeat:no-repeat; padding-top:220px; padding-right:30px; padding-bottom:110px; padding-left:30px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }

/* Our Aim Section Stylings */
#our-aim{ background:#00A5CC; color:#fff!important; }
#our-aim h2{ color:inherit; font-size:28px; margin:15px 0px; }

/* Meet Our Team Section Stylings */
#meet-our-team{ background:#f2f2f2; }

#testimonials .quote{ font-weight: 400;
    font-size: 18px;
    text-align: center;
    margin-top: 25px;
    line-height: 30px; } 
#testimonials .person{ font-size:18px; text-align:center; letter-spacing:2px; color:#4a4e57; font-weight:bold; margin-top:30px; }

/* Book An Appointment Section Stylings */
#book-an-appointment{ background:#243959; color:#fff; }
#book-an-appointment h2{ color:inherit; }

/* Treatments Section Stylings */
#treatments{ background:#00a5cc; color:#fff; }
#treatments h2{ color:inherit; }
#treatments button{ margin-right:10px; } 
#treatments i{ font-size:16px!important; }
#treatments ul{ list-style-type:none; font-weight:bold; }
#treatments ul li{ margin-left:20px; padding:5.5px 0; }
#treatments span.icon-wrapper.circle-no{ position:absolute; left:48px; }
#treatments .row{ align-items:center; }

/* FAQ Section Stylings */
#faq .accordion{ max-width:60%; margin:auto; }
#faq .card{ box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.13); padding-left:15px; padding-right:15px; padding-top:8px; padding-bottom:8px; margin-bottom:15px!important; }
#faq .card .card-header{ padding:0px; background:transparent; border:none; }
#faq .card-header button{ padding:10px 0; margin:0px; text-align:left; font-size:20px; color:#757575!important; font-weight:500; line-height:1.36; letter-spacing:0px; font-style:normal; text-transform:inherit; width:100%!important; display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
#faq .card-header button, #faq .card-header button:hover, #faq .card-header button:focus, #faq .card-header button:active, #faq .card-header button:target, #faq .card-header button:visited{ text-decoration:none; }
#faq .card-body{ line-height:1.8; font-size:18px; color:#555555; padding:10px 0px 25px; }
#faq i.fas.fa-plus{ font-size:12px!important; margin-left:15px; }
#faq .images{ list-style-type:none; padding:0px; margin-top:35px; text-align-last:center; }
#faq .images li{ display:inline-block; width:calc(20% - ( ( 4% + 4% + 4% + 4% ) * 0.2 ) ); margin-right:2%; }
#faq .images li:last-child{ margin-right:0px!important; }
#faq .images li img{ max-width:90px; }

/* Send Message Section Stylings */
#send-message{ background:#00a5cc; color:#fff; }
#send-message h2{ color:#fff; }
#send-message form input::placeholder{ color:#fff; }
#send-message form textarea{ height:150px; width:100%; background-color:rgba(255,255,255,0.4)!important; border:0!important; padding:15px!important; border-radius:0!important; }
#send-message form textarea::placeholder{ color:#fff; }

/* Send us a message */
.contact-grid{ grid-gap:30px; max-width:62%; display:grid; grid-template-columns:repeat(12, 1fr); grid-gap:30px; }
.contact-grid .contact-col input::placeholder, .contact-grid .contact-col textarea::placeholder{ color:#fff!important; text-transform:uppercase!important; }
.contact-grid .contact-col{ grid-column:span 6; }
.contact-grid .contact-col:nth-child(3), .contact-grid .contact-col:nth-child(4), .contact-grid .contact-col:nth-child(5){ grid-column:span 12; } 
.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea{ background-color:rgba(255,255,255,0.4)!important; border:0!important; padding:15px!important; border-radius:0!important; width:100%; }
.contact-grid input[type="submit"]{ display:block; margin-left:auto; margin-right:auto; background-color:transparent!important; padding-left:55px!important; padding-right:55px!important; padding:13px 29px; line-height:17px; font-size:14px; border:2px solid #fff!important; color:#fff; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
.contact-grid .wpcf7-list-item{ margin-left:0; color:#fff; }
.contact-grid input[type=checkbox]{ margin:8px; }

/* Footer Section Stylings */
footer .logo{ max-width:200px!important; margin-bottom:45px; }
footer .footer-title{ margin:0 0 28px; text-transform:uppercase; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:0px; font-style:normal; color:#ffffff; color:#222!important; font-weight:500!important; letter-spacing:1px!important; }
footer ul{ list-style-type:none; }
footer ul li{ padding-left:20px; padding-right:10px; font-size:16px; color:#666666; border-bottom:1px solid transparent; border-right-color:transparent; padding:8px 0; }
footer .text{ color:#666666; max-width:60%; font-size:16px; }
footer .read-more{ font-size:16px; text-transform:uppercase!important; color:#222!important; font-weight:bold; font-size:14px; }
footer .side-side{ display:inline-block; position:relative; float:right; }
footer .boxed-icons{ display:inline-block; }
footer .boxed-icons i{ border:2px solid #222222; padding:8px!important; color:#222222!important; border-radius:4px; margin:0 5.5px 14px; font-size:20px!important; width:38px; height:38px; text-align:center; }




/* Media Query Section Stylings */
@media only screen and (max-width:1180px){ 
.navbar .navbar-nav .nav-item {
    padding-right: 30px;
}
}

@media only screen and (max-width:1090px){ 
.navbar .navbar-nav .nav-item {
    padding-right: 10px;
}
}

@media only screen and (min-width:992px){ 
    .navbar .nav-item .dropdown-menu{ display:none; transition:all 350ms ease-in-out; }
    .navbar .nav-item:hover .nav-link{ color:#555555!important; transition:all 350ms ease-in-out; }
    .navbar .nav-item:hover .dropdown-menu{ display:block; transition:all 350ms ease-in-out; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; transition:all 350ms ease-in-out; }
    .dropdown-toggle:after{ content:unset!important; }
    }

.web{ display:block; }
.mobile{ display:none; }
@media only screen and (max-width:992px){ 

    /* General Section Stylings */
    .web{ display:none; }
    .mobile{ display:block; }

    /* Top Bar Section Stylings */
    #social-links.mobile .lists{ flex-direction:column; margin:0px -15px; }
    #social-links.mobile button{     padding: 14px 25px!important;
        width: 100%!important; margin:0px!important; border:none!important; }
        #social-links.mobile button i{ font-size:16px!important; }
        /* #social-links.mobile .container-fluid{ padding:0px!important; } */
        .lists ul{     max-width: 100%;
            width: 100%;
            background: white;
            float: none!important;
            text-align: center!important; }
            #social-links.mobile ul .nav-icons i {
                color: #243959!important;
                font-size: 20px!important;
                padding: 10px 0px 1px;
            }

    /* Navbar Section Stylings */
    .navbar .navbar-nav .nav-item:first-child{ border-top: 1px solid #efefef!important;  }

    .navbar{ padding:20px 30px 0px; margin-top:131px; background:#fff; }
    .navbar .navbar-brand{ margin-bottom:20px; }
    .navbar .navbar-toggler{ margin-bottom:25px; }
    .navbar .navbar-nav{ margin-left:-30px!important; margin-right:-30px!important; }
    .navbar .navbar-nav .nav-item .nav-link{     font-family: Roboto;
        font-weight: 700;
        font-style: normal; padding-left:30px!important; padding-right:30px!important; ;}
    .navbar .navbar-nav .nav-item:hover{ background-color:#f9f9fb; }
        .navbar .navbar-brand img{ max-width:200px; }
    .navbar .navbar-brand img.sticky{ display:block; }
    .navbar .navbar-brand img.not-sticky{ display:none; }
    .navbar .navbar-toggler:focus{ border:none!important; outline:none!important }
    .navbar .navbar-nav .nav-item {
        padding-right: 0px;
        width: 100%;
    }
    .navbar .navbar-nav .nav-item .nav-link{ height: auto;
        justify-content: left;
        border-bottom: 1px solid #efefef;
        padding: 10px 0px; color:#555555!important; }
        /* .navbar .navbar-nav .nav-item .nav-link:first-child{ border-top:1px solid #efefef; } */
        .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "\f078";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            border-top: unset;
            border-right: unset;
            border-bottom: unset;
            border-left: unset; right:25px; position: absolute; ;}

    /* Header Section Stylings */
    #header{ margin-top:237px; padding-top:100px; padding-bottom:100px; }

    /* Treatments Section Stylings */
    #treatments button{ margin-bottom:35px!important; }
    #treatments ul{ margin-bottom:0px!important; }
    #treatments ul li{ margin-left:0px; padding:5.5px 0; }
    #treatments span.icon-wrapper.circle-no{ position:absolute; left:20px; }

    /* FAQ Section Stylings */
    #faq .accordion{ max-width:100%!important; }
#faq .images li{ display:block; width:100%!important; margin-right:0%!important; }
#faq .images li img{ max-width:250px; margin-bottom:25px; }

    /* Contact Section Stylings */
    .contact-grid{ max-width:100%!important; }
    .contact-grid .contact-col{ grid-column:span 12; }

    /* Footer Section Stylings */
    footer .side-side{ display:block; float:none; padding:0px; margin-bottom:40px; }
    footer .col-lg-4{ margin-bottom:40px; }
    footer .col-lg-5{ display:flex; flex-direction:column-reverse; }
    footer ul{ padding:0px; }
    footer .text{ max-width:100%!important; }

}