@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap');

* {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
html, body  {height:100%; min-width:360px; width:100%;}
body {position:relative; font:400 16px/1.3em 'Montserrat', sans-serif; color:#000; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent;}

a {color:#009fe3; text-decoration:underline; webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
a:hover {text-decoration:none;}

*::selection {background:#000; color:#fff}
*::-moz-selection {background:#000; color:#fff}

/* Reboot ================================================================================ */
div, span, applet, object, iframe, input, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {border:none; outline:none !important; vertical-align:baseline; background-color:transparent;}

form  {display:inline;}
button:focus,input:focus,select:focus,textarea:focus {outline:0;}
button {cursor:pointer; background-color:transparent; border:none;}
input[type="email"],input[type="tel"],input[type="text"],textarea {-weblit-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input {border:none; background:0 0;}
input:focus:-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
button,input,optgroup,select,textarea {font-family:Montserrat,sans-serif; font-size:100%; line-height:1.15; margin:0;}
button,input {overflow:visible;}
button,select {text-transform:none;}
[type="button"],[type="reset"],[type="submit"],button {-webkit-appearance:button;}
[type="button"]:-moz-focus-inner,[type="reset"]:-moz-focus-inner,[type="submit"]:-moz-focus-inner,button:-moz-focus-inner {border-style:none; padding:0;}
[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText;}
fieldset {padding:.35em .75em .625em;}
legend {-webkit-  color:inherit; display:table; max-width:100%; padding:0; white-space:normal;}
progress {vertical-align:baseline;}
textarea {overflow:auto;}
[type="checkbox"],[type="radio"] {-webkit-  padding:0;}
[type="number"]:-webkit-inner-spin-button,[type="number"]:-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield; outline-offset:-2px;}
[type="search"]:-webkit-search-decoration {-webkit-appearance:none;}
:-webkit-file-upload-button {-webkit-appearance:button; font:inherit;}

main {display:block;}

hr {-webkit-box-sizing:content-box; box-sizing:content-box; height:0; overflow:visible;}
a {text-decoration:none; background-color:transparent; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
p {margin:0;}
h1,h2,h3,h4,h5,h6 {margin:0;}
h1 {font-size:2em; margin:.67em 0;}
ul,ol {list-style:none; padding:0; margin:0;}
table {border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%;}
caption,th,td {vertical-align:top; text-align:left; font-weight:normal;}
address {font-style:normal;} 
blockquote {quotes:none;}
pre {font-family:monospace,monospace; font-size:1em;}
abbr[title] {border-bottom:none; text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted;}
b,strong {font-weight:bolder;}
code,kbd,samp {font-family:monospace,monospace; font-size:1em;}
small {font-size:80%;}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-.25em;}
sup {top:-.5em;}

img {border-style:none; vertical-align:top; display:block;}

details {display:block;}
summary {display:list-item;}
template {display:none;}
[hidden] {display:none;}
/* ======================================================================================= */

/* Tools ================================================================================= */
.wrapper {max-width:1280px; position:relative; margin:0 auto; min-width:360px; padding-top:0; padding-bottom:0; padding-left:50px; padding-right:50px; box-sizing:border-box;}

.overlay-active {overflow: hidden;}

.slick-loading .slick-list {background: #fff url('../images/ajax-loader.gif') center center no-repeat;}

.page {min-height:100%; position:relative; width:100%; box-sizing:border-box; padding:130px 0 150px}

.mobile-top-panel, .mobile-top-nav, .mobile-phone, .top-menu-panel {display:none; min-width:360px;}
.mobile-menu-overlay {visibility:hidden; overflow-x:hidden; overflow-y:auto; opacity:0; width:100%; height:100%; position:fixed; min-height:100%; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:9999989; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.mobile-menu {visibility:hidden; opacity:0; position:absolute; z-index:9999996; box-sizing:border-box; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0; visibility:hidden; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.5); width:100%; text-align:left; padding:20px 0; background-color:#fff;}
body.mobile-menu-active {overflow: hidden;}

.descktop-link {display:block;}
.mobile-link {display:none;}
/* ======================================================================================= */

/* Buttons =============================================================================== */
.button, .button:focus {box-sizing:border-box; overflow:hidden; outline: none !important; text-align:center; vertical-align:top; cursor:pointer; position:relative; display:inline-block; text-decoration:none; font:400 22px/36px 'Montserrat', sans-serif; padding:3px 30px 5px; color:#fff; webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border-left:none; border-right:none; border-radius:7px; text-shadow:0 -1px 0 #991015; border-top:2px solid #f37221; border-bottom:2px solid #991015;
background: #ff5c2a;
background: -moz-linear-gradient(top, #ff5c2a 0%, #c82c31 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff5c2a), color-stop(100%, #c82c31));
background: -webkit-linear-gradient(top, #ff5c2a 0%, #c82c31 100%);
background: -o-linear-gradient(top, #ff5c2a 0%, #c82c31 100%);
background: -ms-linear-gradient(top, #ff5c2a 0%, #c82c31 100%);
background: linear-gradient(to bottom, #ff5c2a 0%, #c82c31 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5c2a', endColorstr='#c82c31', GradientType=0 );
}
.button:hover {border-top:2px solid #f5851c; border-bottom:2px solid #aa1318; text-shadow:0 0 25px rgba(255,255,255,0.5), 0 -1px 0 #aa1318;
background: #ff6c3f;
background: -moz-linear-gradient(top, #ff6c3f 0%, #dc1e25 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff6c3f), color-stop(100%, #dc1e25));
background: -webkit-linear-gradient(top, #ff6c3f 0%, #dc1e25 100%);
background: -o-linear-gradient(top, #ff6c3f 0%, #dc1e25 100%);
background: -ms-linear-gradient(top, #ff6c3f 0%, #dc1e25 100%);
background: linear-gradient(to bottom, #ff6c3f 0%, #dc1e25 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c3f', endColorstr='#dc1e25', GradientType=0 );	
}
.button:active {border-top:2px solid #840d11; border-bottom:2px solid #c64e0e; color:#dcaaa8; text-shadow:0 -1px 0 #840d11; padding:5px 30px 3px; box-shadow:inset 0 0 10px rgba(132,13,17,0.5);
background: #a5171e;
background: -moz-linear-gradient(top, #a5171e 0%, #d74012 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #a5171e), color-stop(100%, #d74012));
background: -webkit-linear-gradient(top, #a5171e 0%, #d74012 100%);
background: -o-linear-gradient(top, #a5171e 0%, #d74012 100%);
background: -ms-linear-gradient(top, #a5171e 0%, #d74012 100%);
background: linear-gradient(to bottom, #a5171e 0%, #d74012 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5171e', endColorstr='#d74012', GradientType=0 );
}
/* ======================================================================================= */

/* Header ================================================================================ */
header {height:130px; position:fixed; top:0; left:0; right:0; width:100%; z-index:994; padding:0 0 6px; box-sizing:border-box; background:#fff; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
header.active {box-shadow:0 0 7px rgba(0,0,0,0.3);}

header > div {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; width:100%; height:130px;}
header > div > * {height:130px; box-sizing:border-box; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: start; align-content: start;}

header .header-logo {width:300px; text-align:left;}
header .header-logo a {display:inline-block; height:130px; width:300px; text-decoration:none; box-sizing:border-box; text-indent:-9999px; background:transparent url('../images/logo.svg') no-repeat 0 50%; background-size:300px auto;}

header .header-menu ul {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: stretch; align-content: center;}
header .header-menu li {padding:0 5%;}
header .header-menu li a {font:400 16px/1.2em 'Montserrat', sans-serif; color:#000; display:inline-block; padding:5px 0; position:relative;}
header .header-menu li a:after {content:""; position:absolute; bottom:-1px; height:1px; width:0; left:0; right:100%; background-color:#000; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
header .header-menu li a:hover:after {width:100%; right:0;}
header .header-menu li a.active:after {background-color:#009fe3; width:100%; right:0;}
header .header-menu li a.active {color:#009fe3;}

header .header-contacts {position:relative; text-align:right;}
header .header-contacts a.header-phone, header .header-contacts a.header-phone:hover {text-decoration:none; color:#000; display:inline-block; font:700 22px/24px 'Montserrat', sans-serif; padding:0 0 0 33px; white-space:nowrap; height:24px; position:relative;}
header .header-contacts a.header-phone:before {content:""; display:block; position:absolute; width:20px; height:20px; background:transparent url('../images/phone.svg') no-repeat 0 0; background-size:20px auto; left:0; top:1px;}
header .header-contacts a.header-mail, header .header-contacts a.header-mail:hover {text-decoration:none; color:#000; display:inline-block; font:500 18px/18px 'Montserrat', sans-serif; padding:0 0 0 33px; white-space:nowrap; height:18px; position:relative; margin:5px 0 0;}
header .header-contacts a.header-mail:before {content:""; display:block; position:absolute; width:16px; height:16px; background:transparent url('../images/mail.svg') no-repeat 0 0; background-size:16px auto; left:2px; top:1px;}

header .header-zaya {margin:10px 0 0; width:100%;}
header .header-zaya.button, header .header-zaya.button:focus {font:700 14px/20px 'Montserrat', sans-serif; text-transform:uppercase; border-radius:5px;}
header .header-zaya.button:hover {text-shadow:0 0 15px rgba(255,255,255,0.5), 0 -1px 0 #aa1318;}
header .header-zaya.button:active {box-shadow:inset 0 0 5px rgba(132,13,17,0.5);}
/* ======================================================================================= */

/* Top slider ============================================================================ */
.top-slider-block {position:relative; width:100%; height:auto; overflow:hidden;}

.under-slider-text {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; z-index:992; text-align:center; color:#fff; background:rgba(0,0,0,0.35); text-shadow:0 1px 5px rgba(0,0,0,0.5); display: flex; display: -webkit-flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; align-content: center;}
.under-slider-text .wrapper {margin:-50px 0 0;}
.under-slider-text p.title {font:700 50px/1.2em 'Montserrat', sans-serif; padding:0; margin:0 auto;}
.under-slider-text p.title span {font:700 70px/1.4em 'Montserrat', sans-serif; display:block;}
.under-slider-text p.subtitle {font:400 33px/1.4em 'Montserrat', sans-serif; padding:0; margin:30px auto 0; width:70%;}

.top-slider {position:relative; height:auto; width:100%;}
.top-slider .slick-slide {height:80vh;}
.top-slider .slick-slide img {width:100%; height:auto; position:absolute; top:auto; left:0; right:0;}

.top-slider .slick-arrow {display:block; height:70px; width:40px; position:absolute; top:50%; margin-top:-35px; text-indent: 100%; white-space: nowrap; overflow: hidden; border:none; cursor:pointer; background:#000 url('../images/arrow.svg') 7px 50% no-repeat; background-size:30px auto; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0.5; border-radius:5px 0 0 5px; z-index:993;}
.top-slider .slick-arrow:hover {opacity:1;}
.top-slider .slick-arrow.slick-prev {left:-40px; transform: scaleX(-1);}
.top-slider .slick-arrow.slick-next {right:-40px;}
.top-slider-block:hover .slick-arrow.slick-prev {left:0;}
.top-slider-block:hover .slick-arrow.slick-next {right:0;}
/* ======================================================================================= */

/* Content =============================================================================== */
main {padding:100px 0; position:relative;}
main:before {content:""; display:block; position:absolute; width:100%; height:10px; top:0; left:0; right:0; background: rgb(0,159,227);}
main h1 {text-align:center; font:600 35px/1.3em 'Montserrat', sans-serif; margin:0 0 50px;}

.inner main {padding:50px 0 100px; position:relative;}
.inner main h1 {font:600 30px/1.3em 'Montserrat', sans-serif; margin:0 0 50px; text-align:left;}
.inner main h2, .inner main h3 {font:600 24px/1.3em 'Montserrat', sans-serif; margin:0 0 30px; text-align:left;}
.inner main p {margin:0 0 30px; text-align:left;}
/* ======================================================================================= */

/* Products ============================================================================== */
.products > div {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: start; align-items: stretch; padding:30px; border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.products > div:last-child {border-bottom:1px solid rgba(0,0,0,0.1);}
.products > div *:not(.button) {cursor:default;}
.products > div:hover {box-shadow:0 0 15px rgba(0,0,0,0.2);}
.products > div > div {display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: start; align-content: start;}
.products > div > .prod_image {width:35%; max-width:400px;}
.products > div > .prod_image img {display:block; width:100%; height:auto;}
.products > div > .prod_desc {width:65%; padding-left:30px;}
.products > div > .prod_desc h2 {font:700 24px/1.2em 'Montserrat', sans-serif; margin:0 0 15px;}
.products > div > .prod_desc p {margin:0 0 30px;}
/* ======================================================================================= */

/* Content form #1 ======================================================================= */
.content-form1 {background:transparent url('../images/form01.jpg') no-repeat 0 0; background-size:100% auto; padding:100px 0;}
.content-form1 h2 {color:#fff; font:400 30px/1.3em 'Montserrat', sans-serif; margin:0 0 50px; text-align:center; text-shadow:0 1px 5px rgba(0,0,0,0.5);}
.content-form1 h2 span {font:600 40px/1.3em 'Montserrat', sans-serif;}
.content-form1 form {display:block; width:50%; margin:0 auto;}
.content-form1 .form-block {margin:0 0 20px; text-align:center;}
.content-form1 .form-block .button {font:500 22px/50px 'Montserrat', sans-serif;}
.content-form1 .form-subtext {color:#fff; text-align:center;}
.content-form1 .form-subtext a, .content-form1 .form-subtext a:focus {color:#fff; text-decoration:underline;}
/* ======================================================================================= */

/* Production & Advantages =============================================================== */
.production {padding:100px 0 50px; border-bottom:1px solid rgba(0,0,0,0.1);}
.advantages {padding:50px 0 100px;}
.production h2, .advantages h2 {font:600 30px/1.3em 'Montserrat', sans-serif; margin:0 0 30px; text-align:center;}
.production p {text-align:center; font:400 20px/1.3em 'Montserrat', sans-serif; margin:0 0 30px;}

.production-gallery {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; align-content: center;}
.production-gallery > div {width:30%;}
.production-gallery img {display:block; width:100%; height:auto;}

.advantages ul.tick {margin:0; padding:0; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; align-content: center;}
.advantages ul.tick li {width:30%; margin:0; padding:55px 15px 0; box-sizing:border-box; text-align:center; position:relative;}
.advantages ul.tick li strong {font:700 20px/1.3em 'Montserrat', sans-serif; display:block; margin:0 0 15px;}
.advantages ul.tick li:before {content:""; display:block; position:absolute; width:40px; height:40px; background:transparent url('../images/tick1.svg') no-repeat 0 0; background-size:40px auto; left:50%; top:0; margin-left:-20px;}
/* ======================================================================================= */

/* Content form #2 ======================================================================= */
.content-form2 {background:transparent url('../images/form02.jpg') no-repeat 0 50%; background-size:100% auto; padding:200px 0;}
.content-form2 .wrapper {padding-right:500px;}
.content-form2 h2 {color:#fff; font:600 35px/1.3em 'Montserrat', sans-serif; margin:0 0 30px; text-align:left; text-shadow:0 1px 5px rgba(0,0,0,0.5);}
.content-form2 p {color:#fff; font:400 20px/1.3em 'Montserrat', sans-serif; margin:0 0 50px; text-align:left; text-shadow:0 1px 5px rgba(0,0,0,0.5);}
.content-form2 .content-form2-form {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: start; align-items: start; align-content: start;}
.content-form2 .form-block {margin:0 15px 0 0;}
.content-form2 .form-block:nth-child(1), .content-form2 .form-block:nth-child(2) {width:35%;}
.content-form2 .form-block:nth-child(3) {width:30%;}
.content-form2 .form-block .button {font:500 22px/48px 'Montserrat', sans-serif;}
.content-form2 .form-subtext {color:#fff; text-align:left; margin:30px 0 0;}
.content-form2 .form-subtext a, .content-form2 .form-subtext a:focus {color:#fff; text-decoration:underline;}
.form2-recaptcha {margin:30px 0 0;}
/* ======================================================================================= */

/* Reviews =============================================================================== */
.reviews {padding:100px 0;}
.reviews h2 {font:500 30px/1.3em 'Montserrat', sans-serif; margin:0 0 30px; text-align:center;}
.reviews-slider {position:relative; height:auto; width:100%;}
.reviews-slider .slick-slide {padding:15px;}
.reviews-slider .slick-slide a {display:block; border:1px solid rgba(0,0,0,0.1);}
.reviews-slider .slick-slide a:hover {box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
.reviews-slider .slick-slide img {display:block; width:100%; height:auto;}

.reviews-slider .slick-arrow {display:block; height:46px; width:40px; position:absolute; top:50%; margin-top:-23px; text-indent: 100%; white-space: nowrap; overflow: hidden; border:none; cursor:pointer; background:#000 url('../images/arrow.svg') 11px 50% no-repeat; background-size:20px auto; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0.2; border-radius:5px; z-index:993;}
.reviews-slider .slick-arrow:hover {opacity:0.7;}
.reviews-slider .slick-arrow.slick-prev {left:-10px; transform: scaleX(-1);}
.reviews-slider .slick-arrow.slick-next {right:-10px;}
.reviews-slider .slick-arrow.slick-prev:hover, .reviews-slider .slick-arrow.slick-next:hover {opacity:1;}
/* ======================================================================================= */

/* Team ================================================================================== */
.our-team {padding:100px 0; background-color: #D1EBFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(325,960,514)'%3E%3Cstop offset='0' stop-color='%23D1EBFF'/%3E%3Cstop offset='1' stop-color='%2385C9FF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;}
.our-team img {display:block; width:80%; margin:0 auto; height:auto; border:1px solid rgba(0,159,227,0.4); box-shadow:0 0 30px rgba(0,159,227,0.4);}

.our-team ul.tick2 {margin:0 0 50px; padding:0;}
.our-team ul.tick2 li {margin:0 0 15px; padding:0; box-sizing:border-box; text-align:center; position:relative; font:600 26px/30px 'Montserrat', sans-serif; color:#000;}
.our-team ul.tick2 li:before {content:""; display:inline-block; width:30px; height:30px; line-height:30px; background:transparent url('../images/tick2.svg') no-repeat 0 0; background-size:30px auto; vertical-align:-3px; margin:0 7px 0 0;}
/* ======================================================================================= */

/* Adress ================================================================================ */
.adress {padding:0; position:relative; overflow:hidden;}
.adress .adress-content {position:absolute; top:0; left:0; right:0; z-index:99; height:500px;}
.adress .adress-content .wrapper {display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: start; height:500px;}
.adress .adress-content .adress-content-inner {position:relative; background-color:#fff; width:auto; height:230px; padding:40px 50px 50px; box-sizing:border-box; box-shadow:0 0 50px rgba(0,0,0,0.2);}
.adress .adress-content .adress-content-inner:before{content:""; display:block; width:0; height:0; position:absolute; right:-30px; top:50%; margin-top:-115px; border-style: solid; border-width: 115px 0 115px 30px; border-color: transparent transparent transparent #ffffff; line-height: 0px; _border-color: #000000 #000000 #000000 #ffffff; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.adress h2 {font:600 27px/1.3em 'Montserrat', sans-serif; margin:0 0 30px; text-align:left;}
.adress p {font:400 18px/1.4em 'Montserrat', sans-serif; padding:0 0 0 65px; position:relative;}
.adress p:before {content:""; display:block; width:50px; height:50px; position:absolute; left:0; top:50%; margin-top:-25px; background:transparent url('../images/map.svg') no-repeat 0 0; background-size:50px auto;}
.adress p a {color:#000;}
.adress p a span {display:inline-block; border-bottom:1px dashed rgba(0,0,0,0.3); webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.adress p a:hover span {border-bottom:1px dashed rgba(0,0,0,0);}
.adress-map {display:block;}
/* ======================================================================================= */

/* Benefit =============================================================================== */
.benefit {background:transparent url('../images/benefit.jpg') no-repeat 50% 50%; background-size:100% auto; padding:100px 0; position:relative;}
.benefit h2 {color:#fff; font:600 35px/1.3em 'Montserrat', sans-serif; margin:0 0 50px; text-align:center; text-shadow:0 1px 5px rgba(0,0,0,0.5);}
.benefit ul.tick3 {margin:0 auto; padding:0; width:80%}
.benefit ul.tick3 li {margin:0 0 30px; padding:0 0 0 37px; box-sizing:border-box; text-align:left; position:relative; font:400 22px/30px 'Montserrat', sans-serif; color:#fff;}
.benefit ul.tick3 li:before {content:""; display:block; position:absolute; top:0; left:0; width:25px; height:25px; background:transparent url('../images/tick3.svg') no-repeat 0 0; background-size:25px auto;}
.benefit:before {content:""; display:block; position:absolute; width:100%; height:10px; bottom:0; left:0; right:0; background: rgb(0,159,227);}
/* ======================================================================================= */

/* Footer ================================================================================ */
footer {position:absolute; bottom:0; left:0; height:150px; width:100%; box-sizing:border-box; color:#fff; font:300 12px/1.3em 'Montserrat', sans-serif; color:#808080; background:#57575d;}
footer .footer-content {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; width:100%; height:100px;}
footer .footer-content > * {height:100px; box-sizing:border-box; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: start; align-content: start;}

footer .footer-logo {width:200px; text-align:left;}
footer .footer-logo a {display:inline-block; height:100px; width:200px; text-decoration:none; box-sizing:border-box; text-indent:-9999px; background:transparent url('../images/logow.svg') no-repeat 0 50%; background-size:200px auto;}

footer .footer-contacts {position:relative; text-align:right;}
footer .footer-contacts a.footer-phone, footer .footer-contacts a.footer-phone:hover {text-decoration:none; color:#fff; display:inline-block; font:700 22px/24px 'Montserrat', sans-serif; padding:0 0 0 33px; white-space:nowrap; height:24px; position:relative;}
footer .footer-contacts a.footer-phone:before {content:""; display:block; position:absolute; width:20px; height:20px; background:transparent url('../images/phonew.svg') no-repeat 0 0; background-size:20px auto; left:0; top:1px;}
footer .footer-contacts a.footer-mail, footer .footer-contacts a.footer-mail:hover {text-decoration:none; color:#fff; display:inline-block; font:500 18px/18px 'Montserrat', sans-serif; padding:0 0 0 33px; white-space:nowrap; height:18px; position:relative; margin:5px 0 0;}
footer .footer-contacts a.footer-mail:before {content:""; display:block; position:absolute; width:16px; height:16px; background:transparent url('../images/mailw.svg') no-repeat 0 0; background-size:16px auto; left:2px; top:1px;}

footer .copyrights {text-align:left; color:#fff;}
/* ======================================================================================= */

/* Forms & Modals ======================================================================== */
#modal-overlay {background:rgba(0,0,0,0.8); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999998;}
.modal-win {background-color:#fff; display:none; padding:50px; width:600px; box-shadow:0 5px 30px rgba(0,0,0,0.3); position:relative; box-sizing:border-box; z-index:9999999; text-align:center; overflow:hidden;}
.modal-win-wrapper {position:relative; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.modal-win h2 {font:500 30px/1.1em 'Montserrat', sans-serif; color:#000; margin-bottom:20px;}
.modal-win p:last-child, .modal-win ul:last-child, .modal-win ol:last-child {margin:0;}
.modal-win .button {font:500 24px/38px 'Montserrat', sans-serif;}
.modal-win .form-group {margin-bottom:15px;}
.modal-win .form-actions {margin:20px 0 0;}
.modal-win .form-actions p {font:400 14px/1.3em 'Montserrat', sans-serif; margin-bottom:20px;}

.close-modal {position:absolute; width:20px; height:20px; top:20px; right:20px; text-indent:-9999px; cursor:pointer; z-index:2;}
.close-modal svg {fill: #000; width:20px; height:20px; display:block; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity:0.2;}
.close-modal:hover svg, .close-modal:focus svg {fill: #009fe3; opacity:1;}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], textarea  {display:block; box-sizing: border-box; border:none; width:100%; border:1px solid #000; color:#000; position:relative; vertical-align: middle; webkit-transition: border-color 0.1s ease; -moz-transition: border-color 0.1s ease; -ms-transition: border-color 0.1s ease; -o-transition: border-color 0.1s ease; transition: border-color 0.1s ease; border-radius:7px; background: #ffffff; text-align:left; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 );
}
input[type="text"], input[type="tel"], input[type="email"], input[type="password"] {font:400 18px/60px 'Montserrat', sans-serif; height:60px; padding:0 20px;}
input[type="text"]:not(:last-child), input[type="tel"]:not(:last-child), input[type="email"]:not(:last-child), input[type="password"]:not(:last-child), textarea:not(:last-child) {margin:0 0 10px;} 
textarea {padding:18px 20px; box-sizing:border-box; font:400 18px/24px 'Montserrat', sans-serif; height:108px;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="text"]:active, input[type="tel"]:active, input[type="email"]:active, input[type="password"]:active,  textarea:focus, textarea:active {border:1px solid #009FE3; box-shadow:0 0 15px rgba(0,159,227,0.4);}
input[type="text"].workemail {display:none;}

.error_input {font:400 13px/13px 'Montserrat', sans-serif; color:red;}

.popup-form {display:block;}
.popup-form.disable {display:none;}

.formresult {webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity:0; visibility: hidden; background-color:#fff; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: stretch; align-content: stretch; z-index:1; position:absolute; top:-100%;}
.formresult.active {opacity: 1; visibility: visible; position:relative; top:auto;}
.formresult h2 {font:500 30px/1.1em 'Montserrat', sans-serif; color:#000; margin-bottom:20px;}

.form-block .g-recaptcha > div {margin:0 auto;}
/* ======================================================================================= */

/* Up Button ============================================================================= */
.up-button {position:fixed; display:block; right:30px; bottom:-300px; z-index:99; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-indent:-9999px; width:42px; height:42px; border-radius:5px; box-shadow:0 1px 15px rgba(0,0,0,0.2); opacity:0.5; background-color:#fff;}
.up-button:hover {box-shadow:0 1px 5px rgba(0,0,0,0.3); opacity:1; background-color:#009fe3;}
.up-button:before {content:""; display:block; position:absolute; height:20px; width:20px; left:11px; top:11px; z-index:100; text-indent:-9999px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNDZweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNTAgNDYiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLmZpbDAge2ZpbGw6IzUyNWE3NH0NCiAgIF1dPg0KICA8L3N0eWxlPg0KIDwvZGVmcz4NCiA8ZyBpZD0i0KHQu9C+0LlfeDAwMjBfMSI+DQogIDxtZXRhZGF0YSBpZD0iQ29yZWxDb3JwSURfMENvcmVsLUxheWVyIi8+DQogIDxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNMjYgMGwyNCAyNGMwLDAgMCwyIDAsMmwtNyA3Yy0xLDAgLTIsMCAtMiwwbC0xMCAtMTAgMCAyMmMwLDAgMCwxIC0xLDFsLTEwIDBjLTEsMCAtMSwtMSAtMSwtMWwwIC0yMiAtMTAgMTBjMCwwIC0xLDAgLTIsMGwtNyAtN2MwLDAgMCwtMiAwLC0ybDI0IC0yNGMwLDAgMiwwIDIsMHoiLz4NCiA8L2c+DQo8L3N2Zz4NCg==) no-repeat 50% 50%; background-size:20px auto;}
.up-button:hover:before {background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNDZweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNTAgNDYiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLmZpbDAge2ZpbGw6d2hpdGV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9ItCh0LvQvtC5X3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTI2IDBsMjQgMjRjMCwwIDAsMiAwLDJsLTcgN2MtMSwwIC0yLDAgLTIsMGwtMTAgLTEwIDAgMjJjMCwwIDAsMSAtMSwxbC0xMCAwYy0xLDAgLTEsLTEgLTEsLTFsMCAtMjIgLTEwIDEwYzAsMCAtMSwwIC0yLDBsLTcgLTdjMCwwIDAsLTIgMCwtMmwyNCAtMjRjMCwwIDIsMCAyLDB6Ii8+DQogPC9nPg0KPC9zdmc+DQo=) no-repeat 50% 50%; background-size:20px auto;}
/* ======================================================================================= */

/* ======================================================================================= */
/* ==================================== MOBILE VERSION =================================== */
/* ======================================================================================= */
@media only screen and (max-width : 1450px) {
	.top-slider .slick-slide {height:70vh;}
}

@media only screen and (max-width : 1280px) {
	body {font:300 16px/1.3em 'Montserrat', sans-serif;}
	.wrapper {padding-left:30px; padding-right:30px;}
	.page {padding:100px 0 150px}
	
	header, header > div, header > div > * {height:100px;}

	header .header-logo {width:250px;}
	header .header-logo a {height:100px; width:250px; background-size:250px auto;}
	header .header-menu li a {font:400 16px/1.2em 'Montserrat', sans-serif;}
	header .header-contacts a.header-phone, header .header-contacts a.header-phone:hover {font:700 20px/20px 'Montserrat', sans-serif; padding:0 0 0 25px; height:20px;}
	header .header-contacts a.header-phone:before {width:18px; height:18px; background-size:18px auto;}
	header .header-contacts a.header-mail, header .header-contacts a.header-mail:hover {font:500 16px/16px 'Montserrat', sans-serif; padding:0 0 0 25px; height:16px; margin:5px 0 0;}
	header .header-contacts a.header-mail:before {width:14px; height:14px; background-size:14px auto;}
	header .header-zaya {margin:7px 0 0;}
	header .header-zaya.button, header .header-zaya.button:focus {font:700 13px/18px 'Montserrat', sans-serif; padding:3px 20px 5px;}
	header .header-zaya.button:active {padding:5px 20px 3px;}

	.under-slider-text p.title {font:700 40px/1.2em 'Montserrat', sans-serif;}
	.under-slider-text p.title span {font:700 50px/1.4em 'Montserrat', sans-serif;}
	.under-slider-text p.subtitle {font:400 24px/1.4em 'Montserrat', sans-serif; width:80%;}
	.top-slider .slick-slide {height:60vh;}
	
	main {padding:70px 0;}
	main h1 {font:600 32px/1.3em 'Montserrat', sans-serif; margin:0 0 30px;}

	.inner main h1 {margin:0 0 30px;}
	.inner main h2, .inner main h3 {font:600 22px/1.3em 'Montserrat', sans-serif;}

	.products > div {padding:20px;}
	.products > div > .prod_image {width:30%;}
	.products > div > .prod_desc {width:70%; padding-left:20px;}
	.products > div > .prod_desc h2 {font:700 20px/1.2em 'Montserrat', sans-serif;}
	.products > div > .prod_desc p {margin:0 0 20px;}
	
	.content-form1 h2 {color:#fff; font:400 27px/1.3em 'Montserrat', sans-serif; margin:0 0 30px;}
	.content-form1 h2 span {font:600 35px/1.3em 'Montserrat', sans-serif;}
	.content-form1 form {width:60%;}
	.content-form1 .form-block {margin:0 0 10px;}
	.content-form1 .form-block .button {font:500 22px/40px 'Montserrat', sans-serif;}

	.production {padding:70px 0 35px;}
	.advantages {padding:35px 0 70px;}
	.production h2, .advantages h2 {font:600 27px/1.3em 'Montserrat', sans-serif;}
	.production p {font:400 16px/1.3em 'Montserrat', sans-serif;}
	
	.content-form2 {padding:200px 0;}
	.content-form2 .wrapper {padding-right:500px;}
	.content-form2 h2 {color:#fff; font:600 27px/1.3em 'Montserrat', sans-serif; margin:0 0 20px;}
	.content-form2 p {color:#fff; font:400 18px/1.3em 'Montserrat', sans-serif; margin:0 0 30px;}
	.content-form2 .form-block .button {font:500 22px/38px 'Montserrat', sans-serif;}
	.content-form2 .form-subtext {margin:40px 0 0;}

	.reviews {padding:70px 0;}
	.reviews h2 {font:500 27px/1.3em 'Montserrat', sans-serif;}

	.our-team {padding:70px 0;}
	.our-team ul.tick2 {margin:0 0 30px; padding:0;}
	.our-team ul.tick2 li {font:600 22px/30px 'Montserrat', sans-serif;}
	
	.benefit h2 {font:600 27px/1.3em 'Montserrat', sans-serif;}
	.benefit ul.tick3 li {font:400 20px/30px 'Montserrat', sans-serif;}
	
	.modal-win {padding:30px; width:700px;}
	.modal-win h2 {font:300 24px/1.2em 'Montserrat', sans-serif; margin-bottom:20px;}

	input[type="text"], input[type="tel"], input[type="email"], input[type="password"] {font:300 18px/50px 'Montserrat', sans-serif; height:50px; padding:0 15px;}
	input[type="text"]:not(:last-child), input[type="tel"]:not(:last-child), input[type="email"]:not(:last-child), input[type="password"]:not(:last-child), textarea:not(:last-child), .fileform:not(:last-child)  {margin:0 0 15px;} 
	textarea {padding:16px 15px; font:300 18px/20px 'Montserrat', sans-serif; height:122px;}
	
	footer .footer-contacts a.footer-phone, footer .footer-contacts a.footer-phone:hover {font:700 20px/20px 'Montserrat', sans-serif; padding:0 0 0 25px; height:20px;}
	footer .footer-contacts a.footer-phone:before {width:18px; height:18px; background-size:18px auto;}
	footer .footer-contacts a.footer-mail, footer .footer-contacts a.footer-mail:hover {font:500 16px/16px 'Montserrat', sans-serif; padding:0 0 0 25px; height:16px; margin:5px 0 0;}
	footer .footer-contacts a.footer-mail:before {width:14px; height:14px; background-size:14px auto;}
	
	.under-slider-text p.title {font:700 50px/1.2em 'Montserrat', sans-serif; padding:0; margin:0 auto;}
	.under-slider-text p.title span {font:700 70px/1.4em 'Montserrat', sans-serif; display:block;}
	.under-slider-text p.subtitle {font:400 33px/1.4em 'Montserrat', sans-serif; padding:0; margin:30px auto 0; width:70%;}
}

@media only screen and (max-width : 1250px) {
	.content-form1 {background:transparent url('../images/form01.jpg') no-repeat 50% 50%; background-size:auto 100%;}
	.content-form2 {background:transparent url('../images/form02.jpg') no-repeat right -300px top 50%;}
	.content-form2 .wrapper {padding-right:300px;}
}
@media only screen and (max-width : 1200px) {
	.benefit {background-size:auto 110%;}
}
@media only screen and (max-width : 1100px) {
	.under-slider-text p.title {font:700 30px/1.2em 'Montserrat', sans-serif;}
	.under-slider-text p.title span {font:700 50px/1.4em 'Montserrat', sans-serif;}
	.under-slider-text p.subtitle {font:400 20px/1.4em 'Montserrat', sans-serif; width:90%;}
	.top-slider .slick-slide {height:50vh;}
}

@media only screen and (max-width : 960px) {
	.page {padding:55px 0 0;}

	.descktop-link {display:none;}
	.mobile-link {display:block;}
	
	header {display:none;}
		
	.mobile-top-panel {display:block; margin:0; padding:0; background-color:#fff; position:fixed; height:55px; top:0; width:100%; box-sizing:border-box; z-index:9999990; background-color:#fff; box-shadow: 0px 0 10px 0 rgba(0,0,0,0.3); webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.mobile-top-panel.open-menu {box-shadow: 0px 10px 15px 3px rgba(221,221,221,0.7);}

	.mobile-logo {display:block; text-align:left; height:31px; width:170px; background:transparent url(../images/logo.svg) no-repeat right 0 top 50%; background-size:auto 100%; text-decoration:none; box-sizing:border-box; text-indent:-9999px; margin:0; position:absolute; right:10px; margin-right:0; top:11px;}
	
	.mobile-button-phone {display:block; height:31px; width:31px; position:absolute; left:75px; top:11px;}
	.mobile-button-mail {display:block; height:31px; width:35px; position:absolute; left:126px; top:11px;}
	.mobile-button-phone svg, .mobile-button-mail svg {fill: #009fe3; opacity:1; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height:31px; width:31px;}
	.mobile-button-phone svg {height:31px; width:31px;}
	.mobile-button-mail svg {height:31px; width:35px;}
	.mobile-button-phone svg:hover, .mobile-button-mail:hover svg {opacity:0.7; fill: #000;}
	.mobile-button-phone:focus svg, .mobile-button-mail:focus svg {opacity:1; fill: #009fe3;}
		
	.mobile-menu.active {visibility:visible; opacity:1; box-shadow:0 0 15px rgba(0,0,0,0.7);}		
	
	.mobile-contacts {text-align:center; position:relative; padding:0 0 20px; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: start; align-items: center;}
	.mobile-contacts a.mobile-phone, .mobile-contacts a.mobile-phone:hover {text-decoration:none; color:#000; display:inline-block; white-space:nowrap; position:relative; text-align:center; font:700 22px/1.2em 'Montserrat', sans-serif; padding:0 0 0 30px; height:auto;}
	.mobile-contacts a.mobile-phone:before {content:""; display:block; position:absolute; background:transparent url('../images/phone.svg') no-repeat 0 0; background-size:20px auto; left:0; margin:-11px 0 0; top:50%; width:20px; height:20px; opacity:0.25;}
	.mobile-contacts a.mobile-mail, .mobile-contacts a.mobile-mail:hover {text-decoration:none; color:#000; display:inline-block; white-space:nowrap; position:relative; text-align:center; font:500 18px/1.2em 'Montserrat', sans-serif; padding:0 0 0 25px; height:auto; margin:10px 0 0;}
	.mobile-contacts a.mobile-mail:before {content:""; display:block; position:absolute; background:transparent url('../images/mail.svg') no-repeat 0 0; background-size:15px auto; left:0; margin:-7px 0 0; top:50%; width:15px; height:15px; opacity:0.25;}
	.button.mobile-zaya, .button.mobile-zaya:focus {font:600 18px/28px 'Montserrat', sans-serif; margin-top:15px;  padding:3px 20px 5px;}
	.button.mobile-zaya:active {padding:5px 20px 3px;}
	
	.mobile-menu ul {padding:20px 0 0; margin:0; border-top:1px solid rgba(0,0,0,0.1);}
	.mobile-menu ul li {list-style:none; text-align:center; line-height:20px; display:block; box-sizing:border-box; background-clip:padding-box; padding:20px 0; position:relative;}
	.mobile-menu ul li:not(:last-of-type) {margin:0 0 20px; padding:0 30px 20px; border-bottom:1px solid rgba(0,0,0,0.1);}
	.mobile-menu ul li:last-of-type {padding:0 30px;}
	.mobile-menu ul li a {display:block; font:400 18px/20px 'Montserrat', sans-serif; color:#000;}
	.mobile-menu ul li a:hover, .mobile-menu ul li a.active {text-decoration:none; color:#009fe3;}
	
	#mobile-menu-icon {position:absolute; z-index:9999997; left:10px; top:12px; width:40px; height: 31px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
	#mobile-menu-icon span {display: block; position: absolute; height: 5px; width: 100%; background: #009fe3; border-radius: 5px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
	#mobile-menu-icon span:nth-child(1) {top: 0px;}
	#mobile-menu-icon span:nth-child(2), #mobile-menu-icon span:nth-child(3) {top: 13px;}
	#mobile-menu-icon span:nth-child(4) {top: 26px;}
	#mobile-menu-icon.open span {background: #d1d1d1;}
	#mobile-menu-icon.open span:nth-child(1) {top: 13px; width: 0%; left: 50%;}
	#mobile-menu-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
	#mobile-menu-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
	#mobile-menu-icon.open span:nth-child(4) {top: 13px; width: 0%; left: 50%;}
	
	footer {position:relative; bottom:auto; left:auto; height:auto; overflow:hidden; padding:30px 0 100px;}
	footer .footer-content {display: block; width:100%; height:auto;}
	footer .footer-content > * {height:auto; display: block; width:100%;}	
	footer .footer-logo {width:100%; text-align:center;}
	footer .footer-logo a {display:inline-block; height:60px; width:200px; background:transparent url('../images/logow.svg') no-repeat 50% 50%; background-size:200px auto;}
	footer .footer-contacts {text-align:center;}
	footer .footer-contacts a.footer-phone, footer .footer-contacts a.footer-phone:hover {display:block; text-align:center; font:700 30px/1.2em 'Montserrat', sans-serif; padding:40px 0 0 0; height:auto;}
	footer .footer-contacts a.footer-phone:before {background-size:30px auto; left:50%; margin:0 0 0 -15px; top:0; width:30px; height:30px;}
	footer .footer-contacts a.footer-mail, footer .footer-contacts a.footer-mail:hover {display:block; text-align:center; font:700 20px/1.2em 'Montserrat', sans-serif; padding:30px 0 0 0; height:auto; margin:20px 0 0;}
	footer .footer-contacts a.footer-mail:before {background-size:25px auto; left:50%; margin:0 0 0 -12.5px; top:0; width:25px; height:25px;}
	footer .copyrights {text-align:center; margin:30px 0 0;}
	
	.up-button {right:50%; margin-right:-25px;}
		
	.under-slider-text .wrapper {padding-left: 40px; padding-right: 40px;}
	.under-slider-text p.title {font:700 27px/1.2em 'Montserrat', sans-serif;}
	.under-slider-text p.title span {font:700 45px/1.4em 'Montserrat', sans-serif;}
	.under-slider-text p.subtitle {font:500 18px/1.4em 'Montserrat', sans-serif; margin:20px auto 0; width:80%;}

	.top-slider .slick-arrow {display:block; height:50px; width:30px; margin-top:-25px; background:#000 url('../images/arrow.svg') 5px 50% no-repeat; background-size:20px auto; border-radius:5px 0 0 5px;}
	.top-slider .slick-arrow.slick-prev {left:0; transform: scaleX(-1);}
	.top-slider .slick-arrow.slick-next {right:0;}
	
	main {padding:50px 0;}
	main h1 {font:600 27px/1.3em 'Montserrat', sans-serif; margin:0 0 20px;}

	.inner main h1 {font:600 27px/1.3em 'Montserrat', sans-serif; text-align:center;}
	.inner main h2, .inner main h3 {margin:0 0 20px; text-align:center;}
	.inner main p {margin:0 0 20px; text-align:center;}
	
	.production {padding:50px 0 25px;}
	.advantages {padding:25px 0 50px;}
	.production h2, .advantages h2 {font:600 24px/1.3em 'Montserrat', sans-serif; margin:0 0 20px;}
	.advantages ul.tick li strong {font:700 16px/1.3em 'Montserrat', sans-serif;}
	
	.reviews-slider .slick-arrow, .production-gallery .slick-arrow {display:block; height:40px; width:30px; position:absolute; top:50%; margin-top:-20px; text-indent:100%; white-space: nowrap; overflow:hidden; border:none; cursor:pointer; background:#000 url('../images/arrow.svg') 7px 50% no-repeat; background-size:20px auto; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:1; border-radius:5px 0 0 5px; z-index:993;}
	.reviews-slider .slick-arrow:hover, .production-gallery .slick-arrow:hover {opacity:1;}
	.reviews-slider .slick-arrow.slick-prev, .production-gallery .slick-arrow.slick-prev {left:0; transform: scaleX(-1);}
	.reviews-slider .slick-arrow.slick-next, .production-gallery .slick-arrow.slick-next {right:0;}
	.reviews-slider .slick-arrow.slick-prev:hover, .reviews-slider .slick-arrow.slick-next:hover, .production-gallery .slick-arrow.slick-prev:hover, .production-gallery .slick-arrow.slick-next:hover {opacity:1;}
	
	.content-form1 {padding:50px 0;}
	.content-form1 h2 {font:400 24px/1.3em 'Montserrat', sans-serif; margin:0 0 30px;}
	.content-form1 h2 span {font:600 30px/1.3em 'Montserrat', sans-serif;}	
	.content-form1 .form-block .button {margin-top:20px;}	
	
	.content-form2 {background:transparent url('../images/form02.jpg') no-repeat 50% 50%; padding:100px 0;}
	.content-form2 .wrapper {padding-right:30px;}
	.content-form2 .form-subtext {margin:40px 0 0;}

	.reviews {padding:50px 0;}
	.reviews .wrapper {padding-left: 0; padding-right: 0;}
	.reviews h2 {padding-left: 40px; padding-right: 40px;}
	
	.our-team {padding:50px 0;}
	.our-team ul.tick2 {margin:0 0 20px; padding:0;}
	.our-team ul.tick2 li {font:600 18px/30px 'Montserrat', sans-serif;}
	
	.adress .adress-content {position:relative; top:auto; left:auto; right:auto; height:auto;}
	.adress .adress-content .wrapper {display: block; height:auto;}
	.adress .adress-content .adress-content-inner {width:100%; height:auto; padding:50px 0; box-shadow:none;}
	.adress .adress-content .adress-content-inner:before{display:none;}
	.adress h2 {font:600 27px/1.3em 'Montserrat', sans-serif; text-align:center;}
	.adress p {padding:65px 0 0; text-align:center;}
	.adress p:before {width:50px; height:50px; margin-top:0; margin-left:-25px; background-size:50px auto; left:50%; top:0;}
	.adress p a {text-decoration:underline;}
	.adress-map {display:none;}
	
	.benefit {padding:70px 0; background-size:110% auto;}
	.benefit h2 {margin:0 0 20px;}
	.benefit ul.tick3 {width:90%}
	.benefit ul.tick3 li {margin:0 0 20px; padding:0 0 0 27px; font:400 18px/20px 'Montserrat', sans-serif;}
	.benefit ul.tick3 li:before {width:20px; height:20px; background:transparent url('../images/tick3.svg') no-repeat 0 0; background-size:20px auto;}
}
@media only screen and (max-width : 900px) {
	.top-slider .slick-slide img {width:auto; height:100%; position:absolute; top:0; bottom:0; left:auto; right:auto;}
}
@media only screen and (max-width : 800px) {
	main#products {padding:50px 0 20px;}
	main#products .wrapper {padding-left:0; padding-right:0;}
	main#products > h1 {padding-left:10px; padding-right:10px;}
	.products > div:last-child {border-bottom:none;}
	.products > div {display: block; padding:20px; border-left:none; border-right:none;}
	.products > div > div {display: block;}
	.products > div > .prod_image {width:100%; max-width:100%;}
	.products > div > .prod_image img {display:block; width:100%; height:auto; max-width:400px; margin:0 auto;}
	.products > div > .prod_desc {width:100%; padding-left:0; padding-top:20px; text-align:center;}
	.products > div > .prod_desc h2 {font:700 20px/1.2em 'Montserrat', sans-serif;}
	.products > div > .prod_desc p {margin:0 0 20px;}
	.products > div:hover {box-shadow:none;}
	
	.our-team img {width:90%;}
	.our-team ul.tick2 {margin:0 0 50px;}
	.our-team ul.tick2 li {margin:0 0 15px; padding:40px 0 0;}
	.our-team ul.tick2 li:before {position:absolute; top:0; left:50%; margin-left:-15px; vertical-align:0; margin:0 auto;}
	
	.benefit {background-size:auto 110%;}
}
@media only screen and (max-width : 700px) {
	.production .wrapper {padding-left:0; padding-right:0;}	
	.production h2, .production p, .reviews h2 {padding-left:10px; padding-right:10px;}
	.production-gallery {display: block;}
	.production-gallery > div {width:auto;}
	.production br {display: none;}	
	.production {padding:50px 0 0; border-bottom:none;}
	.advantages {padding:50px 0 50px;}
	
	.content-form1 form {width:60%;}
	
	.advantages ul.tick {display: block;}
	.advantages ul.tick li {width:100%;}
	.advantages ul.tick li strong {font:700 18px/1.3em 'Montserrat', sans-serif; display:block; margin:0 0 10px;}
	.advantages ul.tick li {font:400 16px/1.3em 'Montserrat', sans-serif;}
	.advantages ul.tick li:not(:first-child) {margin:30px auto 0}
	.advantages ul.tick li br {display: none;}
	
	.content-form2 {padding:50px 0;}
	.content-form2, .content-form2 h2, .content-form2 p, .content-form2 .form-subtext {text-align:center;}
	.content-form2 h2 br {display: none;}		
	.content-form2 .content-form2-form {display:block;}
	.content-form2 form {display: block; width:90%; margin:0 auto;}
	.content-form2 .form-block {margin:0;}
	.content-form2 .form-block:nth-child(1), .content-form2 .form-block:nth-child(2) {width:100%; margin:0 0 10px;}
	.content-form2 .form-block:nth-child(3) {width:100%;}
	.content-form2 .form-subtext, .content-form1 .form-subtext {margin:30px 0 0;}
	.form2-recaptcha .g-recaptcha > div{margin:0 auto;}
}
@media only screen and (max-width : 600px) {
	.wrapper {padding-left:10px; padding-right:10px;}
	.content-form2 .wrapper {padding-right:10px;}
	.under-slider-text .wrapper {padding-left: 40px; padding-right: 40px;}
	.under-slider-text p.title {font:700 24px/1.2em 'Montserrat', sans-serif;}
	.under-slider-text p.title span {font:700 33px/1.4em 'Montserrat', sans-serif;}
	
	.content-form1 form {width:70%;}
	
	.benefit ul.tick3 li {font:400 16px/20px 'Montserrat', sans-serif;}
}
@media only screen and (max-width : 500px) {	
	.content-form1 form {width:80%;}
}

@media only screen and (max-width : 400px) {	
	.content-form1 form {width:90%;}
}
/* ======================================================================================= */