@import url(owl.carousel.css);
@import url(fonts.css);
@import url(responsive.css);


/*
	1.	GENERAL
			a. ALL
			b. NAVS
			c. POPUP
			d. LINKS
	2.	SLIDER
	3.	INTRO
	4.	SEE MAP
	5.	TESTIMONIALS
*/



/**/
/**/
/**/


/* 1. GENERAL */

/**/
/**/
/**/
html, body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	width: 100%;
}

    .slider-desk {
        display: block;
    }


    .slider-mob {
        display: none;
    }

/* Background colors */
	.bg-primary {
		background: #004a75;
	}

	.bg-white {
		background: white;
	}

	.bg-darkgrey {
		background: #474747;
	}

	.bg-grey {
		background: #7b7a7a;
	}

	.bg-lightgrey {
		background: #d0d0d0;
	}

    video {
        object-fit: fill;
        background-repeat: no-repeat !important;
    }


/**
 * a: all
 */
	.heading {
		color: white;
	}

	.heading.dark {
		color: #474747;
	}

	.text-primary {
		color: #e00033;
	}

	.heading.color {
		color: #e00033;
	}

	.heading > h2 {
		font-family: 'libel_suitregular';
		font-weight: normal;
		text-transform: uppercase;
		font-size:4vw;
		margin-bottom:14px;
	}

    .heading > h2 span {
        white-space: pre;
    }

	p.text-dark {
		color: #231f20;
	}

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


    .vjs-poster {
        -webkit-background-size: cover !important;
        background-size: cover !important;
    }


