html, body {
	margin:0; padding:0; background:#FFF; height:100%;
	font-family: menco, sans-serif;
	color:#333; font-size:14px; line-height:1.6; font-weight:300;
}


a img, a {
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
	text-decoration:none; border:none;
}

a:hover img, a:hover { text-decoration:none; border:none; }


.clear { clear:both; }


a { color:#333; }
a:hover { color:#000; }


:focus, textarea:focus, input:focus{
    outline: none;
}



::selection { background: #2b93b8; /* WebKit/Blink Browsers */ color:#FFF; }
::-moz-selection { background: #2b93b8; /* Gecko Browsers */ color:#FFFF; }


h1,h2,h3,h4,h5,h6,h7 { font-weight:300; }

.homep .ms-slide-bgcont { margin-left: 0 !important; }

.wrap { max-width: 1400px; width: 95%; height: auto; overflow: hidden; margin: auto; }


.notice { width: 100%; height: auto; overflow: hidden; background: #aad4e3; text-align: center; padding: 10px 0 15px 0;  }
.notice .wrap { max-width: 800px; }

.notice h6 { font-size: 18px; font-weight: bold; margin: 0; }
.notice p { margin: 5px 0 0 0; line-height: 1.2; }



.header { width: 100%; height: auto; position: relative; position: absolute; z-index: 999999; margin: 10px 0; }
.header .logo { width: 140px; float: left; }
.header .logo img { width: 100%; border: none; }
.header .menu { width: calc(62% - 140px); float: left; text-align: right; }

.header .contact { width: 38%; float: right; }

.header .contact a { 
    float: right; display: block; background: #000;
    margin: 18px 0px 4px 20px; padding: 8px 12px 10px 12px;
    border-radius: 10px;
    font-size: 11px; text-align: center; color: #FFF; line-height: 1.1;
}

.header .contact a.keighley { font-size: 13px; background: #2b93b8; opacity: .7; border: 2px #FFF solid; }
.header .contact a.silsden { font-size: 13px; background: #4dbaba; opacity: .7; border: 2px #FFF solid; }

.header .contact a.keighley:hover { opacity: 1; }
.header .contact a.silsden:hover { opacity: 1; }



.header .contact a strong { display: block; font-size: 15px; }

.header .menu ul { margin: 0; padding: 0; list-style: none; }
.header .menu li { font-weight: bold; color: #FFF; display: inline-block; margin: 25px 2% 25px 5%; }
.header .menu li a { color: #E5E5E5; font-size: 18px; }
.header .menu li a:hover { color: #FFF; text-shadow: 4px 4px 6px rgba(0,0,0,.5);  }
                



.homep .header .menu li.homel a { color: #FFF; }
.aboutp .header .menu li.aboutl a { color: #FFF; }
.treatmentsp .header .menu li.treatmentl a { color: #FFF; }
.contactp .header .menu li.contactl a { color: #FFF; }







.header .menu li.mobile { display: none; height: 40px; border-top: 2px solid rgba(255,255,255,.5); }
.header .menu li.mobile strong { display: block; }

.header .menu li.mobile a { font-size: 12px; line-height: 1.1; }
.header .menu li.mobile a strong { font-size: 20px; }



.video-over1 {
    width: 62%; height: 100%; top: 0; left: 0;
    position: absolute; z-index: 889;
    background: rgba(92,184,178,.85);
}


.video-over2 {
    width: 38%; height: 100%; top: 0; right: 0;
    position: absolute; z-index: 9999;
    background: rgba(255,255,255,.9);
}


.video-over3 { 
    width: calc(100% - 340px); height: 100%; bottom: 0; right: 0;
    position: absolute; z-index: 9999;
    
}

.video-over3 img { width: 100%; max-width: 900px; border: none; position: absolute; bottom: 0; right: 0; }



.video-over4 { 
    width: 25%; min-width: 350px; max-width: 450px; bottom: 0px; left: 5%;
    position: absolute; z-index: 99999;
    transform: translate(0%,50%);
}

.video-over4 img { width: 100%; }




.video-over1 .inner { position:absolute; top: calc(30% + 140px); left: 10%; color: #FFF; margin-top: 100px; transform: translate(0%,-50%); }   
.video-over1 .inner h1 { font-size: 60px; font-weight: bold; line-height: 1; }
.video-over1 .inner h1 strong { font-size: 30px; font-weight:300; line-height: 1; display: block; margin-bottom: 5px; }

.video-over1 .inner h3 { font-size: 30px; max-width: 400px; line-height: 1.3; }
                
.video-over1 .inner a { 
    text-transform: uppercase;
    border: 1px solid #FFF; border-radius: 8px;
    padding: 8px 15px 10px 15px; margin: 10px 0 30px 0; display: inline-block;
    text-transform: uppercase;
    color: #FFF; font-size: 18px; letter-spacing: 2px;  line-height: 1;cursor: pointer;
}

.video-over1 .inner a:hover { background: #FFF; color: #4dbaba; }

                
.video-over1 .inner h5 { font-size: 30px; font-weight: bold; margin: 20px 0 0 0; }
                
.video-over1 .inner p { font-size: 18px; padding-left: 15px; line-height: 1.1; }
.video-over1 .inner p strong { display: block; font-size: 22px; }




.video-over5 {  position:absolute; width: 100%; height: 100%; overflow: hidden; z-index: 1111; margin-top: 100px; }
.video-over5 .wrap {  position:relative; height: 100%; overflow: hidden; }

.video-over5 .wrap .inner { width: 58%; height: auto; overflow: hidden; position: absolute; top: 90px;  color: #FFF; }

.video-over5 .wrap .inner h1 { font-size: 45px; font-weight: bold; margin: 0; }
.video-over5 .wrap .inner h2 { font-size: 30px; max-width: 600px; margin: 20px 0 0 0; line-height: 1.3; }




.video-over6 {
    width: 100%; height: calc(100% - 120px); top: 120px; left: 0;
    position: absolute; z-index: 889;
    background: rgba(255,255,255,.85);
}




.video-over7 { 
    width: 35%; min-width: 500px; max-width: 600px; bottom: 0px; left: 5%;
    position: absolute; z-index: 99999;
    transform: translate(0%,50%);
}





.aboutp .video-over2 {
    background: rgba(255,255,255,.0);
}



.treatmentsp .video-over1 { height: 120px; }
.treatmentsp .video-over2 { height: 120px; background: rgba(255,255,255,.85); }

.contactp .video-over1 { height: 120px; }
.contactp .video-over2 { height: 120px; background: rgba(255,255,255,.85); }


.otherp .video-over1 { height: 120px; }
.otherp .video-over2 { height: 120px; background: rgba(255,255,255,.85); }




.video-over6 .wrap .inner { width: 48%; max-width: 500px; height: auto; overflow: hidden; position: absolute; top: calc(30% + 90px); transform: translate(0,-50%); }


.video-over6 .wrap .inner h1 { font-size: 45px; font-weight: bold; margin: 0; color: #666; }
.video-over6 .wrap .inner h2 { font-size: 23px; margin: 20px 0 0 0; line-height: 1.3; color: #666; }
.video-over6 .wrap .inner p { font-size: 23px; margin: 20px 0 0 0; line-height: 1.3; color: #666; }




.home-about { width: 100%; height: auto; overflow: hidden; margin: -60px 0 100px 0; }
.home-about .wrap { max-width: 1200px; }


.home-about .left { width: 42%; height: auto; overflow: hidden; float: left; margin-top: 130px; }
.home-about .right { width: 48%; height: auto; overflow: hidden; float: right; position: relative; z-index: 9999999; }


.home-about img { width: 100%; border: none; }


.home-about p { font-size: 20px; }
.home-about p a {
    border: 1px solid #4dbaba; background: #4dbaba; border-radius: 8px;
    padding: 10px 15px 12px 15px; margin: 10px 0; display: inline-block;
    text-transform: uppercase;
    color: #FFF; font-size: 16px; letter-spacing: 1px;  line-height: 1;cursor: pointer;
}



.home-test {
    width: 100%; height: 100%; position: relative;
    min-height: 650px; max-height: 800px;
    background: url("../img/backdrop.jpg") no-repeat center fixed;
    background-size: cover;
}



.home-test .cq { 
    height: 100px; 
    position: absolute; bottom: 20%; left: 0;
}


.home-test .cq .link { 
    display: inline-block; float: right; clear: both;
    background: #5f2961 url("../img/arrow.svg") no-repeat;
    background-size: 12px; background-position: 88% center; 
    
    color: #FFF; padding: 8px 45px 8px 16px;
    font-size: 18px; font-weight: bold; text-transform: uppercase;
}


.home-test .cq .link:hover { background-color: #4dbaba; }



.home-test .cq .logo { width: 200px; height: 70px; background: #5f2961; float: left; padding: 30px 15px 20px 15px; }
.home-test .cq .block { 
    width: 250px; height: 70px; background: #5f2961; float: left; padding: 30px 15px 20px 30px;
    color: #FFF; font-size: 20px; font-weight: bold; line-height: 1.3;
}









.home-test .testimonial { 
    width: 350px; height: auto; overflow: hidden;
    position: absolute; top: 10%; right: 6%;
    
    background: rgba(43,147,184,.8); border-radius: 25px;
    padding: 10px 20px;
    font-size: 19px;  color: #FFF; line-height: 1.3;
}

.home-test .testimonial p { margin: 10px 0; }
.home-test .testimonial strong { font-size: 40px; display: block; line-height: 1; }


.home-test .testimonial img { width: 40px; display: block; clear: both; }
.home-test .testimonial img.open { float: left; }
.home-test .testimonial img.close { float: right; }







footer {
    width: 100%; height: auto; overflow: hidden; padding: 30px 0 0 0;
    background: #4dbaba; border-top: 4px solid #2b93b8; text-align: center;
}



footer .logo { width: 180px; display: inline-block; margin-right: 50px; }
footer .logo img { width: 100%; border: none; margin: 10px 0; }


footer .links { width: 370px; display: inline-block; text-align: left; vertical-align: top; color: #FFF; }



footer .links ul { display: block; margin: 5px 0 20px 0; padding: 0; list-style: none; }
footer .links ul li { display: inline-block; margin: 0 20px 0 0; padding: 0; list-style: none; line-height: 1.1; }

footer .links ul li a { color: #EEE; font-weight: bold; font-size: 16px; }
footer .links ul li a:hover { color: #FFF;}


footer .links ul li a span { font-size: 13px; color: #EEE; font-weight: 300; display: block; }


footer .links ul.number li a { font-size: 27px; letter-spacing: 0px; }
footer .links ul.number li a span { font-size: 16px; letter-spacing: 1px; }



footer .links ul li.small-links a { font-size: 12px; }


footer .foot { 
    width: 100%; height: auto; overflow: hidden; padding: 8px 0;
    background: #fff; text-align: center; margin-top: 10px;
    font-size: 10px;
}
    
footer .foot strong { font-weight: 300; }
footer .foot span { margin: 0 12px; }







.aboutp .left {
    width: 62%; height: auto; float: left; position: relative; background: #f5f5f5;
}


.aboutp .right {
    width: 38%; height: auto; overflow: hidden; float: right;

}



.aboutp .left .inner {
    width: 90%; max-width: 781px; height: auto;
    margin:5%; float: right; font-size: 16px;
}


.aboutp .right .inner {
    width: 90%; max-width: 478px; height: auto; overflow: hidden;
    margin:5%; float: left; 
}




.aboutp .left .inner img.team { 
    width: 100%; max-width: 600px; position: relative; z-index: 890;
    margin: -40% auto 30px auto;
    left: 50%; transform: translate(-50%,0);
}



.aboutp .left .inner .location { margin: 40px 0 40px 0; padding: 40px 0 45px 0; border-bottom: #DDD dashed 2px; }
.aboutp .left .inner .location  h1 { 
    display: inline-block;
    font-size: 35px; margin: 5px 0 15px 0;
    font-weight: bold; line-height: .9;  color: #4dbaba;
}

.aboutp .left .inner .location  span { float: right; margin-top: 16px; }


.aboutp .left .inner .location  .photos { margin: 20px 0; }


.aboutp .left .inner .location  .map { margin: 20px 0; }




.aboutp .right .inner h4 { font-size: 4.5vw; line-height: .9; font-weight: bold; color: #4dbaba; margin: 0 0 20px 0; }

.aboutp .right .inner ul { list-style: none; margin: 0; padding: 0; }
.aboutp .right .inner ul li { list-style: none; margin: 20px 0 20px 0; padding: 20px 0 25px 0; border-bottom: #EEE dashed 2px; }


.aboutp .right .inner ul li:last-child { border-bottom: none; }

.aboutp .right .inner img { width: 150px; margin:0 20px 20px 0; float: left;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.aboutp .right .inner p { font-size: 12px; margin: 15px 0; }
.aboutp .right .inner h3 { font-size: 35px; margin: 5px 0 15px 0; font-weight: bold; line-height: .9;  color:#555; }
.aboutp .right .inner .job { font-size: 14px; text-transform: uppercase; line-height: 1.1; margin: 10px 0 0 0;  }
.aboutp .right .inner .qual { font-size: 16px;  line-height: 1.1; margin: 0;  }
.aboutp .right .inner .gdc { font-size: 14px; text-transform: uppercase; line-height: 1.1; margin: 0  }




.photos img { width: 31.333%; float: left; margin: 1%; }



.map { width: 100%; height: 600px; }








.video-over6 .testimonial { 
    width: 30%;  max-width: 400px; height: auto; overflow: hidden;
    position: absolute; top: 10%; right: 6%;
    
    top: calc(30% + 90px); transform: translate(0,-50%);
    
    background: rgba(43,147,184,.8); border-radius: 25px;
    padding: 10px 20px;
    font-size: 19px;  color: #FFF; line-height: 1.3;
}

.video-over6  .testimonial p { margin: 10px 0; }
.video-over6  .testimonial strong { font-size: 30px; display: block; line-height: 1; }


.video-over6  .testimonial img { width: 40px; display: block; clear: both; }
.video-over6  .testimonial img.open { float: left; }
.video-over6  .testimonial img.close { float: right; }






.price { width: 100%; height: auto; overflow: hidden; margin: 70px 0 70px 0;  }

.price h3 { margin: 2%; font-size: 42px; font-weight: bold; }


ul.price-list { 
    height: auto; overflow: hidden; list-style: none; margin: 0; padding: 0; 
    columns: 2; -webkit-columns: 2; -moz-columns: 2; vertical-align: top;
}

ul.price-list li {
    list-style: none; margin: 0 2%; padding:10px 16px; font-size: 18px; display: block;  
    -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;
}
ul.price-list li span { float: right; font-weight: bold; }


ul.price-list li:nth-child(even) { background: #f5f5f5; }
ul.price-list li:hover { background: #4dbaba; color: #FFF; }


/*   -webkit-column-span: all;    column-span: all;   */



.test-banner { background: #2b93b8; padding: 40px 0; }

.test-banner .wrap { max-width: 950px; }

.test-banner .open { width: 40px; float: left; }
.test-banner .close { width: 40px; float: right; }

.test-banner .open img, 
.test-banner .close img { width: 100%; border: none; }



.test-banner .test-text { 
    width: calc(100% - 160px); height: auto; overflow: hidden; float: left; margin: 0 40px; 
    font-size: 19px;  color: #FFF; line-height: 1.3; text-align: center;
}
.test-banner .test-text p { margin: 10px 0; }
.test-banner .test-text strong { font-size: 30px; display: block; line-height: 1; }



.emergency { 
    width: 100%; clear: both; display: block; 
    background: #2b93b8; padding: 8px 0; color: #FFF; text-align: center;
    position: absolute; top: 120px; z-index: 9999;
    line-height: 1.2;
}




.contact-hold { padding: 200px 0 40px 0;}
.contact-maps { width: calc(95% - 280px); height: auto; overflow: hidden; float: left; min-height: 500px; }
.contact-details { width: 280px; height: auto; overflow: hidden; float: right;  min-height: 500px; }

.contact-hold .map { height: 800px; } 




.contactp h1 { font-size: 32px; font-weight: bold; display: block; margin-top: 0; }
.contactp .address p { margin: 5px 0; }
.contactp .address { font-size: 16px; margin:0 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px solid #CCC;}
.contactp .address .number { font-size: 18px; font-weight: bold; display: block; color: #2b93b8; }
.contactp .address .place { font-size: 21px; font-weight: bold; display: block; text-transform: uppercase; color: #2b93b8; }

.contactp .email { font-size: 16px; }
.contactp .email strong { font-size: 21px; font-weight: bold; display: block; color: #2b93b8; }
        
.contactp .time { font-size: 18px; }
.contactp .time h3 { font-size: 28px; font-weight: bold; display: block;  }
.contactp .time strong { font-size: 21px; font-weight: bold; display: block; color: #2b93b8; }


.contactp .contact-hold .links { font-size: 14px; margin: 50px 0 0 0; }
.contactp .contact-hold .links h5 { font-size: 32px; font-weight: bold; display: block; margin: 20px 0 10px 0; }
.contactp .contact-hold .links ul { margin: 0; padding: 0; list-style: none; }
.contactp .contact-hold .links ul li { margin: 0 25px 0 0; padding: 0; list-style: none; display: inline-block; }



.otherp h1 { font-weight: bold; }
.otherp h2 { font-weight: bold; }