@charset "utf-8";
/* CSS Document */


/*****************************************************/
/*framework*/

body {

    font-family:'Roboto',sans-serif;
    font-size:16px;

}


h1 {

    padding-bottom:0.5em;
    color:#4B4B4B;

}

@media (max-width:767px) {

    h1 {

        font-size:1.5em;

    }
    
}


h2 {

    padding-bottom:0.5em;
    color:#262262;
    

}

@media (max-width:767px) {

    h2 {

        font-size:1.5em;

    }
    
}

p {

    color:#4B4B4B;

}




.no-padding {

    padding-right:0;
    padding-left:0;

}


.line-divider {

    width:100%;
    height:0.25em;
    background-color:#0054a6;
    margin:0 auto;

}

.btn-primary {

    background-color:#262262;
    border-color:#262262;

}

/*end-framework*/



/*****************************************************/
/*nav*/
.navbar {

    margin-bottom:0;

}

.navbar-default {

    background-color:#FFF;
    border:none;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color:transparent;

}


.navbar-brand {

    height:80px;
	padding-top:15px;
	padding-bottom:15px;

}


.navbar-brand img {

    width:262px;
    height:50px;

}


@media (min-width:768px) {

    .navbar {
    
        padding-top:10px;
        padding-bottom:10px;
    
    }

    .nav>li>a {

        padding-top:30px;
        padding-right:20px;
        padding-bottom:30px;
        padding-left:20px;

    }

}


.navbar-nav {

    margin:0 -15px;

}


.nav>li>a.nav-checkatrade {

    padding-top:3px;
    padding-bottom:2px;

}


.navbar .navbar-collapse {

    text-align:center;

}


.navbar-btn {

    margin-top: 22px;
    margin-right: 16px;
    margin-bottom: 22px;

}



.navbar-toggle {

    margin-top:19px;
    margin-bottom:19px;
    color:#494A4E;

}

.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {background-color:#262262; color:#FFF;}
 
/*end-nav*/



/*****************************************************/
/*footer*/

.footer {

    padding:4em 0.5em;
    font-size:1em;
    color:#929398;
    text-align:center;

}

.footer p, .footer a {

    color:#929398;

}


.footer img {

    margin-top:1em;
    margin-bottom:1em;

}


.back-to-top {

    margin-bottom:5em;
    text-align:center;

}

.back-to-top a {

    background-color:#494A4E;
    padding:1em;
    color:#FFF;
    text-decoration:none;

}

.back-to-top a:hover {

    background-color:#0959A0;
    padding:1em;

}


.footer-logo {

    max-width:300px;
    padding:0 1em;

}

@media (max-width:991px) {

    .footer-logo {

        /*width:400px;
        height:154px;*/
        padding:1em;

    }

}

.f-address {

    padding:1em 0;

}

.f-copy {

    padding-top:4em;
    font-size:0.75em; /*12px*/
    color:#999;
    text-align:center;

}


@media (min-width:992px) {

    .footer {

        padding:5em 0 10em;
        font-size:1.25em;

    }

    .f-address {

        padding:0;

    }

    .f-links p, .f-address p {

        text-align:left;

    }

}

/*end-footer*/



/*********************************************************/
/*home*/

.cb-slideshow,
.cb-slideshow:after {
    position:relative;
    width: 100%;
    height: 100vw;
    background-color:#000;
    top: 0px;
    left: 0px;
    z-index: 0;
    overflow: hidden;
    color:#030303;
    margin-bottom:0;
}
/*.cb-slideshow:after {
    content: '';
    background: transparent url(../img/carousel/pattern.png) repeat top left;
    position:absolute;
}*/
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 40%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family:'Michroma', sans-serif;

    font-size:2em;
    font-weight:700;
    padding:0 2em;
    line-height:1;
    color: rgba(255,255,255,1);
    text-shadow:2px 2px 5px rgba(0,0,0,0.6);
}


@media (min-width:768px) and (max-width:1199px) {

    .cb-slideshow,
    .cb-slideshow:after {

        height: 80vw;

    }

    .cb-slideshow li div h3 {

        font-size:4em;
        text-shadow:2px 2px 5px rgba(0,0,0,0.6);

    }
    
}


@media (min-width:1199px) {

    .cb-slideshow,
    .cb-slideshow:after {

        height: 50vw;

    }

    .cb-slideshow li div h3 {

        font-size:6vw;
        text-shadow:2px 2px 5px rgba(0,0,0,0.6);

    }

}