/**
 * b: navs
 */
	
	/* Main bar */
	.navbar-inverse { background-color: #474747; border-radius: 0; margin:0; border:0; font-family: 'Signika', sans-serif; font-weight: 300; z-index: 999;}
	.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #2B2B2B}
	.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #2B2B2B}
	.dropdown-menu { background-color: #FFFFFF}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #2B2B2B}
	.navbar-inverse { background-image: none; }
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
	.navbar-inverse { border-color: #474747}
	.navbar-inverse .navbar-brand { color: #FFFFFF; background: #e32232; margin:0; padding:0;}
	.navbar-inverse .navbar-brand img { margin:0; padding:0; }
	.navbar-inverse .navbar-brand:hover { color: #FFFFFF; background: #e32232;}
	.navbar-inverse .navbar-brand:focus { color: #FFFFFF; background: #e32232;}
	.navbar-inverse .navbar-nav>li>a { color: #fff}
	.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
	.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
	.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
	.dropdown-menu>li>a { color: #2B2B2B}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
	.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
	.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
	.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
	.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
	.navbar-nav li:last-child img {display: none; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);transform: rotate(90deg);}
	.navbar-nav .product-name { font-size:20px; font-weight: 700; }
    .navbar-inverse .product-name { color: #fff; display: inline-block; margin:0; font-size: 1.8vw; font-weight: 700; padding: 12px 20px 0 20px; }

	/* Quick access bar */
	.quick-access {
		text-align: right;
		display: none;
		min-height: 34px;
	}

	.affix {
		width: 100%;
		margin:0;
		top:0;
	}

	.quick-access ul {
		margin:0;
		padding:8px 0 6px 0;
		font-family: 'Signika', sans-serif;
		font-weight: 300;
	}

	.quick-access ul li {
		display: inline-block;
		list-style: none;
		margin-right:16px;
	}

	.quick-access ul li a {
		color: #474747;
		text-transform: uppercase;
	}

	.quick-access ul li a:hover {
		color: black;
	}

/**
 * c: links
 */
	a {
		color: #e00033;
		text-decoration: none;
	}

	a:hover,
	a:focus {
		color: #881b00;
		text-decoration: none;
	}

	a.download-file {
		color: #231f20;
		font-weight: bold;
	}

	a.download-file i {
		font-size:40px;
		margin-right:10px;
		position: relative;
		top:12px;
	}



/**
 * d: popup
 */

	/* Fade */
	.mfp-fade.mfp-bg {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out; 
		-moz-transition: all 0.15s ease-out; 
		transition: all 0.15s ease-out;
	}
	.mfp-fade.mfp-bg.mfp-ready {
		opacity: 0.8;
	}
	.mfp-fade.mfp-bg.mfp-removing {
		opacity: 0;
	}

	.mfp-fade.mfp-wrap .mfp-content {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out; 
		-moz-transition: all 0.15s ease-out; 
		transition: all 0.15s ease-out;
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
		opacity: 1;
	}
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
		opacity: 0;
	}

main {
    padding-top: 50px ;
}

section#big-image {
    background: #004a75;
}

section#big-image img {
    max-width: 100%;
}

/**/
/**/
/**/


/* 3. INTRO */

/**/
/**/
/**/
section#intro{
	padding: 20px 0 30px 0;
	background: white;
}

section#intro h1 {
	color: #004a75;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
}

section#intro p {
	color: #474747;
    font-size: 16px;
	margin:14px 0;
}

section#intro a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #e00033;
	vertical-align: bottom;
	text-decoration: none;
	padding-right:6px;
	font-weight: bold;
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
	color: rgba(255,255,255,.6);
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover,
.owl-theme .owl-controls .owl-nav [class*=owl-]:focus {
	color: rgba(255,255,255,);
}


/**/
/**/
/**/


/* 4. Strip */

/**/
/**/
/**/
section.strip {
	color: white;
	font-weight: normal;
	padding:40px 0 20px 0;
	margin-bottom:10px;
}

	section.strip.head {
		padding:20px 0;
	}

	/* Arrows */
	section.strip .owl-theme .owl-controls .owl-nav [class*=owl-] {
		color: rgba(255,255,255,.4);
	}

	section.strip .owl-theme .owl-controls .owl-nav [class*=owl-]:hover,
	section.strip .owl-theme .owl-controls .owl-nav [class*=owl-]:focus {
		color: rgba(255,255,255,.8);
	}

	/* Dots */
	section.strip .owl-theme .owl-dots .owl-dot span {
		background: rgba(255,255,255,.4);
	}

	section.strip .owl-theme .owl-dots .owl-dot.active span,
	section.strip .owl-theme .owl-dots .owl-dot:hover span {
		background: rgba(255,255,255,1);
	}

section.strip .item {
	text-align: center;
}

section.strip .item h3 {
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	font-size:3.5vw;
	margin:0;
}

section.strip .item p {
	font-size:1.9vw;
	margin:0;
}

section.strip .full-width {
	margin-bottom:20px;
	position: relative;
	left:0; right:0;
	margin:auto;
}


/**/
/**/
/**/


/* 5. TESTOMONIALS */

/**/
/**/
/**/
section#testimonials {
	min-height: 400px;
    padding-bottom: 60px;

}

section#testimonials .video {
	text-align: center;
	position: relative;
	margin:10px 0;
}

section#testimonials .video .icon {
	height: 100%;
	width: 100%;
	position: absolute;
	top:0;
}

section#testimonials .video img {
	max-width: 100%;
}

section#testimonials .video .icon i {
	font-size:8vw;
	left:0; 
	right:0;
	margin:auto;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #717171;
	opacity: .6;
}

section#testimonials {
	color: #646464;
}

section#testimonials:hover .video .icon i {
	opacity: .9;
}

section#features .col-md-3,
section#testimonials .col-md-3 {
	height: 405px;
}

.vertical-center{
	position: absolute;
    top: 50%;
    /*transform: translateX(-50%) translateY(-50%);*/
    transform: translate(0%, -50%);
}

.video .overlay {
    position: absolute;
    z-index: 99;
    bottom: 16px;
    left: 5px;
    padding: 14px 0;
    width: 70%;
    background: #004a75;
    color: #ffffff;

    cursor: pointer;
}

.video .overlay h3 {
    font-family: 'libel_suitregular';
    font-weight: normal;
    text-transform: uppercase;
    font-size:2.8vw;
    margin: 0;
}

.video .overlay p {
    margin: -6px 0 0 0 !important;
    text-transform: uppercase;
    font-size: 12px;
}

.video .overlay .play {
    margin-top: 8px;
}

/* Smaller */
.video .overlay.smaller {
    width: 84%;
    bottom: auto;
    top: 120px;
}

.video .overlay.smaller h3 {
    font-size: 1.8vw;
}

