/* Avenir */



@font-face {

	font-family:'Avenir';

	src: url('../fonts/avenir/Avenir-Book.eot');

	src: url('../fonts/avenir/Avenir-Book.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/avenir/Avenir-Book.woff') format('woff'),

		 url('../fonts/avenir/Avenir-Book.ttf') format('truetype'),

		 url('../fonts/avenir/Avenir-Book.svg#Avenir-Book') format('svg');

	font-weight: 300;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-2212;

}

@font-face {

	font-family:'Avenir-Light';

	src: url('../fonts/avenir/Avenir-Light.eot');

	src: url('../fonts/avenir/Avenir-Light.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/avenir/Avenir-Light.woff') format('woff'),

		 url('../fonts/avenir/Avenir-Light.ttf') format('truetype'),

		 url('../fonts/avenir/Avenir-Light.svg#Avenir-Light') format('svg');

	font-weight: 100;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-2212;

}

@font-face {

	font-family:'Avenir-Medium';

	src: url('../fonts/avenir/Avenir-Medium.eot');

	src: url('../fonts/avenir/Avenir-Medium.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/avenir/Avenir-Medium.woff') format('woff'),

		 url('../fonts/avenir/Avenir-Medium.ttf') format('truetype'),

		 url('../fonts/avenir/Avenir-Medium.svg#Avenir-Medium') format('svg');

	font-weight: 400;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-2212;

}

@font-face {

	font-family:'Avenir-Heavy';

	src: url('../fonts/avenir/Avenir-Heavy.eot');

	src: url('../fonts/avenir/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/avenir/Avenir-Heavy.woff') format('woff'),

		 url('../fonts/avenir/Avenir-Heavy.ttf') format('truetype'),

		 url('../fonts/avenir/Avenir-Heavy.svg#Avenir-Heavy') format('svg');

	font-weight: 600;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-2212;

}

@font-face {

	font-family:'Avenir-Black';

	src: url('../fonts/avenir/Avenir-Black.eot');

	src: url('../fonts/avenir/Avenir-Black.eot?#iefix') format('embedded-opentype'),

		 url('../fonts/avenir/Avenir-Black.woff') format('woff'),

		 url('../fonts/avenir/Avenir-Black.ttf') format('truetype'),

		 url('../fonts/avenir/Avenir-Black.svg#Avenir-Black') format('svg');

	font-weight: 700;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-2212;

}



/* Entypo Icon Font */

@font-face {

  font-family: 'entypo-selected';

  src: url("../fonts/entypo/entypo-selected.eot");

  src: 

	  url("../fonts/entypo/entypo-selected.eot?#iefix") format('embedded-opentype'), 

	  url("../fonts/entypo/entypo-selected.woff") format('woff'), 

	  url("../fonts/entypo/entypo-selected.ttf") format('truetype'), 

	  url("../fonts/entypo/entypo-selected.svg#entypo-selected") format('svg');

  font-weight: normal;

  font-style: normal;

}



html { height: 100%; }



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	margin: 0;

	font-weight: normal;

}



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}



.clearfix:after {

    clear: both;

}



*,

*::after,

*::before {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	font-weight: normal;

}



body {

    font-family: 'Avenir', Arial, sans-serif;

    background: #fff;

    font-weight: normal;

    font-size: 16px;

    color: #333;

    -webkit-font-smoothing: antialiased;

    overflow-y: scroll;

    overflow-x: hidden;

}



a {

	text-decoration: none;

	color: #333;

	outline: none;

}



a:hover,

a:focus {

	color: #23abe2;

	text-decoration: none;

}



a, .logo, .logo img,

.btn, #menu-button, #close-button,

.menu-button::before,

.close-button::before,

.close-button::after,

#menu-nav a {

  -webkit-transition: all 0.4s ease;

     -moz-transition: all 0.4s ease;

       -o-transition: all 0.4s ease;

      -ms-transition: all 0.4s ease;

          transition: all 0.4s ease;

}



*:focus {

	outline: none;

}



.text-left { text-align: left; }