.cb-slideshow li:nth-child(1) span {
    background-image: url(../img/bg/kwan-massage-salon-sm.jpg)
}
.cb-slideshow li:nth-child(2) span {
    background-image: url(../img/treatments/deep-tissue-massage-no-oil.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../img/treatments/swedish-oil-massage.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../img/treatments/relaxing-neck-back-and-shoulder-massage.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../img/treatments/leg-and-foot-massage.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../img/treatments/indian-head-massage.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

@media (min-width:992px) {

    .cb-slideshow li:nth-child(1) span {background-image: url(../img/bg/kwan-massage-salon.jpg);}
    .cb-slideshow li:nth-child(2) span {background-image: url(../img/bg/deep-tissue-massage-no-oil.jpg);}
    .cb-slideshow li:nth-child(3) span {background-image: url(../img/bg/swedish-oil-massage.jpg);}
    .cb-slideshow li:nth-child(4) span {background-image: url(../img/bg/relaxing-neck-back-and-shoulder-massage.jpg);}
    .cb-slideshow li:nth-child(5) span {background-image: url(../img/bg/leg-and-foot-massage.jpg);}
    .cb-slideshow li:nth-child(6) span {background-image: url(../img/bg/indian-head-massage.jpg);}

}

.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}




.home-intro {

    background-color:#f7fcff;

}

.home-intro .inner-padding {

    background-color:transparent;

}


.bg-purple {

    background-color:#262262;
    padding-bottom:2em;

}

.bg-purple img {

    padding-bottom:2em;

}


.bg-purple h2 {

    color:#FFF;
    text-align:center;

}

.bg-purple h3 {

    font-size:1em;
    color:#FFF;
    text-align:center;

}


.bg-purple p {

    font-size:0.75em;
    color:#95ace2;
    text-align:center;

}


.pl-box {

    background:url(/img/bg/pl-box-bg.png) bottom right no-repeat #252255;
    border:1px solid #FFF;
    padding:2em;
    margin:2em;

}

@media (min-width:768px) {

    .pl-box {

        min-height:750px;

    }

}

@media (min-width:768px) {

	.home-section, .home-section-xs {

	    height:900px;

	}

}

@media (min-width:1200px) {

	.home-section, .home-section-xs {

	    height:1280px;

	}

}


.home-section {

    background-repeat:no-repeat;
    background-position:top center;
	background-attachment:fixed;
    background-size:cover;

}

.hs-one {

	background-image:url(../img/bg/relaxing-massage-bournemouth.jpg);

}

.hs-two {

	background-image:url(../img/bg/massage-tools.jpg);

}

.hs-three {

	background-image:url(../img/bg/kwan-massage-salon.jpg);

}

.hs-four {

	background-image:url(../img/bg/swedish-oil-massage.jpg);

}

.hs-five {

	background-image:url(../img/bg/inside-shop-front-desk.jpg);

}


@media (max-width:767px) {

    .hs-one, .hs-two, .hs-three, .hs-four, .hs-five {

   		background:none;

	}

	.hs-one-xs {

		background:url(../img/treatments/relaxing-neck-back-and-shoulder-massage.jpg) no-repeat top center;

	}


	.hs-two-xs {

		background:url(../img/bg/massage-tools-sm.jpg) no-repeat top center;

	}

	.hs-three-xs {

		background:url(../img/bg/kwan-massage-salon-sm.jpg) no-repeat top center;

	}


	.hs-four-xs {

		background:url(../img/treatments/swedish-oil-massage.jpg) no-repeat top center;

	}

	.hs-five-xs {

		background:url(../img/bg/inside-shop-front-desk-sm.jpg) no-repeat top center;

	}

}


.home-section span {

    color:#262262;

}

.home-section img {

    border-top:2px solid #EAEAEA;

}


.inner-padding {

    background-color:rgba(255,255,255,0.9);
    padding:2em;

}


@media (min-width:1200px) {

    .inner-padding {

        padding:2em 4em;

    }

}


.intro-logo {

    max-width:300px;
    padding-top:1.5em;

}


@media screen and (max-width:767px) {

    .opening-times .text-left, .opening-times .text-right {

        text-align:center;

    }

}


#gallerylightbox a {

    margin:1em;
    float:left;
    display:block;

}

#gallerylightbox a img {

    width:200px;
    height:133px;

}


.opening-times {

    padding-bottom:1em;

}

.opening-times .text-left {

    padding-bottom:0.5em;

}

.opening-times {

    padding-bottom:3em;

}

.opening-times span {

    color:#F7C300;

}



.maps iframe {

    pointer-events:none;

}

/*end-home*/




/*********************************************************/
/*contact*/


.contact-form {

    background-color:#e8e8e8;

}


.contact-form, .contact-details {

    padding-bottom:4em;

}


.contact-form hr, .contact-details hr {

    border-color:#CCC;

}

.contact-form h2, .contact-details h2 {

    padding-top:1em;
    padding-bottom:1em;
    text-align:center;

}




@media screen and (max-width:767px) {

    .contact-details .text-left, .contact-details .text-right {
    
        text-align:center;

    }

}


/*honeypot*/
.cf-hp {
display:none;
}

.form-signin {
	max-width:80%;
	margin:0 auto;
}

@media (max-width:767px) {
    .form-signin {
	   max-width:90%;
    }
}

.form-signin label {
	margin-top:1em;
	font-size:1em;
}
.form-signin .form-control {
	height:auto;
	border-color:#CCC;
	border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0.5em;
	position:relative;
}
.form-signin .btn {
	background-color:#CB0016;
	border:none;
	border-radius:0;
	margin-top:2em;
	font-weight:700;
	color:#FFF;
}
.form-signin .btn:hover,
.form-signin .btn:focus {
	background-color:#5CB85C;
	color:#000;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.contact-text {
    text-align:center;
}

.contact-thanks {
	width:80%;
	background-color:#FF9;
	margin:0 auto;
	padding:10px 4%;
	display:block;
	color:#093;
	text-align:center;
}
.contact-error-message {
	width:80%;
	background-color:#FF9;
	margin:0 auto;
	padding:10px 4%;
	display:block;
	color:#900;
	text-align:center;
}
/*end-contact*/