body{background:#363636 url(../images/brif/bg.png) center top repeat;}

.container{max-width:1150px;width:calc(100% - 20px);position:relative;margin:50px auto;text-align:left;background:#E9FFFF;border:1px solid #c0c0c0;box-shadow:0px 0px 15px 0px rgba(0,0,0,.5);}

@font-face{font-family:'DINNextCYR-Bold';src:url('../fonts/DINNextCYR-Bold/DINNextCYR-Bold.eot') format('eot');src:url('../fonts/DINNextCYR-Bold/DINNextCYR-Boldd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/DINNextCYR-Bold/DINNextCYR-Bold.ttf') format('truetype'),url('../fonts/DINNextCYR-Bold/DINNextCYR-Bold.woff') format('woff'),url('../fonts/DINNextCYR-Bold/DINNextCYR-Bold.woff2') format('woff2');}
@font-face{font-family:'DINNextCYR-Regular';src:url('../fonts/DINNextCYR-Regular/DINNextCYR-Regular.eot') format('eot');src:url('../fonts/DINNextCYR-Regular/DINNextCYR-Regulard41d.eot?#iefix') format('embedded-opentype'),url('../fonts/DINNextCYR-Regular/DINNextCYR-Regular.ttf') format('truetype'),url('../fonts/DINNextCYR-Regular/DINNextCYR-Regular.woff') format('woff'),url('../fonts/DINNextCYR-Regular/DINNextCYR-Regular.woff2') format('woff2');}
@font-face{font-family:'DINNextCYR-Light';src:url('../fonts/DINNextCYR-Light/DINNextCYR-Light.eot') format('eot');src:url('../fonts/DINNextCYR-Light/DINNextCYR-Lightd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/DINNextCYR-Light/DINNextCYR-Light.ttf') format('truetype'),url('../fonts/DINNextCYR-Light/DINNextCYR-Light.woff') format('woff'),url('../fonts/DINNextCYR-Light/DINNextCYR-Light.woff2') format('woff2');}

a{text-decoration:none;}
a:hover{text-decoration:none;}

textarea:focus, input:focus{outline: none;}

::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px;border-color:#777;background-color:#555;}
::-webkit-scrollbar-track{border-left:1px solid #c0c0c0;background-color:#eee;}

#preloader{position:fixed;background:#333;top:0;left:0;bottom:0;right:0;z-index:10000;}
#preloader .loader{position:absolute;background:#555;top:calc(50% + 20px);width:calc(100% - 40px);max-width:1150px;height:3px;left:0;right:0;margin:auto;}
#preloader .loader .line{position:absolute;content:"";top:0;bottom:0;background:#222;width:0%;transition:all 2s ease;}
#preloader .logo{position:absolute;top:calc(45% - 40px);left:calc(50% - 25px);width:50px;height:60px;line-height:60px;text-align:center;overflow:hidden;}
#preloader .logo:before{position:absolute;content:"";background:#333;top:-5px;bottom:-5px;left:0;width:23px;-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);z-index:0;}
#preloader .logo span{font-size:70px;font-family:DINNextCYR-Bold;color:#FFD700;}
#preloader .logo span:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:1px 0 #ffffff;top:0;color:#FFD700;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim-2 2s infinite linear alternate-reverse;-webkit-animation:noise-anim-2 2s infinite linear alternate-reverse;z-index:1;}
#preloader .logo span:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-1px 0 #0099cc;top:0;color:#FFD700;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim 2s infinite linear alternate-reverse;-webkit-animation:noise-anim 2s infinite linear alternate-reverse;z-index:1;}

.title{position:relative;margin:40px;background:url(../images/brif/img.gif) center center / cover;text-align:center;padding:150px 10px;box-shadow:0 3px 3px rgba(0,0,0,.2);}
.title:before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);}
.title span{position:relative;z-index:1;color:#fff;font-family:DINNextCYR-Bold;font-size:40px;text-shadow:2px 2px 5px #222;}
.container .line{position:relative;margin:0 40px 0;height:0;border-bottom:2px dotted #555;}
.desc{position:relative;margin:40px;text-align:justify;}
.desc span{color:#333;font-family:DINNextCYR-Regular;font-size:18px;}
.form{position:relative;margin:100px 40px 0;}
.form .ttl{position:relative;margin:70px 0px 20px;}
.form .ttl span{color:#333;font-family:DINNextCYR-Bold;font-size:22px;}
.form .editbox{border:2px #c0c0c0 solid;background:transparent;color:#333;font-family:DINNextCYR-Regular;font-size:16px;text-align:left; padding:0px 0px 0px 20px;vertical-align:middle;position:relative;width:calc(100% - 24px);height:50px;line-height:50px;margin:5px 0;}
.form .desk{position:relative;margin:20px 0;}
.form .desk span{color:#333;font-family:DINNextCYR-Regular;font-size:17px;}
.form .textarea{border:2px #A9A9A9 solid;background:transparent;color:#333;font-family:DINNextCYR-Regular;font-size:16px;text-align:left;padding:10px 20px;resize:none;overflow:hidden;position:relative;left:1px;top:1px;width:calc(100% - 44px);height:130px;}

.form .btn{position:relative;max-width:350px;width:100%;height:50px;line-height:50px;text-align:center;margin:50px 0 40px;background:#FFD700;border:0px;color:#333;font-family:DINNextCYR-Regular;font-size:18px;border-radius:3px;box-shadow:0 3px #f1a003,0px 2px 4px rgba(0,0,0,.4);text-shadow:1px 1px 1px #eee;transition: all 0.5s ease-out 0s;-webkit-appearance:none;overflow:hidden;}
.form .btn:before{position:absolute;content:"";background:rgba(255,255,255,.1);top:-5px;bottom:-5px;width:20px;-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick .3s infinite ease-in-out;-moz-animation:blick .3s infinite ease-in-out;-ms-animation:blick .3s infinite ease-in-out;-o-animation:blick .3s infinite ease-in-out;animation:blick 3s infinite ease-in-out;}
.form .btn:hover{background:#ffff00;box-shadow: 0 3px #FFD700, 0px 2px 2px rgba(0,0,0,.4);cursor:pointer;}

@media screen and (max-width:650px){.title{font-size:25px;}}

@keyframes noise-anim{0%{clip:rect(43px, 9999px, 90px, 0);}5%{clip:rect(10px, 9999px, 73px, 0);}10%{clip:rect(23px, 9999px, 8px, 0);}15%{clip:rect(40px, 9999px, 62px, 0);}20%{clip:rect(44px, 9999px, 82px, 0);}25%{clip:rect(80px, 9999px, 6px, 0);}30%{clip:rect(54px, 9999px, 51px, 0);}35%{clip:rect(27px, 9999px, 83px, 0);}40%{clip:rect(30px, 9999px, 66px, 0);}45%{clip:rect(37px, 9999px, 87px, 0);}50%{clip:rect(67px, 9999px, 100px, 0);}55%{clip:rect(16px, 9999px, 26px, 0);}60%{clip:rect(76px, 9999px, 66px, 0);}65%{clip:rect(7px, 9999px, 2px, 0);}70%{clip:rect(80px, 9999px, 73px, 0);}75%{clip:rect(46px, 9999px, 65px, 0);}80%{clip:rect(45px, 9999px, 62px, 0);}85%{clip:rect(65px, 9999px, 6px, 0);}90%{clip:rect(13px, 9999px, 51px, 0);}95%{clip:rect(70px, 9999px, 83px, 0);}100%{clip:rect(75px, 9999px, 8px, 0);}}
@keyframes noise-anim-2{0%{clip:rect(77px, 9999px, 98px, 0);}5%{clip:rect(5px, 9999px, 4px, 0);}10%{clip:rect(78px, 9999px, 13px, 0);}15%{clip:rect(59px, 9999px, 62px, 0);}20%{clip:rect(74px, 9999px, 19px, 0);}25%{clip:rect(91px, 9999px, 61px, 0);}30%{clip:rect(33px, 9999px, 23px, 0);}35%{clip:rect(93px, 9999px, 68px, 0);}40%{clip:rect(67px, 9999px, 43px, 0);}45%{clip:rect(98px, 9999px, 1px, 0);}50%{clip:rect(98px, 9999px, 55px, 0);}55%{clip:rect(29px, 9999px, 94px, 0);}60%{clip:rect(84px, 9999px, 19px, 0);}65%{clip:rect(5px, 9999px, 4px, 0);}70%{clip:rect(5px, 9999px, 44px, 0);}75%{clip:rect(57px, 9999px, 50px, 0);}80%{clip:rect(77px, 9999px, 59px, 0);}85%{clip:rect(28px, 9999px, 45px, 0);}90%{clip:rect(20px, 9999px, 82px, 0);}95%{clip:rect(17px, 9999px, 47px, 0);}100%{clip:rect(11px, 9999px, 23px, 0);}}

@keyframes blick{20%,100%{opacity:0;transform:translate(200px, 0);}0%{opacity:0;}10%{opacity:1;}}
@-webkit-keyframes blick{20%,100%{opacity:0;transform:translate(200px, 0);}0%{opacity:0;}10%{opacity:1;}}
@-moz-keyframes blick{20%,100%{opacity:0;transform:translate(200px, 0);}0%{opacity:0;}10%{opacity:1;}}
@-o-keyframes blick{20%,100%{opacity:0;transform:translate(200px, 0);}0%{opacity:0;}10%{opacity:1;}}
@-ms-keyframes blick{20%,100%{opacity:0;transform:translate(200px, 0);}0%{opacity:0;}10%{opacity:1;}}

.shake{-webkit-animation:shake 1 linear 1s;-moz-animation:shake 1 linear 1s;-o-animation:shake 1 linear 1s;animation:shake 1 linear 1s;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@-moz-keyframes shake{0%, 100%{-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-moz-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-moz-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@-o-keyframes shake{0%, 100%{-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-o-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-o-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}