.text-center { text-align: center !important; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.space5 { width: 100%; height: 0.75em; }

.space10 { width: 100%; height: 1em; }

.space20 { width: 100%; height: 3em; }

.space30 { width: 100%; height: 6em; }

.space40 { width: 100%; height: 8em; }

.margin-top-5 { margin-top: 6px !important;}

.middle { display: table-cell; vertical-align: middle; float: none; }

.relative { position: relative; }

.fixed { position: fixed; }

.absolute { position: absolute; }

.img-responsive { width: 100%; max-width: none; }

.clearfix { clear: both; }

.no-border { border: none !important; }

.uppercase { text-transform: uppercase !important; }

.non-uppercase { text-transform: none !important; }

.text-red { color: #d0112b !important; }

.mobileonly { display: none }

.hidden {

	position: absolute;

	overflow: hidden;

	width: 0;

	height: 0;

	pointer-events: none;

}



.container {

	width: 80%;

	max-width: 90em;

	margin: 0 auto;

}



section {

	background: #fff;

	color: #333;

	height: auto;

}



.btn {

	font-family: 'Avenir-Black';

	font-size: 0.75em;

	text-transform: uppercase;

	background: transparent;

	position: relative;

	margin: 0;

	padding: 0.75em 1.5em;

	border-radius: 2em;

	border: 1px solid #fff;

	color: #fff;

	cursor: pointer;

}



.btn.filled {

	background: #23abe2;

	border-color: #23abe2;

}



.btn:focus {

	outline: none;

}



.btn:hover {

	color: #fff;

	background: #333;

	border-color: #333;

}



h1, h2, h3, h4 {

	font-weight: normal;

}



h1 {

	font-size: 2.75em;

}



h2 {

	font-size: 1.5em;

}



/* Preloader */

#preloader {

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    background: #fff url(../img/loader.gif) center no-repeat;

    background-size: 12em;

    z-index: 9999;

}



/* Header Style */



header {

	position: fixed;

	top: 0;

	left: 0;

	background-color: transparent;

	height: auto;

	width: 100%;

	z-index: 105;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



header img {

	max-width: 10em;

}



header .logo {

	margin: 2em 5em;

}



.menu-button {

	position: fixed;

	z-index: 105;

    top: 1.75em;

    right: 2em;

	margin: 0;

	padding: 0;

	width: 2.5em;

	height: 2.25em;

	border: none;

	text-indent: 2.5em;

	font-size: 1.5em;

	color: transparent;

	background: transparent;

}



.menu-button::before {

	position: absolute;

	top: 0.5em;

	right: 0.5em;

	bottom: 0.5em;

	left: 0.5em;

	background: linear-gradient(#fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%);

	content: '';

}



.menu-button:hover::before {

	/*opacity: 0.6;*/

	background: linear-gradient(#23abe2 20%, transparent 20%, transparent 40%, #23abe2 40%, #23abe2 60%, transparent 60%, transparent 80%, #23abe2 80%);

}



.close-button {

	z-index: 1;

	width: 1.5em;

	height: 1.5em;

	position: absolute;

	right: 2em;

	top: 1.75em;

	overflow: hidden;

	text-indent: 1em;

	font-size: 1.5em;

	border: none;

	background: transparent;

	color: transparent;

}



.close-button::before,

.close-button::after {

	content: '';

	position: absolute;

	width: 0.2em;

	height: 100%;

	top: 0;

	left: 50%;

	background: #bdc3c7;

}



.close-button::before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



.close-button::after {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



.close-button:hover::before,

.close-button:hover::after { background: #23abe2 }



nav#main-nav {

	position: fixed;

	top: 0;

	right: 0;

	z-index: 106;

	width: 18em;

	height: 100%;

	background: #333;

	padding: 0;

	font-size: 1.15em;

	display: table;

	-webkit-transform: translate3d(40.5em,0,0);

	transform: translate3d(40.5em,0,0);

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}



nav#main-nav ul {

	-webkit-transform: translate3d(0,100%,0);

	transform: translate3d(0,100%,0);

	width: 100%;

	height: auto;

	display: table-cell;

	vertical-align: middle;

}



nav#main-nav ul li {

	list-style: none;

	margin: 0;

	padding: 0;

	display: inline-block;

	height: auto;

	width: 100%;

}



nav#main-nav ul li a {

	font-family: "Avenir-Black";

	text-transform: uppercase;

	color: #fff;

	display: block;

	width: 100%;

	font-size: 3vh;

	line-height: 10vh;

	padding: 0 5vw;

	-webkit-transform: translate3d(0,100px,0);

	transform: translate3d(0,100px,0);

}



nav#main-nav ul li.active a, 

nav#main-nav ul li a:hover { color: #23abe2; }



nav#main-nav ul,

nav#main-nav ul li a {

	-webkit-transition: -webkit-transform 0s 0.4s;

	transition: transform 0s 0.4s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}



nav#main-nav ul li:nth-child(2) a {

	-webkit-transform: translate3d(0,200px,0);

	transform: translate3d(0,200px,0);

}



