* { margin: 0; padding: 0; }
html, body { height: 100%; min-width: 1200px; }
body, .modal-content { font-family: 'Segoe UI'; font-size: 14px; color: #555667; background: #020211; }

.modal-content{
    background: transparent;
}
input, button, textarea, .jq-selectbox { font-family: 'Segoe UI'; }
.clear { clear: both; }
img { border: none; }
a { color: #199efc; }
a:hover { text-decoration: none; }

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

.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; }

.modal-type-1 .form-2 { float: right; margin-right: 50px; border-color: #fff; }
.modal-type-1 .block-heading { margin: 0 450px 0 50px; padding-top: 131px; color: #fff; }
.modal-type-1 .block-heading .row-1 { font: 200 60px/60px 'PF DinDisplay Pro'; }
.modal-type-1 .block-heading .row-4 { font: 200 57px/60px 'PF DinDisplay Pro'; }
.modal-type-1 .block-heading .row-2 { font: 200 42px/42px 'PF DinDisplay Pro'; }
.modal-type-1 .block-heading .row-3 { margin-top: 20px; font-size: 20px; font-weight: 200; }

.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; }

.main-wrapper { position: relative; overflow: hidden; max-width: 1920px; margin: 0 auto; padding-bottom: 50px; }
.inner-wrapper { position: relative; width: 1200px; margin: 0 auto; }
.center-text { text-align: center; }

.input-1 { position: relative; height: 33px; padding: 5px 15px 5px 42px; background: #fff; border: 1px solid #e6e6e6; border-radius: 6px; }
.input-1.error { border-color: #f00; }
.input-1.focused { border-color: #0090ff; }
.input-1.name:before { display: block; content: ''; position: absolute; z-index: 1; left: 16px; top: 11px; width: 14px; height: 20px; background: url('images/input-1-icons.png') no-repeat; }
.input-1.phone:before { display: block; content: ''; position: absolute; z-index: 1; left: 17px; top: 12px; width: 11px; height: 20px; background: url('images/input-1-icons.png') -15px 0 no-repeat; }
.input-1.email:before { display: block; content: ''; position: absolute; z-index: 1; left: 14px; top: 14px; width: 16px; height: 16px; background: url('images/input-1-icons.png') -27px 0 no-repeat; }
.input-1.required:after { display: block; content: '*'; position: absolute; z-index: 1; right: 8px; top: 15px; color: #267be0; }
.input-1 input { display: block; width: 100%; height: 33px; font-size: 16px; line-height: 33px; font-weight: 200; color: #4f546d; border: none; outline: none; background: none; }
.input-1 input::-webkit-input-placeholder { color: #4f546d; }
.input-1 input:-moz-placeholder { color: #4f546d; opacity: 1; }
.input-1 input::-moz-placeholder { color: #4f546d; opacity: 1; }
.input-1 input:-ms-input-placeholder { color: #4f546d; }

.input-2 { position: relative; height: 29px; padding: 5px 10px; background: #fff; border-radius: 6px; box-shadow: 0px 2px 0px 0px rgba(237, 237, 237, 1); }
.input-2 input { display: block; width: 100%; height: 29px; font-size: 16px; line-height: 29px; font-weight: 200; color: #555667; text-align: center; border: none; outline: none; background: none; }
.input-2 input::-webkit-input-placeholder { color: #555667; text-align: center; }
.input-2 input:-moz-placeholder { color: #555667; opacity: 1; text-align: center; }
.input-2 input::-moz-placeholder { color: #555667; opacity: 1; text-align: center; }
.input-2 input:-ms-input-placeholder { color: #555667; text-align: center; }

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

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; }

.button-1 { display: block; width: 204px; height: 65px; font-size: 18px; line-height: 52px; color: #fff; text-align: center; text-decoration: none; background: url('images/button-1.png') no-repeat; }
.button-1:hover { background-position: 0 -66px; }
.button-1:active { line-height: 60px; background-position: 0 -132px; }
.button-2 { display: block; width: 159px; height: 44px; font-size: 15px; line-height: 32px; color: #fff; text-align: center; text-decoration: none; background: url('images/button-2.png') no-repeat; }
.button-2:hover { background-position: 0 -45px; }
.button-2:active { line-height: 38px; background-position: 0 -90px; }
.button-3 { display: block; width: 166px; height: 39px; font-size: 15px; line-height: 32px; color: #000; text-align: center; text-decoration: none; background: url('images/button-3.png') no-repeat; }
.button-3:hover { background-position: 0 -40px; }
.button-3:active { line-height: 38px; background-position: 0 -80px; }
.button-4 { display: block; width: 176px; height: 52px; font-size: 15px; line-height: 40px; color: #fff; text-align: center; text-decoration: none; background: url('images/button-4.png') no-repeat; }
.button-4:hover { background-position: 0 -53px; }
.button-4:active { line-height: 46px; background-position: 0 -106px; }
.button-5 { display: block; width: 250px; height: 52px; font-size: 15px; line-height: 40px; color: #fff; text-align: center; text-decoration: none; background: url('images/button-5.png') no-repeat; }
.button-5:hover { background-position: 0 -53px; }
.button-5:active { line-height: 46px; background-position: 0 -106px; }
.button-6 { display: block; width: 224px; height: 52px; font-size: 15px; line-height: 40px; color: #fff; text-align: center; text-decoration: none; background: url('images/button-6.png') no-repeat; }
.button-6:hover { background-position: 0 -53px; }
.button-6:active { line-height: 46px; background-position: 0 -106px; }
.button-7 { display: block; width: 301px; height: 66px; font-size: 20px; line-height: 52px; color: #fff; text-align: center; text-decoration: none; background: url('images/button-7.png') no-repeat; }
.button-7:hover { background-position: 0 -67px; }
.button-7:active { line-height: 58px; background-position: 0 -134px; }
.button-8 { display: block; width: 210px; height: 55px; font-size: 17px; line-height: 44px; color: #fff; text-align: center; text-decoration: none; background: url('images/button-8.png') no-repeat; }
.button-9 { display: block; height: 65px; font-size: 18px; line-height: 52px; color: #fff; text-align: center; text-decoration: none; background: url('images/button-1.png') no-repeat; background-position: 50%; margin-top: 40px;}
.button-9:hover { background-position: 50% -66px; }
.button-9:active { line-height: 60px; background-position: 50% -132px; }

.select-1.jq-selectbox { display: block !important; height: 39px; cursor: default; }
.select-1 .jq-selectbox__select { position: relative; z-index: 1; padding: 0 30px 0 14px; background: #fff; border-radius: 6px; box-shadow: 0px 2px 0px 0px rgba(237, 237, 237, 1); }
.select-1 .jq-selectbox__select-text { width: auto !important; font-size: 16px; line-height: 39px; font-weight: 200; white-space: nowrap; }
.select-1 .jq-selectbox__trigger { position: absolute; right: 11px; top: 12px; width: 18px; height: 18px; background: url('images/select-1-arrow.png') no-repeat; }
.select-1 .jq-selectbox__dropdown { list-style: none; left: 0 !important; top: 15px !important; bottom: auto !important; width: 100% !important; padding: 30px 0 15px 0; background: #ebecee; border-radius: 0 0 15px 15px; }
.select-1 .jq-selectbox__dropdown li { padding: 0 20px; font-size: 14px; line-height: 27px; color: #4d4d4d; cursor: pointer; }
.select-1 .jq-selectbox__dropdown li:hover { color: #fff; background: #e50d43; }

.radio-1.jq-radio { width: 18px; height: 20px; vertical-align: middle; background: url('images/radio-1.png') no-repeat; }
.radio-1.jq-radio.checked { background-position: -19px 0; }

.standalone-logo { position: absolute; z-index: 2; left: 50%; top: 0; width: 160px; height: 123px; margin-left: -80px; background: url('images/standalone-logo.png') no-repeat; }

.header { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; color: #fff; }
.header .logo { display: block; float: left; width: 142px; height: 108px; margin: 22px 0 0 52px; text-decoration: none; background: url('images/header-logo.png') no-repeat; }
.header .text { float: left; margin: 56px 0 0 22px; font-size: 24px; }
.header .text .q { color: #0090ff; }
.header .right { float: right; margin: 31px 44px 0 0; text-align: right; }
.header .phones { margin-right: 4px; font-size: 24px; line-height: 28px; font-weight: 200; letter-spacing: -0.5px; }
.header .phones b { font-weight: 900; }
.header .callback-btn { display: inline-block; margin-top: 6px; }

.homescreen { position: relative; height: 970px; color: #fff; text-align: center; }
.homescreen .block-heading { padding-top: 315px; }
.homescreen .block-heading .row-1 { font: 200 50px/70px 'PF DinDisplay Pro'; }
.homescreen .block-heading .row-1 b { color: #ffba00; }
.homescreen .block-heading .row-2 { display: inline-block; margin-top: 3px; padding: 0 12px; font: 900 58px/68px 'PF DinDisplay Pro'; text-transform: uppercase; border: 1px solid #fff; }
.homescreen .block-heading .row-3 { margin-top: 23px; font-size: 18px; }
.homescreen .buttons { margin: 176px 167px 0; }
.homescreen .btn-left { float: left; }
.homescreen .btn-right { float: right; }
.homescreen .request { position: relative; margin-top: 30px; padding-top: 57px; }
.homescreen .request:before { display: block; content: ''; position: absolute; left: 50%; top: 0; width: 10px; height: 30px; margin-left: -5px; background: url('images/homescreen-request-arrow.png') no-repeat; }
.homescreen .request .row-1 { font: 200 45px/45px 'PF DinDisplay Pro'; text-transform: uppercase; }
.homescreen .request .row-2 { font-size: 17px; line-height: 11px; }
.homescreen .request .callback-btn { margin: 25px auto 0; }

.pg-main .main-wrapper { padding-bottom: 0; }
.pg-main .homescreen { background: url('images/pg-main-homescreen-bg.jpg') center top no-repeat; }
.pg-main .homescreen .inner-wrapper { position: relative; z-index: 1; }
.pg-main .homescreen .overlay { position: absolute; top: 0; height: 100%; width: 50%; background: rgba(0, 7, 30, 0.3);
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.pg-main .homescreen .overlay.hidden { opacity: 0; }
.pg-main .homescreen .overlay.left { left: 0; }
.pg-main .homescreen .overlay.right { right: 0; }
.pg-main .homescreen .block-heading { padding-top: 244px; }
.pg-main .homescreen .block-heading .row-2 { padding: 0 20px; margin-top: 0; font-size: 86px; line-height: 88px; }

.pg-thanks .main-wrapper { padding-bottom: 0; }
.pg-thanks .homescreen { background: url('images/pg-main-homescreen-bg.jpg') center top no-repeat; }
.pg-thanks .homescreen .block-heading { padding-top: 244px; }
.pg-thanks .homescreen .block-heading .row-2 { padding: 0 20px; margin-top: 0; font-size: 50px; line-height: 56px; }

.pg-blinds .homescreen { background: url('images/pg-blinds-homescreen-bg.jpg') center top no-repeat; }
.pg-gates .homescreen { background: url('images/pg-gates-homescreen-bg.jpg') center top no-repeat; }

.digits { padding: 70px 0; background: #f9f9f9; }
.digits .items { margin: 0 50px; }
.digits .item { float: left; width: 33.33%; text-align: center; cursor: default; }
.digits .item-content { padding: 30px 20px 28px; border-top: 1px solid #dbdee4; border-left: 1px solid #dbdee4; }
.digits .item:first-child .item-content { border-left: none; }
.digits .row:first-child .item .item-content { border-top: none; }
.digits .item .row-1 { font: 100 70px/70px 'PF DinDisplay Pro'; color: #ee0a0a;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.digits .item:hover .row-1 {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.digits .item .row-2 { font-size: 18px; line-height: 22px; font-weight: 200; }
.digits .item:nth-child(odd) { background: #fff; }
.digits .item:nth-child(odd) .row-1 { color: #0090ff; }
.digits .row:nth-child(even) .item:nth-child(odd) { background: none; }
.digits .row:nth-child(even) .item:nth-child(odd) .row-1 { color: #ee0a0a; }
.digits .row:nth-child(even) .item:nth-child(even) { background: #fff; }
.digits .row:nth-child(even) .item:nth-child(even) .row-1 { color: #0090ff; }
.digits .row:nth-child(even) .item-content { padding: 34px 20px 30px; }

.block-title { text-align: center; }
.block-title .row-1 { font: 100 62px/58px 'PF DinDisplay Pro';  }
.block-title .row-1gs { font: 100 55px/58px 'PF DinDisplay Pro';  }
.block-title .row-2 { margin-top: 5px; font-size: 18px; font-weight: 200; }
.block-title strong { font-weight: 600; }

.advantages { padding: 63px 0 58px 0; background: #fff; }
.advantages .items { margin: 56px 70px 0; }
.advantages .item { float: left; width: 25%; height: 309px; font-weight: 200; text-align: center; cursor: default; }
.advantages .item-icon { width: 160px; height: 120px; margin: 0 auto;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.advantages .item:hover .item-icon {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.pg-blinds .advantages .item-icon { background: url('images/pg-blinds-advantages-icons.png') no-repeat; }
.pg-gates .advantages .item-icon { background: url('images/pg-gates-advantages-icons.png') no-repeat; }
.advantages .item-icon.icon-2 { background-position: -160px 0; }
.advantages .item-icon.icon-3 { background-position: -320px 0; }
.advantages .item-icon.icon-4 { background-position: -480px 0; }
.advantages .item-icon.icon-5 { background-position: 0 -120px; }
.advantages .item-icon.icon-6 { background-position: -160px -120px; }
.advantages .item-icon.icon-7 { background-position: -320px -120px; }
.advantages .item-icon.icon-8 { background-position: -480px -120px; }
.advantages .item .row-1 { position: relative; height: 69px; margin: 12px 20px 0; font-size: 22px; line-height: 26px; }
.advantages .item .row-1:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 15px; height: 1px; margin-left: -8px; background: #0090ff; }
.advantages .item .row-1-small { position: relative; height: 69px; margin: 12px 20px 0; font-size: 22px; line-height: 20px; }
.advantages .item .row-1-small:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 15px; height: 1px; margin-left: -8px; background: #ee0404; }
.advantages .item .row-2 { margin: 12px 15px 0; font-size: 16px; line-height: 20px; }
.advantages .item:nth-child(2) .row-1:after { background: #ee0404; }
.advantages .row:nth-child(even) .item .row-1:after { background: #0090ff; }


.clients { padding: 63px 0 226px 0; background: #f9f9f9; }
.clients .items { margin-top: 29px; text-align: center; }
.clients .items img { vertical-align: top; }

.selection { padding-top: 63px; background: #fff; }
.selection .items { text-align: center; overflow: hidden; }
.selection .item { display: block; float: left; color: #555667; text-decoration: none; }
.selection .item-title { margin: 10px 20px 0; font-size: 20px; font-weight: 200; text-align: center;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.selection .item:hover .item-title {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.pg-blinds .selection .items { padding: 14px 99px 77px; }
.pg-blinds .selection .item { width: 33.33%; }
.pg-blinds .selection .item-icon { width: 280px; height: 256px; margin: 0 auto; background: url('images/pg-blinds-selection-icons.jpg') no-repeat; }
.pg-blinds .selection .item-icon.icon-2 { background-position: -280px 0; }
.pg-blinds .selection .item-icon.icon-3 { background-position: -560px 0; }

.pg-gates .selection { padding-top: 52px; background: #fff url('images/pg-gates-selection-bg.jpg') center 26px no-repeat; }
.pg-gates .selection .items { padding: 14px 60px 77px; }
.pg-gates .selection .item { width: 25%; }
.pg-gates .selection .item-icon { width: 270px; height: 236px; margin: 0 auto; background: url('images/pg-gates-selection-icons.jpg') no-repeat; } 
.pg-gates .selection .item-icon.icon-2 { background-position: -270px 0; }
.pg-gates .selection .item-icon.icon-3 { background-position: -540px 0; }
.pg-gates .selection .item-icon.icon-4 { background-position: -810px 0; }

.bx-pager a {
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.bx-pager a:hover {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.catalog .bx-wrapper { margin: 0 !important; }
.catalog .bx-viewport { left: 0; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.catalog .bx-controls { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.catalog .bx-pager { display: inline-block; position: static; width: auto; margin-bottom: 18px; padding: 6px 7px 5px 8px; background: #0090ff; border-radius: 12px; }
.catalog .bx-pager a { width: 14px !important; height: 14px !important; margin: 0 3px !important; border-radius: 0 !important; background: url('images/slider-pager-1.png') no-repeat !important; }
.catalog .bx-pager a:hover,
.catalog .bx-pager a.active { background-position: -15px 0 !important; }

.rollet { padding: 70px 0 71px 0; background: #f9f9f9; }
.rollet:nth-child(even) { padding-top: 65px; background: #fff; }
.rollet .slider { float: right; width: 550px; height: 359px; margin-right: 50px; }
.rollet .description { margin: 0 600px 0 50px; background: #fff; }
.rollet .description .top { height: 197px; padding: 33px 0 0 40px; color: #fff; background: #0090ff; }
.rollet .description .top .row-1 { font: 200 48px/48px 'PF DinDisplay Pro'; text-transform: uppercase; }
.rollet .description .top .row-2 { margin: 8px 90px 0 1px; font-size: 18px; line-height: 20px; }
.rollet .description .price-btn { margin: 21px 0 0 3px; }
.rollet .description .bottom { position: relative; height: 114px; padding: 15px 43px 0 42px; font-size: 16px; line-height: 20px; font-weight: 200; }
.rollet .description .bottom .row-1 { height: 80px; overflow: hidden; text-align: justify; }
.rollet .description .bottom .row-2 { position: absolute; left: 42px; bottom: 14px; }
.rollet .for { margin: 0 50px; padding: 41px 0 36px 0; background: #fff; border-top: 1px solid #e8e8e8; }
.rollet .for .item { float: left; width: 16.66%; }
.rollet .for .item-title { margin: 7px 10px 0; font-size: 16px; line-height: 20px; font-weight: 200; text-align: center; }

.gate { padding: 70px 0; background: #f9f9f9; }
.gate:nth-child(even) { background: #fff; }
.gate .right { float: right; width: 550px; }
.gate .slider { height: 290px; margin-right: 50px; }
.gate .left { margin-right: 600px; }
.gate .description-top { height: 257px; padding: 33px 0 0 40px; margin-left: 50px; color: #fff; background: #0090ff; }
.gate .description-top .row-1 { font: 200 48px/48px 'PF DinDisplay Pro'; }
.gate .description-top .row-2 { margin: 30px 30px 0 1px; font-size: 18px; line-height: 20px; }
.gate .description-top .price-btn { margin: 21px 0 0 3px; }
.gate .description-bottom { position: relative; height: 93px; padding: 34px 43px 0 42px; font-size: 16px; line-height: 20px; font-weight: 200; text-align: justify; }
.gate .content { height: 540px; margin: 0 50px; background: #fff; }
.gate .content .left { margin-right: 550px; }
.gate .for { border-top: 1px solid #e8e8e8; }
.gate .for .item { float: left; width: 33.33%; height: 165px; padding-top: 41px; }
.gate .for .item-title { margin: 7px 10px 0; font-size: 16px; line-height: 20px; font-weight: 200; text-align: center; }
.gate .constructor { text-align: center; }
.gate .constructor .image { line-height: 322px; }
.gate .constructor .image img { vertical-align: bottom; max-width: 100%; }
.gate .constructor .title { font-size: 17px; line-height: 16px; font-weight: 200; text-align: left;}
.gate .constructor label { display: inline-block; position: relative; }
.gate .constructor label input { position: absolute; left: 50%; top: 50%; opacity: 0; }
.gate .constructor label img { display: block; }
.gate .constructor .types .items { margin: 13px 60px 0 0; text-align: left; }
.gate .constructor .types label { margin: 0 9px 9px; }
.gate .constructor .types label img { position: relative; z-index: 1; }
.gate .constructor .ready { margin-top: 12px; }
.gate .constructor .ready .items { margin-top: 18px; }
.gate .constructor .ready label { width: 30px; height: 30px; margin: 0 7px; }
.gate .constructor .ready label img { position: absolute; z-index: 0; left: 0; top: 0; width: 30px; height: 30px; }
.gate .constructor .ready label img:first-child { z-index: 1; }
.gate .constructor .ready label:after { display: block; content: ''; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 10px; background: #fff; }
.gate .constructor .ready label.active img:first-child { z-index: 0; }
.gate .constructor .ready label.active:after { display: none; }
.gate .order-btn { margin: 22px auto 0; }

.for { overflow: hidden; }
.for .item-icon { width: 81px; height: 80px; margin: 0 auto; background: url('images/catalog-for-icons.png') no-repeat;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.for .item:hover .item-icon {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.for .item-icon.icon-2 { background-position: -82px 0; }
.for .item-icon.icon-3 { background-position: -164px 0; }
.for .item-icon.icon-4 { background-position: -246px 0; }
.for .item-icon.icon-5 { background-position: -328px 0; }
.for .item-icon.icon-6 { background-position: -410px 0; }
.for .item-icon.icon-7 { background-position: 0 -82px; }
.for .item-icon.icon-8 { background-position: -82px -82px; }
.for .item-icon.icon-9 { background-position: -164px -82px; }
.for .item-icon.icon-10 { background-position: -246px -82px; }
.for .item-icon.icon-11 { background-position: -328px -82px; }
.for .item-icon.icon-12 { background-position: -410px -82px; }
.for .item-icon.icon-13 { background-position: 0 -164px; }
.for .item-icon.icon-14 { background-position: -82px -164px; }
.for .item-icon.icon-15 { background-position: -164px -164px; }
.for .item-icon.icon-16 { background-position: -246px -164px; }
.for .item-icon.icon-17 { background-position: -328px -164px; }
.for .item-icon.icon-18 { background-position: -410px -164px; }
.for .item-icon.icon-19 { background-position: 0 -246px; }
.for .item-icon.icon-20 { background-position: -82px -246px; }
.for .item-icon.icon-21 { background-position: -164px -246px; }
.for .item-icon.icon-22 { background-position: -246px -246px; }
.for .item-icon.icon-23 { background-position: -328px -246px; }
.for .item-icon.icon-24 { background-position: -410px -246px; }
.for .item-icon.icon-25 { background-position: 0 -328px; }
.for .item-icon.icon-26 { background-position: -82px -328px; }
.for .item-icon.icon-27 { background-position: -164px -328px; }
.for .item-icon.icon-28 { background-position: -246px -328px; }
.for .item-icon.icon-29 { background-position: -328px -328px; }

.functions { padding: 62px 0 70px 0; background: #f2f2f2; }
.functions .items { margin: 16px 70px 0; overflow: hidden; }
.functions .item { float: left; width: 25%; height: 205px; font-weight: 200; text-align: center; }
.functions .item-icon { width: 160px; height: 120px; margin: 0 auto; background: url('images/functions-icons.png') no-repeat; }
.functions .item-icon.icon-2 { background-position: -160px 0; }
.functions .item-icon.icon-3 { background-position: -320px 0; }
.functions .item-icon.icon-4 { background-position: -480px 0; }
.functions .item-icon.icon-5 { background-position: 0 -120px; }
.functions .item-icon.icon-6 { background-position: -160px -120px; }
.functions .item-icon.icon-7 { background-position: -320px -120px; }
.functions .item-icon.icon-8 { background-position: -480px -120px; }
.functions .item-title { margin: 12px 35px 0; font-size: 22px; line-height: 26px; }
.functions .item-title:after { display: block; content: ''; width: 15px; height: 1px; margin: 16px auto 0; background: #0090ff; }
.functions .item-title1 { margin: 12px 5px 0; font-size: 20px; line-height: 26px; }
.functions .item-title1:after { display: block; content: ''; width: 15px; height: 1px; margin: 16px auto 0; background: #0090ff; }
.functions .item:nth-child(even) .item-title:after { background: #ee0404; }
.functions .row:nth-child(even) .item .item-title:after { background: #ee0404; }
.functions .row:nth-child(even) .item:nth-child(even) .item-title:after { background: #0090ff; }

.color-selection { background: #f9f9f9; }
.color-selection .block-image { float: left; width: 460px; height: 645px; margin-left: 50px; background: url('images/color-selection-block-image.jpg') no-repeat; }
.color-selection .block-content { margin-left: 556px; padding-top: 54px; }
.color-selection .block-title { width: 500px; margin-left: 15px; text-align: left; }
.color-selection .caption { margin: 41px 0 0 13px; font-size: 18px; font-weight: 200; color: #9293a8; }
.color-selection .items { overflow: hidden; list-style: none; width: 560px; margin-top: 14px; }
.color-selection .items li { float: left; width: 40px; height: 40px; margin: 8px 15px 7px 14px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.color-selection .items li:hover {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.color-selection .items li img { display: block; }
.color-selection .ral { display: inline-block; height: 62px; margin: 17px 0 0 13px; padding-right: 83px; font-size: 18px; font-weight: 200; line-height: 61px; color: #9293a8; background: url('images/color-selection-ral.png') right top no-repeat; }
.color-selection .color-btn { margin: 10px 0 0 13px; }

.blinds-protection { padding: 62px 0 87px 0; line-height: 24px; font-weight: 200; background-color: #ffffff; }
.blinds-protection .types-image { width: 1068px; height: 228px; margin: 64px 0 0 78px; background: url('images/blinds-protection-types.jpg') no-repeat; }
.blinds-protection .left { float: left; width: 50%; margin-top: 56px; font-size: 18px; }
.blinds-protection .left p { padding: 12px 25px 12px 106px; }
.blinds-protection .right { float: left; width: 50%; margin-top: 59px; font-size: 16px; }
.blinds-protection .right p { padding: 12px 30px 12px 28px; }
.blinds-protection strong { font-weight: 600; }
.blinds-protection ul { list-style: none; margin-left: 106px; }
.blinds-protection ul li { position: relative; padding: 12px 0; }
.blinds-protection ul li:before { display: block; content: ''; position: absolute; left: -18px; top: 21px; width: 8px; height: 8px; background: url('images/li-1.png') no-repeat; }

.form-1 { width: 368px; padding: 27px 0 30px 0; background: #fff; border: 2px solid #e6e6e6; border-radius: 6px; }
.form-1 .heading { margin-top: 1px; text-align: center; }
.form-1 .heading .row-1 { font: 200 36px/36px 'PF DinDisplay Pro'; color: #4f546d; text-transform: uppercase; }
.form-1 .heading .row-2 { font: 600 40px/40px 'PF DinDisplay Pro'; color: #606079; text-transform: uppercase; }
.form-1 .heading .row-3 { font-size: 16px; line-height: 12px; font-weight: 200; color: #565970; }
.form-1 .inputs { padding: 12px 37px 0; }
.form-1 .input-1 { margin-top: 15px; }
.form-1 .privacy { margin: 17px 37px 0; font-size: 15px; line-height: 18px; font-weight: 200; color: #bfbfbf; text-align: center; }
.form-1 .privacy img { vertical-align: middle; }

.calc { padding: 64px 0 76px 0; background: #f9f9f9; }
.calc .step-1 { float: left; width: 392px; margin: 30px 0 0 100px; }
.calc .step-1 .bracket { width: 392px; height: 72px; margin-top: 31px; background: url('images/calc-step-1.png') no-repeat; }
.calc .form-1 { margin-left: 10px; }
.calc .step-2 { float: left; width: 550px; margin: 31px 0 0 14px; }
.calc .step-2 .bracket{ width: 550px; height: 70px; background: url('images/calc-step-3.png') no-repeat; }
.calc .step-2 .buttons { margin: 61px 0 0 92px; }
.calc .caption { float: left; position: relative; font-size: 18px; line-height: 39px; font-weight: 200; }
.calc .caption:before { display: block; content: ''; position: absolute; background: url('images/calc-icons.png') no-repeat; }
.calc .caption.icon-1 { padding-left: 35px; }
.calc .caption.icon-1:before { width: 28px; height: 25px; left: 0; top: 8px; }
.pg-gates .calc .caption.icon-1:before { width: 24px; height: 24px; background: url('images/pg-gates-calc-icon-1.png') no-repeat; }
.calc .caption.icon-2 { padding-left: 40px; }
.calc .caption.icon-2:before { width: 22px; height: 10px; left: 0; top: 14px; background-position: 0 -26px; }
.calc .caption.icon-3 { padding-left: 26px; }
.calc .caption.icon-3:before { width: 10px; height: 22px; left: 0; top: 8px; background-position: -29px 0; }
.calc .caption.icon-4 { padding-left: 42px; }
.calc .caption.icon-4:before { width: 25px; height: 24px; left: 0; top: 7px; background-position: -40px 0; }
.calc .caption.icon-5 { padding-left: 32px; }
.calc .caption.icon-5:before { width: 19px; height: 24px; left: 0; top: 7px; background-position: -66px 0; }
.calc .select-1.jq-selectbox { float: left; width: 318px; margin-left: 59px; }
.calc .row-type { padding-bottom: 29px; }
.calc .row-type .caption { margin-left: 16px; }
.calc .row-sizes { padding: 26px 0 24px 0; border-top: 1px solid #f1f1f1; }
.calc .row-sizes .caption { margin-left: 21px; }
.calc .row-sizes .input-2 { float: left; width: 108px; margin-left: 18px; }
.calc .row-control { padding-top: 16px; border-top: 1px solid #f1f1f1; }
.calc .row-control .caption { margin-left: 36px; font-size: 16px; }
.calc .row-control .caption:first-child { margin-left: 19px; }
.calc .radio-1.jq-radio { vertical-align: top; margin: 9px 14px 0 0; }
.calc .calc-btn-1 { float: left; }
.calc .calc-btn-2 { float: left; margin-left: 16px; }

.demo-video { padding: 62px 0 62px 0; background: #fff; }
.demo-video .video-bg { position: relative; }
.demo-video .video-frame { position: absolute; }
.demo-video .video-frame:after { display: block; content: ''; position: absolute; z-index: 1; left: 50%; top: 50%; width: 80px; height: 57px; margin: -29px 0 0 -40px; background: url('images/video-play-btn.png') no-repeat;
    -webkit-transition: transform 0.1s ease-out;
    -moz-transition: transform 0.1s ease-out;
    -o-transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
}
.demo-video .video-frame:hover:after {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.demo-video .video-frame a { display: block; width: 395px; height: 247px; text-decoration: none; }
.demo-video .video-frame img { display: block; width: 395px; height: 247px; }

.pg-blinds .demo-video .video-bg { width: 831px; height: 312px; margin: 55px auto 0; background: url('images/pg-blinds-video-bg.jpg') no-repeat; }
.pg-blinds .demo-video .video-frame { left: 222px; top: 17px; }
.pg-gates .demo-video { padding: 56px 0 79px 0; }
.pg-gates .demo-video .video-bg { width: 1179px; height: 334px; margin: 39px auto 0; background: url('images/pg-gates-video-bg.jpg') no-repeat; }
.pg-gates .demo-video .video-frame { left: 383px; top: 33px; }

.blinds-solutions { padding: 60px 0 65px 0; background: #f9f9f9; }
.blinds-solutions .cols { margin: 60px 19px 0; }
.blinds-solutions .col { float: left; position: relative; width: 50%; font-size: 20px; line-height: 24px; font-weight: 200; text-align: center; }
.blinds-solutions .col-title { text-transform: uppercase; border-right: 1px solid #ebebeb; }
.blinds-solutions .items { padding-top: 14px; }
.blinds-solutions .col:first-child .items { border-right: 1px solid #ebebeb; }
.blinds-solutions .item { float: left; width: 230px; height: 324px; margin: 0 30px; padding-top: 30px; }
.blinds-solutions .item-image { width: 230px; height: 230px; background: url('images/blinds-solutions/1.jpg'); }
.blinds-solutions .item-image1 { width: 230px; height: 230px; background: url('images/blinds-solutions/2.jpg'); }
.blinds-solutions .item-image2 { width: 230px; height: 230px; background: url('images/blinds-solutions/3.jpg'); }
.blinds-solutions .item-image3 { width: 230px; height: 230px; background: url('images/blinds-solutions/4.jpg'); }
.blinds-solutions .item-image4 { width: 230px; height: 230px; background: url('images/blinds-solutions/5.jpg'); }
.blinds-solutions .item-image5 { width: 230px; height: 230px; background: url('images/blinds-solutions/6.jpg'); }
.blinds-solutions .item-image6 { width: 230px; height: 230px; background: url('images/blinds-solutions/7.jpg'); }
.blinds-solutions .item-image7 { width: 230px; height: 230px; background: url('images/blinds-solutions/8.jpg'); }
.blinds-solutions .item-image img { display: block; width: 230px; height: 230px; }
.blinds-solutions .item-title { margin-top: 20px; }
.blinds-solutions .item-title1 { margin-top: 20px; font-size:19px;}
.blinds-solutions .details-btn { margin: 0 auto; }

.gates-solutions { padding-top: 57px; background: #fff; }
.gates-solutions .items { margin: 37px 20px 0; }
.gates-solutions .items:after { display: block; content: ''; width: 184px; height: 1px; margin: 70px 0 0 30px; background: url('images/split-1.png') no-repeat; }
.gates-solutions .item { float: left; width: 25%; font-size: 20px; line-height: 24px; font-weight: 200; text-align: center; }
.gates-solutions .item-image { width: 230px; height: 230px; margin: 0 auto; }
.gates-solutions .item-image img { display: block; width: 230px; height: 230px; }
.gates-solutions .item-title { width: 230px; margin: 20px auto 0; }
.gates-solutions .details-btn { margin: 28px auto 0; }

.free-remote { padding: 58px 0 86px 0; background: #fff; }
.free-remote .block-image { position: absolute; right: 49px; top: -23px; width: 712px; height: 329px; background: url('images/free-remote-image1.jpg') no-repeat; }
.free-remote .block-image1 { position: absolute; right: 49px; top: -23px; width: 712px; height: 329px; background: url('images/free-remote-image2.jpg') no-repeat; }
.free-remote .block-heading { position: relative; z-index: 1; width: 690px; margin-left: 49px; }
.free-remote .block-heading .row-1 { font: 100 54px/54px 'PF DinDisplay Pro'; }
.free-remote .block-heading .row-2 { margin-top: 23px; font-size: 20px; font-weight: 200; }
.free-remote .block-heading .row-2 .hl { color: #0090ff; }
.free-remote .block-heading:after { display: block; content: ''; width: 184px; height: 1px; margin-top: 50px; background: url('images/split-1.png') no-repeat; }
.free-remote .bottom { position: relative; z-index: 1; margin: 48px 47px 0; }
.free-remote .details-btn { float: left; }
.free-remote .hint { float: left; margin-left: 16px; font-size: 14px; line-height: 48px; font-weight: 200; color: #a3a3a3; }
.free-remote .hint .hl { color: #0693ff; }

.pg-gates .free-remote { padding-top: 50px; }

.portfolio { padding: 62px 0 128px 0; background: #f9f9f9; }
.portfolio .slider { margin: 44px 50px 0; background: #fff; border-bottom: 1px solid #e6e6e6; }
.portfolio .col { float: left; width: 50%; }
.portfolio .bx-wrapper { margin: 0 !important; }
.portfolio .bx-viewport { left: 0; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.portfolio .bx-pager { bottom: -65px; padding-top: 0; }
.portfolio .bx-pager a { width: 26px !important; height: 36px !important; margin: 0 3px !important; font-size: 16px; line-height: 36px; font-weight: 200; color: #4f546d; text-indent: 0 !important; text-decoration: none; border-radius: 13px !important; background: none !important; }
.portfolio .bx-pager a:hover,
.portfolio .bx-pager a.active { color: #fff; background: #e40000 !important; }
.portfolio .col-title-image { float: right; width: 165px; height: 119px; line-height: 119px; text-align: center; background: #3fab3c; }
.portfolio .col-title-image img { display: inline; vertical-align: middle; }
.portfolio .col-title { display: table; float: right; height: 119px; margin: 0 28px 0 0; font: 200 24px/24px 'PF DinDisplay Pro'; text-align: right; }
.portfolio .col-title span { display: table-cell; vertical-align: middle; }
.portfolio .col:first-child .col-title-image { float: left; background: #ca002b; }
.portfolio .col:first-child .col-title { float: left; margin: 0 0 0 28px; text-align: left; }
.portfolio .col-content { padding: 5px 23px 17px; font-size: 16px; line-height: 22px; font-weight: 200; text-align: justify; border-top: 1px solid #3fab3c; }
.portfolio .col-content p { position: relative; padding: 11px 0; text-indent: 35px; }
.portfolio .col-content p:before { display: block; content: ''; position: absolute; background: url('images/portfolio-icons1.png') no-repeat; }
.portfolio .col-content p.row-task:before { width: 19px; height: 18px; left: 1px; top: 13px; }
.portfolio .col-content p.row-result:before { width: 18px; height: 14px; left: 0; top: 15px; background-position: 0 -19px; }
.portfolio .col-content .hl { color: #3fab3c; }
.portfolio .col:first-child .col-content { border-color: #ca002b; }
.portfolio .col:first-child .col-content .hl { color: #ca002b; }
.portfolio .col:first-child p.row-task:before { background-position: -19px 0; }
.portfolio .col:first-child p.row-result:before { background-position: -19px -19px; }

.portfolio .col1 { float: left; width: 50%; }
.portfolio .bx-wrapper { margin: 0 !important; }
.portfolio .bx-viewport { left: 0; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.portfolio .bx-pager { bottom: -65px; padding-top: 0; }
.portfolio .bx-pager a { width: 26px !important; height: 36px !important; margin: 0 3px !important; font-size: 16px; line-height: 36px; font-weight: 200; color: #4f546d; text-indent: 0 !important; text-decoration: none; border-radius: 13px !important; background: none !important; }
.portfolio .bx-pager a:hover,
.portfolio .bx-pager a.active { color: #fff; background: #e40000 !important; }
.portfolio .col-title-image1 { float: right; width: 165px; height: 119px; line-height: 119px; text-align: center; background: #00a3de; }
.portfolio .col-title-image1 img { display: inline; vertical-align: middle; }
.portfolio .col-title1 { display: table; float: right; height: 119px; margin: 0 28px 0 0; font: 200 24px/24px 'PF DinDisplay Pro'; text-align: right; }
.portfolio .col-title1 span { display: table-cell; vertical-align: middle; }
.portfolio .col1:first-child .col-title-image1 { float: left; background: #fad500; }
.portfolio .col1:first-child .col-title1 { float: left; margin: 0 0 0 28px; text-align: left; }
.portfolio .col-content1 { padding: 5px 23px 17px; font-size: 16px; line-height: 22px; font-weight: 200; text-align: justify; border-top: 1px solid #00a3de; }
.portfolio .col-content1 p { position: relative; padding: 11px 0; text-indent: 35px; }
.portfolio .col-content1 p:before { display: block; content: ''; position: absolute; background: url('images/portfolio-icons2.png') no-repeat; }
.portfolio .col-content1 p.row-task1:before { width: 19px; height: 18px; left: 1px; top: 13px; }
.portfolio .col-content1 p.row-result1:before { width: 19px; height: 14px; left: 0; top: 15px; background-position: 0 -19px; }
.portfolio .col-content1 .hl { color: #00a3de; }
.portfolio .col1:first-child .col-content1 { border-color: #fad500; }
.portfolio .col1:first-child .col-content1 .hl { color: #fad500; }
.portfolio .col1:first-child p.row-task1:before { background-position: -19px 0; }
.portfolio .col1:first-child p.row-result1:before { background-position: -19px -19px; }

.portfolio .col2 { float: left; width: 50%; }
.portfolio .bx-wrapper { margin: 0 !important; }
.portfolio .bx-viewport { left: 0; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.portfolio .bx-pager { bottom: -65px; padding-top: 0; }
.portfolio .bx-pager a { width: 26px !important; height: 36px !important; margin: 0 3px !important; font-size: 16px; line-height: 36px; font-weight: 200; color: #4f546d; text-indent: 0 !important; text-decoration: none; border-radius: 13px !important; background: none !important; }
.portfolio .bx-pager a:hover,
.portfolio .bx-pager a.active { color: #fff; background: #e40000 !important; }
.portfolio .col-title-image2 { float: right; width: 165px; height: 119px; line-height: 119px; text-align: center; background: #ff9c00; }
.portfolio .col-title-image2 img { display: inline; vertical-align: middle; }
.portfolio .col-title2 { display: table; float: right; height: 119px; margin: 0 28px 0 0; font: 200 24px/24px 'PF DinDisplay Pro'; text-align: right; }
.portfolio .col-title2 span { display: table-cell; vertical-align: middle; }
.portfolio .col2:first-child .col-title-image2 { float: left; background: #420e01; }
.portfolio .col2:first-child .col-title2 { float: left; margin: 0 0 0 28px; text-align: left; }
.portfolio .col-content2 { padding: 5px 23px 17px; font-size: 16px; line-height: 22px; font-weight: 200; text-align: justify; border-top: 1px solid #ff9c00; }
.portfolio .col-content2 p { position: relative; padding: 11px 0; text-indent: 35px; }
.portfolio .col-content2 p:before { display: block; content: ''; position: absolute; background: url('images/portfolio-icons3.png') no-repeat; }
.portfolio .col-content2 p.row-task2:before { width: 19px; height: 18px; left: 1px; top: 13px; }
.portfolio .col-content2 p.row-result2:before { width: 19px; height: 14px; left: 0; top: 15px; background-position: 0 -19px; }
.portfolio .col-content2 .hl { color: #ff9c00; }
.portfolio .col2:first-child .col-content2 { border-color: #420e01; }
.portfolio .col2:first-child .col-content2 .hl { color: #420e01; }
.portfolio .col2:first-child p.row-task2:before { background-position: -19px 0; }
.portfolio .col2:first-child p.row-result2:before { background-position: -20px -19px; }

.steps { padding: 64px 0; background: #fff; }
.steps .items { position: relative; width: 1px; margin: 25px auto 0; padding-top: 1px; background: #e4e4e4; }
.steps .item { position: relative; width: 16px; height: 16px; margin: 0 -8px 0 -7px; padding: 44px 0 40px 0; }
.steps .item:before { display: block; content: ''; width: 16px; height: 16px; background: url('images/steps-item.png') no-repeat; }
.steps .item.red:before { background-position: -17px 0; }
.steps .item-icon { position: absolute; left: 44px; top: 39px; background: url('images/steps-icons.png') no-repeat; }
.steps .item-icon.icon-1 { width: 22px; height: 25px; }
.steps .item-icon.icon-2 { width: 42px; height: 28px; background-position: -23px 0; }
.steps .item-icon.icon-3 { width: 23px; height: 28px; background-position: -66px 0; }
.steps .item-icon.icon-4 { width: 32px; height: 31px; background-position: -90px 0; }
.steps .item-icon.icon-5 { width: 31px; height: 30px; background-position: -123px 0; }
.steps .item-icon.icon-6 { width: 31px; height: 36px; background-position: -155px 0; }
.steps .item-icon.icon-7 { width: 26px; height: 32px; background-position: -187px 0; }
.steps .item-icon.icon-8 { width: 30px; height: 26px; background-position: -214px 0; }
.steps .item:nth-child(even) .item-icon { left: auto; right: 44px; }
.steps .item-text { position: absolute; right: 46px; top: 39px; font-size: 18px; line-height: 24px; font-weight: 200; text-align: right; white-space: nowrap; }
.steps .item-text strong { font-weight: 600; }
.steps .item:nth-child(even) .item-text { right: auto; left: 46px; text-align: left; }
.steps .item:last-child { padding-bottom: 0; }
/*.steps .expand-btn { display: block; width: 44px; height: 22px; margin: 0 auto; font-size: 18px; line-height: 22px; font-weight: 200; color: #4b4c5b; text-align: center; text-decoration: none; border: 2px solid #e6e6e6; border-radius: 12px; }*/
.pg-gates .steps { padding-top: 47px; }

.leader { height: 668px; padding-top: 62px; background: #f9f9f9 url('images/leader-bg.jpg') center top no-repeat; }
.leader .block-content { float: left; width: 513px; margin: 45px 0 0 68px; font-size: 16px; line-height: 20px; color: #9999a5; }
.leader .block-content p { padding: 16px 0 20px 0; margin-left: 3px; text-align: justify; }
.leader .block-content ul { list-style: none; margin-left: 3px; }
.leader .block-content ul li { position: relative; text-indent: 11px; }
.leader .block-content ul li:before { display: block; content: ''; position: absolute; left: 1px; top: 9px; width: 4px; height: 4px; background: #0090ff; border-radius: 2px; }
.leader .partner-btn { margin-top: 56px; }
.leader .certs { float: left; margin: 45px 0 0 31px; list-style: none; }
.leader .certs li { margin-bottom: 13px; }
.leader .certs img { display: block; }

.reviews { padding: 57px 0 84px 0; background: #fff; }
.reviews .slider { margin: 39px 50px 0; }
.reviews .bx-wrapper { margin: 0 !important; }
.reviews .bx-viewport { left: 0; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.reviews .bx-pager { right: 254px; bottom: -8px; width: auto; padding-top: 0; }
.reviews .bx-pager a { width: 18px !important; height: 18px !important; margin: 0 6px !important; border-radius: 0 !important; background: url('images/slider-pager-2.png') no-repeat !important; }
.reviews .bx-pager a:hover,
.reviews .bx-pager a.active { background-position: -19px 0 !important; }
.reviews .photos { float: left; }
.reviews .photo-big { display: block; width: 550px; height: 245px; }
.reviews .photo-big img { display: block; width: 100%; }
.reviews .thumbs { margin-top: 5px; }
.reviews .thumbs a { display: block; float: left; width: 181px; margin-right: 4px; }
.reviews .slide-content { position: relative; margin-left: 569px; }
.reviews .userpic { position: absolute; z-index: 1; left: 0; top: 0; width: 60px; height: 60px; border: 4px solid #fff; border-radius: 34px; overflow: hidden; }
.reviews .slide-text { position: relative; padding: 18px 0 63px 88px; }
.reviews .slide-text:before { display: block; content: ''; position: absolute; left: 33px; top: 0; width: 1px; height: 375px; background: #eee; }
.reviews .slide-text:after { display: block; content: ''; position: absolute; left: 34px; bottom: 21px; width: 99px; height: 1px; background: #eee; }
.reviews .slide-text .row-1 { font: 200 24px 'PF DinDisplay Pro'; }
.reviews .slide-text .row-2 { margin-top: 9px; font-size: 16px; font-weight: 200; }
.reviews .slide-text .row-2:after { display: block; content: ''; width: 184px; height: 1px; margin-top: 19px; background: url('images/split-1.png') no-repeat; }
.reviews .slide-text .row-3 { margin-top: 18px; font-size: 16px; line-height: 22px; font-weight: 200; text-align: justify; }
.reviews .slide-text .row-4 { position: relative; margin: 0px 0 0 2px; padding-left: 27px; font-size: 14px; line-height: 20px; font-weight: 200; }
.reviews .slide-text1 { position: relative; padding: 18px 0 63px 88px; }
.reviews .slide-text1:before { display: block; content: ''; position: absolute; left: 33px; top: 0; width: 1px; height: 375px; background: #eee; }
.reviews .slide-text1:after { display: block; content: ''; position: absolute; left: 34px; bottom: 0px; width: 99px; height: 1px; background: #eee; }
.reviews .slide-text1 .row-1 { font: 200 24px 'PF DinDisplay Pro'; }
.reviews .slide-text1 .row-2 { margin-top: 9px; font-size: 16px; font-weight: 200; }
.reviews .slide-text1 .row-2:after { display: block; content: ''; width: 184px; height: 1px; margin-top: 19px; background: url('images/split-1.png') no-repeat; }
.reviews .slide-text1 .row-3 { margin-top: 18px; font-size: 16px; line-height: 22px; font-weight: 200; text-align: justify; }
.reviews .slide-text1 .row-4 { position: relative; margin: 0px 0 0 2px; padding-left: 27px; font-size: 14px; line-height: 20px; font-weight: 200; }
.reviews .slide-text2 { position: relative; padding: 18px 0 63px 88px; }
.reviews .slide-text2:before { display: block; content: ''; position: absolute; left: 33px; top: 0; width: 1px; height: 367px; background: #eee; }
.reviews .slide-text2:after { display: block; content: ''; position: absolute; left: 34px; bottom: 0px; width: 99px; height: 1px; background: #eee; }
.reviews .slide-text2 .row-1 { font: 200 24px 'PF DinDisplay Pro'; }
.reviews .slide-text2 .row-2 { margin-top: 9px; font-size: 16px; font-weight: 200; }
.reviews .slide-text2 .row-2:after { display: block; content: ''; width: 184px; height: 1px; margin-top: 19px; background: url('images/split-1.png') no-repeat; }
.reviews .slide-text2 .row-3 { margin-top: 18px; font-size: 16px; line-height: 22px; font-weight: 200; text-align: justify; }
.reviews .slide-text2 .row-4 { position: relative; margin: 0px 0 0 2px; padding-left: 27px; font-size: 14px; line-height: 20px; font-weight: 200; }
.reviews .slide-text3 { position: relative; padding: 18px 0 63px 88px; }
.reviews .slide-text3:before { display: block; content: ''; position: absolute; left: 33px; top: 0; width: 1px; height: 353px; background: #eee; }
.reviews .slide-text3:after { display: block; content: ''; position: absolute; left: 34px; bottom: 0px; width: 99px; height: 1px; background: #eee; }
.reviews .slide-text3 .row-1 { font: 200 24px 'PF DinDisplay Pro'; }
.reviews .slide-text3 .row-2 { margin-top: 9px; font-size: 16px; font-weight: 200; }
.reviews .slide-text3 .row-2:after { display: block; content: ''; width: 184px; height: 1px; margin-top: 19px; background: url('images/split-1.png') no-repeat; }
.reviews .slide-text3 .row-3 { margin-top: 18px; font-size: 16px; line-height: 22px; font-weight: 200; text-align: justify; }
.reviews .slide-text3 .row-4 { position: relative; margin: 0px 0 0 2px; padding-left: 27px; font-size: 14px; line-height: 20px; font-weight: 200; }

.examples { padding: 55px 0 84px 0; background: #f9f9f9; }
.examples .slider { margin: 43px 46px 0; }
.examples .bx-wrapper { margin: 0 !important; }
.examples .bx-viewport { left: 0; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.examples .bx-controls-direction a { z-index: 1; width: 70px; height: 70px; margin-top: auto; background: url('images/slider-nav-1.png') no-repeat; }
.examples .bx-controls-direction a.bx-prev { left: 3px; top: 0; }
.examples .bx-controls-direction a.bx-next { right: 4px; top: auto; bottom: 0; background-position: -70px 0; }
.examples .photos-big a { display: block; float: left; margin: 0 3px; }
.examples .photos-small { margin-top: 6px; }
.examples .photos-small a { display: block; float: left; margin: 0 4px 0 3px; }

.form-2 { width: 372px; padding: 39px 0 33px 0; background: #fff; border-radius: 6px; }
.form-2 .heading { text-align: center; }
.form-2 .heading .row-1 { font: 200 26px/26px 'PF DinDisplay Pro'; color: #4f546d; text-transform: uppercase; }
.form-2 .heading .row-2 { font: 600 38px/42px 'PF DinDisplay Pro'; color: #606079; text-transform: uppercase; }
.form-2 .heading .row-3 { font-size: 16px; line-height: 10px; font-weight: 200; color: #565970; }
.form-2 .inputs { padding: 13px 39px 0; }
.form-2 .input-1 { margin-top: 15px; }
.form-2 .submit { margin: 21px auto 0; }
.form-2 .privacy { margin: 10px 37px 0; font-size: 15px; line-height: 18px; font-weight: 200; color: #bfbfbf; text-align: center; }
.form-2 .privacy img { vertical-align: middle; }

.last-screen { height: 930px; background: url('images/last-screen-bg.jpg') center top no-repeat; }
.last-screen .form-2 { float: right; margin: 182px 109px 0 0; border-color: #fff; }
.last-screen .block-content { margin: 0 500px 0 100px; padding-top: 211px; color: #fff; }
.last-screen .block-heading .row-1 { margin-left: 13px; font: 200 35px/35px 'PF DinDisplay Pro'; }
.last-screen .block-heading .row-2 { width: 436px; margin-top: 17px; padding: 9px 0 1px 12px; font: 900 64px/60px 'PF DinDisplay Pro'; text-transform: uppercase; border: 1px solid #fff; }
.last-screen .block-content ul { list-style: none; margin: 16px 0 0 19px; }
.last-screen .block-content ul li { position: relative; padding: 6px 0 7px 0; font-size: 20px; font-weight: 200; text-indent: 26px; }
.last-screen .block-content ul li:before { display: block; content: ''; position: absolute; left: 0; top: 16px; width: 10px; height: 10px; background: url('images/li-2.png') no-repeat; }

.footer { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; color: #fff; }
.footer-top { height: 139px; background: #020211; background: rgba(2, 2, 17, 0.4); border-top: 1px solid #060a1b; }
.footer-top .logo { display: block; float: left; width: 75px; height: 57px; margin: 38px 0 0 52px; text-decoration: none; background: url('images/footer-logo.png') no-repeat; }
.footer-top .text { float: left; width: 145px; margin: 45px 0 0 17px; font-size: 16px; line-height: 24px; font-weight: 200; }
.footer-top .col { position: relative; float: left; margin-top: 32px; padding-left: 75px; font-weight: 200; }
.footer-top .col:before { display: block; content: ''; position: absolute; left: 0; top: 1px; width: 1px; height: 26px; background: #e6e6e6; }
.footer-top .col:after { display: block; content: ''; position: absolute; background: url('images/footer-icons.png') no-repeat; }
.footer-top .col-title { font-size: 18px; color: #ffc000; }
.footer-top .col-text { margin-top: 11px; font-size: 16px; line-height: 20px; }
.footer-top .col-1 { margin-left: 27px; }
.footer-top .col-1:after { left: 41px; top: 4px; width: 20px; height: 20px; }
.footer-top .col-2 { width: 285px; margin-left: 52px; }
.footer-top .col-2:after { left: 44px; top: 4px; width: 15px; height: 20px; background-position: -21px 0; }
.footer-top .col-2 .col-title { float: left; }
.footer-top .map-btn { display: block; float: left; margin: 6px 0 0 16px; font-size: 11px; line-height: 16px; letter-spacing: 3.4px; color: #fff; text-decoration: none; text-transform: uppercase; border-bottom: 1px dashed #fff; }
.footer-top .phones { float: right; margin: 30px 47px 0 0; font-size: 18px; line-height: 28px; font-weight: 200; }
.footer-top .phones b { font-weight: 600; }
.footer-bottom { height: 50px; line-height: 50px; background: #020211; text-transform: uppercase; }
.footer-bottom .left { float: left; margin-left: 49px; font-size: 13px; }
.footer-bottom .right { float: right; margin-right: 52px; font-size: 11px; }
.footer-bottom a { color: #ffa91e; }

.pg-main .footer-top { background: #020211; background: rgba(2, 2, 17, 0.9); }

#navigation {
    width: 100%;
    height: 65px;
    top: 0;
    padding: 0;
    margin: 0;
    position: fixed;
    z-index: 9999;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

#navigation-sticky {
    width: 100%;
    height: 75px;
    top: 0;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 9999;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.nav-inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

.dark-nav .nav-menu {
    color: white;
}

.nav-inner .logo {
    width: auto;
    height: auto;
    position: relative;
    /* left: 0; */
    margin-left: -30px;
    /* top: 50%; */
    float: left;
    /* -webkit-transform: translateY(-50%); */
    -moz-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    box-sizing: border-box;
    padding: 3px 0;
}

.nav-inner .logo a img {
    max-height: 55px;
}

.nav-menu {
    float: right;
    height: 100%;
}

.nav-menu ul {
    height: 100%;
    list-style-type: none;
}

.nav-menu ul li {
    float: left;
    height: 100%;
}

.nav-menu ul li a {
    height: 100%;
    line-height: 65px;
    color: inherit;
    font-size: 16px;
    font-family: 'PF DinDisplay Pro';
    font-weight: 200;
    padding-left: 14px;
    padding-right: 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
}

.nav-menu ul.dropdown-menu {
    background-color: inherit;
    height: auto;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    border-top: 2px solid;
    border-left: transparent !important;
    border-bottom: transparent !important;
    border-right: transparent !important;
    padding: 0;
}

.nav-menu ul.dropdown-menu li {
    float: none;
    width: 100%;
}

.nav-menu ul.dropdown-menu li a {
    font-size: 14px;
    line-height: 16px;
    padding: 15px 19px;
    font-weight: 500;
    display: block;
    color: #e1e1e1;

}

.first-nav.white-nav {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.first-nav.white-nav .nav-menu {
    color: #fff;
}

.second-nav.white-nav .nav-menu, .first-nav.white-nav .nav-menu ul.dropdown-menu li a {
    color: #3e3e3e;
}

.white-nav .nav-menu ul.dropdown-menu li a {
    color: inherit;
}

.second-nav.white-nav, .white-nav .nav-menu ul.dropdown-menu {
    background-color: rgba(249, 249, 249, 0.85);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.first-nav.white-nav .nav-inner .nav-menu ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.second-nav.white-nav .nav-inner .nav-menu ul li a:hover {
    background-color: #eeeeee;
    color: #ee0a0a;
}

.second-nav.white-nav .nav-inner .nav-menu ul li.active a, .white-nav .nav-menu ul.dropdown-menu li a:hover, .white-nav .nav-menu ul.dropdown-menu li.active a {
    background-color: #f8f8f8;
    color: #ee0a0a;
}

#navigation-sticky.white-nav {
    background: rgba(255, 255, 255, 0.95);
}

.nav-from-top {
    top: -75px !important;
}

.second-nav {
    top: 0 !important;
}

.clients-list{
    font-size: 0;
}

.clients-1{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/1.png") no-repeat;
    width: 187px;
    height: 185px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.clients-2{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/2.png") no-repeat;
    width: 187px;
    height: 185px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.clients-3{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/3.png") no-repeat;
    width: 187px;
    height: 185px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.clients-4{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/4.png") no-repeat;
    width: 187px;
    height: 185px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.clients-5{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/5.png") no-repeat;
    width: 187px;
    height: 185px;
    margin-bottom: 10px;
}

.clients-6{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/6.png") no-repeat;
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.clients-7{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/7.png") no-repeat;
    width: 230px;
    height: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.clients-8{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/8.png") no-repeat;
    width: 180px;
    height: 240px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.clients-9{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/9.png") no-repeat;
    width: 230px;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.clients-10{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/10.png") no-repeat;
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}

.clients-13{
     display: inline-block;
     vertical-align: top;
     background: url("../content/clients/13.png") no-repeat;
     width: 190px;
     height: 150px;
     margin-bottom: 10px;
     position: absolute;
     right: 310px;
     top: 356px;
 }

.clients-14{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/14.png") no-repeat;
    width: 190px;
    height: 150px;
    margin-bottom: 10px;
    position: absolute;
    right: 110px;
    top: 356px;
}

.clients-15{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/15.png") no-repeat;
    width: 190px;
    height: 105px;
    margin-bottom: 10px;
    position: absolute;
    left: 110px;
    top: 516px;
}

.clients-16{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/16.png") no-repeat;
    width: 190px;
    height: 105px;
    margin-bottom: 10px;
    position: absolute;
    left: 310px;
    top: 516px;
}

.clients-17{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/17.png") no-repeat;
    width: 180px;
    height: 175px;
    margin-bottom: 10px;
    position: absolute;
    left: 510px;
    top: 446px;
}

.clients-18{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/18.png") no-repeat;
    width: 190px;
    height: 105px;
    margin-bottom: 10px;
    position: absolute;
    right: 110px;
    top: 516px;
}

.clients-19{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/19.png") no-repeat;
    width: 190px;
    height: 105px;
    margin-bottom: 10px;
    position: absolute;
    right: 310px;
    top: 516px;
}

.clients-11{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/11.png") no-repeat;
    width: 190px;
    height: 150px;
    margin-bottom: 10px;
    position: absolute;
    left: 110px;
    top: 356px;
}

.clients-12{
    display: inline-block;
    vertical-align: top;
    background: url("../content/clients/12.png") no-repeat;
    width: 190px;
    height: 150px;
    margin-bottom: 10px;
    position: absolute;
    left: 310px;
    top: 356px;
}

.clients-1:hover{
    background: url("../content/clients/1-color.png") no-repeat;
}

.clients-2:hover{
    background: url("../content/clients/2-color.png") no-repeat;
}

.clients-3:hover{
    background: url("../content/clients/3-color.png") no-repeat;
}

.clients-4:hover{
    background: url("../content/clients/4-color.png") no-repeat;
}

.clients-5:hover{
    background: url("../content/clients/5-color.png") no-repeat;
}

.clients-6:hover{
    background: url("../content/clients/6-color.png") no-repeat;
}

.clients-7:hover{
    background: url("../content/clients/7-color.png") no-repeat;
}

.clients-8:hover{
    background: url("../content/clients/8-color.png") no-repeat;
}

.clients-9:hover{
    background: url("../content/clients/9-color.png") no-repeat;
}

.clients-10:hover{
    background: url("../content/clients/10-color.png") no-repeat;
}

.clients-11:hover{
    background: url("../content/clients/11-color.png") no-repeat;
}

.clients-12:hover{
    background: url("../content/clients/12-color.png") no-repeat;
}

.clients-13:hover{
    background: url("../content/clients/13-color.png") no-repeat;
}
.clients-14:hover{
    background: url("../content/clients/14-color.png") no-repeat;
}

.clients-15:hover{
    background: url("../content/clients/15-color.png") no-repeat;
}
.clients-16:hover{
    background: url("../content/clients/16-color.png") no-repeat;
}
.clients-17:hover{
    background: url("../content/clients/17-color.png") no-repeat;
}
.clients-18:hover{
    background: url("../content/clients/18-color.png") no-repeat;
}
.clients-19:hover{
    background: url("../content/clients/19-color.png") no-repeat;
}

.clients-list{
    position: relative;
}