/**/

  ::-webkit-input-placeholder {color:#808080; opacity:1;}/* webkit */
  ::-moz-placeholder          {color:#808080; opacity:1;}/* Firefox 19+ */
  :-moz-placeholder           {color:#808080; opacity:1;}/* Firefox 18- */
  :-ms-input-placeholder      {color:#808080; opacity:1;}/* IE */

  :fullscreen {z-index:100 !important}
  :fullscreen * {cursor:default;}

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #131313 inset;
}


/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}
  

@font-face {
/*    font-family: 'euclid_flexbold';*/
    font-family: 'euclid';
    src: url('../fonts/euclidflex-bold-webfont.eot');
    src: url('../fonts/euclidflex-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/euclidflex-bold-webfont.html') format('woff2'),
         url('../fonts/euclidflex-bold-webfont.woff') format('woff'),
         url('../fonts/euclidflex-bold-webfont.ttf') format('truetype'),
         url('../fonts/euclidflex-bold-webfont.svg#euclid_flexbold') format('svg');
    font-weight: 900;
    font-style: normal;

}




@font-face {
/*    font-family: 'euclid_flexlight';*/
    font-family: 'euclid';
    src: url('../fonts/euclidflex-light-webfont.eot');
    src: url('../fonts/euclidflex-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/euclidflex-light-webfont.html') format('woff2'),
         url('../fonts/euclidflex-light-webfont.woff') format('woff'),
         url('../fonts/euclidflex-light-webfont.ttf') format('truetype'),
         url('../fonts/euclidflex-light-webfont.svg#euclid_flexlight') format('svg');
    font-weight: 100;
    font-style: normal;

}




@font-face {
/*    font-family: 'euclid_flexmedium';*/
    font-family: 'euclid';
    src: url('../fonts/euclidflex-medium-webfont.eot');
    src: url('../fonts/euclidflex-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/euclidflex-medium-webfont.html') format('woff2'),
         url('../fonts/euclidflex-medium-webfont.woff') format('woff'),
         url('../fonts/euclidflex-medium-webfont.ttf') format('truetype'),
         url('../fonts/euclidflex-medium-webfont.svg#euclid_flexmedium') format('svg');
    font-weight: 700;
    font-style: normal;

}


/*
@font-face {
    font-family: 'euclid';
    src: url('../fonts/euclidflex-regular-webfont.eot');
    src: url('../fonts/euclidflex-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/euclidflex-regular-webfont.woff2') format('woff2'),
         url('../fonts/euclidflex-regular-webfont.woff') format('woff'),
         url('../fonts/euclidflex-regular-webfont.ttf') format('truetype'),
         url('../fonts/euclidflex-regular-webfont.svg#euclid_flexregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

*/

@font-face {
    font-family: 'euclid';
    src: url('../fonts/euclidflex2-regular-webfont.eot');
    src: url('../fonts/euclidflex2-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/euclidflex2-regular-webfont.html') format('woff2'),
         url('../fonts/euclidflex2-regular-webfont.woff') format('woff'),
         url('../fonts/euclidflex2-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



@font-face {

    font-family: 'euclid';
    src: url('../fonts/euclidflex-ultralight-webfont.eot');
    src: url('../fonts/euclidflex-ultralight-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/euclidflex-ultralight-webfont.html') format('woff2'),
         url('../fonts/euclidflex-ultralight-webfont.woff') format('woff'),
         url('../fonts/euclidflex-ultralight-webfont.ttf') format('truetype'),
         url('../fonts/euclidflex-ultralight-webfont.svg#euclid_flexultralight') format('svg');
    font-weight: 100;
    font-style: normal;

}


html {font-size:10px;}

* {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;outline:none;}


td,table,img {padding:0; border:none;border-collapse:collapse;}
body {font-family:'euclid',Arial,Verdana,Tahoma; margin:0; padding:0; background:#f5600b; font-size:1.8rem;color:#fff;scroll-behavior: smooth;box-sizing:border-box;}
td {}
form {margin:0;}
a {color:inherit;text-decoration:none;}
table {border-collapse:collapse;}

body {opacity:0;}
body.ready {opacity:1;}

sub,sup {vertical-align:baseline; position:relative;bottom:-.4rem;}

sup{top:-1.0rem;}

ul, ul li {margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5 {margin:0;font-weight:normal;box-sizing:border-box;}
strong {font-weight:normal;}

body,div,ul,li,img,a,label,td,table,span {box-sizing:border-box;}

.page-bottom a:hover {opacity:0.8}
html,body {overflow:hidden;}


.case-slide-caption a:hover {opacity:1;}

input.cf,select.cf {
  
  border:none;
  
  
  width:100%;
  padding:2rem 0 0.5rem 3rem;
  line-height:auto;
  box-sizing:border-box;
  display:inline-block;
  font-family:euclid,Arial;
  font-size:1.9rem;
  background:#131313;
  color:#808080;
  outline:none;
  -webkit-appearance: none;
  -moz-appearance: none;;
  -webkit-border-radius: 0;

}

@media only screen and (max-width: 640px) {
input.cf,select.cf {
  
  border:none;
  
  
  width:100%;
  padding:1rem 0 0.25rem 3rem;
  line-height:auto;
  box-sizing:border-box;
  display:inline-block;
  font-family:euclid,Arial;
  font-size:2.4rem;
  background:#131313;
  color:#808080;
  outline:none;
  -webkit-appearance: none;
  -moz-appearance: none;;
  -webkit-border-radius: 0;

}

}

textarea.cf {
  background:#fff;
  border:1px solid #ccc;
  
  padding:1.0rem 1.0rem 1.0rem 2.0rem;
  box-sizing:border-box;
  display:inline-block;
  font-family:Arial;
  font-size:2.4rem;
  color:#000;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  outline:none;
}


.button {
	padding:3rem 0 1.5rem 0rem;
	width:100%;
	height:12rem;
	box-sizing:border-box;
	display:inline-block;
	border:none;
	
	min-width:auto;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline:none;
	color:#000;
	background:#fff;
	font-size:3.4rem;
	font-weight:700;
	font-family:euclid,Arial;
	text-decoration:none;
	text-align:center;
	transition: background 0.3s cubic-bezier(.455,.03,.515,.955),
  		color 0.3s cubic-bezier(.455,.03,.515,.955),
	  	box-shadow 0.3s cubic-bezier(.455,.03,.515,.955); 
}



.mobile {display:none;}


@media only screen and (max-width: 640px) {
	body,html {overflow-x:hidden;min-width:375px;width:375px;}

	body {}

	
	.desktop {display:none;}
	.mobile {display:block;}
	html {font-size:10px !important;}
	a:hover {opacity:1;}
	.scrollbar-track {display:none !important;}
	.page-bottom a:hover {opacity:1}

}

@media only screen  and (max-width: 640px) and (orientation:landscape) {
	.rotate-mobile {display:block;position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;background:#111111 url(../i/Rotate_device.svg) center center no-repeat;background-size:contain }	
}

@media only screen  and (max-width: 640px) and (orientation:portrait) {
	.rotate-mobile {display:none !important;}	
}

@media only screen  and (max-width: 640px) and (orientation:landscape) {
	.rotate-mobile {display:none !important;}	
}




.logo {width:4.44rem;height:6rem;background:url(../static/img/general/logo.svg) no-repeat;background-size:contain;z-index:200;position:fixed;left:7rem;top:4rem;}
.logo a {display:block;width:100%;height:100%;}

@media all and (-ms-high-contrast:none)
{
	.logo {background-image:url(../i/logowhite-new.png) no-repeat;}
}

.menu-button {z-index:100;position:fixed;right:7rem;top:2rem;width:10rem;height:10rem;display:flex;align-items:center;justify-content:center;}
.menu-button-w {width:3.6rem;height:2.5rem;position:relative;}
.menu-button span {height:3px;background:#fff;display:block;transition:transform 0.2s linear,margin 0.2s linear;position:absolute;left:0;width:100%;}
.menu-button span.p2 {width:60%;}

.menu-button span.p1 {top:0%;margin:0rem 0 0 0;}
.menu-button span.p2 {top:50%;margin-top:-0.15rem;}
.menu-button span.p3 {bottom:0;margin:0rem 0 0 0;}


.menu-w {background:#0c0c0c;z-index:50;display:flex;position:fixed;width:100%;min-height:100%;overflow:auto;left:0;top:0;bottom:0;align-items:center;justify-content:center;}
.menu-w {transition:transform .4s linear 0.5s;-webkit-transform: translate3d(0,0,0);transform:translateX(-100%);}
.menu li {font-size: 42px;font-weight:400;line-height:2.3;width:0;text-align:center;overflow:hidden;}
.menu li a {display:block;width:300px;}
.menu ul {position:relative;z-index:2;width:300px;}
.menu li a span {display:inline-block;position:relative;height:64px;}
.menu li a span:after {position:absolute;content:'';display:block;width:0;background:#fff;height:5px;position:absolute;left:0;bottom:0;transition:width 0.3s linear 0s;}
.menu li a:hover span:after {width:100%;}
.menu li a:hover {opacity:1}

@media only screen and (max-width: 640px) {
	.menu li a span:after {display:none;}
}

.menu li.l1 {transition:width .3s linear 0s;}
.menu li.l2 {transition:width .3s linear 0.1s;}
.menu li.l3 {transition:width .3s linear 0.2s;}
.menu li.l4 {transition:width .3s linear 0.3s;}
.menu li.l5 {transition:width .3s linear 0.4s;}


body.menu-opened .menu li.l1 {transition:width .3s linear 0.3s;}
body.menu-opened .menu li.l2 {transition:width .3s linear 0.4s;}
body.menu-opened .menu li.l3 {transition:width .3s linear 0.5s;}
body.menu-opened .menu li.l4 {transition:width .3s linear 0.6s;}
body.menu-opened .menu li.l5 {transition:width .3s linear 0.7s;}

body.menu-opened .menu li {width:32rem;}

body.menu-opened .menu-button-w {width:3.6rem;height:3.6rem;}
body.menu-opened .menu-button span {height:0.3rem;}
body.menu-opened .menu-button span.p2 {width:60%;}

body.menu-opened .menu-button span.p1 {top:0%;margin:0.5rem 0 0 0;}
body.menu-opened .menu-button span.p2 {top:50%;margin-top:-0.2rem;}
body.menu-opened .menu-button span.p3 {top:100%;margin:-1rem 0 0 0;}


body.menu-opened .scroll-button {opacity:0;}
body.menu-opened .menu span.p1 {transform:rotate(-45deg);margin:50% 0 0 0;}
body.menu-opened .menu span.p3 {transform:rotate(45deg);margin:-50% 0 0 0;}
body.menu-opened .menu span.p2 {transform:scaleX(0);}
  
body.menu-opened .menu .menu-w {transform:translateX(0);transition:transform .4s linear 0s;}


.menu-shade {position:absolute;left:0;top:0;width:100%;height:100%;background:#0c0c0c;transform:translateX(100%);transition:transform 0.3s linear;}
.menu-closed .menu-shade {transform:translateX(0%);transition:transform 0.3s linear 0.5s;}



.scroll-button {opacity:0;position:fixed;background:url(../i/Scroll.svg) center center no-repeat;border-radius:100%;transition:opacity 0.3s ease 4s, transform 0.3s ease 4s;transform:translateY(200%);bottom:5rem;left:50%;width:60px;height:60px;margin:0 0 0 -2.5rem;text-align:center;z-index:10;font-size:1.4rem;font-weight:900;letter-spacing:0.23rem;}



body.ready .scroll-button {}
body.ready.main-scene-section .scroll-button {transform:translateY(0%);opacity:1;}
.main-scene.off .scroll-button  {transition:opacity 0.3s ease 0s, transform 0.3s ease 0s;}

body.ready.main-scene-section .main-scene.off .scroll-button {opacity:0;transform:translateY(200%);}

@media only screen and (max-width: 640px) {
	.menu li {font-size: 27px;line-height:2;}
	.logo {width:30px;height:40px;left:20px;top:20px;background:url(../i/logo-m.svg) no-repeat;background-size:contain;}

	.page-top {}
/*	.page-top.disabled .menu-button {top:-100px;}*/
	.page-top.disabled .social-top {top:-100px;}

	.social-top {position:fixed;left:30px;top:35px;;height:23px;width:45px;display:flex;justify-content:space-between;align-items:center;animation: drop-down .7s cubic-bezier(.05,.49,.28,.99) 4s 1 normal;animation-fill-mode:both;transform-origin:right center;}
	.social-top a {display:block;width:23px;height:23px;}
	.social-top a.vk {background:url(../i/social.svg) left center no-repeat;background-size:auto 16px;}
	.social-top a.fb {background:url(../i/social.svg) right center no-repeat;background-size:auto 16px;}

	.menu-button {z-index:100;position:fixed;right:-15px;top:-10px;}
	.menu-button-w {transform:scale(0.8,0.8)}

}

.logo {animation: drop-down .7s cubic-bezier(.05,.49,.28,.99) 4s 1 normal;animation-fill-mode:both;transform-origin:right center;}
.menu-button  {animation: drop-down .7s cubic-bezier(.05,.49,.28,.99) 4s 1 normal;animation-fill-mode:both;transform-origin:right center;}



.inner-page  .logo {animation:none;}
.inner-page  .menu-button {animation:none;}



@keyframes scale-in {
	from {transform:scaleX(0)}
	to {transform:scaleX(1)}
}

@keyframes scale-out {
	from {transform:scaleX(1)}
	to {transform:scaleX(0)}
}





@keyframes zindex {
	from {z-index:1;}
	to {z-index:3;}
}


@keyframes layer-1-image {
	from {transform:translateX(0%)}
	to {transform:translateX(00)}
}
@keyframes layer-2-image {
	from {transform:translateX(100%)}
	to {transform:translateX(00)}
}

@keyframes shade-5 {
/*	from {left:0;width:71rem}
	to {left:-50rem;width:321rem}*/
}

@keyframes drop-down {
	from {transform:translateY(-150px)}
	to {transform:translateY(0)}
}

@keyframes layer-2-image {
	from {transform:scalex(0)}
	to {transform:scalex(1)}
}








@media only screen and (max-width: 640px) {
	@keyframes layer-1-image {
		from {transform:translateX(0)}
		to {transform:translateX(0)}
	}
	@keyframes layer-2-image {
		from {transform:translateX(0)}
		to {transform:translateX(00)}
	}

	@keyframes drop-down {
		from {transform:translateY(-65rem)}
		to {transform:translateY(0)}
	}

	@keyframes key-section {
		from {width:90%;transform:scale(0.8,0.8) translateX(30px);}
		to {width:90%;transform:scale(1,1) translateX(0px);}
	}


}



.global-section.section-2,
.global-section.section-3,
.global-section.section-4,
.global-section.section-5,
.global-section.section-6 {background:#f5600b; }









.page-bottom {width:116rem;margin:auto;display:flex;justify-content:space-between;font-size:1.9rem;padding:140px 0 140px 0;}
.page-bottom-column {display:flex;justify-content:space-between;flex-direction:column;}
.page-bottom-column.column-1 {padding:0 5rem 0 0;}
.page-bottom-column.column-2 {padding:0 5rem 0 0}
.page-bottom-caption {font-size:1.2rem;letter-spacing:1.9px;font-weight:700;text-transform:uppercase;opacity:0.3;margin:0 0 2rem 0;}
.page-bottom-menu li {line-height:4.9rem;}


.page-bottom-contacts a {display:block;}
.page-bottom-contacts a.email {text-decoration:underline;white-space:nowrap;}
.page-bottom-contacts .contacts-item {margin:0 0 4rem 0;line-height:3.4rem;} 
.page-bottom-contacts .contacts-item.contacts {line-height:4.9rem;}

.page-bottom-contacts .contacts-item:last-child {margin:0 0 0 0}

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

	.page-bottom {width:100%;height:auto;margin:auto;display:block;font-size:20px;padding:0 0 0 20px;font-weight:normal}
	.page-bottom-column {display:block;}
	.page-bottom-column.column-1 {padding:0 0 25px 0;height:auto;display:none;}
	.page-bottom-column.column-2 {padding:0 0 56px 0}
	.page-bottom-caption {font-size:12px;line-height:19px;letter-spacing:1px;font-weight:700;text-transform:uppercase;opacity:1;color:#333333;margin:0 0 36px 0;}

	.page-bottom-column.column-3 .page-bottom-caption {margin:0 0 30px 0;}


	.page-bottom-menu li {line-height:38px;;margin-right:3rem;}

	.page-bottom-copy {font-size:14px;opacity:0.5;margin:25px 0 0 0;}

	 .page-bottom-menu ul {}
	

	.page-bottom-contacts a {display:block;}
	.page-bottom-contacts a.email {text-decoration:underline;white-space:nowrap;margin:0 0 11px 0;display:block;}
	.page-bottom-contacts .contacts-item {margin:0 0 15px 0;line-height:27px;} 
	.page-bottom-contacts .contacts-item.contacts {line-height:27px;}


	.page-bottom-contacts .contacts-item:last-child {margin:0 0 0 0}
}


.sr-button {letter-spacing:2px;position:relative;width:240px;line-height:70px;height:60px;font-size:14px;margin:60px 0 0 0;padding:0 0 0 30px;font-weight:900;text-transform:uppercase;color:#fff;;text-align:center;background:#151515 url(../i/Triangle.png) left 66px top 21px no-repeat;overflow:hidden;}
.sr-button span {position:absolute;left:-1px;top:0;width:1px;background:#fff;height:33.5%;}
.sr-button span.over-1 {width:1px;top:0%;transition:transform 1.2s ease;transform:translateX(-200px)}
.sr-button span.over-2 {width:2px;top:33%;transition:transform 1.8s ease;transform:translateX(-400px)}
.sr-button span.over-3 {width:1px;top:66%;transition:transform 1.5s ease;transform:translateX(-300px)}

@media only screen and (max-width: 640px) {
	.sr-button {width:335px;letter-spacing:2px;margin:40px 0 0 0;font-size:12px;/*background:#151515 url(/i/Triangle.png) left 113px top 21px no-repeat;*/
	background:#151515 url(../i/Show_reel.svg) center center no-repeat;
	background-size:107px 15px;
	overflow:hidden;
	text-indent:-9999px;

	
	}
}

.sr-button:hover span.over-1 {transform:translateX(460px) scaleX(300);}
.sr-button:hover span.over-2 {transform:translateX(660px) scaleX(300);}
.sr-button:hover span.over-3 {transform:translateX(460px) scaleX(300);}


.in-port {transition:transform .5s ease 0.2s,opacity 0.5s ease 0.2s;transform:translateY(150px);opacity:0;}
.in-port.in-port-view {transform:translateY(0%);opacity:1;}


* {
 cursor: none !important;

}

body.fullscreen * {cursor: default !important;}

.follower {
  position: fixed;
  top: -10000px;
  left: 0%;
  margin-left:-30px;
  margin-top:-30px;
  width:60px;
  height:60px;

  
  transform:scale(0.4,0.4);
  pointer-events:none;
  transition:transform 0.4s ease;

  z-index: 2147483647; 
 
}
.follower .circle1 {
  position: absolute;
  
  background: #fff;
  opacity:0.05;
  border-radius:100%;
  height: 60px;
  width: 60px;
  left:0px;top:0px;
  transition:transform 0.4s ease;
}
.follower .circle2 {
  position: absolute;
  background:#fff;
  border-radius: 100%;
  height: 28px;
  width: 28px;
  z-index:10;
  left:50%;
  top:50%;
  margin-top: -14px;
  margin-left: -14px;
  transform:scale(0.9,0.9);
  transition:transform 0.3s ease;
}
	
html {background:#000}

/*
.follower.onlink {transform:scale(1,1);transition:transform 0.4s ease;}
.follower.onlink .circle2 {transform:scale(0.4,0.4);}
.follower.onlink .circle1 {transform:none !important;}
*/

.follower.onlink {transform:scale(1,1);}
.follower.onlink .circle1 {transform:none !important;}
.follower.onlink .circle2 {transform:scale(1,1);}


.follower.oncase {transform:scale(1,1);}
.follower.oncase .circle1 {transform:none !important;}
.follower.oncase .circle2 {transform:scale(1,1);}

.follower.onvideo {transform:scale(1.3,1.3);}
.follower.onvideo .circle1 {transform:scale(1.3,1.3) !important;background:#fff url(../i/v.svg) left 25px center no-repeat;background-size:25% 25%;opacity:1;}
.follower.onvideo .circle2 {transform:scale(1.3,1.3);display:none;}

.follower.onstop {transform:scale(1.3,1.3);}
.follower.onstop .circle1 {transform:scale(1.3,1.3) !important;background:#fff url(../i/stop.svg) left 23px center no-repeat;background-size:25% 25%;opacity:1;}
.follower.onstop .circle2 {transform:scale(1.3,1.3);display:none;}

/*stop.svg*/


.follower.onnext {transform:scale(1,1);}
.follower.onnext .circle1 {transform:scale(1,1) !important;background:#fff url(../i/next.svg) left 22px center no-repeat;background-size:25% 25%;opacity:1;}
.follower.onnext .circle2 {transform:scale(1,1);display:none;}

.follower.onprev {transform:scale(1,1);}
.follower.onprev .circle1 {transform:scale(1,1) !important;background:#fff url(../i/prev.svg) left 22px center no-repeat;background-size:25% 25%;opacity:1;}
.follower.onprev .circle2 {transform:scale(1,1);display:none;}


html:active .follower, html:active .follower.onlink {transform:scale(1,1);}
html:active .follower .circle2 {transform:scale(1,1);}

html:active .follower .circle1 {transform:none !important;}


.swiper-pagination-clickable .swiper-pagination-bullet {cursor:none;}





@media only screen and (max-width:1300px) and (min-width: 1001px) {
	.scale-section {transform: scale(0.8,0.8);}

}

@media only screen and (max-width:1000px) and (min-width: 641px) {
	.scale-section {transform: scale(0.60,0.60);}

}



.case-line {padding:20px 20px 0  20px;}
.case-item {outline:none;width:335px;height:200px;color:#fff;background:#000 center center no-repeat;background-size:cover;position:relative;margin:0 0 20px 0;overflow:hidden;}
.case-item .fade {position:absolute;left:0;top:40%;right:0;bottom:0;z-index:1;background:url(../i/shade.png) left top no-repeat;background-size:100% 120%/*linear-gradient(180deg, #ffffff 44.75%, #131313 132.25%);mix-blend-mode: multiply;*/}
.case-item-meta {position:relative;z-index:2;height:100%;width:100%;display:flex;flex-direction:column;padding:0 20px 15px 20px;justify-content: flex-end;}
.case-item-meta .caption {font-size:19px;font-weight:600;line-height:25px;}
.case-item-meta .descra {font-size:14px;font-weight:600;}





.o-form {width:76rem;margin:auto;padding:27rem 0 0rem 0;}
.o-form.cases {padding:3rem 0 0rem 0;}
.o-form-caption {font-size:9.2rem;font-weight:700;line-height:112px;text-align:center;}
.o-form-item {margin:0rem 0 2rem 0;}
.o-form-body {margin:8rem 0 0rem 0;}
/*.o-form-file {border:none;cursor:pointer;width:100%;text-align:center;padding:2rem 5.8rem 0.5rem 3rem;line-height:auto;box-sizing:border-box;display:inline-block;font-family:euclid,Arial;font-size:1.9rem;background:#131313;color:#fff;}*/
.o-form-file {height:8rem;border:none;cursor:none;width:100%;text-align:center;padding:2.5rem 5.8rem 0.5rem 3rem;line-height:auto;box-sizing:border-box;display:inline-block;font-family:euclid,Arial;font-size:1.9rem;background:#131313;color:#fff;}
.o-form-submit {margin:6rem 0 0 0;}
input.cf {height:8rem;color:rgba(255,255,255,.2)}
input.cf.err {border:2px solid #ccc}
input.cf.active {color:rgba(255,255,255,1)}

.o-form-caption-done {text-align:center;padding:200px 0;font-size:}


.o-form-file:before {width:2rem;height:2rem;content:'';display:inline-block;background:url(../i/invalid-name.png) center center no-repeat;background-size:2rem 2rem;vertical-align:top;margin-right:1.8rem;}

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


	.o-form {width:335px;margin:0 0 0 20px;padding:145px 0px 61px 0;}
	.o-form-caption {font-size:42px;font-weight:700;line-height:35px;margin:0 15px 0 15px}
	.o-form-item {margin:0 0 10px 0;}
	.o-form-file {border:none;width:100%;text-align:center;padding:2rem 4.8rem 0.5rem 3rem;line-height:auto;box-sizing:border-box;display:inline-block;font-family:euclid,Arial;font-size:1.9rem;background:#131313;color:#fff;}
	.o-form-body {margin: 51px 0 0rem 0;}

	.o-form .cf {padding:15px 0px 8px 25px;font-size:14px;height:60px;box-sizing:border-box;}

	.o-form-submit {margin:0 0 10px 0;}
	.o-form-submit .button {padding:15px 0px 0px 0;font-size:19px;height:70px;box-sizing:border-box;font-weight:700}

	.o-form-file {background:none;border:none;width:100%;text-align:center;padding:15px 5.8rem 0 3rem;height:50px;line-height:auto;box-sizing:border-box;display:inline-block;font-family:euclid,Arial;font-size:14px;color:#fff;}
	.o-form-file span {display:inline-block;background:#131313 url(../i/btn.svg) left center no-repeat;background-size:14px 14px;height:14px;padding:0 0 0 25px;font-weight: 400;}

	.o-form-file:before {display:none;}


}

.o-form-finput {position:relative;width:100%;height:80px;overflow:hidden;}
.o-form-file {position:absolute;left:0;top:0;z-index:10}
.o-form-finput .cfbn {position:absolute;left:0;top:0;z-index:20;opacity:0;font-size:200px;cursor:none;}
 
.o-form-fpreview {display:none;}

.file-filled .o-form-fpreview {display:flex;}
.file-filled .o-form-finput {display:none;}
.o-form-fpreview {height:80px;width:100%;position:relative;background:#131313;}
.o-form-fpreview .fname {height:80px;padding:25px 190px 25px 30px;font-size:19px;line-height:37px;color:#fff;}
.o-form-fpreview .bttn {position:absolute;right:0;top:0;height:80px;line-height:90px;width:190px;text-align:center;background:#1B1B1B;}


@media only screen and (max-width: 640px) {
	.o-form-finput {height:55px;margin-top: 15px;}
}


.a-teaser-wrapper {width:580px;height:390px;overflow:hidden;display:block;}
.a-teaser {position:relative;width:580px;height:390px;overflow:hidden;transform:scale(1.2)}
.a-teaser-layer {width:100%;height:150px;overflow:hidden;position:absolute;left:0;}
.a-teaser-layer img {width:100%;height:390px;position:absolute;left:0;object-fit:cover;object-position:center center;animation:a-teaser-m 10s ease-in-out .5s infinite  alternate; ;animation-fill-mode:both;transition:transform 1s ease}
.a-teaser-layer.layer-top {z-index:10;top:0;transform:translateX(-2px)}
.a-teaser-layer.layer-top img {z-index:10;top:0;}
.a-teaser-layer.layer-bottom {z-index:5;bottom:0;transform:translateX(2px);}
.a-teaser-layer.layer-bottom img {bottom:0;}
.a-teaser-layer.layer-middle {z-index:10;z-index:10;top:138px;height:115px;}
.a-teaser-layer.layer-middle img {top:50%;margin-top:-195px}


@keyframes a-teaser-m {
	from {transform:translateY(-35px)}
	to {transform:translateY(35px)}
}

.vjs-poster {transition:opacity 0.5s ease;}
.vjs-has-started .vjs-poster {display:block !important;opacity:0;}

.video-js {background:none !important;}