nav#main-nav ul li:nth-child(3) a {

	-webkit-transform: translate3d(0,300px,0);

	transform: translate3d(0,300px,0);

}



nav#main-nav ul li:nth-child(4) a {

	-webkit-transform: translate3d(0,400px,0);

	transform: translate3d(0,400px,0);

}



nav#main-nav ul li:nth-child(5) a {

	-webkit-transform: translate3d(0,500px,0);

	transform: translate3d(0,500px,0);

}



.content {

	width: 100%;

	overflow-x: hidden;

	overflow-y: scroll;

	-webkit-overflow-scrolling: touch;

	position: relative;

	background: #fff;

}



.content::before {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.3);

	content: '';

	opacity: 0;

	-webkit-transform: translate3d(100%,0,0);

	transform: translate3d(100%,0,0);

	-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;

	transition: opacity 0.4s, transform 0s 0.4s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}



/* Shown menu */

.show-menu nav#main-nav {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform 0.8s;

	transition: transform 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}



.show-menu nav#main-nav ul,

.show-menu nav#main-nav ul li a {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform 0.8s;

	transition: transform 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

}



.show-menu nav#main-nav ul li a {

	-webkit-transition-duration: 0.9s;

	transition-duration: 0.9s;

}



.show-menu .content::before {

	opacity: 1;

	-webkit-transition: opacity 0.8s;

	transition: opacity 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



/* page scroll */

header.scroll { background: #333 }

header.scroll .logo { margin: 1em 5em; }

header.scroll .logo img { max-width: 8em }

header.scroll #menu-button { top: 0.75em; }/*1.125em*/

#main-nav.scroll #close-button { top: 1.125em; }



/* video */

.no-video .video-container video,

.touch .video-container video {

	display: none;

}

.no-video .video-container .poster,

.touch .video-container .poster {

	display: block !important;

}

.video-container,

.image-container {

	position: relative;

	top: 0%;

	left: 0%;

	height: 76vh;

	min-height: 280px;

	width: 100%;

	overflow: hidden;

	background: transparent;

}

.video-container .poster img {

	width: 100%;

	bottom: 0;

	position: absolute;

}

.video-container .filter,

.image-container .filter {

	z-index: 1;

	position: absolute;

	/*background: rgba(0, 0, 0, 0.15);*/

	width: 100%;

	height: 100%;



    background-color: rgba(0, 0, 0, 0.15);

    /* IE9, iOS 3.2+ */

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwLjcxMDY3ODExODY1NDc2JSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);

    /* Android 2.3- hack (needed for the actual radial gradient) */

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwLjcxMDY3ODExODY1NDc2JSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+),

        -webkit-gradient(radial, center center, 0, center center, 362,color-stop(0, rgba(0, 0, 0, 0)),color-stop(1, rgba(0, 0, 0, 0.3)));

    /* Android 2.3 */

    background-image: -webkit-radial-gradient(center center, ellipse farthest-corner,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.3) 100%);

    /* IE10+ */

    background-image: radial-gradient(ellipse farthest-corner at center center,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.3) 100%);

    background-image: -ms-radial-gradient(center center, ellipse farthest-corner,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.3) 100%);

}

 

