article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}        @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Extrabold.eot'); src: url('fonts/gilroy/hinted-Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Extrabold.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Extrabold.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Extrabold.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Extrabold.svg#Gilroy-Extrabold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Medium.eot'); src: url('fonts/gilroy/hinted-Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Medium.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Medium.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Medium.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Medium.svg#Gilroy-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Bold.eot'); src: url('fonts/gilroy/hinted-Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Bold.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Bold.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Bold.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Bold.svg#Gilroy-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Heavy.eot'); src: url('fonts/gilroy/hinted-Gilroy-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Heavy.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Heavy.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Heavy.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Heavy.svg#Gilroy-Heavy') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Regular.eot'); src: url('fonts/gilroy/hinted-Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Regular.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Regular.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Regular.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Regular.svg#Gilroy-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-UltraLight.eot'); src: url('fonts/gilroy/hinted-Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-UltraLight.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-UltraLight.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-UltraLight.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-UltraLight.svg#Gilroy-UltraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Semibold.eot'); src: url('fonts/gilroy/hinted-Gilroy-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Semibold.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Semibold.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Semibold.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Semibold.svg#Gilroy-Semibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Light.eot'); src: url('fonts/gilroy/hinted-Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Light.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Light.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Light.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Light.svg#Gilroy-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Thin.eot'); src: url('fonts/gilroy/hinted-Gilroy-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Thin.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Thin.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Thin.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Thin.svg#Gilroy-Thin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/gilroy/hinted-Gilroy-Black.eot'); src: url('fonts/gilroy/hinted-Gilroy-Black.eot?#iefix') format('embedded-opentype'), url('fonts/gilroy/hinted-Gilroy-Black.woff2') format('woff2'), url('fonts/gilroy/hinted-Gilroy-Black.woff') format('woff'), url('fonts/gilroy/hinted-Gilroy-Black.ttf') format('truetype'), url('fonts/gilroy/hinted-Gilroy-Black.svg#Gilroy-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'AvenirNextCyr-Bold'; src: url('fonts/AvenirNext/AvenirNextCyr-Bold.ttf') format('truetype'); } @font-face { font-family: 'AvenirNextCyr-Demi'; src: url('fonts/AvenirNext/AvenirNextCyr-Demi.ttf') format('truetype'); } @font-face { font-family: 'AvenirNextCyr-Regular'; src: url('fonts/AvenirNext/AvenirNextCyr-Regular.ttf') format('truetype'); } @font-face { font-family: 'AvenirNextCyr-Medium'; src: url('fonts/AvenirNext/AvenirNextCyr-Medium.ttf') format('truetype'); } body { font: 400 16px/24px 'Gilroy', sans-serif; color: #444; background: #fff; min-width: 1200px; position: relative; -webkit-font-smoothing: antialiased; } a { text-decoration: none; outline: none !important; color: inherit; } h1, h2, h3, h4 { margin: 0; } /* \Standard Tags */ /* I Elements */ .l-main { min-width: 1200px; overflow: hidden; } .i-clear { clear: both; } .i-block { margin: 0 auto; position: relative; width: 980px; } .i-lazy { -webkit-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; } .i-noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.i-loader { position: fixed; z-index: 19000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(242, 242, 242, 0.9) url(images/rolling.svg) no-repeat center; display: none; } /* \I Elements */ /* Unique Elements */ .b-logo { width: 211px; height: 56px; background: transparent url(images/empty.png) no-repeat center center/contain; margin-right: 40px; }
.b-name, .b-addr { text-align: left; font-size: 14px; line-height: 22px; font-weight: 500; border-left: 1px solid rgba(166, 166, 166, 0.6); padding-left: 28px; }
.b-name { font-size: 13px; color: #444; padding: 4px 0 4px 40px; max-width: 247px; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.b-location { /* margin-left: auto; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; line-height: 15px; color: #000; font-weight: 500; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .b-location__icon { width: 20px; height: 24px; margin-right: 10px; } .b-location__icon svg { width: 100%; height: 100%; } .b-addr a { position: relative; display: inline-block; color: #D92626; font-size: 14px; line-height: 22px; border-bottom: dashed 1px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 3px; } .b-addr a:hover { color: #444; border-bottom-color: transparent; } .b-contacts { text-align: right; font-size: 14px; line-height: 21px; margin-left: 0; margin-top: 10px; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .b-contacts, .b-location, .b-logo, .b-name { opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .page-ready .b-contacts, .page-ready .b-location, .page-ready .b-logo, .page-ready .b-name { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .b-phone { display: block; font-size: 21px; line-height: 21px; font-weight: 500; color: #444; margin-bottom: 2px; letter-spacing: 0.004em; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } @media screen and (max-width: 1219px) { .b-phone:hover { color: #f1494a; } } .b-sub { font-size: 14px; line-height: 120%; font-weight: 400; } .b-header h1 { font-size: 52px; line-height: 58px; font-weight: 700; margin-bottom: 20px; } .b-header h2 { font-size: 44px; line-height: 50px; font-weight: 700; margin-bottom: 15px; letter-spacing: 0em; } .b-header h2 strong { font-weight: 800; color: #f1494a; } .b-header p { margin: 0; font-size: 18px; line-height: 120%; font-weight: 400; margin-bottom: 30px; } .b-header p strong { font-weight: 600; color: #f68657; } .b-button { display: inline-block; vertical-align: middle; }


.b-button-i { position: relative; top: 0; display: block; border: 0;
font-size: 14px; outline: none; color: #fff; text-transform: uppercase; letter-spacing: 0.1em;
font-weight: 800; padding: 0 80px; height: 82px; line-height: 82px;
border-radius: 82px; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.14);
-webkit-box-shadow: 0px 6px 18px rgba(255, 200, 100, 0.44);
box-shadow: 0px 6px 18px rgba(255, 200, 100, 0.44); /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */
background: #e9ab3c; /* -o-linear-gradient(100deg, #e9ab3c 0%, #8c692c 100%) */
/* background: linear-gradient(98.44deg,#e9ab3c 10%,#8c692c 90%); */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f64d4d', endColorstr='#c9252d', GradientType=0); */
-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.b-button-i:disabled { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .5; }
/* .b-button-i:not(:disabled):hover { background:linear-gradient(98.44deg,#e9ab3c 10%,#e9ab3c 90%); } */
button.b-button-i:not(:disabled):focus { -webkit-box-shadow: 0px 1px 18px rgba(186, 39, 31, 0.24), inset 0px 0px 0px 82px rgba(183, 18, 26, 0.5); box-shadow: 0px 1px 18px rgba(186, 39, 31, 0.24), inset 0px 0px 0px 82px rgba(183, 18, 26, 0.5); }

.b-form-block-body-line_submit .b-button-i { padding: 0; width: 337px; text-align: center; } .i-lazy_cover { background-size: 100% !important; background-position: center center !important; -webkit-transition: none; -o-transition: none; transition: none; } .tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 999999999999; font-family: Arial } .tipsy-inner { padding: 5px 10px 4px; background-color: #000; color: #fff; max-width: 500px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .tipsy-arrow { position: absolute; background: url(images/tipsy.gif) top left no-repeat; width: 9px; height: 5px } .tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow { bottom: 0; background-position: bottom left } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px } .tipsy-nw .tipsy-arrow { top: 0; left: 10px } .tipsy-ne .tipsy-arrow { top: 0; right: 10px } .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; width: 5px; height: 9px } .tipsy-s .tipsy-arrow { left: 50%; margin-left: -4px } .tipsy-sw .tipsy-arrow { left: 10px } .tipsy-se .tipsy-arrow { right: 10px } .tipsy-e .tipsy-arrow { right: 0; background-position: top right } .tipsy-w .tipsy-arrow { left: 0 } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0%, 100% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes pulse { 0%, 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0); transform: rotate(0) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); -ms-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } } @keyframes wobble { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); transform: scale(.9) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } .flipInY, .flipOutX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); -ms-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } .b-block-menu { font-size: 0; line-height: 0; position: relative; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .b-block-menu__item { display: inline-block; vertical-align: top; height: 28px; line-height: 29px; border: 1px solid #06D0F9; border-radius: 28px; font-size: 12px; font-weight: 500; color: #444; text-transform: uppercase; letter-spacing: .075em; padding: 0 18px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; overflow: hidden; position: relative; z-index: 0; } .b-block-menu__item:before { content: ''; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; background: -o-linear-gradient(top, #6AE3FB 0%, #06D0F9 100%); background: -webkit-gradient(linear, left top, left bottom, from(#6AE3FB), to(#06D0F9)); background: linear-gradient(180deg, #6AE3FB 0%, #06D0F9 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } .b-block-menu__item:hover, .b-block-menu__item_active { color: #fff; border-color: #06D0F9; } .b-block-menu__item:hover:before, .b-block-menu__item_active:before { opacity: 1; } .b-block-slides__item { opacity: 0.0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-block-slides__item_active { opacity: 1.0; visibility: visible; } /* Topbar */ .b-block_topbar-helper, .b-block_topbar-menu-c, .b-block_topbar-menu-l, .b-block_topbar__item { display: inline-block; vertical-align: middle } .b-block_topbar-menu-l, .b-block_topbar-menu-c { position: absolute; left: 53px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .b-block_topbar-menu-c { cursor: pointer; } .b-block_topbar { position: fixed; left: 0; top: 0; bottom: 0; width: 268px; height: 100%; background: #fff; z-index: 9; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1.0; visibility: visible; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .b-block_topbar_hidden { -webkit-transform: translate(-268px, 0px); -ms-transform: translate(-268px, 0px); transform: translate(-268px, 0px); opacity: 0.0; visibility: hidden; } .b-block_topbar .b-block-i, .b-block_topbar__item { position: relative; line-height: 36px; -webkit-transition: all .3s ease-in-out } .b-block_topbar:before { content: ''; display: inline-block; vertical-align: middle; width: 0px; height: 100%; } .b-block_topbar .b-block-i { display: inline-block; vertical-align: middle; width: auto; margin: 0; height: auto; font-size: 0; text-align: left; padding-left: 50px; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .b-block_topbar__item { text-decoration: none; outline: 0 !important; height: 30px; font-size: 11px; letter-spacing: 0.075em; color: #444; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.0); -webkit-box-sizing: border-box; box-sizing: border-box; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .b-block_topbar__item:hover { color: #f1494a; border-bottom: 1px solid #f1494a; } .b-block_topbar-menu { position: fixed; padding: 20px 53px; left: 0; right: 0; top: 0; height: 56px; background: rgba(26, 40, 48, .0); opacity: 1; font-size: 0; z-index: 99; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-bottom: solid 1px transparent; } .b-block_topbar-menu_active { background-color: #fff; border-bottom-color: transparent; } .b-block_topbar-menu_scroll { background-color: #fff; -webkit-box-shadow: 0px 32px 120px rgba(0, 0, 0, 0.1); box-shadow: 0px 32px 120px rgba(0, 0, 0, 0.1); border-bottom-color: #D92626; }
.b-menu-content { max-width: 940px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; } b-block_topbar-menu { font-family: 'AvenirNextCyr-Bold'; margin-bottom: 2px; font-size: 17px; line-height: 17px; } .b-menu-phone__sub { font-size: 14px; line-height: 22px; } .b-menu-phone__link { color: #D92626; font-size: 17px; line-height: 22px; border-bottom: dashed 1px; padding-bottom: 3px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .b-menu-phone__link:hover { color: #444; border-bottom-color: transparent; } .b-block_topbar-menu-c:hover { background: rgba(26, 40, 48, .0); } .b-block_topbar-menu-l { width: 0; height: 100% }
.b-block_topbar-menu__line { width: 30px; height: 3px; background: #000; margin-bottom: 5px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: 0px 6px 18px rgba(255, 255, 255, 0.44); box-shadow: 0px 6px 18px rgba(255, 255, 255, 0.44); } .b-block_topbar-menu__line:last-child { margin-bottom: 0; width: 65%; } .b-block_topbar-menu_active .b-block_topbar-menu__line:last-child { width: 100%; } .b-block_topbar-menu .b-block_topbar-menu__line:nth-child(3) { display: none; } .b-block_topbar-menu-c:hover .b-block_topbar-menu__line:nth-child(1) { -webkit-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); } .b-block_topbar-menu-c:hover .b-block_topbar-menu__line:nth-child(2) { -webkit-transform: translate(0px, -2px); -ms-transform: translate(0px, -2px); transform: translate(0px, -2px); } .b-block_topbar-menu-c:hover .b-block_topbar-menu__line:nth-child(3) { -webkit-transform: translate(0px, 2px); -ms-transform: translate(0px, 2px); transform: translate(0px, 2px); } .b-block_topbar-menu-c:hover .b-block_topbar-menu__line:nth-child(4) { width: 100%; -webkit-transform: translate(0px, 2px); -ms-transform: translate(0px, 2px); transform: translate(0px, 2px); } .b-block_topbar-menu_active .b-block_topbar-menu__line { -webkit-transform: translate(-600px, 0px) !important; -ms-transform: translate(-600px, 0px) !important; transform: translate(-600px, 0px) !important; opacity: 0; } .b-block_topbar-menu_active .b-block_topbar-menu__line:first-child { -webkit-transform: rotate(45deg) translate(3px, 3px) !important; -ms-transform: rotate(45deg) translate(3px, 3px) !important; transform: rotate(45deg) translate(3px, 3px) !important; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; opacity: 1; } .b-block_topbar-menu_active .b-block_topbar-menu__line:last-child { -webkit-transform: rotate(-45deg) translate(8px, -8px) !important; -ms-transform: rotate(-45deg) translate(8px, -8px) !important; transform: rotate(-45deg) translate(8px, -8px) !important; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; opacity: 1; } @-webkit-keyframes menuBlink { 0% { opacity: 1.0; visibility: visible; } 25% { opacity: 0.0; visibility: hidden; } 50% { opacity: 1.0; visibility: visible; } 75% { opacity: 0.0; visibility: hidden; } 100% { opacity: 1.0; visibility: visible; } } @keyframes menuBlink { 0% { opacity: 1.0; visibility: visible; } 25% { opacity: 0.0; visibility: hidden; } 50% { opacity: 1.0; visibility: visible; } 75% { opacity: 0.0; visibility: hidden; } 100% { opacity: 1.0; visibility: visible; } } /* \Topbar */ /* Header */ .b-block_header { position: relative; z-index: 0; color: #444; }
.b-block_header .b-block-i { height: 100vh; min-height: 840px; /* 1221 */ max-height: 1080px; }
.b-block_header-video { position: absolute; left: 512px; top: 480px; width: 175px; height: 175px; border: 1px solid rgba(6, 208, 249, 1); border-radius: 100%; -webkit-box-shadow: 0px 0px 0px 0px rgba(229, 71, 74, 0.0); box-shadow: 0px 0px 0px 0px rgba(229, 71, 74, 0.0); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.b-block_header-video:hover { -webkit-box-shadow: 0px 0px 0px 60px rgba(6, 208, 249, 0.1); box-shadow: 0px 0px 0px 60px rgba(6, 208, 249, 0.1); }
.b-block_header-video-i { position: relative; width: 100%; height: 100%; font-size: 0; text-align: center; }
.b-block_header-video-i:before { content: ''; position: absolute; left: -32px; top: -32px; width: 237px; height: 237px; border: 1px solid rgba(6, 208, 249, 0.64); border-radius: 100%; }
.b-block_header-video:hover .b-block_header-video-i:before { -webkit-animation: circle 1.0s linear infinite; animation: circle 1.0s linear infinite; }
.b-block_header-video-i:after { content: ''; position: absolute; left: -68px; top: -68px; width: 309px; height: 309px; border: 1px solid rgba(6, 208, 249, 0.32); border-radius: 100%; }
.b-block_header-video:hover .b-block_header-video-i:after { -webkit-animation: circle 1.0s linear infinite; animation: circle 1.0s linear infinite; }
.b-block_header-video-l { display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.b-block_header-video-c { display: inline-block; vertical-align: middle; }
.b-block_header-video-play { display: inline-block; vertical-align: top; width: 45px; height: 49px; background: transparent url(images/empty.png) no-repeat center center; background-size: 45px 49px; margin-bottom: 10px; margin-top: 10px; }
.b-block_header-video-text { font-size: 11px; line-height: 18px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .b-block_header-video-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 100%; z-index: 2; }
.b-block_header-image { position: absolute; left: 525px; top: 158px; width: 541px; height: 478px; background: transparent url(images/empty.png) no-repeat center center; background-size: contain; /* 541px 478px; */ }
.b-block_header .b-logo { position: absolute; left: 20px; top: 15px; opacity: 0.0; visibility: hidden; }
.b-logo__link { display: block; width: 100%; height: 100%; }
.i-loaded .b-block_header .b-logo { -webkit-animation: showFromTop 0.5s 0.0s ease-in-out forwards; animation: showFromTop 0.5s 0.0s ease-in-out forwards; }
.b-block_header .b-name { position: absolute; left: 292px; top: 29px; opacity: 0.0; visibility: hidden; }
.i-loaded .b-block_header .b-name { -webkit-animation: showFromTop 0.5s 0.3s ease-in-out forwards; animation: showFromTop 0.5s 0.3s ease-in-out forwards; }
.b-block_header .b-contacts { position: absolute; right: 20px; top: 28px; z-index: 2; opacity: 0.0; visibility: hidden; }
.i-loaded .b-block_header .b-contacts { -webkit-animation: showFromTop 0.5s 0.6s ease-in-out forwards; animation: showFromTop 0.5s 0.6s ease-in-out forwards; }
.b-block_header .b-block-content { position: absolute; left: 20px; top: 155px; opacity: 0.0; visibility: hidden; }
@media screen and (min-height: 944px) {
    .b-block_header-image { top: 147px; }
    .b-name .b-block_header-video { top: 510px; }
    .b-block_header .b-block-content { top: 135px; }
}
@media screen and (min-height: 1044px) {
    .b-block_header .b-logo { top: 35px; }
    .b-block_header .b-name { top: 49px; }
    .b-block_header .b-contacts { top: 48px; }
    .b-block_header-image { top: 267px; }
    .b-block_header-video { top: 630px; }
    .b-block_header .b-block-content { top: 255px; }
    .b-block_header .b-block-i { min-height: 1360px; }
}
.i-loaded .b-block_header .b-block-content { -webkit-animation: showFromTop 0.5s 0.9s ease-in-out forwards; animation: showFromTop 0.5s 0.9s ease-in-out forwards; }
.b-block_header-end { margin-bottom: 50px; }
.b-block_header-benefits__item { margin-bottom: 16px; opacity: 0.0; visibility: hidden; }
.i-loaded .b-block_header .b-block_header-benefits__item_1 { -webkit-animation: showFromTop 0.5s 1.2s ease-in-out forwards; animation: showFromTop 0.5s 1.2s ease-in-out forwards; }
.i-loaded .b-block_header .b-block_header-benefits__item_2 { -webkit-animation: showFromTop 0.5s 1.5s ease-in-out forwards; animation: showFromTop 0.5s 1.5s ease-in-out forwards; }
.i-loaded .b-block_header .b-block_header-benefits__item_3 { -webkit-animation: showFromTop 0.5s 1.8s ease-in-out forwards; animation: showFromTop 0.5s 1.8s ease-in-out forwards; }
.i-loaded .b-block_header .b-block_header-benefits__item_4 { -webkit-animation: showFromTop 0.5s 2.1s ease-in-out forwards; animation: showFromTop 0.5s 2.1s ease-in-out forwards; }
.i-loaded .b-block_header .b-block_header-benefits__item_5 { -webkit-animation: showFromTop 0.5s 2.4s ease-in-out forwards; animation: showFromTop 0.5s 2.4s ease-in-out forwards; }
.i-loaded .b-block_header .b-block_header-benefits__item_6 { -webkit-animation: showFromTop 0.5s 2.7s ease-in-out forwards; animation: showFromTop 0.5s 2.7s ease-in-out forwards; }
.i-loaded .b-block_header .b-block_header-benefits__item_7 { -webkit-animation: showFromTop 0.5s 3.0s ease-in-out forwards; animation: showFromTop 0.5s 3.0s ease-in-out forwards; }
.b-block_header-benefits__item-icon { display: inline-block; vertical-align: middle; width: 17px; height: 17px; background: transparent url(images/rolling.svg) no-repeat center center; background-size: 17px 17px; margin-right: 12px; }
.b-block_header-benefits__item-text { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 120%; font-weight: 500; text-transform: uppercase; letter-spacing: 0.075em; }
.b-block_header-benefits__item-text strong { font-weight: 700; color: #f1494a; } .b-block_header-logos { position: absolute; left: 20px; bottom: -32px; width: 940px; background: transparent url(images/empty.png) no-repeat center bottom; padding-top: 30px; border-top: 1px solid rgba(101, 101, 101, 0.1); background-size: 940px 60px; } @-webkit-keyframes showFromTop { 0% { opacity: 0.0; visibility: hidden; -webkit-transform: translate3d(0px, -30px, 0px); -ms-transform: translate3d(0px, -30px, 0px); transform: translate3d(0px, -30px, 0px); } 100% { opacity: 1.0; visibility: visible; -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } } @keyframes showFromTop { 0% { opacity: 0.0; visibility: hidden; -webkit-transform: translate3d(0px, -30px, 0px); -ms-transform: translate3d(0px, -30px, 0px); transform: translate3d(0px, -30px, 0px); } 100% { opacity: 1.0; visibility: visible; -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } } /* \Header */ /* Production */
.b-block_production { background: transparent; position: relative; color: #444; }
.b-block_production .b-block-i { /* height: 1200px; */ }
.b-block_production .b-header { padding-top: 120px; text-align: center; }
.b-block_production .b-header h2 { margin-bottom: 30px; }
.b-block_production .b-block-menu { text-align: center; margin-bottom: 35px; }
.b-block_production .b-block-menu__item { margin: 0px 7px; }
.b-block_production .b-block-slides { height: 330px; /* 740px */ position: relative; }
.b-block_production .b-block-slides__item { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.b-block_production__item { position: relative; display: inline-block; vertical-align: top; width: 158px; text-align: center; margin: 0 20px; margin-bottom: 25px; opacity: 1.0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: solid 1px transparent; -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0); box-shadow: 0px 8px 24px rgba(0, 0, 0, 0); border-radius: 8px; padding-bottom: 28px; }
.b-block_production__item:hover { border-color: #F6F6F6; -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.06); box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.06); background-color: #fff; } .b-block_production__item_fl { margin-left: 0px; }
.b-block_production__item_ll { margin-right: 0px; } .b-block_production__item-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .b-block_production__item-image { width: 100%; height: 160px; background: transparent url(images/empty.png) no-repeat center center; margin-bottom: 0px; } .b-block_production__item-text { font-size: 15px; line-height: 120%; font-weight: 500; } /* \Production */ .i-visiblefrom-mobile { display: none; } .i-visiblefrom-pc { display: block; } @-webkit-keyframes circle { 0% { -webkit-transform: scale(1.0); transform: scale(1.0) } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } @keyframes circle { 0% { -webkit-transform: scale(1.0); transform: scale(1.0) } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } span.i-visiblefrom-pc { display: inline; } @supports (-ms-ime-align:auto) { .b-block_header-benefits__item { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .i-loaded .b-block_header .b-block_header-benefits__item { -webkit-animation: none; animation: none; } .i-loaded .b-block_header .b-block-content { -webkit-animation: none; animation: none; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .b-block_header-benefits__item { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .i-loaded .b-block_header .b-block_header-benefits__item { -webkit-animation: none; animation: none; } .i-loaded .b-block_header .b-block-content { -webkit-animation: none; animation: none; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } } .teasers { width: 100%; max-width: 980px; margin: 0 auto; padding: 20px 20px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 66px minmax(0, 1fr) 66px minmax(0, 1fr); grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 66px; } .teasers-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .teasers-item__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; background-color: #fff; -webkit-box-shadow: 0 0 6px 0 #0000001F; box-shadow: 0 0 6px 0 #0000001F; border-radius: 50%; margin-bottom: 20px; } .teasers-item__icon svg { width: 21px; height: auto; } .teasers-item__title { font-size: 18px; line-height: 22px; font-weight: 500; } .teasers-item__text { margin-top: 10px; font-size: 14px; line-height: 22px; } @media screen and (min-width: 1200px) { .b-menu-phone__number { font-size: 20px; } .b-menu-phone__sub { margin-top: 7px; } .b-location__name { font-size: 15px; }
.b-location { /* margin-top: -22px; */ margin-left: 30px; } .b-name { max-width: 323px; } .b-contacts { margin-right: -100px; margin-left: 30px; } .teasers { padding: 30px 20px 70px; } }        @keyframes fade-in{from{opacity:0}to{opacity:1}}.b-block_works *{box-sizing:border-box}.b-block_works .b-header{text-align:center}.works-clients-list-container{position:relative}.works-clients-list{margin:0 auto}.works-clients-list .slick-list{padding:50px 50px}.works-clients-list .works-client{margin:0 50px;flex-direction:column}.works-clients-list .works-client:focus{outline:none}.works-clients-list .works-client .works-client-logo{width:100%;display:flex;justify-content:center;align-items:center;background:#FFFFFF;box-shadow:0 8px 24px rgba(0,0,0,0.04),0 32px 120px rgba(0,0,0,0.1);border-radius:24px;padding:26px 40px 25px;min-height:108px}.works-clients-list .works-client .works-client-logo__img{max-width:70%;max-height:80%}.b-block_works .works-clients-list .works-client{display:flex}.works-clients-list-arrow{padding:8px 12px;border:none;background:none;position:absolute;top:46%;transform:translateY(-50%);transition:0.3s}.works-clients-list-arrow.slick-disabled{opacity:0.5}.works-clients-list-arrow:focus{outline:none}.works-clients-list-arrow_prev{left:8%}.works-clients-list-arrow_next{right:8%}.works-client__title{margin-top:10px;font-weight:500;font-size:12px;line-height:14px;text-align:center;text-transform:uppercase;color:#444444;opacity:0.6}.works-cases{display:none;margin:20px 24px}.works-cases_active{transition:0.5s;display:block;animation-name:fade-in;animation-duration:2s;animation-fill-mode:forwards}.works-cases .works-cases__title{font-weight:bold;font-size:18px;line-height:22px;text-align:center;color:#444444;margin-bottom:30px}.works-cases .works-cases-gallery__img{display:block;background-repeat:no-repeat;background-size:cover;border-radius:8px;height:420px}.works-cases .works-cases-gallery:not(.slick-initialized){margin-bottom:60px}.works-cases .works-cases-gallery .slick-list{border-radius:8px}.works-cases .works-cases-gallery .works-cases-gallery__img:focus{outline:none}.works-cases .works-cases-gallery .slick-dots{list-style-type:none;display:flex;align-items:center;justify-content:center}.works-cases .works-cases-gallery .slick-dots li{flex-shrink:0}.works-cases .works-cases-gallery .slick-dots li button{font-size:0;border:none;border-radius:50%;background:rgba(154,160,173,0.3);position:relative;width:12px;height:12px;margin:20px 6px;transition:0.3s;z-index:0}.works-cases .works-cases-gallery .slick-dots li button:focus{outline:none}

.works-cases .works-cases-gallery .slick-dots li button::after{z-index:1;content:'';display:block;position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;
background:linear-gradient(180deg, #e8ab3c 0%, #e8ab3c 100%);border-radius:50%;transition:0.3s;opacity:0}.works-cases .works-cases-gallery .slick-dots li.slick-active button{transform-origin:center center;transform:scale(1.1)}.works-cases .works-cases-gallery .slick-dots li.slick-active button::after{opacity:1}.works-cases .works-cases-props-item{margin-bottom:40px}.works-cases .works-cases-props-item__label{font-weight:600;font-size:14px;line-height:14px;text-transform:uppercase;color:#000000;margin-bottom:10px}.works-cases .works-cases-props-item__value{font-size:15px;line-height:22px;color:#444444}@media only screen and (max-width: 767px){.works-cases-props-item:last-child{margin-bottom:0}}@media only screen and (min-width: 768px){.works-clients-list{margin-left:-60px;margin-right:-60px}.works-clients-list .slick-list{padding-left:68px;padding-right:68px}.works-clients-list .works-client{margin:0 8px;transition:0.3s}.works-clients-list .works-client .works-client-logo{transition:0.3s}.works-clients-list .works-client_active .works-client-logo__img{filter:grayscale(0%);opacity:1}.works-clients-list .works-client:not(.slick-active){opacity:0}.works-clients-list .works-client:not(.slick-active) .works-client-logo{box-shadow:none}.works-clients-list-arrow_prev{left:-30px}.works-clients-list-arrow_next{right:-30px}.works-cases{padding:40px 104px 28px;background:#FFFFFF;box-shadow:0 32px 120px rgba(0,0,0,0.1);border-radius:24px;margin-bottom:120px}.works-cases .works-cases__title{font-size:24px;line-height:34px}.works-cases .works-cases-props-item__value{font-size:16px}.works-cases-props{margin-top:50px;display:flex;flex-wrap:wrap}.works-cases-props-item{width:calc(50% - 22px);margin-bottom:30px}.works-cases-props-item:nth-child(odd){margin-right:43px}.works-client-logo__img{transition:0.3s;filter:grayscale(100%);opacity:0.5}}@media only screen and (min-width: 1220px){.works-clients-list .slick-list{padding-left:70px;padding-right:70px}.works-clients-list .works-client{margin:0 10px}.works-clients-list .works-client:hover .works-client-logo__img{filter:grayscale(0%);opacity:1}.works-cases-content{margin-top:-40px;display:flex;justify-content:space-between}.works-cases{padding:40px 40px 76px;margin-bottom:121px}.works-cases .works-cases__title{text-align:left}.works-cases .works-cases-props-item:nth-child(odd){width:200px;margin-right:22px}.works-cases .works-cases-props-item:nth-child(even){width:calc(100% - 222px);padding-right:22px}.works-cases .works-cases-gallery__img{height:316px}.works-cases .works-cases-gallery{width:400px;flex-shrink:0;margin-right:-130px;order:1;margin-top:45px}.works-cases .works-cases-props{flex:1}}

.modal-form { display: none; }

.i-check-mobile { display: none; }
.i-check-mid { display: none; }
@media only screen and (max-device-width: 736px) {
        input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select:focus,textarea{font-size:16px!important}.l-main,body{min-width:630px}*{-webkit-tap-highlight-color:transparent}.i-block{margin:0 auto;position:relative;width:100%}.b-form-input input{padding:0 40px}.b-header h1{font-size:48px;line-height:54px;margin-bottom:20px}.b-header h2{font-size:44px;line-height:50px}.b-header p{margin-bottom:25px}.i-lazy_cover{background-size:auto!important;background-position:center center!important}.tipsy{margin-left:0;margin-top:-10px}.tipsy-inner{font-size:18px;line-height:140%}.i-visiblefrom-mobile{display:block!important}.i-visiblefrom-pc{display:none!important}.i-lazy{-webkit-transition:background-image;-o-transition:background-image;transition:background-image}.b-block_topbar__item{font-size:27px;letter-spacing:0;line-height:67px;height:67px;font-weight:400}.b-name{height:auto;font-size:14px;line-height:21px}.b-phone{margin-bottom:3px}.b-block_topbar-menu{padding:15px 90px 15px 30px;height:60px}.b-block_topbar-menu-c{left:auto;right:20px;top:41px}.b-block_topbar-menu .b-logo{width:160px;height:40px}.b-block_topbar-menu .b-name,.up-button{display:none}.b-block_topbar-menu .b-location{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.b-block_topbar-menu .b-menu-phone__number{font-size:21px;line-height:21px}.b-block_topbar-menu .b-menu-phone__sub{line-height:16px}.b-block_topbar{width:500px;left:auto;right:0}.b-block_header{background:url(images/empty.png) center center/630px 1134px no-repeat #f9f9f9;position:relative;color:#444}
        .b-block_header .b-block-i{ /* height:1310px; */ min-height:1120px; /* 1450 */ max-height:1310px}
        .b-block_header-image{left:50%;margin-left:-203px;top:500px;width:439px;height:388px;background-size:contain; /* 439px 388px */ }
        .b-block_header .b-logo{left:20px;top:12px}.b-block_header .b-name{left:20px;top:83px;padding-left:0;border:none}.b-block_header .b-contacts{right:20px;top:83px}.b-block_header .b-block-content{left:20px;top:95px;width:590px;text-align:center}.b-block_header-end{margin-bottom:40px}.b-block_header-benefits{position:absolute;left:0;top:765px;width:590px;font-size:0;text-align:left}.b-block_header-benefits__item{margin-bottom:15px;display:inline-block;vertical-align:middle;white-space:nowrap;width:100%}.b-block_header-benefits__item-icon{vertical-align:middle}.b-block_header-benefits__item-text{vertical-align:middle;font-size:13px;line-height:120%;width:260px;margin-top:-3px}.b-block_header-benefits__item_1 .b-block_header-benefits__item-text,.b-block_header-benefits__item_2 .b-block_header-benefits__item-text{width:240px}.b-block_header-benefits__item_3 .b-block_header-benefits__item-text,.b-block_header-benefits__item_4 .b-block_header-benefits__item-text{width:290px}.b-block_header-logos{position:absolute;left:0;right:0;width:100%;padding:25px 20px 0;bottom:33px;background:url(images/empty.png) center center/590px 37px no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.b-block_header-video{left:92px;top:468px;width:118px;height:118px}
        .b-block_production .b-block-i{height:800px /* 1500 */ }
        .b-block_production .b-header{padding-top:95px;text-align:center}.b-block_production .b-header h2{margin-bottom:35px}.b-block_production .b-block-menu,.b-block_production__item{margin-bottom:30px}
        .b-block_production .b-block-slides{height:400px; /* 1200px */ position:relative;text-align:center}.b-block_production__item_fl,.b-block_production__item_ll{margin:0 20px 30px}.b-block_production__item:nth-child(3n+1),.b-form-license{margin-left:0}.b-block_production__item:nth-child(3n){margin-right:0}@media only screen and (max-device-width:500px){.i-lazy{-webkit-transition:background-image;-o-transition:background-image;transition:background-image}}#form{width:390px;height:450px;padding:20px 0;background:#fff!important}#form .b-ordercall-form-h{text-align:center}.b-block_header .bg{height:100%}            .i-check-mobile {
                display: block;
            }
}
@media only screen and (max-width: 1599px) {
            .i-check-mid {
                display: block;
            }
}