* { margin: 0; padding: 0; }
html, body { min-width: 1170px; }
body, button, .modal-content { font-family: 'Arial'; font-size: 14px; color: #000; }
input, textarea, .jq-selectbox { font-family: 'Arial'; }
.clear { clear: both; }
img { border: none; }

.modals { display: none; }
.modal-content { position: relative; }
.modal-content .hidden { display: none; }
.modal-close { display: block; position: absolute; z-index: 2; right: 13px; top: 11px; width: 11px; height: 11px; text-decoration: none !important; background: url('images/modal-close.png') no-repeat; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.fancybox-overlay { /* background: url('images/overlay-1.png'); */ }
.fancybox-margin { margin: 0 !important; }
.fancybox-inner { overflow: visible !important; }
.fancybox-lock { overflow: visible !important; }
.fancybox-nav { z-index: 1; }
.fancybox-close { right: -35px; top: -31px; width: 30px; height: 30px; background: url('images/modal-close-1.png') no-repeat; }
.fancybox-close:hover { background-position: -31px 0; }

.bx-wrapper { margin: 0 auto !important; }
.bx-viewport { left: 0 !important; border: none !important; background: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.bx-controls-direction a { z-index: 2 !important; }

.main-wrapper { position: relative; overflow: hidden; max-width: 1920px; margin: 0 auto; }
.inner-wrapper { position: relative; width: 1170px; margin: 0 auto; }

.input-1 { position: relative; height: 24px; padding: 10px 25px 10px 50px; background: #fff; border: 1px solid #d4d4d4; border-radius: 2px; }
.input-1.error { border-color: #f00; }
.input-1.focused { border-color: #fb9d1c; }
.input-1.required:after { display: block; content: '*'; position: absolute; right: 14px; top: 16px; font-size: 20px; color: #f32828; }
.input-1:before { display: block; content: ''; position: absolute; width: 17px; height: 17px; background: url('images/input-1-icons.png') no-repeat; }
.input-1.phone:before { left: 15px; top: 13px; }
.input-1.email:before { left: 15px; top: 13px; background-position: -18px 0; }
.input-1 input { display: block; width: 100%; height: 24px; font-size: 14px; line-height: 24px; color: #000; border: none; outline: none; background: none; }
.input-1 input::-webkit-input-placeholder { color: #686868; }
.input-1 input:-moz-placeholder { color: #686868; opacity: 1; }
.input-1 input::-moz-placeholder { color: #686868; opacity: 1; }
.input-1 input:-ms-input-placeholder { color: #686868; }

.textarea-1 { height: 82px; padding: 4px 10px; background: #fff; border: 1px solid #fff; }
.textarea-1.error { border-color: #f00; }
.textarea-1 textarea { display: block; width: 100%; height: 100%; font-size: 18px; color: #000; resize: none; border: none; outline: none; background: none; }
.textarea-1 textarea::-webkit-input-placeholder { color: #a9a9a9; }
.textarea-1 textarea:-moz-placeholder { color: #a9a9a9; opacity: 1; }
.textarea-1 textarea::-moz-placeholder { color: #a9a9a9; opacity: 1; }
.textarea-1 textarea:-ms-input-placeholder { color: #a9a9a9; }

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { color: transparent; }
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { color: transparent; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { color: transparent; }

/*
.select-1 { height: 49px; }
.select-1 select { width: 100%; height: 49px; border: none; outline: none; }
.select-1 .jq-selectbox { display: block !important; background: #fff; border-radius: 2px; cursor: default; box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.22); }
.select-1 .jq-selectbox.dropdown { border-radius: 2px 2px 0 0; }
.select-1 .jq-selectbox__select-text { width: auto !important; padding: 0 35px 0 15px; height: 49px; font-size: 16px; line-height: 52px; color: #272727; white-space: nowrap; overflow: hidden; }
.select-1 .jq-selectbox__trigger { position: absolute; right: 16px; top: 21px; width: 15px; height: 10px; background: url('images/select-1-arrow.png') no-repeat; }
.select-1 .jq-selectbox__dropdown { width: 100%; font-size: 14px; color: #fff; }
.select-1 .jq-selectbox__dropdown ul { background: #ff3a13; }
.select-1 .jq-selectbox__dropdown li { padding: 0 15px; line-height: 28px; }
.select-1 .jq-selectbox__dropdown li:hover { color: #000; background: #fff; }
*/

.animated { opacity: 0; }
.animation-completed { opacity: 1; }

.button-1 { display: block; width: 254px; height: 53px; font-size: 15px; line-height: 48px; font-weight: 600; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; background: url('images/button-1.png') no-repeat; }

.homescreen { overflow: hidden; height: 821px; color: #fff; background: url('images/homescreen-bg.jpg') center top no-repeat; }
.homescreen.page-thanks { height: 1010px; background: url('images/thanks-homescreen-bg.jpg') center top no-repeat; }

.thanks { margin-top: 205px; }
.thanks .block-heading { text-align: center; }
.thanks .block-heading .row-1 { font: 72px/87px 'Intro'; }
.thanks .block-heading .row-2 { font: 43px/64px 'Intro'; color: #fb9d1c; }
.thanks .block-heading .row-3 { margin-top: 90px; font-size: 28px; line-height: 32px; }
.thanks .block-heading:after { display: block; content: ''; width: 225px; height: 3px; margin: 61px auto 0; background: #fb9d1c; }
.thanks .back-btn { margin: 64px auto 0; }

.phones .dropdown { position: absolute; z-index: 10; display: none; background: #fff; border-radius: 2px; list-style: none; }
.phones .dropdown.active { display: block; }
.phones .dropdown li { padding: 0 21px; font-size: 15px; line-height: 39px; font-weight: bold; color: #414141; text-align: center; border-top: 1px solid #e9e9e9; }
.phones .dropdown li:first-child { border-top: none; }

.header .logo { display: block; float: left; width: 153px; height: 50px; margin: 37px 0 0 85px; text-decoration: none; background: url('images/header-logo.png') no-repeat; }
.header .text { float: left; width: 400px; margin: 32px 0 0 102px; font-size: 15px; line-height: 26px; letter-spacing: 0.1px; font-weight: bold; }
.header .right { float: right; width: 270px; margin: 19px 86px 0 0; text-align: right; }
.header .made-in { margin-right: 28px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #919191; }
.header .made-in:before { display: inline-block; content: ''; vertical-align: top; width: 20px; height: 12px; margin-right: 12px; background: url('images/flag-ua.png') no-repeat; }
.header .phones { position: relative; margin-top: 8px; }
.header .phones .single { float: right; font-size: 24px; font-weight: bold; }
.header .phones .arrow { display: block; float: right; width: 17px; height: 17px; margin: 5px 0 0 11px; text-decoration: none; background: url('images/header-phones-arrow.png') no-repeat; }
.header .phones .dropdown { right: 0; top: 44px; }
.header .callback-btn { display: inline-block; margin: 2px 30px 0 0; font-size: 15px; line-height: 21px; text-decoration: none; color: #3faaff; border-bottom: 1px dotted #3faaff; }

.form-1 { width: 300px; padding: 35px 10px 40px; border-radius: 2px; background: #fff; }
.form-1 .heading { font-weight: bold; text-align: center; }
.form-1 .heading .row-1 { font-size: 24px; line-height: 30px; letter-spacing: 1px; color: #0c0c0c; text-transform: uppercase; }
.form-1 .heading .row-2 { font-size: 22px; line-height: 30px; letter-spacing: 0.5px; color: #f75043; text-transform: uppercase; }
.form-1 .heading .row-3 { margin-top: 3px; font-size: 14px; line-height: 16px; letter-spacing: 0.5px; font-weight: bold; color: #0c0c0c; text-transform: uppercase; }
.form-1 .heading .row-3 .hl { color: #f75043; }
.form-1 .inputs { padding: 13px 25px 0; }
.form-1 .input-1 { margin-top: 11px; }
.form-1 .submit { margin: 19px auto 0; }
.form-1 .privacy { margin-top: 16px; font-size: 14px; color: #aeaeae; text-align: center; }
.form-1 .privacy:before { display: inline-block; content: ''; width: 11px; height: 16px; margin-right: 14px; vertical-align: middle; background: url('images/privacy-icon-1.png') no-repeat; }

.callback-1 { margin-top: 216px; }
.callback-1 .form-1 { float: right; position: relative; margin-right: 86px; }
.callback-1 .form-1:before { display: block; content: ''; position: absolute; left: 32px; top: -105px; width: 250px; height: 105px; background: url('images/form-1-top.png') no-repeat; }
.callback-1 .block-heading { margin-right: 420px; padding: 8px 0 0 85px; }
.callback-1 .block-heading .row-1 { font: 50px/72px 'Intro'; }
.callback-1 .block-heading .row-2 { margin: 37px 30px 0 0; font-size: 24px; line-height: 42px; letter-spacing: -0.1px; }
.callback-1 .block-heading .underline { display: inline-block; line-height: 28px; border-bottom: 3px solid #fb9d1c; }

.advantages-1 { padding: 90px 0 79px 0; }
.advantages-1 .items { margin: 0 75px; }
.advantages-1 .item { float: left; position: relative; width: 20%; height: 220px; text-align: center; cursor: default; }
.advantages-1 .item:before { display: block; content: ''; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #eee; }
.advantages-1 .item:first-child:before { display: none; }
.advantages-1 .item-icon { height: 80px; line-height: 80px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}
.advantages-1 .item-icon img { vertical-align: bottom; }
.advantages-1 .item:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
.advantages-1 .item:hover .item-icon {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.advantages-1 .item-title { margin: 31px 15px 0; font-size: 36px; font-weight: bold; color: #fb9d1c; }
.advantages-1 .item-text { margin: 4px 20px 0; font-size: 17px; line-height: 24px; color: #4c4c4c; }

.block-title { font-size: 36px; line-height: 60px; font-weight: normal; text-align: center; }
.block-title .hl { display: inline-block; font-weight: bold; }

.advantages-2 { height: 800px; padding-top: 60px; background: url('images/advantages-2-bg.jpg') center top no-repeat; }
.advantages-2 .block-title { color: #fff; }
.advantages-2 .block-title .hl { padding: 0 14px; background: #fb9d1c; }
.advantages-2 .items { width: 320px; padding-top: 35px; }
.advantages-2 .items.left { float: left; margin-left: 84px; }
.advantages-2 .items.right { float: right; margin-right: 86px; }
.advantages-2 .item { position: relative; margin-top: 26px; padding: 17px 20px 16px 23px; font-size: 15px; line-height: 28px; color: #595959; background: #fff; }
.advantages-2 .item:after { display: block; content: ''; position: absolute; background: url('images/advantages-2-points.png') no-repeat; }
.advantages-2 .item.lrt:after, .advantages-2 .item.lrb:after, .advantages-2 .item.rlt:after, .advantages-2 .item.rlb:after { width: 23px; height: 22px; }
.advantages-2 .item.lrt:after { right: -23px; bottom: -22px; }
.advantages-2 .item.lrb:after { right: -23px; top: -22px; background-position: -24px 0; }
.advantages-2 .item.rlt:after { left: -23px; bottom: -22px; background-position: -48px 0; }
.advantages-2 .item.rlb:after { left: -23px; top: -22px; background-position: -72px 0; }
.advantages-2 .item.lr:after, .advantages-2 .item.rl:after { width: 21px; height: 8px; top: 50%; margin-top: -4px; }
.advantages-2 .item.lr:after { background-position: -96px 0; right: -21px; }
.advantages-2 .item.rl:after { background-position: -96px -14px; left: -21px; }
.advantages-2 .block-image { width: 280px; height: 403px; margin: 158px 0 0 442px; background: url('images/advantages-2-image.png') no-repeat; }

.callback-2 { height: 490px; color: #fff; background: url('images/callback-2-bg.jpg') center top no-repeat; }
.callback-2 .form-1 { float: right; position: relative; margin: 61px 86px 0 0; padding-top: 25px; padding-bottom: 26px; }
.callback-2 .form-1 .heading .row-1 { color: #f75043; }
.callback-2 .form-1 .heading .row-2 { font-size: 14px; font-weight: normal; color: #7b7a7a; text-transform: none; }
.callback-2 .form-1 .submit { margin-top: 24px; }
.callback-2 .left { margin-right: 420px; padding: 60px 0 0 50px; }
.callback-2 .block-heading { margin-left: 34px; }
.callback-2 .block-heading .row-1 { font-size: 36px; font-weight: bold; }
.callback-2 .block-heading .row-2 { display: inline-block; margin-top: 20px; padding: 0 18px 6px 20px; font-size: 48px; line-height: 66px; font-weight: bold; color: #fff; background: #fb9d1c; }
.callback-2 .block-heading .row-3 { font-size: 24px;line-height: 2; }
.callback-2 .block-heading .underline { display: inline-block; line-height: 28px; border-bottom: 3px solid #fb9d1c; }
.callback-2 .items { margin-top: 69px; }
.callback-2 .item { float: left; height: 86px; padding-top: 1px; }
.callback-2 .item:nth-child(even) { border-left: 1px solid rgba(255, 255, 255, 0.19); }
.callback-2 .item-icon { float: left; width: 86px; height: 86px; margin-left: 34px; line-height: 86px; }
.callback-2 .item-icon img { vertical-align: middle; }
.callback-2 .item-text { width: 154px; margin-left: 148px; font-size: 24px; line-height: 36px; }
.callback-2 .item-text .hl { font-weight: bold; color: #fb9d1c; }
.callback-2 .item-text .hl.big { font-size: 30px; }
.callback-2 .item-text .v { height: 86px; display: table-cell; vertical-align: middle; }

.solutions { padding: 110px 0 51px 0; background: url('images/solutions-bg.jpg') center top no-repeat; }
.solutions .block-title { text-align: center; color: #777; }
.solutions .block-title .hl { color: #4b4b4b; }
.solutions .items { margin: 98px 65px 0 84px; }
.solutions .item { float: left; position: relative; width: 50%; padding-bottom: 21px; }
.solutions .item-icon { position: absolute; left: 0; top: 0; text-align: center; }
.solutions .item-icon img { vertical-align: top; }
.solutions .item-title { margin: 8px 0 0 84px; font-size: 20px; font-weight: bold; color: #4b4b4b; }
.solutions .item-text { margin: 23px 25px 0 84px; font-size: 17px; line-height: 30px; color: #787878; }

.steps { height: 742px; padding-top: 136px; color: #fff; background: url('images/steps-bg.jpg') center top no-repeat; }
.steps .block-title .hl { padding: 0 18px; background: #fb9d1c; }
.steps .items { margin-top: 48px; }
.steps .item-icon { width: 150px; height: 150px; margin: 0 auto; border-radius: 75px; overflow: hidden; }
.steps .item-icon img { display: block; width: 150px; height: 150px; }
.steps .item { float: left; position: relative; height: 283px; text-align: center; }
.steps .item:before { display: block; content: ''; position: absolute; left: -7px; top: 50%; width: 13px; height: 23px; margin-top: -77px; background: url('images/steps-arrow-1.png') no-repeat; }
.steps .item:first-child:before { display: none; }
.steps .row-1 { margin: 0 74px; }
.steps .row-2 { margin: 0 206px; }
.steps .row-1 .item { width: 25%; }
.steps .row-2 .item { width: 33.33%; }
.steps .item-num { position: absolute; left: 50%; top: 111px; width: 66px; height: 66px; margin-left: -33px; font-size: 50px; line-height: 66px; font-weight: bold; color: #fb9d1c; text-align: center; background: #fff; border-radius: 33px; }
.steps .item-title { margin: 41px 25px 0; font-size: 16px; line-height: 27px; font-weight: bold; }

.certs { height: 361px; padding-top: 21px; background: url('images/certs-bg.jpg') center top no-repeat; }
.certs .block-title { font-weight: bold; color: #4b4b4b; }
.certs .slider { margin-top: 51px; }
.certs .slider li { width: 150px; height: 200px; border: 1px solid #eee; }
.certs .bx-controls-direction a { width: 56px; height: 56px; margin-top: -28px; background: url('images/slider-nav-1.png') no-repeat; }
.certs .bx-controls-direction a.bx-prev { left: -79px; }
.certs .bx-controls-direction a.bx-prev:hover { background-position: 0 -57px; }
.certs .bx-controls-direction a.bx-next { right: -80px; background-position: -57px 0; }
.certs .bx-controls-direction a.bx-next:hover { background-position: -57px -57px; }

.grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

.grayscale:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.trust { height: 410px; padding-top: 208px; background: url('images/trust-bg.jpg') center top no-repeat; }
.trust .block-title { line-height: 50px; font-weight: bold; color: #4b4b4b; }
.trust .block-title .hl { padding: 0 14px 5px; color: #fff; background: #fb9d1c; }
.trust .slider { margin: 62px 160px 0; }
.trust .slide { list-style: none; }
.trust .slide li { float: left; width: 20%; height: 122px; line-height: 122px; text-align: center; }
.trust .slide li img { display: inline; vertical-align: middle; }
.trust .bx-controls-direction a { width: 56px; height: 56px; margin-top: -26px; background: url('images/slider-nav-1.png') no-repeat; }
.trust .bx-controls-direction a.bx-prev { left: -71px; }
.trust .bx-controls-direction a.bx-prev:hover { background-position: 0 -57px; }
.trust .bx-controls-direction a.bx-next { right: -70px; background-position: -57px 0; }
.trust .bx-controls-direction a.bx-next:hover { background-position: -57px -57px; }

.callback-3 { height: 490px; color: #fff; background: url('images/callback-3-bg.jpg') center top no-repeat; }
.callback-3 .form-1 { float: right; position: relative; margin: 76px 85px 0 0; padding-top: 28px; padding-bottom: 26px; }
.callback-3 .form-1:before { display: block; content: ''; position: absolute; left: 32px; top: -105px; width: 250px; height: 105px; background: url('images/form-1-top.png') no-repeat; }
.callback-3 .form-1 .heading .row-3 { margin-top: 5px; }
.callback-3 .block-heading { margin-right: 420px; padding: 161px 0 0 85px; }
.callback-3 .block-heading .row-1 { display: inline-block; margin-top: 20px; padding: 0 15px 1px 16px; font-size: 36px; line-height: 51px; letter-spacing: -0.1px; font-weight: bold; color: #fff; background: #fb9d1c; }
.callback-3 .block-heading .row-2 { margin-top: 36px; font-size: 36px; }
.callback-3 .block-heading .row-2 img { margin: 0 3px; vertical-align: middle; }
.callback-3 .block-heading .underline { display: inline-block; line-height: 28px; border-bottom: 3px solid #fb9d1c; }

#map_canvas { height: 330px; }

.footer { padding-bottom: 21px; }
.footer .logo { display: block; float: left; width: 153px; height: 153px; margin: 33px 0 0 86px; text-decoration: none; background: url('images/footer-logo.png') no-repeat; }
.footer .text { float: left; width: 400px; margin: 45px 0 0 100px; font-size: 14px; line-height: 20px; color: #8e8e8e; text-transform: uppercase; }
.footer .text a { display: inline-block; color: #8e8e8e; text-decoration: none; }
.footer .right { float: right; width: 270px; margin: 18px 86px 0 0; text-align: right; }
.footer .made-in { margin-right: 28px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #919191; }
.footer .made-in:before { display: inline-block; content: ''; vertical-align: top; width: 20px; height: 12px; margin-right: 12px; background: url('images/flag-ua.png') no-repeat; }
.footer .phones { position: relative; margin-top: 8px; }
.footer .phones .single { float: right; font-size: 24px; font-weight: bold; }
.footer .phones .arrow { display: block; float: right; width: 17px; height: 17px; margin: 5px 0 0 11px; text-decoration: none; background: url('images/footer-phones-arrow.png') no-repeat; }
.footer .phones .dropdown { right: 0; bottom: 44px; }
.footer .callback-btn { display: inline-block; margin: 1px 30px 0 0; font-size: 15px; line-height: 21px; text-decoration: none; color: #3faaff; border-bottom: 1px dotted #3faaff; }