/* IE8- CSS hack */

@media \0screen\,screen\9 {

    .video-container .filter,

	.image-container .filter  {

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#4d000000",GradientType=0);

    }

}



.video-container .caption-container,

.image-container .caption-container {

	z-index: 2;

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	display: table;

	text-align: center;

	color: #fff;

}

.video-container .caption-container .video-caption,

.image-container .caption-container .image-caption {

	display: table-cell;

	vertical-align: middle;

}

.video-container .caption-container .video-caption .caption-text {

	width: 40em;

    margin: 0 auto;

}

.video-container .caption-container .video-caption h1,

.image-container .caption-container .image-caption h1,

#section-inside .image-container .caption-container .image-caption h1 {

	font-family: 'Avenir-Black';

	font-size: 3.5em;

	font-weight: normal;

	position: relative;

	line-height: normal;

	text-transform: uppercase;

	padding: 0;

	margin: 0;

	text-align: center;

}

.video-container .caption-container .video-caption h3,

.image-container .caption-container .image-caption h3 {

	font-family: 'Avenir-Black';

	font-size: 1.5em;

	font-weight: normal;

}

.video-container .caption-container .video-caption .btn {

	display: inline-block;

	margin: 1.25em 1em 0;

	width: 14em;

}

.video-container video,

.video-container img,

.image-container img {

  position: absolute;

  z-index: 0;

  top: 0;

}

.video-container video.fillWidth {

  width: 100% !important;

  margin-left: 0 !important;

}

video.scale2{

  -moz-transform:scale(1.2);

  -webkit-transform:scale(1.2);

  -o-transform:scale(1.2);

  -ms-transform:scale(1.2);

  transform:scale(1.2);

}

.video-container video.fillWidth {

  width: 100% !important;

  margin-left: 0 !important;

}



/* logo carousel */

#section-logos { padding: 1em 0 2em }



/* sections */

#section-home-video .video-container {background: #eee url(../vid/home.jpg) no-repeat center; background-size: cover; }

#section-home-products { padding: 4em 0 0; }

#section-home-products div.col-xs-12 { margin-bottom: 2em; position: relative; overflow: hidden; }



#section-home-products div.col-xs-12 a {

	background: #3fa9f5;

	display: block;

	color: #fff;

}

#section-home-products div.col-xs-12 .mask {

	position: absolute;

	text-align: center;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	width: -moz-calc(100% - 30px);

	width: -webkit-calc(100% - 30px);

	width: -o-calc(100% - 30px);

	width: calc(100% - 30px);

	margin: 0 15px;

	opacity: 0;

	overflow: visible;

	background: transparent;/*rgba(35,171,226,0.7);*/

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

#section-home-products div.col-xs-12 a:hover {

	background: #333;

}

#section-home-products div.col-xs-12 .info {

	display: table;

	padding: 0;/*0 20%;*/

	width: 100%;

	height: 100%;

	color: #fff;

	font-family: "Avenir-Black";

	text-transform: uppercase;

	line-height: 1.5;

	font-size: 1.25em;

	position:relative;

	opacity: 0;

	-webkit-transition: opacity 0.5s 0s ease-in-out;

	-moz-transition: opacity 0.5s 0s ease-in-out;

	-o-transition: opacity 0.5s 0s ease-in-out;

	-ms-transition: opacity 0.5s 0s ease-in-out;

	transition: opacity 0.5s 0s ease-in-out;

}

#section-home-products div.col-xs-12 .info div {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

#section-home-products div.col-xs-12 .info div dd {

	margin-top: 2em;

	font-size: 0.625em;

	display: inline-block;

}

#section-home-products div.col-xs-12:hover .mask {

   opacity: 1;

}

#section-home-products div.col-xs-12:hover a.info {

	opacity:1;

	-moz-transition-delay: 0.3s;

	-webkit-transition-delay: 0.3s;

	-o-transition-delay: 0.3s;

	-ms-transition-delay: 0.3s;

	transition-delay: 0.3s;

}



