/* ============================
Default Theme
---------------------------------
Fonts: Open Sans
---------------------------------
Colors:
    Dark Green:         #4C8681
    Green:              #3BA49B   
    Grey:               #696E71
    Rich Black:         #283239
    Blue1:              #406387
    Blue2:              #33577C
    Blue3:              #2A4D70
    Blue4:              #25466A
    White Smoke:        #F8FAFA
    White:              #fff
    Black:              #000
===============================*/

/* ============================
         HTML & Body 
===============================*/

html,
body {
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
    padding: 0;
    height: 100%;
    color: #fff;
    /* NB for all body content to disply fullscreen */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
}

h1{
    font-size: 30px;
    font-weight: 400;
}
h2{
    font-size: 30px;
    font-weight: 400;
    color: #3BA49B;
}
h3 {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.5em;
}

h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
}

h6 {
    font-size: 18px;
    font-weight: 600;    
}

h5 {
    font-size: 18px;
    font-weight: 400;
    color: #696E71;
    
}

p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #696E71;
}

section {
    background-color: #fff;
    overflow: hidden;
    /* Specifies what happens if content overflow content box */
}

/* ============================
           Preloader 
===============================*/

#preloader {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

#status {
    background-image: url("../img/loader/loader.gif");
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
}

/* =======
Top area
======== */

.top-area {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	width: 100%;
    background-color: #fff;
	color: #696E71;
	padding: 10px 0;
	
}

.top-area p {
	margin-bottom: 0px;
    font-size: 12px;
    line-height: normal;
}

.top-area img {
    width: 25px;
    height: auto;
    float: left;
    margin: 5px 10px;
}


/* ===========
Navigation
============= */

.navbar-brand {
    display: flex;
    align-items: left;
    padding: 15px 20px 15px 10px;
}

.navbar-brand img {
    height: 60px;
    width: auto;
}


.navbar-brand .reduce {
	margin-top:0;
    padding-top: 5px;
	padding-bottom: 5px;
 	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.navbar {
	width: inherit;
	margin: 0;
    padding: 0;
	padding-bottom:0;
    background-color: #F8FAFA;
	box-shadow: 0 3px 6px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.2);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,.2);
}

#navbarMenu ul li {
    margin: 0 15px;
}

#navbarMenu ul li a {
    height: 101px;
	font-size: 15px;
	letter-spacing: 1px;
    color: #283239;
	text-transform: uppercase;
	font-weight: 700;
    padding-top: 40px;
    font-family: "Open Sans", sans-serif;
}

#navbarMenu ul li a:hover {
    border-bottom: 7px solid #3BA49B;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.nav-item .nav-link.active {
    border-bottom: 7px solid #3BA49B;
}

.navbar-toggler.my-toggler {
    border: 2px solid #283239;
    background-color: #fff;
    padding: 4px 6px;
    border-radius: 10px;
    margin: 10px;
}

.navbar-toggler span {
   display: block;
   background-color: #3BA49B;
   height: 3px;
   width: 30px;
   margin-top: 6px;
   margin-bottom: 6px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0px;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: relative;
    left: 0px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 5px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: relative;
    left: 0px;
    top: -10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

/*

.navbar .my-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(59,164,155, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h24M4 16h24M4 25h24'/%3E%3C/svg%3E");
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

/* =========== 
      Home
============= */

/* ============================
        Content Boxes
===============================*/
.content-box-lg {
    padding: 50px 0;
}

.content-box-md {
    padding: 50px 20px;
    margin: auto;
}
/* ============================
           Banner
===============================*/

.home-banner .content-box-lg {
    padding: 40px 0 100px;
}

.home-banner {
    background-image: url(../img/banners/wound_care_clinic_home-lg.jpg);
    background-repeat: no-repeat; /* default is repeat */
    background-size: cover;
    background-position: top center;    
     /* scale bg image to be as large as the window */
    background-attachment: fixed; /* by setting attachement to fixed - get paralax effect for bg img */
    position: relative;
    z-index: 1;
    overflow: hidden;    
}


/* Carousel Header Styles */

.header-text {
    color: #fff;
}

.header-text .textblock-1 {    
    background-color: #3BA49B;    
    margin-bottom: 8px;
    padding: 25px
}

.header-text .textblock-2 {
    background-color: #fff;
    padding: 25px 25px 5px 25px;
    
}

.header-text h1 {
    color: #fff;
    font-size: 30px;
}


.header-text h3 {
	color: #283239;
    font-size: 25px;
    line-height: 1.3em;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}


/* ============================
           Buttons
===============================*/

.btn-theme {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.15em;
    font-weight: 700;
    text-transform: uppercase;    
    background-color: #3BA49B;
    border: 2px solid #1C2328;
    border-radius: 10px;
    padding: 8px 20px;
    margin: 20px 15px 20px 0;
}

.btn-theme:hover {
    color: #3BA49B;
    background-color: #fff;
    border-color: #1C2328;
    -webkit-transition: .4s linear .01s;
    transition: .4s ease-in .01s;
}

.btn-theme-2 {
    color: #1C2328;
    font-size: 16px;
    letter-spacing: 0.15em;
    font-weight: 700;
    text-transform: uppercase;    
    background-color: #fff;
    border: 2px solid #1C2328;
    border-radius: 10px;
    padding: 8px 15px;
    margin: 20px;
    position: inherit;
}

.btn-theme-2:hover {
    color: #fff;
    background-color: #3BA49B;
    border-color: #1C2328;
    -webkit-transition: .4s linear .01s;
    transition: .4s linear .01s;
}

/* ============================
           Benefits
===============================*/

#benefits {
    background-color: #fff;
}