.video .overlay.smaller .play {
    margin-top: 2px;
}

p.videoDescription {
    color: #545557;
    margin-top: 20px;
    display: block;
}



/**/
/**/
/**/


/* 6. BENEFITS */

/**/
/**/
/**/
section#benefits {
    background: #aeaeae;
    padding:40px 0;
}

section#benefits h2 {
    color: #474747;
}

/**/
/**/
/**/


/* 7. TREATMENTS */

/**/
/**/
/**/
section#treatments {
    background: #d0d0d0;
    padding:40px 0;
}

section#treatments h2 {
    color: #e00033;
    margin:0;
}

section#treatments .video-js {
    margin-top: 40px;
}



/**/
/**/
/**/


/* . CONTACT */

/**/
/**/
/**/
section#contact {
    background: #ffffff;
    padding: 80px 0 60px 0;
}

section#contact form {
	margin:20px auto;
}


section#contact form input,
section#contact form textarea,
section#contact form button {
	border-radius: 0;
	resize: none;
    outline: 0;
}

section#contact form button {

	display: block;
	width: 100%;

	color: rgba(255,255,255,1);

	font-family: 'libel_suitregular';
	font-weight: normal;
	text-transform: uppercase;
	font-size:30px;
    padding-top: 10px;
}

section#contact form button:hover {
	color: rgba(255,255,255,1);
	background: #003e62;
}

section#contact h2 {
    font-family: 'libel_suitregular', sans-serif;
    text-transform: uppercase;
    font-size:4vw;
    margin:0;
    color: #414042;
    text-align: center;
}



section#event {
    text-align: center;
    background: #2f567d;
    color: #ffffff;
    padding: 80px 0;
    position: relative;
}

section#event .item a {
	color: #fff;
	text-decoration: none;
	display: block;
}

section#event:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #2f567d;
    border-width: 30px;
    margin-left: -30px;
}

section#event h2 {
    margin: 0 0 60px 0;
    font-family: 'libel_suitregular', sans-serif;
    text-transform: uppercase;
    font-size: 3.8vw;
    color: rgba(255, 255, 255, .6);
}

section#event h2 span {
	color: rgba(255, 255, 255, 1);
}

section#event .item img {
    margin-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
}



/**/
/**/
/**/


/* . FOOTER */

/**/
/**/
/**/
section#footer {
	background: #e1e1e1;
	font-size:12px;
	padding:30px 0 20px 0;
    color: #414042;
}

section#value-propositions.strip {
    margin-bottom: 0;
}

section#features {
	background: #f0f0f0;
	padding: 65px 0;
	color: #646464;
}

#features .vjs-big-play-button,
#moreTestimonials .vjs-big-play-button{
    display: none !important;
}

#moreTestimonials {
    background: #fafbfd;
    padding: 60px 15px;
}

.video4 .col-md-9{
	padding-left: 0;
}


/* Animations */

.video4 {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
}

.video3 {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
}

#owl-footer {
	padding: 35px 0;
}

#owl-footer .owl-controls {
	margin: 0;
}

#owl-footer h2 {
	color: #004a75;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	margin-bottom: 35px;
}

section#emotionalVideo {
    width: 100%;
}

section#booklet {
    background: #e6e7e8;
    padding: 40px 0;
}


section#booklet a {
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    background: #2c2c2c;
    color: #ffffff;

    text-align: center;
    padding: 8px 0;
    font-weight: 700;
}

section#booklet .col-md-6:first-child span {
	-webkit-animation-duration: 2s;
  	-webkit-animation-iteration-count: infinite;
}

section#booklet a:focus,
section#booklet a:hover {
    background: #202020;
}

section#booklet div.col-md-6:last-child a {
    background: #db0000;
}

section#booklet div.col-md-6:last-child a:focus,
section#booklet div.col-md-6:last-child a:hover {
    background: #bf0000;
}

section#booklet span {
    position: absolute;
    margin-left: 30px;
    font-size: 25px;
    top: 5px;
}



#community-gallery img{
	max-width: 100%;
}

#community-gallery a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

#community-gallery a:hover > img {
  	-webkit-transform: scale3d(1.02, 1.02, 1.02);
  	transform: scale3d(1.02, 1.02, 1.02);
}