#section-home-products div.col-xs-12 .mask {

	position: relative;

	opacity: 1;

	width: 100%;

	height: auto;

	margin: 0;

}

#section-home-products div.col-xs-12 .mask .info {

	opacity: 1;

	font-size: 1em;

	padding: 5%;

	height: auto;

}

#section-home-products div.col-xs-12 .info div br, #section-home-products div.col-xs-12 .info div dd {

	display: none;

}



/* inside */

#section-inside, .image-container {

	min-height: 280px;

	height: 60vh;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

#section-inside.about {

	background-image: url(../img/assets/header-about.jpg);

}

#section-inside.products {

	background-image: url(../img/assets/header-products.jpg);

}

#section-inside.aerolase {

	background-image: url(../img/assets/header-aerolase.jpg);

}

#section-inside.vivace {

	background-image: url(../img/assets/header-vivace.jpg);

}

#section-inside.synergy {

	background-image: url(../img/assets/header-synergy.jpg);

}

#section-inside.hydromagic {

	background-image: url(../img/assets/header-hydromagic.jpg);

}

#section-inside.dermacel {

	background-image: url(../img/assets/header-dermacel.jpg);

}

#section-inside.cosmetics {

	background-image: url(../img/assets/header-cosmetics.jpg);

}

#section-inside.contact {

	background-image: url(../img/assets/header-contact.jpg);

}

#section-inside-content {

	padding: 4em 0;

}

#section-inside-content img {

	max-width: 100%;

}

#section-inside-content p {

	font-size: 1.1250em;

	line-height: 1.5;

	font-family: "Avenir-Book";

	color: #333;

	text-align: justify;

	padding: 0.5em 0;

}

#section-inside-content h2 {

	width: 65%;

	margin: 0.5em auto ;

	line-height: 1.5;

}

#section-inside-content h3 {

	font-family: "Avenir-Black";

	font-weight: normal;

	font-size: 1.5em;

	color: #333;

	text-transform: uppercase;

	margin: 1em 0;

}

#section-inside-content h4 {

	font-size: 1.5em;

	color: #3fa9f5

}

#section-inside-content b, #section-inside-content strong {

	font-weight: normal;

	font-family: "Avenir-Black";

	color: #23abe2;

}

#section-inside-content b.black, #section-inside-content strong.black {

	color: #333 !important;

}

#section-inside-content ul {

	list-style: disc;

	color: #23abe2;

	margin-left: 2em

}

#section-inside-content ul li,

#section-inside-content ul li p {

	padding: 0 0 0 0.25em;

	margin: 0;

	font-family: "Avenir-Book";

	font-size: 1.1250em;

	line-height: 1.5;

	color: #333;

	text-align: left;

}

#section-inside-content ul li {

	color: #23abe2;

}

#section-inside-content ul li p a {

	color: #333;

}

#section-inside-content ul li p a:hover {

	color: #23abe2;

}

#aerolase-awards {

	position: absolute;

    top: 46vh;

    left: 50%;

    margin-left: -145.5px;

}



/* content video */



.content-video {

    width: 60%;

    position: relative;

    margin: 0 auto -5px;

}

.content-video img {

    width: 100%;

}

.video-play-button {

    display: block;

    color: #fff;

    width: 7em;

    height: 7em;

    border-radius: 50%;

    background-color: rgba(51, 51, 51, 0.9);

    left: 50%;

    top: 50%;

    margin: -3.5em 0 0 -3.5em;  

    position: absolute;

    cursor: pointer;

    -webkit-transition: background-color 0.4s ease-in-out;

    -moz-transition: background-color 0.4s ease-in-out;

    -o-transition: background-color 0.4s ease-in-out;

    -ms-transition: background-color 0.4s ease-in-out;

}

.video-play-button:hover {

    background-color: rgba(35, 171, 226, 0.9);

}

.video-play-button:after {

    content: "";

    display: block;

    position: absolute;

    top: 2.5em;

    left: 2.75em;

    margin: 0 auto;

    border-style: solid;

    border-width: 1.25em 0 1.25em 2em;

    border-color: transparent transparent transparent rgba(255, 255, 255, 1);

}



