*, html, body, ul, ol, dl, li, dt, dd, div { margin: 0px; padding: 0px; outline: none;}
html { background: #000; width: 100%; overflow: hidden;}
body { min-height: 100%; max-height: 100%; margin: auto; color: #000000; font: 14px Arial; overflow: hidden; background: #f9f9f9; }

a { outline: none; color: #1585b4; font: 12px Arial; }
a:hover { text-decoration: none; }
article a { text-decoration: none; }
img { border: none; display: block; }

h1 { font: bold 27px Arial !important; margin: 0 0 10px 0; }
h2 { font: bold 20px "Century Gothic"; margin: 0 0 20px 0; }

article p { margin: 0 0 25px 0; line-height: 17px;}


li {list-style-type: none;}

.feedback {width: 400px; background: url(../img/agregat.png) no-repeat; background-size: 90% auto;}
label { display: block; float: left; width: 95px; }
input[type="text"], input[type="password"], input[type="email"], textarea { border: 1px solid #8c5222; padding: 2px 5px; background: #e6dfd3; color: #3f3f3f; font: bold 16px "Century Gothic"; margin: 0 0 12px 0; opacity: .8; width: 95%; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { opacity: 1; filter: alpha(opacity=100);}
textarea { height: 86px; resize: none; width: 360px;border: none; overflow: auto; overflow: hidden;}
.textarea {padding: 20px;  background: url(../img/textarea-bg.png) no-repeat; }
.button { background: url(../img/button-bg.png) no-repeat center -30px; cursor: pointer; display: block; padding: 30px 0 60px; height: 33px; line-height: 33px; position: relative; bottom: 23px; font: bold 23px/34px "Century Gothic"; color: #a24801; text-decoration: none; margin: auto; text-align: center; text-transform: uppercase; vertical-align: middle; opacity: 1;filter: alpha(opacity=100); transition: 1s all ease; }
.button:hover { opacity: .8; filter: alpha(opacity=80);}
.LV_invalid_field {border-color: #ae2e2e !important;}

.fio { padding: 4.5% 0 0 16%; width: 52%;}
.tel { padding: 2.5% 0 6% 12%; width: 39%;}
.fio input, .tel input {border: none; background: transparent; color: #fff;}
.tel input {font-size: 13px;}

table { border-collapse: collapse; border-spacing: 0; }

.left { float: left; }
.right { float: right; }
article { clear: both; }

/*HTML5*/
header, section, footer, nav, article, aside { display: block; }

/*---HEADER---*/
header { padding: 10px 0px 0px; }



/*---CONTENT---*/
.content { position: relative; background: #f9f9f9; z-index: 1; height: 100%; overflow: hidden; left: 0; transition: .1s all ease; margin: 0 0 0 -50px; }


/*MENU*/
.menu { position: fixed; top: 60%; left: 20px; height: 30%; z-index: 10; }
.loaded .menu {-webkit-transform:translateZ(500px);}
.menu-bg { height: 100%; position: relative;}
.menu.forward { -moz-animation: menu-forward 1s ease-out 1; -o-animation: menu-forward 1s ease-out 1; -webkit-animation: menu-forward 1s ease-out 1; animation: menu-forward 1s ease-out 1; }
.menu.back { -moz-animation: menu-back 1s ease-out 1; -o-animation: menu-back 1s ease-out 1; -webkit-animation: menu-back 1s ease-out 1; animation: menu-back 1s ease-out 1; }

.menu nav { position: absolute; right: 0; top: 10%; width: 69%; z-index: 13; height: 100%;}
.menu nav a { display: block; right: 0; width: 80%; color: #fff; font: bold 0em Arial; text-align: center; position: relative; height: 20%; line-height: 100%; vertical-align: middle; cursor: pointer; }
.menu nav a img {height: 28%; display: inline; }
.menu nav a:first-child { -moz-transform: rotateZ(-5deg); -ms-transform: rotateZ(-5deg); -o-transform: rotateZ(-5deg); -webkit-transform: rotateZ(-5deg); transform: rotateZ(-5deg); top: 0; }
.menu nav a + a { -moz-transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -o-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg); transform: rotateZ(5deg); top: 1%; }
.menu nav a + a + a { -moz-transform: rotateZ(-7deg); -ms-transform: rotateZ(-7deg); -o-transform: rotateZ(-7deg); -webkit-transform: rotateZ(-7deg); transform: rotateZ(-7deg); top: 3px; }
.menu nav a + a + a + a { -moz-transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -o-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg); transform: rotateZ(5deg); top: -3.5%; left: 10px; }
.menu nav a + a + a + a + a { -moz-transform: rotateZ(-4deg); -ms-transform: rotateZ(-4deg); -o-transform: rotateZ(-4deg); -webkit-transform: rotateZ(-4deg); transform: rotateZ(-4deg); top: -5%; left: 4px; }

.menu nav a:hover img { opacity: .8; filter: alpha(opacity=80);}

.menu .wheel { width: 24%; position: absolute; bottom: 8%; left: 3%; z-index: 12; transition: all 3s ease; }
.menu .wheel.small { width: 12%; bottom: 2%; left: 22%; z-index: 2; transition: all 4s ease; }

.menu.forward .wheel, .menu.back .wheel.small { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.menu.forward .wheel.small, .menu.back .wheel { -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); }


.parallax {height: 100%; }
.parallax > * { z-index: 3; }
.parallax > img { height: auto !important; position: absolute !important; max-height: 100%; z-index: 5; }
@-moz-document url-prefix() { 
  .parallax > img {opacity: .95;} 
}

.bg { background-repeat: no-repeat; background-position: 0 100%; background-size: auto 100%; z-index: 1; background-image: url(../img/fon.jpg); top: 2px;}
.bg-middle { background-image: url(../img/bg-mid.png); background-repeat: no-repeat; background-position: 0 100%; background-size: auto 100%; z-index: 3; margin: 0 0 0 15%; height: 100%; width:100%; position: absolute; left: 0; top: 0;}
.bg-middle>img {bottom: 0;height: 101%; left: 31.5%; position: absolute; z-index: 10;}
.bg-middle>img+img {height: 100%; left: 56.7%;}
.train-scroll { bottom: 21%; height: 50%;left: 61%;position: absolute; width: 23%;   display: none;}
.parallax > img.bochka {bottom: 0; position: absolute; height: 72.5% !important;  left: 81.3% !important; z-index: 9; width:auto !important; top: auto !important; top: auto !important; }
.bg>div>img {top: 0 !important;}

.logo { position: absolute; left: 3.5% !important; top: 7% !important; height: auto !important; width: 5.1% !important; z-index: 10; }
.logo img { width: 100%; }
.logo img.eye {position: absolute; right: 38%; top: 51.5%; width: 8%;}

/*PARALAX*/
.monkey-0 { left: 0.5% !important; bottom: -1% !important; top: auto !important; width: 13% !important; z-index:5; height: 100% !important; position: absolute;}
.monkey-0 img {width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; height: auto; }
.monkey-0 img+img { bottom: 49%; left: 73%; width: 9%; z-index: 1;}
.monkey-0 img+img+img { bottom: 14.5%; left: 66.7%; width: 4.3%; z-index: 2;  -moz-animation: rotate 3s linear infinite; -o-animation: rotate 3s linear infinite; -webkit-animation: rotate 3s linear infinite; animation: rotate 3s linear infinite;}
.monkey { left: 0.5% !important; top: 5% !important; width: 2.6% !important; }
.monkey-2 { left: 20% !important; bottom: 1% !important; top: auto!important; width: 7.6% !important; }
.monkey-3 { left: 34% !important; bottom: 0% !important; top: auto !important; width: 4.2% !important; }
.monkey-4 { left: 41.5% !important; top: 0% !important; width: 5% !important; -moz-animation: monkey 10s ease infinite; -o-animation: monkey 10s ease infinite; -webkit-animation: monkey 10s ease infinite; animation: monkey 10s ease infinite; }
img.monkey-5 { left: 57% !important; bottom: -2px !important; top: auto !important; width: 10.3% !important;  z-index: 10; height: auto !important;}
.monkey-6 { left: auto !important; right: 0%; bottom: -2px !important; top: auto !important; width: 3.5% !important; }

.train { left: 35% !important; width: 25% !important; height: 100%; z-index: 8; position: absolute; overflow: hidden;}
.train-chain { top: 52.5% !important; position: absolute; -webkit-transition: 3s all ease-in-out; transition: 3s all ease-in-out; height: 28%; width:100%; right: 75%; text-align:right; font-size:0; letter-spacing: normal; word-spacing: normal; }
.train-chain#shown {transition: .3s all ease;}
.train-chain>span {position: relative; cursor: pointer; left: 0; transition: all .5s ease; line-height:100%; height: 100%; display:inline-block; text-align:left;}
.train-chain>.active {z-index:12 !important;}
.train-chain>span>img {height: 82%; vertical-align: bottom; display: inline; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none;}
.train span.train-head>img {height: 100%;position: relative; right: 3%; }
.train span.train-2 { width: 18%; }
.train span.train-3 { z-index: 5; }
.train-3>img.project-img {height: 38%; left: 4%; max-width: 94%; position: absolute; top: 49%;-moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);}
.train span:hover>img:first-child, .train span:hover>img+img {-moz-transform: scaleY(1.05); -ms-transform: scaleY(1.05); -o-transform: scaleY(1.05); -webkit-transform: scaleY(1.05); transform: scaleY(1.05);}
#train-prev, #train-next {position: absolute; bottom: 0; height: 35%; left: 36%; z-index: 11; cursor: pointer;}
#train-next {left: 57%;}
#train-prev:hover, #train-next:hover {opacity: .8;}

.social { right: 1.5%; width: 370px !important; z-index: 10; position:fixed; top: 72%;}
.social .text {overflow: visible;}
.social a { display: block; width: 60px; height: 60px; float: left; transition: .3s all ease-out; position: relative; background-size: 100% 100%; }
.fb { background: url(../img/social/fb.png) no-repeat; top: -5px; -moz-transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -o-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg); transform: rotateZ(-10deg); }
.tw { background: url(../img/social/tw.png) no-repeat; top: 5px; right: 5px; -moz-transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -o-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg); transform: rotateZ(15deg); }
.yu { background: url(../img/social/yu.png) no-repeat; right: 5px; top: 5px; -moz-transform: rotateZ(-5deg); -ms-transform: rotateZ(-5deg); -o-transform: rotateZ(-5deg); -webkit-transform: rotateZ(-5deg); transform: rotateZ(-5deg); }
.vk { background: url(../img/social/vk.png) no-repeat; right: 9px; -moz-transform: rotateZ(10deg); -ms-transform: rotateZ(10deg); -o-transform: rotateZ(10deg); -webkit-transform: rotateZ(10deg); transform: rotateZ(10deg); }
.social a:hover { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }

.lang {height: 19% !important; left: 2.4% !important; top: 4% !important; width: 120px !important; z-index: 10; position: absolute;}
.lang a { display: block; width: 52px; height: 52px; float: left; transition: .3s all ease-out; position: relative; background: url(../img/en.png) no-repeat; }
.lang a + a { background: url(../img/ru.png) no-repeat; }
.lang a:hover {opacity: 0.8; filter: alpha(opacity=80);}

.frame { background: #fff; background: rgba(255,255,255, .9); border: 1px solid #6e3c19; width: 6% !important; padding: 0.2% 0 0 0.4%; z-index: 10; top: 10% !important; height: 75% !important; position: absolute;}
.frame:before { background: url(../img/frame.png) no-repeat; content: ""; display: block; width: 43px; height: 43px; position: absolute; left: -10px; top: -10px; }
.frame:after { background: url(../img/frame.png) no-repeat -45px 0; content: ""; display: block; width: 43px; height: 43px; position: absolute; right: -10px; top: -10px; }

.frame-border { height: 100%; }
.frame-border:before { background: url(../img/frame.png) no-repeat 0 -45px; content: ""; display: block; width: 43px; height: 43px; position: absolute; left: -10px; bottom: -10px; }
.frame-border:after { background: url(../img/frame.png) no-repeat -45px -45px; content: ""; display: block; width: 43px; height: 43px; position: absolute; right: -10px; bottom: -10px; }

#train-content a img {max-width: 260px;}
.frame img {max-width: 90%; display: inline;}

.news { left: 14% !important; height: 65% !important; width: 6% !important;  }
.about { left: 24% !important; height: 50% !important; width: 9% !important; }
.jobs { left: 43% !important; height: 55% !important; width: 6% !important; }
.contacts { left: 88.5% !important; background: no-repeat; border: none; top: 28% !important;}
.contacts:before, .contacts:after { display: none; }
.info { left: 81.5% !important; height: 55% !important; width: 6% !important;  height: 25% !important;}
.info .short-text {height:  70%;}

/*TEXT*/
.text { padding: 15px 0; overflow: hidden; height: 80%; width: 95%; }

.short-text { height: 95%; width: 100%;position: relative; overflow: hidden;}
.full-text { display: none; width: 115%  !important; padding: 5% 0 25px 5%; position: absolute; top: -7% !important; background: rgba(255,255,255, .95); margin: 0 0 0 -15%; overflow: visible; height: auto !important;}
.full-text:before, .full-text:after {display: none;}
.read-more {color: #303030; border-bottom: 1px dashed #303030; cursor: pointer; display: block; margin: 10px 0;}
.read-more:hover {border-color: white;}
.read-more-header {cursor: pointer;}
.info .read-more {margin: 6px 0;}
.full {display: none;}


.news .full-text {top: -6% !important;}
.jobs .full-text {top: -2% !important; padding-right: 20px}
.full-text.portfolio { margin: 0 0 20px -40%; top: -150% !important; width: 250% !important; line-height: normal; font-size: 14px; height: 240% !important; background-position: center center; background-repeat: no-repeat;}

a.close {background: url(../img/close.png) no-repeat; width: 31px; height: 31px; position: absolute; top: -15px; right: -15px; display: block; cursor: pointer;}
.thank {font: bold 20px "Century Gothic"; display: block; color: #303030; margin: 0;text-align: center; height: 0; overflow: hidden; transition: .3s all ease;}

.navigation {top: 0; left: 9.5%; z-index: 6 !important; width: 3.3%; position: absolute; cursor: pointer;}
.navigation+.navigation {left: 53%;}
.navigation+.navigation+.navigation {left: 72%; }
.navigation+.navigation+.navigation+.navigation {left: 111%;}
.navigation img {width: 100%;}
.navigation img+img {position: relative; margin: -16% auto 0; width: 60%; }
.navigation img+img:hover {opacity: .8; filter: alpha(opacity=80);}


/*---FOOTER---*/
footer { border-top: 1px solid #cccccc; padding: 20px 0; color: #5b5b5b; font-size: 12px; overflow: hidden; clear: both; }
footer p { float: right; margin: 0 0 0 40px; }
footer p.copy { float: left; width: 50%; margin: 0; }


/*LOADER*/
div.loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../img/loader.gif); background-repeat: no-repeat; background-position: center 25%; background-color: #000; z-index: 100; }
.progress { position: absolute; top: 75%; left: 50%; margin: 0 0 0 -150px; width: 320px; height: 2px; }
.progress_percent { height: 100%; width: 0; background: #fff; -moz-transition: all 15s ease; -o-transition: all 15s ease; -webkit-transition: all 15s ease; transition: all 15s ease; }
.progress_percent.full { width: 100%;display: block; }

.iosFixedFix{position: absolute; width: 20000px; height: 100000px; top: 0px; left: 0px;}


/*MOBILE*/
.mobile {overflow: auto; overflow-y: hidden; }
.mobile .menu {top: 50%; }
.mobile .social {top: 78%;}
.mobile body {overflow: scroll; box-shadow: 0 -3px 0 10px #000 inset; background: #000; overflow-y: hidden;}
.mobile .content {-moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important; transition: none !important; }
.mobile .scroll { padding-right: 25px; position: relative; overflow: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); overflow-scrolling: touch;}
.mobile.silk .scroll {-webkit-overflow-scrolling: auto;overflow-scrolling: auto; overflow: scroll; -webkit-transform: translateZ(0); -webkit-transition: -webkit-transform 0ms; -webkit-transform-origin: 0px 0px; -webkit-transform: translate3d(0px, 0px, 0px);}
.mobile div.loader {position:absolute;}
.mobile .train {overflow: auto;}
.mobile .train-chain {-webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out;}
.mobile .monkey-0 img+img { bottom: 53.5%; left: 72%; }
.mobile .monkey-0 img+img+img {bottom: 15.7%; left: 64.78%;}
.mobile .monkey-6 {right: 1%;}
.mobile .monkey-4 {display: none !important;}
.mobile .parallax {top: 2px;}
.mobile .social a { width: 65px; height: 65px; margin-top: 10px; }
.mobile .read-more {width: 90%;}
.mobile .lang>a {width: 36px; background-size: 100% auto; margin: 0 3px;}

.mobile article p {font-size: 16px;}
.mobile a {font-size: 14px; }
.mobile a, .mobile span,  .mobile img {-webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0);}

.mobile .feedback {width: 350px;}
.mobile .textarea { background-size: 100% auto;}
.mobile textarea {width: 300px; height: 70px;}
.mobile .tel {padding: 2% 0 5% 12%;}
.mobile .fio {padding: 4% 0 0 16%;}

.mobile .about { height: 320px !important;}
.mobile .info {left: 80.8% !important; height: 140px !important;}
.mobile .contacts {left: 87.8% !important; height: 290px !important; top: 25% !important;}
.mobile .frame {border-width: 2px;}

/*.mobile .bg, .mobile .bg-middle, .mobile .bg-middle>img, .mobile .parallax > img {pointer-events: none;}*/
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}


/*SMARTFONES*/
.smart {background: #000; overflow-x: visible !important; width: 100%;}
.smart .main {background:url(../img/mobile/bg.jpg) no-repeat center 0; background-size: 100% auto;}
.small>div { width: 100%;}

.smart article p {font-size: 13px;}
.smart a {font-size: 12px; }

.logo__smart { width: 65%; margin: auto; padding: 6% 0;}
.menu__smart {width: 100%; margin: 5% auto;  z-index: 2; position: relative; background: url(../img/mobile/menu-repeat.png) repeat-y center 0; background-size: 98% auto;  height: 40%;}
.menu-bg-bottom>a {width: 85%; padding-left: 10px; margin: auto; height: 105px; height: 10vh; display: block; position: relative; cursor: pointer; transition: opacity .2s ease; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0); }
.menu-bg-bottom>a>img {width: 100%;-moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);  }
.menu__smart__hidden { z-index: -1; position: absolute; display: none;}

.menu-bg-top {padding-top: 30px; background: url(../img/mobile/menu-top.png) no-repeat center 0; background-size: 98% auto;}
.menu-bg-bottom { background: url(../img/mobile/menu-bottom.png) no-repeat center 100%; background-size: 98% auto; padding: 0 0 50px;}

.content__smart {width: 100%; height: 100% !important;overflow: hidden; display: none; z-index: 3; position: fixed; top: 0; left: 100%; opacity: 0; transition: left .3s  ease-out, opacity .5s ease; background: #000 url(../img/mobile/bg-about.jpg) no-repeat; background-position: center 0;  background-size: auto 88%;}
.content__smart.opened {left: 0; opacity: 1; overflow: hidden;}
.content__smart.news-bg {background-image: url(../img/mobile/bg-news.jpg);}
.content__smart.about-bg {background-image: url(../img/mobile/bg-about.jpg);}
.content__smart.info-bg {background-image: url(../img/mobile/bg-contacts.jpg);}
.content__smart.jobs-bg {background-image: url(../img/mobile/bg-career.jpg);}
.content__smart.products-bg {background-image: url(../img/mobile/bg-products.jpg);}

.content__smart .full {display: block;}
.content__smart .short-text, .content__smart .read-more {display: none;}


.smart .lang {top: 1% !important; left: 1.8% !important; z-index: inherit; height: 200px !important;}
.smart .lang>a {width: 29%; height: 34%; background-size: 100% auto; margin: 0 5px 0 0;}
.smart .social {border-top: 3px solid #290e02; text-align: center; width: 100% !important; position: static; padding: 8px 0 15px 0;}
.smart .social .text {padding: 5px 0 10px;}
.smart .social a {float: none; display: inline-block; width: 40px; height: 40px;}
.content__smart .social {position: absolute !important;top: 84.5%;right: 0;background: #000; border-color: #5c2408; padding: 15px 0 0 0;}
.content__smart .social a {/*width: 25px; height: 25px;*/}
.smart .social>.text {width: 100%;}
.content__smart>.text {padding-top: 2px;}
.content__smart .frame {top: 11% !important;height: 67% !important;}

.smart .frame {width: 90% !important; height: 68% !important; left: 5% !important; display: none; }
.smart .frame.products {display: block;}
.smart .frame-border:before, .smart .frame-border:after, .smart .frame:before, .smart .frame:after {background-image: url(../img/mobile/frame.png);height: 48px; width: 44px;}
.smart .frame:after { background-position: -56px 0; }
.smart .frame-border:before { background-position: 0 -51px; }
.smart .frame-border:after { background-position: -56px -51px; }
.smart .frame-border {padding: 0 0 0 20px;}
.smart .placeholder {padding-top: 20px;}

.menu__smart .scroll {width: 92%;}
.menu__smart .frame {position: relative !important; top: 0 !important; left: 1.5% !important; margin: 3% auto; width: 87% !important; background: rgba(198, 171, 152, 0.9);}
.menu__smart .frame h2 {font-size: 15px; background: #a08c79; padding: 5px 10px; margin: 10px 0;}
.menu__smart .frame p {font-size: 10px; font-weight: bold;}
.menu__smart .frame.products {background: rgba(43, 29, 16, 0.9);  height: 200px !important; display: block; border-color: #7f5e46;margin-bottom: 25px;}
.menu__smart .frame.products.initial {position: absolute !important; z-index: -11 !important; left: -1000px !important;}
.menu__smart .frame.products .frame-border {padding: 0;}
.menu__smart .train-chain { right: 0 !important; top: 0 !important; margin: auto; height: 100%; font-size: 12px !important;}
span.train-mobile {width: 100%; min-width: 270px; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; line-height: 210px;text-align: center;}
.train-mobile .project-img {max-width: 77%; height: auto !important; vertical-align: middle; position:  relative; bottom: 10px;}

.smart .scroll { padding-right: 20px; position: relative; overflow-y: auto; width: 86%; -webkit-overflow-scrolling: touch;  overflow-scrolling: touch;}
.smart .scroll .text {overflow-y: scroll; -webkit-overflow-scrolling: touch;height: 92%;width: 108%;}

.signboard {background: url(../img/mobile/signboard.png) no-repeat; background-size: 100% auto; height: 10%; left: 28%; position: absolute;top: 0;width: 45%;}
.signboard-image {background-size: 100% auto; background-repeat: no-repeat; display: block; height: 40%; margin: 16% 24% 0; width: 48%;}
.news-bg .signboard-image {background-image: url(../../../media/menu/en/menu-1.png);}
.about-bg .signboard-image {background-image: url(../../../media/menu/en/menu-2.png);}
.info-bg .signboard-image {background-image: url(../../../media/menu/en/menu-5.png);}
.jobs-bg .signboard-image {background-image: url(../../../media/menu/en/menu-3.png);}
.products-bg .signboard-image {background-image: url(../../../media/menu/en/menu-4.png);}
.news-bg.ru .signboard-image {background-image: url(../../../media/menu/ru/menu-1.png);}
.about-bg.ru .signboard-image {background-image: url(../../../media/menu/ru/menu-2.png);}
.info-bg.ru .signboard-image {background-image: url(../../../media/menu/ru/menu-5.png);}
.jobs-bg.ru .signboard-image {background-image: url(../../../media/menu/ru/menu-3.png);}
.products-bg.ru .signboard-image {background-image: url(../../../media/menu/ru/menu-4.png);}

.to-back {display: block;  position: absolute; width: 20%; height: 10%; top: 0; left: 2%; background: url(../img/mobile/back.png) no-repeat; background-size: 100% auto; z-index: 222;-webkit-transform: translate3d(0,0,0);}
.to-menu {background-image: url(../img/mobile/to-menu.png); left: auto; right: 2%;}

.sorry {display: none; background: url(../img/rotate.png) center 30% no-repeat  rgba(0,0,0, 0.9); background-size: auto 30%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index:9999;}
.sorry>p { position: relative; top: 70%; margin: auto; font-size: 20px; font-weight: bold; color: #fff;text-align: center;vertical-align: middle; text-shadow: 0 0 5px rgba(0, 0, 0, 100)}

@media screen and (max-height: 800) {
    .button { background-position: center -50px; padding: 10px 0 60px; }
    .menu-bg-bottom > a {
        width: 85%;
        padding-left: 10px;
        margin: auto;
        height: 65px;
    }
}

.scroll { height: 94%; width: 100%; }
.jspContainer { overflow: hidden; position: relative; padding: 0 21% 0 0 !important; width: 75% !important; }
.jspPane { position: absolute; width: 85% !important; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; width: 30px; }
.jspHorisontalBar   { display: none; }
.jspCap { display: none; }
.jspTrack { background: #cdc1b7; position: relative; width: 18px; margin: auto; border: 1px solid #c3b8b2; border-radius: 3px; }
.jspDrag { background: url(../img/scroll-drag.png) repeat-y center center;position: relative; top: 0; left: -20%; cursor: pointer; width: 140%; margin: 20px 0; }
.jspDrag:before {content: ""; display: block; background: url(../img/scroll-drag-top.png) no-repeat; width: 22px; height: 23px;position: absolute; top: -22px;left: 3px;}
.jspDrag:after {content: ""; display: block; background: url(../img/scroll-drag-bottom.png) no-repeat; width: 22px; height: 23px;position: absolute; bottom: -23px;right: 3px;}
.jspArrow { background: url(../img/scroll.png) no-repeat; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; width: 30px; height: 44px; }
.jspArrow.jspArrowDown { background-position: 0 100%; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/*Shadowbox*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../img/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../img/close2.png);}
#sb-nav-next{background-image:url(../img/next.png);}
#sb-nav-previous{background-image:url(../img/previous.png);}
#sb-nav-play{background-image:url(../img/play.png);}
#sb-nav-pause{background-image:url(../img/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* BXSLIDER */
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
    width: 100% !important;
    /*display: none;*/
}
.bx-wrapper img {
    max-height: 90%;
	display: block;
    margin: auto;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    height: 200px !important;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	color: #c67031;
	padding: 5px 0 10;
    background: url(../img/mobile/counter.png) no-repeat center 0;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    bottom: 10px;
    padding: 0 0 10px;
    background-size: auto 100%;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	outline: 0;
	width: 57px;
	height: 79px;
	text-indent: -9999px;
	z-index: 9999;
    background-size: contain;
}
.bx-wrapper .bx-controls-direction a:hover {opacity: 0.8;}
.bx-wrapper .bx-prev {
	left: -25px;
	background: url(../img/mobile/products-prev.png) no-repeat;
}
.bx-wrapper .bx-next {
	right: -25px;
	background: url(../img/mobile/products-next.png) no-repeat;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}


/*ANIMATION*/
@-webkit-keyframes menu-forward {
    0% { margin: 0; }
    50% { margin: 0 0 0 -50px; }
    100% { margin: 0; }
}
@-webkit-keyframes menu-back {
    0% { margin: 0; }
    50% { margin: 0 0 0 50px; }
    100% { margin: 0; }
}
@keyframes menu-forward {
    0% { margin: 0; }
    50% { margin: 0 0 0 -50px; }
    100% { margin: 0; }
}
@keyframes menu-back {
    0% { margin: 0; }
    50% { margin: 0 0 0 50px; }
    100% { margin: 0; }
}
@-webkit-keyframes monkey {
    0% { margin: -10% 0 0 20%; -moz-transform: rotateZ(-60deg); -ms-transform: rotateZ(-60deg); -o-transform: rotateZ(-60deg); -webkit-transform: rotateZ(-60deg); transform: rotateZ(-60deg); }
    30% { margin: -10% 0 0 20%; -moz-transform: rotateZ(-60deg); -ms-transform: rotateZ(-60deg); -o-transform: rotateZ(-60deg); -webkit-transform: rotateZ(-60deg); transform: rotateZ(-60deg); }
    50% { margin: 1% 0 0 0%; -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    85% { margin: -10% 0 0 -15%; -moz-transform: rotateZ(60deg); -ms-transform: rotateZ(60deg); -o-transform: rotateZ(60deg); -webkit-transform: rotateZ(60deg); transform: rotateZ(60deg); }
    100% { margin: -10% 0 0 -15%; -moz-transform: rotateZ(60deg); -ms-transform: rotateZ(60deg); -o-transform: rotateZ(60deg); -webkit-transform: rotateZ(60deg); transform: rotateZ(60deg); }
}
@keyframes monkey {
    0% { margin: -10% 0 0 20%; -moz-transform: rotateZ(-60deg); -ms-transform: rotateZ(-60deg); -o-transform: rotateZ(-60deg); -webkit-transform: rotateZ(-60deg); transform: rotateZ(-60deg); }
    20% { margin: -10% 0 0 20%; -moz-transform: rotateZ(-60deg); -ms-transform: rotateZ(-60deg); -o-transform: rotateZ(-60deg); -webkit-transform: rotateZ(-60deg); transform: rotateZ(-60deg); }
    50% { margin: 1% 0 0 0%; -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    80% { margin: -10% 0 0 -15%; -moz-transform: rotateZ(60deg); -ms-transform: rotateZ(60deg); -o-transform: rotateZ(60deg); -webkit-transform: rotateZ(60deg); transform: rotateZ(60deg); }
    100% { margin: -10% 0 0 -15%; -moz-transform: rotateZ(60deg); -ms-transform: rotateZ(60deg); -o-transform: rotateZ(60deg); -webkit-transform: rotateZ(60deg); transform: rotateZ(60deg); }
}
@-webkit-keyframes rotate {
    0% { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    50% { -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
    100% { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}
@keyframes rotate {
    0% { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    50% { -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
    100% { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}

@media screen and (max-width: 1024px) {
    /*div, span, img {-moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important;transition: none !important; }*/
    .bg { background-image: url(../img/1024/fon.jpg);}
    .bg-middle { background-image: url(../img/1024/bg-mid.png); }
    .feedback { background-image: url(../img/1024/agregat.png); }
    div.loader {background-image: url(../img/1024/loader.gif);}
}