/*

	Theme Name: Smart Fiber
	Technical specialist: MopuC (SeaInside) | https://fl.ru/users/MopuC/
	Date: 17.07.2018
	Version: 1.0
	
*/

/* FIRST+ */

/*---------------- Fonts ----------------*/
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Regular.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Regular.woff') format('woff'),
         url('../fonts/Muller/Muller-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Regular-Italic.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Regular-Italic.woff') format('woff'),
         url('../fonts/Muller/Muller-Regular-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Hairline.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Hairline.woff') format('woff'),
         url('../fonts/Muller/Muller-Hairline.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Hairline-Italic.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Hairline-Italic.woff') format('woff'),
         url('../fonts/Muller/Muller-Hairline-Italic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Thin.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Thin.woff') format('woff'),
         url('../fonts/Muller/Muller-Thin.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Thin-Italic.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Thin-Italic.woff') format('woff'),
         url('../fonts/Muller/Muller-Thin-Italic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Light.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Light.woff') format('woff'),
         url('../fonts/Muller/Muller-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Light-Italic.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Light-Italic.woff') format('woff'),
         url('../fonts/Muller/Muller-Light-Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Medium.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Medium.woff') format('woff'),
         url('../fonts/Muller/Muller-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Medium-Italic.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Medium-Italic.woff') format('woff'),
         url('../fonts/Muller/Muller-Medium-Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Bold.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Bold.woff') format('woff'),
         url('../fonts/Muller/Muller-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Bold-Italic.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Bold-Italic.woff') format('woff'),
         url('../fonts/Muller/Muller-Bold-Italic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-ExtraBold.woff2') format('woff2'),
         url('../fonts/Muller/Muller-ExtraBold.woff') format('woff'),
         url('../fonts/Muller/Muller-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-ExtraBold-Italic.woff2') format('woff2'),
         url('../fonts/Muller/Muller-ExtraBold-Italic.woff') format('woff'),
         url('../fonts/Muller/Muller-ExtraBold-Italic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Black.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Black.woff') format('woff'),
         url('../fonts/Muller/Muller-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
    font-family: 'Muller';
    src: url('../fonts/Muller/Muller-Black-Italic.woff2') format('woff2'),
         url('../fonts/Muller/Muller-Black-Italic.woff') format('woff'),
         url('../fonts/Muller/Muller-Black-Italic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}





/* FIRST- */

/*---------------- Animation ----------------*/

	/* Button shadow */
	@keyframes si-button-pulse {from { box-shadow: 0 0 8px 6px #fff, 0 0 12px 14px #fff;}to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0), 0 0 40px 40px rgba(255, 48, 26, 0);}}
	
		.pulse-button:hover{box-shadow:none;animation:si-button-pulse 1s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;}
		
	/* Shake */
	@keyframes shake {0%, 100% {transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {transform: translate3d(10px, 0, 0);}}
		
		.si-error{animation:shake 1 linear 0.8s;}
		
	/* Buzz out */
	@keyframes buzz-out{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}100%{transform:translateX(-1px) rotate(0)}}
		
		.buzz-out{animation:buzz-out 1 linear 1.0s;}
		
	/* Rotate */
	@keyframes si-rotate {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
		
		.si-rotate{animation:si-rotate infinite linear 1.8s;}

/* FIRST+ */	
/*---------------- Reset ----------------*/

html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
button,img{border:0;vertical-align:middle}
ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%;}
input,textarea,select {font-style:normal;font-weight:normal;}
*:focus{outline:none}
header,footer,nav,section,article,aside{display:block}
iframe{border:0}

.svg-icon{display:inline-block;vertical-align:top;position:relative;transition:all 0.2s ease-out 0s;}
	.zoom-icon{position:absolute;top:40%;left:40%;width:20%;height:20%;fill:#fff745;opacity:0;transform:scale(5);transition:all 0.3s ease-out 0s;}
		.show-zoom:hover .zoom-icon, .show-zoom:active .zoom-icon, .show-zoom.active .zoom-icon{transform:scale(1);opacity:1;}
	.play-icon{position:absolute;top:42%;left:42%;width:16%;height:16%;fill:#fb5851;}
		.show-zoom:hover .play-icon, .show-zoom.active .play-icon{fill:#ff6c66;transform:scale(1.1);}
		.show-zoom:active .play-icon{fill:#de332c;transform:scale(1.05);}

/* FIRST- */

.input::-webkit-placeholder{color:#353741;}
.input::placeholder{color:#353741;}

	.si-error .input::-webkit-placeholder, .input.si-error::-webkit-placeholder{color:#cb0707;}
	.si-error .input::placeholder, .input.si-error::placeholder{color:#cb0707;}
	

label{cursor:pointer}

/* === Inputs === */
.input-wrapper{position:relative;display:inline-block;vertical-align:top;}
.input{position:relative;border:2px solid #aaa;width:100%;padding:20px 20px 20px 55px;font:18px/18px Muller;border-radius:5px;box-sizing:border-box;transition:all 0.2s ease-out 0s;}
	.input:hover{border-color:#39857e;}
	.input:focus{border-color:#39857e;box-shadow:0 0 10px #fff745;}
	.input.si-error, .si-error .input{color:#cb0707 !important;border-color:#cb0707 !important;}
	textarea{resize:none;overflow:hidden;}
	
	select.input{padding-left:18px;}
	
	.form-icon{position:absolute !important;left:20px;top:21px;width:18px;height:18px;fill:#aaa;pointer-events:none;}
		.input-wrapper:hover .form-icon{fill:#39857e;}
		.input:focus + .form-icon{fill:#39857e;}
		.si-error .form-icon{fill:#cb0707 !important;}
	
	/* Spam check field */
	input[name="name"] {display:none !important;}
	
.submit-wrapper{position:relative;display:inline-block;vertical-align:top;}
.submit{-webkit-appearance:none;cursor:pointer;border:0;position:relative;width:100%;text-align:center;padding-left:20px !important;padding-right:20px !important;transition:all 0.2s ease-out 0s;box-sizing:border-box;}
.submit:hover{}
.submit:active{top:1px;}
.submit.disabled{cursor:default;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);}


/* FIRST+ */
/*---------------- Styles ----------------*/

html,body{overflow-x:hidden}
html{background:#f5f5f5;color:#222;font:18px/30px Muller}
body{-webkit-text-size-adjust:100%;}
#global-wrapper{overflow:hidden;position:relative;width:100%;width:100vw !important;}

h1{}
h2{font:700 42px/60px Muller;color:#39857e;padding:30px 0;}
h3{color:#39857e;font:600 20px/30px Muller;padding:0 0 5px;}
h4{}
h5{}
h6{}

p{padding:10px 0}



a{position:relative;color:inherit;text-decoration:none;transition:all 0.2s ease-out 0s;}
a:hover{}
a:active{top:1px;}
	
	.button{position:relative;display:inline-block;border-radius:5px;background:#fff745;font:600 18px/24px Muller;padding:19px 50px;box-shadow:0 2px 0 #e1d922;}
	.button:hover{color:#fff;background:#39857e;box-shadow:0 2px 0 #206962;}
	.button:active{color:#fff;background:#206962;box-shadow:0 1px 0 #12554f;}
		
		.button.small{padding:12px 60px;font:600 16px/24px Muller;margin:0 0 10px;}
		
		.button.white{background:#fff;color:#222;box-shadow:0 2px 0 #ccc;}
		.button.white:hover{background:#fff745;color:#222;box-shadow:0 2px 0 #e1d922;}
		.button.white:active{background:#d8d018;color:#222;box-shadow:0 1px 0 #a19a00;}
		
		.button.wide{padding:20px 100px;}
		.button-description{opacity:.7;padding:10px 0;}
			.button-description strong{font-size:larger;}
		
.clear{clear:both;display:block;}
.centered{max-width:1040px;margin:0 auto;position:relative;padding-left:20px !important;padding-right:20px !important;box-sizing:border-box;}

.si-clear{}
	.si-clear:after{display:block;content:'';clear:both;}

.si-justify{display:flex;flex-flow:row wrap;justify-content:space-between;}
	
.text-align-center{text-align:center;}
.text-align-justify{}

.color-white{color:#fff;}
.color-green{color:#39857e;}
.color-yellow{color:#fff745;}

#top{height:50px;position:fixed;top:0;left:0;width:100%;width:100vw;background:#39857e;color:#fff;z-index:99;transition:box-shadow 0.3s ease-out 0s;}
#top.fixed{position:fixed;top:0 !important;box-shadow:0 3px 6px rgba(0,0,0,.4);}
	.top-nav{}
		.top-nav li{}
			.top-nav li a{display:block;font:16px/50px Muller;padding:0 15px;}
			.top-nav li a:hover{color:#fff745;}
			.top-nav li a:active{color:#dcd41b;}
			.top-nav li a.active{color:#fff745;}
				.top-nav li a:after{display:block;content:'';position:absolute;right:-2px;top:15px;bottom:15px;border-left:1px dashed #fff;}
			.top-nav li:first-child a{padding-left:0;}
			.top-nav li:last-child a{padding-right:0;}
				.top-nav li:last-child a:after{display:none;}
	
	.sandwich-link{display:none;padding:12px;cursor:pointer;position:relative;background:#39857e;border-radius:5px;width:20px;height:20px;position:fixed;right:10px;top:10px;z-index:101;}
	.sandwich-link:active{top:11px;}
		.sandwich-link span{display:block;top:50%;margin-top:-2px}
		.sandwich-link span,.sandwich-link span:before,.sandwich-link span:after{content:"";display:block;width:20px;height:3px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform, background;transition-duration:.2s;transition-timing-function:ease}
			.sandwich-link span:before{top:-7px}
			.sandwich-link span:after{bottom:-7px}
		.sandwich-link span{transition-duration:.1s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
		.sandwich-link span:before{transition:top .1s .14s ease,opacity .1s ease;}
		.sandwich-link span:after{transition:bottom .1s .14s ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19);}
	.sandwich-link:hover{opacity:.7;}
		.sandwich-link:hover span,.sandwich-link:hover span:before,.sandwich-link:hover span:after{}
	.sandwich-link:active{}
		.sandwich-link.active span{transform:rotate(45deg);transition-delay:.14s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
		.sandwich-link.active span:before{top:0;opacity:0;transition:top .1s ease,opacity .1s .14s ease}
		.sandwich-link.active span:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease,transform .1s .14s cubic-bezier(0.215,0.61,0.355,1)}
	
	.mobile-nav-wrapper{color:#fff;text-align:left;position:fixed;top:0;left:0;right:0;bottom:0;background:#39857e;opacity:0;z-index:0;visibility:hidden;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
	.mobile-nav-wrapper.active{z-index:100;visibility:visible;opacity:1;}
		.mobile-nav{padding:65px 0 30px;}
			.mobile-nav li{}
				.mobile-nav li a{position:relative;display:block;padding:10px 0;font:700 14px/20px Muller;border-bottom:1px dashed rgba(255,255,255,.2);}
				.mobile-nav li a:hover, .mobile-nav li:hover > a{color:#fff745;}
				.mobile-nav li a:active{color:#d5cd1c;}
				.mobile-nav li ul{}
					.mobile-nav li ul li{}
						.mobile-nav li ul li a{padding-left:40px;}
							.mobile-nav li ul li a:before{display:block;content:'';width:10px;height:2px;background:#fff745;position:absolute;left:20px;top:50%;margin-top:-1px;}
					.mobile-nav li ul li a{background:transparent;}
		
		.mobile-button-wrapper{text-align:center;}
			
		
header{background:url(../images/header-bg.jpg) center top no-repeat;background-size:cover;}
header .centered{padding:60px 0 40px;}
	.header-top{align-items:center;}
		.logo{display:block;min-width:88px;min-height:108px;color:#39857e;font:700 32px/40px Muller;box-sizing:border-box;padding:5px 0 0 110px;}
			.logo:before{display:block;content:'';width:88px;height:108px;background:url(../images/logo.png) no-repeat;position:absolute;top:0;left:0;}
			.logo .small{font-size:24px;}
			.logo em{display:block;font:24px/30px Muller;color:#222;}
		.header-top-button-wrapper{text-align:right;font:500 16px/24px Muller}
			.header-top-button-wrapper .text{color:#000;}

	/* .top-placeholder{height:50px;} */
	.si-phone{text-align:center;padding:20px 0;}
		.si-phone .phone-link{color:#39857e;font:700 24px/30px Muller;}
		.si-phone .phone-link:hover{color:#56a79f;text-shadow:0 0 5px #fff;}
		.si-phone .phone-link:active{color:#276b64;text-shadow:none;}
		.si-phone i{display:block;font:italic 14px/20px Muller;}
	
	
	.header-content{padding:0 0 0;align-items:center;}
		.header-content-title{flex:0 0 100%;text-align:center;font:700 30px/42px Muller;color:#39857e;text-shadow:0 0 10px #fff;}
			.header-content-title em{display:block;font:24px/36px Muller;color:#05312d;padding:10px 0;text-shadow:none;}
		.header-content-image-wrapper{flex:0 0 40%;}
			.header-content-image{width:115%;transform:translateX(-17%);}
		.header-content-items{flex:1 0 10px;}
			.header-content-item{font:20px/30px Muller;position:relative;padding:0 0 0 20px;margin:0 0 15px;}
				.header-content-item:before{display:block;content:'';width:8px;height:8px;background:#39857e;transform:rotate(45deg);position:absolute;top:9px;left:0;}

	.header-top-usp-wrapper{margin:0 auto;width:83%;padding:10px 0;box-sizing:border-box;}
	.header-top-usp{}
		.header-top-usp-item-wrapper{flex:0 0 31%;}
		.header-top-usp-item{align-items:center;text-align:center;}
			.header-top-usp-item-icon-wrapper{width:60px;height:60px;margin:0 auto 10px;background:#e5f2ed;border-radius:50%;position:relative;}
				.header-top-usp-item-icon{position:absolute;top:20%;left:20%;width:60%;height:60%;fill:#39857e;}
					.header-top-usp-item-icon.i-1{margin-left:3%;}
					.header-top-usp-item-icon.i-2{margin-left:5%;}
			.header-top-usp-item-content{flex:0 0 100%;}	
	
	.header-order-block{text-align:center;padding:40px 0 10px;}
		.header-order-block .text{padding:20px 0 0;}
	
/* FIRST- */

#what{}
#what .centered{padding:40px 0 70px;}
	.what{padding:40px 0;}
		.what-item{flex:0 0 23%;font-weight:500;text-align:center;}
			.what-item-image{width:100%;border-radius:30px 0 30px 0;margin:0 0 20px;}
	
#how{background:url(../images/how-bg.jpg) center center no-repeat;background-size:cover;color:#fff;}
#how .centered{padding:40px 0 70px;}
	.how{padding:40px 0 0;}
		.how-col{flex:0 0 48%;}
			.how-col-title{font:700 24px/36px Muller;color:#fff745;padding:0 0 30px;}
			.how-col-item{margin:1px 1px 30px;align-items:center;}
				.how-col-item-image-wrapper{width:150px;height:150px;border-radius:50%;margin:0 20px 0 0;position:relative;}
				.how-col-item-image-wrapper:before{display:block;content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;right:-1px;border:10px solid #6ea199;border-radius:50%;transition:all 0.2s ease-out 0s;}
				.how-col-item:hover .how-col-item-image-wrapper:before{border-color:#c5e4df;box-shadow:none;animation:si-button-pulse 1s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;}
					.how-col-item-image{border-radius:50%;width:100%;}
				.how-col-item-content{flex:1 0 10px;}
		.how-also{padding:20px 0 0;font:italic 300 16px/24px Muller;}
		
#for{}
#for .centered{padding:40px 0 70px;}
	.for{padding:40px 0 0;}
		.for-item{margin:0 0 30px;}
			.for-item-image-wrapper{flex:0 0 235px;margin:0 20px 0 0;}
				.for-item-image{width:100%;border-radius:30px 0 30px 0;}
			.for-item-content{flex:1 0 10px;}

#research{background:url(../images/research-bg.jpg) center top no-repeat;background-size:cover;color:#fff;}
#research .centered{padding:40px 0 80px;}
	.research{padding:40px 0}
		.research-item{flex:0 0 32%;}
			.research-item-image-wrapper{}
				.research-item-image{width:100%;}
				.research-item:nth-child(4n-3) .research-item-image{border-radius:30px 0 0 0;}
				.research-item:nth-child(4n-2) .research-item-image{border-radius:0;}
				.research-item:nth-child(4n-1) .research-item-image{border-radius:0 30px 0 0;}
			.research-item-content{padding:15px;background:#fff;color:#222;font:16px/24px Muller;}
			.research-item:nth-child(4n-3) .research-item-content{border-radius:0 0 0 30px;}
			.research-item:nth-child(4n-2) .research-item-content{border-radius:0;}
			.research-item:nth-child(4n-1) .research-item-content{border-radius:0 0 30px 0;}
				.research-item-content-title{font:600 20px/30px Muller;}
				.research-item-content .small{font:300 14px/24px Muller;}
	.certs-wrapper{padding:40px 0 0;}
	.certs{display:flex;flex-flow:row wrap;justify-content:flex-start;}
		.certs-title{font:700 20px/30px Muller;text-align:center;padding:0 0 40px;}
		.certs{}
			.cert-item{display:block;flex:0 0 32%;margin:0 2% 50px 0;border:20px solid #222;box-shadow:0 25px 30px -15px rgba(0,0,0,.3);box-sizing:border-box;}
			.cert-item:nth-child(3n){margin-right:0;}
				.cert-item-image{width:100%;}
			.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);opacity:0;transition:all 0.3s ease-out 0s;}
				.show-zoom:hover .photo-overlay,.show-zoom.active .photo-overlay{opacity:.8;}
				.show-zoom:active  .photo-overlay{opacity:1;}
	
	.research-switch-link-wrapper{transition:all 0.5s ease-out 0s;}
	.research-switch-link-wrapper.active{padding:20px 0 0;}
		.research-switch-link{border-bottom:1px dotted;}
		.research-switch-link:hover{color:#fff745;}
		.research-switch-link:active{color:#e0d81d;border-color:transparent;}
	.research-hidden-content{display:none;}
	
#order{}
#order .centered{padding:40px 0 80px;}
	.order-form{padding:40px 0 0;}
		.order-inputs-wrapper{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;}
			.order-input-wrapper{flex:0 0 32%;}
			.order-inputs-wrapper .text{flex:0 0 100%;padding:20px 0 0;}
			.order-form-image-wrapper{flex:0 0 35%;margin:0 40px 0 0;}
				.order-form-image{max-width:100%;}
	
#contraindications{background:url(../images/contraindications-bg.jpg) center center no-repeat;background-size:cover;color:#fff;}
#contraindications .centered{padding:70px 0;}
	.contraindications-title{color:#fff745;font:700 36px/48px Muller;padding:0 0 30px;}
	.contraindications-wrapper{}
		.contraindications-wrapper-title{font:700 24px/36px Muller;padding:0 0 30px;}
		.contraindications{}
			.contraindication-item{flex:0 0 32%;text-align:center;margin:0 0 40px;}
				.contraindication-item-image-wrapper{width:150px;height:150px;border-radius:50%;margin:0 auto 10px;position:relative;}
				.contraindication-item-image-wrapper:before{display:block;content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;right:-1px;border:10px solid #6ea199;border-radius:50%;transition:all 0.2s ease-out 0s;}
				.contraindication-item:hover .contraindication-item-image-wrapper:before{border-color:#c5e4df;box-shadow:none;animation:si-button-pulse 1s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;}
					.contraindication-item-image{border-radius:50%;width:100%;}
	.contraindications-before{color:#fff745;font:700 30px/42px Muller;padding:20px 0 0;}
	
footer{background:url(../images/header-bg.jpg) center center no-repeat;text-align:center;}
footer .centered{padding:70px 0;}
	.footer-title{font:700 30px/42px Muller;color:#39857e;}
	.footer-extra{padding:30px 0;}
		.footer-extra-item{display:inline-block;margin:0 30px;color:#fff400;font:600 24px/36px Muller;text-shadow:0 0 5px rgba(0,0,0,.4)}
	.footer-usp{width:70%;margin:0 auto;}
		.footer-usp-item{flex:0 0 32%;}
			.footer-usp-item-icon-wrapper{width:60px;height:60px;margin:0 auto 10px;background:#e5f2ed;border-radius:50%;position:relative;}
				.footer-usp-item-icon{position:absolute;top:20%;left:20%;width:60%;height:60%;fill:#39857e;}
					.footer-usp-item-icon.i-1{margin-left:3%;}
					.footer-usp-item-icon.i-2{margin-left:5%;}
			.footer-usp-item-content{}
	.footer-logo{margin:60px auto 0;padding:0;width:88px;}
	
	footer .text{padding:50px 0 0;}
	
	.footer-copyright{}
	

/*---------------- Modals ----------------*/

html.si-lock, html.si-lock2{overflow:hidden !important;}
.fancybox-margin{margin-right:0 !important}

.si-overlay, .si-overlay-2{display:none;background:rgba(0,0,0,.8);position:absolute;top:0;left:0;right:0;bottom:0;z-index:203;}
	.si-overlay-2{z-index:205}
.si-modals-wrapper, .si-modals-wrapper-2{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:203;overflow:auto;-webkit-overflow-scrolling:touch;padding:20px;}
	.si-modals-wrapper-2{z-index:205}

.si-modal{display:none;position:relative;background:#fff;text-align:center;padding:60px 20px;max-width:480px;border-radius:5px;box-shadow:0 25px 30px -15px rgba(0,0,0,.3);margin:30px auto;transform:scale(0.7);box-sizing:border-box;transition:transform 0.5s ease-out 0s;}		
.si-modal.si-visible{transform:scale(1);}		
	.modal-form-title{padding:0 0 20px;font:700 30px/42px Muller;color:#39857e;}		
		.modal-line{width:66px;height:3px;background:#39857e;margin:15px auto;}
		.modal-form-title em{display:block;}
	.modal-inputs-wrapper{width:85%;margin:0 auto;}
		.modal-input-wrapper{display:block;margin:0 0 15px;}
	
	.si-close{display:block;width:30px;height:30px;position:absolute;right:15px;top:15px;z-index:5;}		
	.si-close:active{top:16px;}		
		.si-close:before,.si-close:after{display:block;content:'';width:100%;height:4px;background:#39857e;border-radius:4px;position:absolute;left:0%;top:50%;margin-top:-2px;transition:all 0.2s ease-out 0s;}
		.si-close:before{transform:rotate(45deg);} .si-close:after{transform:rotate(-45deg);}
			.si-close:hover:before,.si-close:hover:after{background:#579f98}
				.si-close:hover:before{transform:rotate(135deg);} .si-close:hover:after{transform:rotate(45deg);}
			.si-close:active:before,.si-close:active:after{background:#1a5f59}
				.si-close:active:before{transform:rotate(135deg);} .si-close:active:after{transform:rotate(45deg);}
		
		
		.pointDeliveryWrapper{margin:20px 0;}
			.pointDeliveryTable{display:flex;flex-flow:row wrap;justify-content:space-between;}
				.pointDeliveryTr{position:relative;cursor:pointer;flex:0 0 100%;background:#f5f5f5;border-radius:5px;margin:0 0 15px;text-align:left;padding:10px 15px;transition:all 0.2s ease-out 0s;box-sizing:border-box;}
					.pointDeliveryTr:before{display:block;content:'';width:10px;height:5px;border:2px solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg);position:absolute;top:10px;right:10px;transition:all 0.2s ease-out 0s;opacity:0;}
				.pointDeliveryTr:hover{background:#39857e;color:#fff;}
				.pointDeliveryTr:active{background:#2a746d;color:#fff;top:1px;}
				.pointDeliveryTr.active{background:#39857e;color:#fff;top:0;}
				.pointDeliveryTr.active:before{opacity:1;}

				.pointDeliveryTr:first-child{display:none;}
					
					.pointDeliveryTd:first-child{display:none;}
					.pointDeliveryTd:nth-child(2){padding:0 20px 0 0;}
					
		.modal-result{margin:20px 0 0;}
			.modal-result-col{padding:5px 0;border-bottom:1px solid #aaa;}
				.modal-result-col-item{flex:0 0 48%;text-align:left;}
					
		.modal-extra{margin:20px 0;}
			.modal-extra-item{margin:0 0 10px;font:italic 14px/20px Muller;}
					
.si-success-modal{display:none;position:relative;background:#fff;text-align:center;padding:60px 20px;max-width:480px;border-radius:5px;box-shadow:0 25px 30px -15px rgba(0,0,0,.3);margin:30px auto;transform:scale(0.7);box-sizing:border-box;transition:transform 0.5s ease-out 0s;}		
.si-success-modal.si-visible{transform:scale(1);}
	.si-success-modal-title{color:#39857e;font:700 36px/36px Muller;}
	.success-time{font:500 20px/30px Muller;}
	
	
	
/*---------------- SI Page Messages ----------------*/
	
.si-page-message-overlay{display:block;position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;visibility:hidden;z-index:299;background:rgba(0,0,0,.8);transition:all 0.5s ease-out 0s;}
	.si-page-message-overlay.show{opacity:1;visibility:visible;}
.si-page-message{display:block;position:fixed;width:101%;height:0;top:50%;left:50%;background:#39857e;color:#fff;opacity:0;visibility:hidden;z-index:300;box-shadow:0 0 10px #000;transform:translateX(-50%) translateY(-50%);transition:all 0.5s ease-out 0s;}
	.si-page-message.show{height:200px;opacity:1;visibility:visible;transition:all 0.5s ease-out 0s;}
	.si-page-message-inner{display:table-cell;opacity:0;height:200px;width:1920px;text-align:center;vertical-align:middle;font-size:30px;line-height:36px;transition:all 0.5s ease-out 0s;}
		.si-page-message-inner.show{opacity:1;transition:all 0.5s ease-out 0.5s;}

		
/*---------------- SI Forms ----------------*/
.send-form{position:relative;}
.send-form:before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:1000;background:transparent;display:none;}
	.send-form.disabled:before{display:block;}
	.send-form.disabled > *{opacity:.3;transition:all 0.2s ease-out 0s;}
		
	.cssload-box-loading{opacity:0;visibility:hidden;z-index:-1;width:49px;height:49px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;transition:all 0.3s ease-out 0s;}
		.cssload-box-loading:after,.cssload-box-loading:before{content:'';width:49px;position:absolute;left:0}
		.cssload-box-loading:before{height:5px;background:#000;opacity:.1;top:58px;border-radius:50%;animation:shadow .58s linear infinite;}
		.cssload-box-loading:after{height:49px;background:#39857e;top:0;border-radius:3px;animation:cssload-animate .58s linear infinite;}
			@keyframes cssload-animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:39px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}
			@keyframes shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}

	.send-form.disabled .cssload-box-loading{opacity:1 !important;visibility:visible !important;z-index:20 !important;}
		
/*---------------- NProgress ----------------*/

#nprogress{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;z-index:1031;}
	#nprogress .bar {background:#fff745;position:absolute;top:0;left:0;width:100%;height:3px;z-index:1031;}
		#nprogress .bar:after{display:block;content:'';position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #fff745, 0 0 5px #fff745;opacity:1;transform: rotate(3deg) translate(0px, -4px);}
	#nprogress .spinner{display:block;position:absolute;top:15px;right:35px;z-index:1031;}
		#nprogress .spinner:before {display:block;content:'';width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#fff745;border-left-color:#fff745;border-radius:50%;animation:nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent{overflow:hidden;position:relative;}

	@keyframes nprogress-spinner{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
	
	
	
/* Spin */
div.spinedit {display:inline-block;position:absolute;right:2px;top:2px;bottom:2px;border-left:2px solid #aaa;width:40px;}
	.spinedit .icon-chevron-up, .spinedit .icon-chevron-down {display:block;position:relative;cursor:pointer;width:100%;height:50%;box-sizing:border-box;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
	.spinedit .icon-chevron-up:hover, .spinedit .icon-chevron-down:hover {background:#efefef;}
	.spinedit .icon-chevron-up:active, .spinedit .icon-chevron-down:active {background:#ccc;}
		.spinedit .icon-chevron-up {border-bottom:2px solid #aaa;border-radius:0 3px 0 0;}
		.spinedit .icon-chevron-down {border-radius:0 0 3px 0;}
		
		.spinedit .icon-chevron-up:before{display:block;content:'';width:0;height:0;border:5px solid #000;border-color:transparent transparent #17a096;position:absolute;left:38%;top:27%;}
		.spinedit .icon-chevron-down:before{display:block;content:'';width:0;height:0;border:5px solid #000;border-color:#17a096 transparent transparent;position:absolute;left:38%;top:41%;}
		
@media all and (max-width : 480px){ 

	.spinedit .icon-chevron-up:before{top:17%;}
	.spinedit .icon-chevron-down:before{top:41%;}
	
}

/* My */

.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    /*background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;*/
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
    background: #fff;
    color: #000;
    padding: 10px 0;
    text-align: left;
}
 
.ui-autocomplete li {
    font-size: 16px;
}
.ui-menu-item-wrapper {
    padding: 5px 15px;
}
.ui-state-active {
    cursor: pointer;
    background: #E4E4E4;
}

.ui-autocomplete-loading { /*background: transparent url('../images/ui-anim_basic_16x16.gif') right center no-repeat;*/ }
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}