#myvideo, #myvideo iframe {

    width: 100%;

    height: 100%;

    min-height: 200px;

    max-height: 100vh;

}



/* tabs */



#section-inside-content .inside-content-tabs .nav-tabs {

	margin: 0;

	padding: 0;

	border: none;

	width: 100%;

}

.inside-content-tabs .nav-tabs li {

	margin: 0 !important;

	padding: 0 !important;

}

.inside-content-tabs .nav-tabs li a {

	border: none;

    border-radius: 0;

    background: #333;

    color: #fff;

    text-transform: uppercase;

    font-family: "Avenir-Black";

	text-align: center;

	padding: 1em;

	margin: 0;

}

.inside-content-tabs .nav-tabs li.active a {

	background: #fafafa;

	color: #333;

	border: none;

}

.inside-content-tabs .nav-tabs li a:hover  {

	background: #3fa9f5;

	color: #fff;

	border: none;

}

.inside-content-tabs .tab-content {

	margin: 0 !important;

	padding: 2em 3em;

	background: #fafafa;

}

.inside-content-tabs .tab-content h1 {

	text-transform: uppercase;

	color: #3fa9f5;

	font-family: "Avenir-Black";

	font-size: 2.25em;

	margin-bottom: 0.5em

}

.btn-download {

	text-transform: uppercase;

	font-family: "Avenir-Black";

	font-size: 1.25em;

	color: #3fa9f5;

	margin-top: 1em;

    display: block;

}

.inside-content-tabs .tab-content a.btn-download {

	text-transform: uppercase;

	font-family: "Avenir-Black";

	color: #3fa9f5;

	margin-top: 1em;

    display: block;

	/*margin-left: 1.6em;*/

}

.inside-content-tabs .tab-content a:hover {

	color: #333

}



#section-inside-content .tab-content ul {

	margin-left: 1.25em

}



#section-inside-content .tab-content ul li { 

	margin: 0.5em 0;

	padding: 0;

}



#section-inside-content .tab-content ul li p {

	line-height: 1;

}



.img-inside-content-tab {

	width: 90%;

	margin: 0 5em 0 0;

	max-width: 30em;

}



/* 2 col */

.inside-content-tabs.two-tabs .nav-tabs li {

	width: 50%;

}



/* 2 col */

.inside-content-tabs.three-tabs .nav-tabs li {

	width: 33.33333333%;

}



#section-inside-content ul.icon-list {

	list-style: none;

	margin: 0

}



#section-inside-content ul.icon-list li {

	display: table;

	clear: both;

	margin: 0 0 2em 0 !important;

}



#section-inside-content ul.icon-list li img {

	display: table-cell;

	width: 8%;

	max-width: 5em;

	margin-right: 2%;

	float: left;

	vertical-align: middle;

}



#section-inside-content ul.icon-list li p {

	display: table-cell;

	vertical-align: top;

	width: 90%;

	float: right;

	text-align: justify;

}

.img-vivace-main {

	margin-top: 0;

}



/* carousel */

.carousel-overlay {

    position: absolute;

    z-index: 1;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    background: rgba(0,0,0,0.3);

    opacity: 1;

}



.carousel-control .glyphicon-arrow-left, .carousel-control .glyphicon-arrow-right {

    position: absolute;

    top: 50%;

    left: 30%;

    z-index: 5;

    display: inline-block;

}



.carousel-control {

    width: 6%;

}



.carousel-inner > .item {

    -webkit-transition-duration: 0.4s;

    -moz-transition-duration: 0.4s;

    -ms-transition-duration: 0.4s;

    -o-transition-duration: 0.4s;

    transition-duration: 0.4s;

}

.carousel-inner > .item > img { max-width: none; width: 100% }



.carousel-indicators { display: none; }



.carousel-fade .carousel-inner .item {

  opacity: 0.5;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

  -webkit-transition-duration: 0.6s;

  -moz-transition-duration: 0.6s;

  -o-transition-duration: 0.6s;

  transition-duration: 0.6s;

}