.floatingblocks { 
    overflow: visible;
}

#benefit-block p {
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    font-weight: 300;
}
.benefit-blocks {
    text-align: center;
    position: relative;
    top: -50px;
    right: 0px;
    z-index: 2;
}


.icon {
    padding: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.benefit-block-01 {
    background-color: #25466A;
    padding: 15px 20px;
    
}
.benefit-block-01:hover {
    background-color: #3BA49B;
    padding: 15px 20px;
    -webkit-transition: all .6s;
    transition: all .6s;
    
}

.benefit-block-02 {
    background-color: #2A4D70;
    padding: 15px 20px;
    
}

.benefit-block-02:hover {
    background-color: #3BA49B;
    padding: 15px 20px;
    -webkit-transition: all .6s;
    transition: all .6s;
    
}

.benefit-block-03 {
    background-color: #33577C;
    padding: 15px 20px;
    
}

.benefit-block-03:hover {
    background-color: #3BA49B;
    padding: 15px 20px;
    -webkit-transition: all .6s;
    transition: all .6s;
    
}

.benefit-block-04 {
    background-color: #406387;
    padding: 15px 20px;
}

.benefit-block-04:hover {
    background-color: #3BA49B;
    padding: 15px 20px;
    -webkit-transition: all .6s;
    transition: all .6s;
    
}

/* ============================
        Introduction
===============================*/

#introduction {
    background-color: #fff;
}

#introduction h3 {
	color: #283239;
    padding-bottom: 20px;
}

#introduction p {
	color: #696E71;
    padding-bottom: 20px;
}

/* ============================
        Services Intro
===============================*/

#services-intro {
    background-color: transparent;
    
}

#services-intro .content-box-lg {
    background-color: #fff;
    padding: 45px;
}
#services-intro h2 {
    color: #3BA49B;
    font-size: 30px;    
}

#services-intro h6 {
    color: #1C2328;
    line-height: 30px;
}


.background-image {
    background-image: url(../img/banners/paralax_background_clinic.png);
    background-repeat: no-repeat; /* default is repeat */
    background-size: cover;
    background-position: top center;    
     /* scale bg image to be as large as the window */
    background-attachment: fixed; /* by setting attachement to fixed - get paralax effect for bg img */
    position: relative;
    z-index: -6;
    overflow: hidden;
    
}

/* ============================
        Treatments Intro
===============================*/

#treatments-list li{

}

#treatments-list li img{
    float: left;
    padding-right: 15px;
    padding-top: 5px;
}

/* ============================
        Testimonials
===============================*/


#testimonials {
    background-color: #F8FAFA;
}

#testimonials p {
    font-size: 13px;
    line-height: 17px;
    
}

#testimonials h6 {
    color: #283239;    
}

#testimonials h5 {
    color: #696E71;    
}

.box {
    width: 100%;
    border-radius: 4px;
    margin: 20px auto;
    background: #fff;
    padding: 25px 20px;
    position: relative;
    box-shadow: 0 3px 10px rgba(34,80,80,0.16);
    -webkit-box-shadow: 0 3px 10px rgba(34,80,80,0.16); 
    -moz-box-shadow: 0 3px 10px rgba(34,80,80,0.16);
    -o-box-shadow: 0 3px 10px rgba(34,80,80,0.16);
}

.sb1:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid #fff;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    left: 24px;
    bottom: -19px;
}

/* =========== 
     About Us
============= */

.about-banner .content-box-lg {
    padding: 80px 0;
}