.carousel-fade .carousel-inner .active {

  opacity: 1;

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}



.carousel-fade .carousel-control {

  z-index: 2;

}



@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next,

    .carousel-fade .carousel-inner > .item.active.right {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.prev,

    .carousel-fade .carousel-inner > .item.active.left {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .item.next.left,

    .carousel-fade .carousel-inner > .item.prev.right,

    .carousel-fade .carousel-inner > .item.active {

      opacity: 1;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

}



.carousel { height: 100% }

.carousel-fade .carousel-inner .item { height: 76vh }



/* contact */



h1.contact-h1 {

	font-family: "Avenir-Black";

	text-transform: uppercase;

	font-size: 2em;

	color: #3fa9f5

}



/* CONTACT FORM */



#contact-form { 

  font-size: 1.125em;

  z-index: 1; 

  position: relative;

  width: 100%;

  height: auto;/*100vh*/

  /*min-height: 35em;

  max-height: 35em;*/

  background: #fff;

  padding: 2em 0;

  color: #999;

  border-top: 1px solid #f0f0f0;

}

#upload { padding-top: 1.5em; text-align: left; }

#uploadStatus { margin-top: 1em}

.fs-form {

  width: 100%;

  margin: 0 auto;

}



.fs-form-wrap input:focus,

.fs-form-wrap button:focus {

  outline: none;

}

.fs-fields {

  position: relative;

  margin: 0 auto;

  padding: 0;

  top: 0;

  list-style: none;

}



.fs-fields > li {

  position: relative;

  z-index: 1;

  margin: 0;

  padding: 0;

  border: none;

}



.fs-fields > li:hover {

  z-index: 999;

}



.fs-fields > li.error {

  background: #F9DCDC;

}



.fs-form-overview .fs-fields > li,

.no-js .fs-form .fs-fields > li {

  width: 100%;

  margin: 1em 0 1em;

  padding: 0 0 2em 0;

  border-bottom: 2px solid rgba(0,0,0,0.1);

}

.fs-fields input {

  display: block;

  margin: 1em 0;

  padding: 0.25em 0 1.25em;

  width: 100%;

  border: none;

  border-bottom: 2px solid rgba(0,0,0,0.2);

  background-color: transparent;

  color: #333; /*rgba(0,0,0,0.8);*/

  text-overflow: ellipsis;

  font-weight: normal;

  font-size: 1.25em;

  border-radius: 0;

  font-family: "Avenir-Book";

}



.fs-field-label, #uploadStatus {

  font-weight: 400;

  font-size: 1.5em;

  font-family: "Avenir-Book";

}



.fs-fields input[type=file], #uploadStatus {

  font-size: 1em;

}



.fs-fields input[type=radio] {

  display: inline-block;

  margin-right: 0.2em;

  vertical-align: middle;

  width: auto;

  line-height: 2em;

}



.fs-fields .fs-radio-group span { line-height: 1.25em }



.fs-fields input:invalid {

  box-shadow: none; /* removes red shadow in FF*/

}



.fs-form-overview .fs-fields input {

  border-bottom-color: transparent;

  color: rgba(0,0,0,0.5);

}



.fs-fields [required] {

  background-image: url(../img/icns/abacusstar.svg);

  background-position: top right;

  background-size: 18px;

  background-repeat: no-repeat;

}



.fs-fields input:focus {

  /*background-color: #fafafa; *//* Fixes chrome bug with placeholder */

}



.fs-form-overview .fs-fields input:focus {

  /*background-color: #fff;*/ /* Fixes chrome bug with placeholder */

}



.fs-form-overview .fs-fields input {

  font-size: 1.2em;

}



.fs-fields .fs-radio-custom input[type="radio"] {

  position: absolute;

  display: block;

  margin: 30px auto 20px;

  margin: 0 auto 20px;

  width: 100%;

  height: 100%;

  opacity: 0;

  cursor: pointer;

}



.fs-fields > li .fs-radio-custom span {

  float: left;

  position: relative;

  margin-right: 3%;

  padding: 10px;

  max-width: 200px;

  width: 30%;

  text-align: center;

  font-weight: 700;

  font-size: 50%;

  font-family: "Avenir-Book";

}