.about-banner {
    background-image: url(../img/banners/wound_care_clinic_aboutus-lg.jpg);
    background-repeat: no-repeat; /* default is repeat */
    background-size: cover;
    background-position: top center;    
     /* scale bg image to be as large as the window */
    background-attachment: fixed; /* by setting attachement to fixed - get paralax effect for bg img */
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.about-banner .textblock-2 h3 {
    padding-bottom: 50px;
    
}

/* ===================
    Practitioner
====================== */

#practitioner h1 {
    font-size: 30px;
    color: #3BA49B;
}

#practitioner .content-box-lg {
    padding-top: 80px;
}

/* ===================
      Clinic
====================== */

#clinic {
    background-color: #F8FAFA;
}

#clinic .content-box-lg {
    padding: 80px 0;
}

#services-blurp {
    background-image: url(../img/banners/paralax_background_clinic.png);
    background-repeat: no-repeat; /* default is repeat */
    background-size: cover;
    background-position: top center;    
     /* scale bg image to be as large as the window */
    background-attachment: fixed; /* by setting attachement to fixed - get paralax effect for bg img */
    position: relative;
    z-index: -6;
    overflow: hidden;    
}

#services-blurp h4 {
    text-align: center;
    color: #fff;
}

.blurp-content {
    text-align: center;
    color: #fff;
}

#services-blurp p {
    text-align: center;
    color: #fff;
    padding-top: 15px;
}

/* ===================
     Treatments
====================== */

.services-banner .content-box-lg {
    padding: 100px 0;
}

.services-banner .textblock-2 h3 {
    padding-bottom: 50px;
    
}
.services-banner {
     background-image: url(../img/banners/wound_care_clinic_treatments-lg.jpg);
    background-repeat: no-repeat; /* default is repeat */
    background-size: cover;
    background-position: top center;    
     /* scale bg image to be as large as the window */
    background-attachment: fixed; /* by setting attachement to fixed - get paralax effect for bg img */
    position: relative;
    z-index: 1;
    overflow: hidden;     
}

#whatwedo {
    background-color: #F8FAFA;
}

#whatwedo h1 {
    font-size: 30px;
    color: #3BA49B;
}

h3 {
    color: #283239;
    font-size: 23px;
}


#blocks img {
    display: block;
    margin: auto;
}


/* ================================
     Treatments Definitions
=================================== */

#info-blocks .wound-def {
    padding-left: 0;
    border-bottom: 1px solid #3BA49B;
    padding-top: 50px;
    
}
#info-blocks h6 {
    color: #1C2328;
    font-size: 20px;
}

#info-blocks .wound-def img {
    float: left;
}

/*=============================
            Map
==============================*/

.map-container-2{
overflow: hidden;
padding-bottom: 35%;
position:relative;
height: 0;
}

.map-container-2 iframe{
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}

/*=============================
            Form
==============================*/
#contact h1 {
    color: #3BA49B;    
}

#contact .btn-theme:hover {
    color: #3BA49B;
}

#contact .form-control {
    color: #696E71;
    border-bottom: 1px solid #283239;
    box-shadow: 0 1px 0 0 #283239;
    -webkit-box-shadow: 0 1px 0 0 #283239;
    padding-bottom: 10px;
}

#contact .form-control:focus {
    color: #696E71;
    border-bottom: 1px solid #3BA49B;
    box-shadow: 0 2px 0 0 #3BA49B;
    -webkit-box-shadow: 0 2px 0 0 #3BA49B;
    
}
#contact label {
    color: #696E71;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}
#contact label:focus {
    color: #283239;
}

nav .navbar-light .bg-light {
    background-color: aqua;    
}


/* ============================
           Footer
===============================*/

#footer {
    background-color: #2A4D70;
}

#footer .content-box-lg {
    padding-bottom: 8px;
}


#footer a {
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
}


#footer a:hover {
    color: #7FC4BE;
}


.footer-title {
    color: #fff;
    font-weight: 600;
    padding-bottom: 20px;
    letter-spacing: 1px;
	text-transform: uppercase;
}

#footer .list-group-item {
    background-color: transparent;
    border-top: 0px solid #ddd;
    border-radius: 0;
    font-size: 16px;
}

#footer .list-group {
    background-color: transparent;
    border-top: 0px solid #2A4D70;
    border-bottom: 1px solid #25466A;
    border-radius: 0px;
}

.footer-link-active {
    color: #7FC4BE;
}

.footer-details {
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 42px;
}

#fcontact-list img {
    float: left;
    padding-right: 15px;
    padding-top: 5px;
}

.copytext {
    color: #788EA4;
    font-size: 12px;
    border-top: 1px solid #25466A;
    text-align: center;
}