.fs-fields > li .fs-radio-custom span label {

  color: rgba(0,0,0,0.4);

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}



.fs-fields .fs-radio-custom label:hover::after,

.fs-fields input[type="radio"]:focus + label::after,

.fs-fields input[type="radio"]:checked + label::after {

  opacity: 1;

}



.fs-fields .fs-radio-custom input[type="radio"]:checked + label {

  color: #fff;

}



.fs-form-overview .fs-fields .fs-radio-custom input[type="radio"]:checked + label {

  color: rgba(0,0,0,0.8);

}



.fs-fields textarea {

  width: 100%;

  background-color: transparent;

  color: rgba(0,0,0,0.8);

  font-weight: normal;

  font-size: 1.25em;

  resize: none;

  height: 5em;

  display: block;

  margin: 0;

  padding: 0.25em 0 1.25em;

  width: 100%;

  border: none;

  border-bottom: 2px solid rgba(0,0,0,0.2);

  font-family: "Avenir-Book";

}



.fs-fields textarea:focus {

  outline: none;

}



.fs-form-overview .fs-fields textarea:focus {

  background: #fff;

}

.fs-form-wrap button.btn-default,

.btn-default {

  display: inline-block;

  width: auto;

  color: #fff;

  background-color: #7a232e;

  border: 0;

  text-shadow: none;

  text-transform: uppercase;

  padding: 0.75em 2em;

  font-weight: 400;

  font-size: 1.25em;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  transition: all 0.35s;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

}

.fs-form-wrap button.btn-default:hover,

.btn-default:hover { background-color: #d0112b }



.cs-placeholder { display: block; width: 100%; color: #666; }



/* Remove IE clear cross */

input[type=text]::-ms-clear {

    display: none;

}



#btnSubmitForm { 

	background-color: #3fa9f5;

	border-color: #fff; 

	padding: 0.75em 2.5em;

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

}



#btnSubmitForm:hover { 

	background: #333;

	border-color: #333

}



.fs-form .fs-submit,

.no-js .fs-form .fs-submit  {

  display: block;

  float: right;

  font-size: 0.875em;

  border-color: #666;

  background: #fff;

  color: #666;

  text-transform: uppercase;

}



button.fs-submit:hover,

button.fs-submit:focus {

  background: #5458d8;

  border-color: #5458d8;

  color: #fff;

}

button.fs-submit:disabled,

button.fs-submit:hover:disabled {

  border-color: #aaa;

  color: #aaa;

  background: #fff;

  cursor: default;

}



.fs-form * { outline: none !important;}



/* Error message */

.fs-message-error {

  position: absolute;

  bottom: 75%;

  left: 50%;

  z-index: 800;

  max-width: 960px;

  width: 70%;

  color: #eb7e7f;

  font-weight: 700;

  font-size: 1em;

  opacity: 0;

  -webkit-transform: translate3d(-50%,-5px,0);

  transform: translate3d(-50%,-5px,0);

}



.fs-message-error.fs-show {

  opacity: 1;

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  -webkit-transform: translate3d(-50%,0,0);

  transform: translate3d(-50%,0,0);

}





@media screen and (max-width: 52.5em) {

  button.fs-submit {

    width: 100%;

    font-size: 1.25em;

  }

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #666;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #666;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #666;

}

:-moz-placeholder { /* Firefox 18- */

  color: #666;

}



/* footer */



#cta { 

	background: #3fa9f5;

	padding: 4em 2em;

	text-align: center;

	color: #fff;

	width: 100%;

	height: auto;

	clear: both;

}



#cta p {

	font-size: 1.5em;

	width: 80%;

	max-width: 25em;

	margin: 0 auto 1em;

}



footer {

	text-align: center; 

	font-size: 1em;

	padding: 1em 0 0.75em;

	width: 100%;

	background: #333;

	color: #fff;

}



footer img {

    width: auto;

    height: 2.5em;

}



footer p { font-size: 0.688em; margin: 0.5em 0 0; }