@charset "UTF-8";
body{position: relative;-webkit-text-size-adjust: none;}
.body_fixed {
    position: fixed;width: 100%;
}
a, label{
	-webkit-tap-highlight-color: transparent;
}
.wrapper{
    font-family: "Futuralight";font-size: 18px;line-height: 24px;color: #767578;margin: 0 auto;overflow: hidden;
}
.header{
    width: 100%;height: auto;margin: 0 auto;
}
.header-tel a{font-size: 16px;}
.header-tel a:visited, .header-tel a:link{color: #1f1f1f;}
.header-tel a:hover, .header-tel a:focus{color: #000}

/* FORMA jGrowl*/
div.jGrowl{position:fixed;color:#2e2e2e!important;font-size:15px!important;line-height:1.3;right:auto!important;top:50%!important;left:50%!important;z-index:999;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}div.jGrowl div.jGrowl-closer,div.jGrowl-notification{display:none!important}div.jGrowl div.jGrowl-notification.af-message-success{display:block!important;position:relative;opacity:1!important;padding:65px!important;width:100%!important;max-width:450px;text-align:center!important;border-radius:0!important;background:#fff!important;border:0!important;color:#363636!important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow:0 0 85px 0 rgba(0,0,0,.75)!important;-moz-box-shadow:0 0 85px 0 rgba(0,0,0,.75)!important;box-shadow:0 0 85px 0 rgba(0,0,0,.75)!important}div.jGrowl .af-message-success{background:#fff!important}div.jGrowl .af-message-error{color:red!important;background:#fff!important}div.jGrowl .jGrowl-closer{color:#fff!important}div.jGrowl div.jGrowl-notification .jGrowl-close{position:absolute;top:-19px!important;right:-19px!important;padding:5px 11px!important;color:#fff!important;background:#b3222f;font-size:25px!important;font-weight:400!important;display:inline-block;border:1px solid #fff;cursor:pointer;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.55);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,.55);box-shadow:0 0 4px 0 rgba(0,0,0,.55)}div.jGrowl div.jGrowl-notification .jGrowl-close:hover{background:#111}
.slick-slider :focus{outline: 0 !important;}

/* ==================================================== Блок - Линии  ==================================================*/
.line-wrapper {   
    position: absolute; top: 0; bottom: 0; left: 50%; 
    width: 100%; max-width: 1150px; z-index: -5;
    -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                    transform: translateX(-50%);
}
.line-col-1, .line-col-2, .line-col-3 {
    display: block; float: left; height: 100%; width: 33.3%;
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    border-image-source: url(/gps/images/design/line.png);
    border-image-slice: 1;
    border-image-repeat: repeat;
}    
.line-col-1 {
    width: 34.3%;
}
.line-col-2 {
    width: 34.7%;
}
.line-col-3 {
    width: 31%; 
}
.line-col-3 {
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    border-image-source: url(/gps/images/design/line.png);
    border-image-slice: 1;
    border-image-repeat: stretch repeat;
}
/* ==================================================== Блок - Шапка  ==================================================*/

.row-bl-header {
    margin: 0 auto; padding: 38px 0 22px; background-color: #fff; 
}
.col-bl-header {
    float: left; width: 50%; 
}
.col-bl-header:nth-child(1) {
    padding: 0 15px 0 0;
}
.col-bl-header:nth-child(2) {
    padding: 0 0 0 15px; text-align: right;
}
.col-bl-header .logo {
    display: inline-block; vertical-align: middle; padding-right: 30px;
}
.col-bl-header .text {
    font-family: "Futuramedium"; font-size: 12px; line-height: 24px; text-transform: uppercase; color: #a1a0a6; letter-spacing: 0.08em;
    display: inline-block; vertical-align: middle; padding-left: 22px;
}
.col-bl-header .text::before {
    top: -3px; left: 0; width: 1px; height: 28px; background-color: #a1a0a6;
}
/**/
.col-bl-header .btn-send.btn-mobal {
    font-family: "Futuramedium"; color: #0978ba; border: 2px solid #192a53; letter-spacing: 0.15em; box-shadow: none;
    margin: 0 0 0 auto; padding: 12px 20px 10px; text-align: center;    
}
.no-touch .col-bl-header .btn-send.btn-mobal:hover {
    color: #fff;
}
.col-bl-header .btn-send.btn-mobal::before {
    background-color: #fff;
}  
/**/
.col-bl-header .phone {
    font-family: "Futuramedium"; font-size: 14px; line-height: 24px; color: #313131;
    margin-right: 30px; padding-left: 25px;
}
.col-bl-header .phone:link, .col-bl-header .phone:visited {
    color: #313131;
}
.col-bl-header .phone::before {
    top: 2px; left: 2px; background-image: url(/gps/images/design/icon-header.png); width: 14px; height: 14px; 
}
/* ==================================================== Блок - Верхний баннер  ==================================================*/
.banner-main {
   min-height: 858px;
}
.banner-main::before {
    top: 0; left: 0; width: 54.5%; height: 858px; z-index: -1;
    background-color: #003300; background-image: url(/gps/images/design/img-banner.jpg);
    background-size: cover; background-position: right top; 
}
.row-banner-main {
    margin: 0 auto; 
}
.col-banner-main {
    float: left; 
}
.col-banner-main:nth-child(1) {
    width: 59%; color: #fff;
    padding: 125px 4.5%;
}
.col-banner-main:nth-child(2) {
    width: 41%; padding: 122px 0 105px 9.5%; 
    background-color: #fff; z-index: 1;
}
.col-banner-main .title-banner {
    font-family: "Futurabold"; font-size: 72px; line-height: 86px; text-transform: uppercase;
    margin-bottom: 320px; 
}
.col-banner-main .title-banner span{
    background: #3dc7f0;
    padding: 3px 17px 0px;
    margin-top: 10px;
    display: inline-block;
}
.col-banner-main .text-banner {
    font-family: "Futuramedium"; font-size: 14px; line-height: 18px; color: #4bbcff; letter-spacing: 0.09em;
    margin-bottom: 20px; padding-left: 25px;
}
.col-banner-main .text-banner::before {
    top: 2px; left: 5px; width: 2px; height: 30px; background-color: #4bbcff;
}
.col-banner-main .text2-banner {
    position: absolute; top: 217px; left: -95px;
    font-family: "Futuramedium"; font-size: 11px; line-height: 18px; opacity: 0.52; text-transform: uppercase; letter-spacing: 0.4em;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
/**/
.btn-send {
    display: inline-block; position: relative;padding: 14px 25px 12px;border: 0;outline: 0;background: none;z-index: 1;overflow: hidden;
    font-family: "Futuramedium"; font-size: 12px;color: #fff;letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer;
    -webkit-box-shadow: 0px 11px 29px 0px rgba(39, 161, 197, 0.4);
        -moz-box-shadow: 0px 11px 29px 0px rgba(39, 161, 197, 0.4);
            box-shadow: 0px 11px 29px 0px rgba(39, 161, 197, 0.4);
}
.no-touch .btn-send:hover{color: white;}
.btn-send:before {
    content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: -2;background: #3dc7f0;
    transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;
}
.btn-send:after {
    content: "";position: absolute;width: 100%;height: 0;top: 50%;left: 50%;opacity: 0;z-index: -2;background: #0978ba;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;
}
.no-touch .btn-send:hover:after {
    height: 700%;opacity: 1;
}
.row-banner-main .btn-send.btn-mobal{padding: 19px 25px 17px;}
/**/
.col-banner-main .title-list {
    font-family: "Futurabold"; font-size: 26px; line-height: 38px; color: #0978ba; text-transform: uppercase;
    margin-bottom: 25px;
}
.col-banner-main .text-list {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;
    margin-bottom: 40px; padding-left: 33px; max-width: 240px;
}
.col-banner-main .text-list::before {
    top: 5px; left: 2px; width: 2px; height: 62px; background-color: #2e2e2e;
}
.col-banner-main li {
    margin-bottom: 25px; max-width: 350px;
}
.col-banner-main .title {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #2e2e2e; margin-bottom: 6px;
}
.col-banner-main .title span {
    font-size: 10px; color: #177fbd; 
    position: absolute; top: -2px; left: 2px;
}
.col-banner-main p {
    margin: 0; padding-left: 35px; font-size: 18px; line-height: 20px;
}
.row-banner-main .text-bottom {
    position: absolute; bottom: 50px; right: -60px; padding-left: 40px; z-index: 2;
    font-family: "Futuramedium"; font-size: 9px; line-height: 18px; color: #192a53; text-transform: uppercase; letter-spacing: 0.22em;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.row-banner-main .text-bottom:visited, .row-banner-main .text-bottom:link {
    color: #192a53;
}
.row-banner-main .text-bottom::before {
    top: 50%; left: 0;
    width: 30px; height: 1px; background-color: #192a53;
}

/* ==================================================== Блок 1 - Узнайте, сколько вы сэкономите  ==================================================*/

.title-b {
    font-family: "Futurabold"; font-size: 40px; line-height: 50px; color: #2e2e2e; text-transform: uppercase;    
}
.row-bl1 {
    margin: 0 auto; padding: 200px 0 100px 0; 
}
.col-bl1 {
    float: left; 
}
.col-bl1:nth-child(1) {
    padding: 50px 15px 0 0; width: 33%;
}
.col-bl1:nth-child(2) {
    padding: 105px 15px 0 15px; width: 26%;
}
.col-bl1:nth-child(3) {
    padding: 0 0 0 15px; width: 41%;
}
/**/
.col-bl1 .title-b {
    margin-bottom: 35px;    
}
.col-bl1 .title-l {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;
    padding-left: 30px; margin-bottom: 10px;    
}
.col-bl1 .title-l::before {
    top: 2px; left: 2px; width: 2px; height: 92px; background-color: #0978ba;
}
.col-bl1 .text {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #0978ba;  
    padding-left: 30px;    
}

/**/
.col-bl1 .promo {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #000;
    margin-bottom: 20px; max-width: 180px;   
}
.col-bl1 .promo span::before {
    content: "+"; position: absolute; top: -4px; right: -6px; font-size: 10px;
}
/*form*/
.col-bl1 .form-wrapper {
    padding: 55px 58px 58px 58px;
    border: 2px solid #ecebf0; z-index: 2; background-color: #fff;
    -webkit-box-shadow: 0px 20px 54px 0px rgba(51, 125, 169, 0.13);
        -moz-box-shadow:    0px 20px 54px 0px rgba(51, 125, 169, 0.13);
            box-shadow:         0px 20px 54px 0px rgba(51, 125, 169, 0.13);
}
.col-bl1 .form-wrapper::before {
    top: -202px; left: 0; height: 200px; width: 100%; background-color: #fff; z-index: 1;
} 
.col-bl1 .controls{margin-bottom: 17px;text-align: left;}
.col-bl1 .controls.last{margin-bottom: 40px;}
.col-bl1 label {
    font-family: "Futuramedium"; font-size: 16px; line-height: 24px; color: #2c2826;
    position: absolute; left: 0; bottom: -7px; z-index: 2; padding: 2px 0; 
    background-color: #fff;
}
.col-bl1 input{
    display: block;width: 100%;height: 40px;padding: 0 5px 0 80px;
    font-family: "Futuralight";font-size: 16px;color: #908f92;
    background-color: transparent;border: none; border-bottom: 1px solid #2c2826;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    
}
.col-bl1 input.tel {
    padding: 0 5px 0 95px;
}    
.col-bl1 input:focus{
	outline:0;border: 1px solid #2c2826;
}
.col-bl1 input.error{border: 1px solid #bf1a36;}
.col-bl1 .form span.error{color: #bf1a36;background: #fff;margin-top: 5px;display: inline-block;text-transform: none;}
.col-bl1 input::-webkit-input-placeholder {color: #908f92;}
.col-bl1 input::-moz-placeholder          {color: #908f92;}/* Firefox 19+ */
.col-bl1 input:-moz-placeholder           {color: #908f92;}/* Firefox 18- */
.col-bl1 input:-ms-input-placeholder      {color: #908f92;}

.col-bl1 .btn-send {
    display: block; max-width: 275px; margin: 0 auto 40px; padding: 15px 25px 13px;
    font-size: 16px; text-transform: none; letter-spacing: 0.05em;   
}
.col-bl1 .wrap {
     text-align: center;
}
.col-bl1 .protect {
    font-size: 12px; line-height: 16px; letter-spacing: 0.09em; 
}
/* ==================================================== Блок 2 - Благодаря TELTONIKA  ==================================================*/

.row-bl2 {
    margin: 0 auto; padding: 95px 0 20px; 
}
.row-bl2 .title-wrap {
    text-align: center;
}
.row-bl2 .title-b { 
    margin-bottom: 15px;
}    
.row-bl2 .title-l {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;   
    max-width: 420px; margin: 0 auto 70px;
}
.row-bl2 .title-l span {
    color: #0978ba;
}    
.col-bl2 {
    float: left; 
}
.col-bl2:nth-child(1) {
    padding: 0 5% 0 0; width: 30%;
}
.col-bl2:nth-child(2) {
    padding: 5px 5px 5px 25px; width: 40%;
}
.col-bl2:nth-child(3) {
    padding: 3px 0 0 6.8%; width: 30%;
}
.col-bl2 span {
    font-family: "Futuramedium"; font-size: 36px; line-height: 50px; color: #000;
    display: block; max-width: 70px; margin-bottom: 45px; padding-left: 5px; 
}
.col-bl2 .title {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #000; 
    margin-bottom: 20px;
}
.col-bl2 .text {
    font-size: 18px; line-height: 24px;
}
.col-bl2 .name {
    font-family: "Futuramedium"; font-size: 16px; line-height: 24px; color: #000; text-align: right;
    margin-top: 28px;
}
.col-bl2:nth-child(3) .title {
    line-height: 20px; margin-bottom: 30px;
}
.col-bl2:nth-child(3) .text {
    font-size: 16px; line-height: 24px;
}
/*Slick Slider BL2*/
.col-bl2-wrap{position: relative;}
/*arrow-wrapper*/
.col-bl2-wrap .arrow-wrapper{
    position: absolute;top: 299px;left: 32.2%;width: 130px;height: 60px;background-color: #fff;z-index: 1;
}
.col-bl2-wrap  .arrow-wrapper .slick-next, .col-bl2-wrap .arrow-wrapper .slick-prev{
    position: absolute;top: 0;outline: 0;height: 100%;z-index: 99;transform: none;
}
.col-bl2-wrap  .arrow-wrapper .slick-prev {
    left: 1px;width: 40%;
    background: url(/gps/images/design/prev-slide-bl2.png) 5% 65% no-repeat;
}
.col-bl2-wrap .arrow-wrapper .slick-next {
    right: 0;width: 60%;
    background: url(/gps/images/design/next-slide-bl2.png) left 65% no-repeat;
}
.col-bl2-wrap .arrow-wrapper .slick-prev:focus, .col-bl2-wrap .arrow-wrapper .slick-prev:hover {
    background: url(/gps/images/design/prev-slide-bl2-hover.png) 5% 65% no-repeat;
}
.col-bl2-wrap .arrow-wrapper .slick-next:focus, .col-bl2-wrap .arrow-wrapper .slick-next:hover {
    background: url(/gps/images/design/next-slide-bl2-hover.png) left 65% no-repeat;
}
.col-bl2-wrap .arrow-wrapper .slick-next:before, .col-bl2-wrap .arrow-wrapper .slick-prev:before{display: none;}
/*pager*/
.col-bl2-wrap .pagingInfo-wrapper{
    position: absolute;top: -23px;right: -24px;display: inline-block;z-index: 999;
}
.col-bl2-wrap .pagingInfo {
    font-size: 12px;
    display: inline-block;
}


/* ==================================================== Блок 3 - Как рождаются трекеры (видео)  ==================================================*/
.bl-3::before {
    top: 327px; right:0; width: 39%; height: 390px; background-color: #f5fafc; z-index: -1;
}
.row-bl3 {
    margin: 0 auto; padding: 98px 0 145px; 
}
.col-bl3 {
    float: left; 
}
.col-bl3:nth-child(1) {
    padding: 105px 15px 0 0; width: 45%; 
}
.col-bl3:nth-child(1)::before {
    font-family: "Futurabold"; content:"G"; position: absolute; top: 190px; right: -40px; z-index: -1;
    font-size: 400px; color: #f5fafc;
}
.col-bl3:nth-child(2) {
    padding: 0 0 0 40px; text-align: right; width: 55%; 
}
/**/
/*youtube*/
.youtube-player {
    position: relative;padding-bottom: 56.23%;height: 0;overflow: hidden;max-width: 100%;background: #000;margin: 0;
    -webkit-box-shadow: 0px 32px 38px 0px rgba(0, 0, 0, 0.22);
        -moz-box-shadow:    0px 32px 38px 0px rgba(0, 0, 0, 0.22);
            box-shadow:         0px 32px 38px 0px rgba(0, 0, 0, 0.22);
}
.youtube-player iframe {
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: transparent;
}
.youtube-player img {
    bottom: 0;display: block;left: 0;margin: auto;max-width: 100%;width: 100%;
    position: absolute;right: 0;top: 0;border: none;height: auto;cursor: pointer;
    -webkit-transition: .4s all;-moz-transition: .4s all;transition: .4s all;
}
.no-touch .youtube-player img:hover {
    -webkit-filter: brightness(75%);
}
.col-bl3 .play {
    position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px;
    width: 60px; height: 60px; border: none; cursor: pointer;
    background-color: transparent; background-image: url(/gps/images/design/play-bl3.png); background-repeat: no-repeat;
}
.no-touch .col-bl3 .play:hover {
    background-image: url(/gps/images/design/play-bl3-hover.png); 
}
/* ==================================================== Блок 4 - TELTONIKA совместима ==================================================*/
.row-bl4 {
    margin: 0 auto; padding: 77px 0 200px;
}
.col-bl4 {
    float: left; width: 50%; 
}   
.col-bl4:nth-child(1) {
    float: right; padding: 0 0 0 15px; text-align: right;
}
.col-bl4:nth-child(2) {
    padding: 45px 15px 0 0;
}
.col-bl4 .title-b { 
    margin-bottom: 43px;
} 
.col-bl4 .title-l { 
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;
    padding-right: 30px;
}  
.col-bl4 .title-l span { 
    color: #0978ba; display: block;
}    
.col-bl4 .title-l::before {
    top: 2px; right: 0; width: 2px; height: 49px; background-color: #0978ba;
}
.col-bl4 sup {
    vertical-align: super;
    font-size: smaller;
}
.col-bl4 .wrap {
    margin: 0 -3% 15px;
}
.col-bl4 .wrap img {
    display: inline-block; vertical-align: middle; width: auto; margin: 0 3%;    
}
.col-bl4 .wrap2 {
    margin: 0 -3%;
}
.col-bl4 .wrap2 img {
    display: inline-block; vertical-align: bottom; width: auto; margin: 0 3%;    
}
 
/* ==================================================== Блок 5 - Надежность, сервис, гарантии  ==================================================*/
.bl-5::before {
    top: 0; right: 0; width: 59.55%; height: 500px; z-index: -1;
    background-color: #003300; background-image: url(/gps/images/design/img-bl5.jpg);
    background-size: cover; background-position: left top; 
}
.row-bl5 {
    margin: 0 auto; padding: 90px 0; min-height: 500px; 
}
.row-bl5 .wrap {
    max-width: 350px;
}
.row-bl5 .title-b { 
    margin-bottom: 45px;
}    
.row-bl5 .title-l {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #0978ba;  
    max-width: 180px; padding-left: 30px;    
}
.row-bl5 .title-l::before {
    top: 5px; left: 0; width: 2px; height: 62px; background-color: #192a53;
}
/**/
.row-1-bl5 {
    margin: 0 auto; padding: 60px 0; 
}
.row-1-bl5::after {
    top: -12px; left: 50%; height: 3px; width: 100vw; margin-top: 12px;    
    background-image: url(/gps/images/design/line2.png); background-repeat: repeat-x;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}    
.col-1-bl5 {
    display: inline-block; vertical-align: top; width: 33.3%; 
}
.col-1-bl5:nth-child(1), .col-1-bl5:nth-child(4) {
    padding: 0 15px 0 0;
}
.col-1-bl5:nth-child(2), .col-1-bl5:nth-child(5) {
    padding: 0 10px;
}
.col-1-bl5:nth-child(3), .col-1-bl5:nth-child(6) {
    padding: 0 0 0 28px;
}
.col-1-bl5:nth-child(4)::before {
    top: 4px; left: 50%; height: 3px; width: 150vw; margin-top: 12px;    
    background-image: url(/gps/images/design/line2.png); background-repeat: repeat-x;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.col-1-bl5 .title {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #000; 
    margin: 18px 0; 
}
.col-1-bl5 .title span {
    font-size: 14px; line-height: 50px;
    display: block; margin-bottom: 5px;
}
/*НЕ ЗАБЫТЬ ПРО ПУНКТИРНЫЕ ЛИНИИ!!!!*/

/* ==================================================== Блок 6 - Только трекеры или мониторинг «под ключ»  ==================================================*/
.row-bl6 {
    margin: 0 auto; padding: 118px 0 88px; 
}
.col-bl6 {
    float: left; 
}
.col-bl6:nth-child(1) {
    float: right; width: 40%; padding: 97px 0 0 15px; text-align: right;
}
.col-bl6:nth-child(2) {
    width: 60%; padding: 0 15px 0 0;
}
.col-bl6 .title-b { 
    margin-bottom: 52px;
} 
.col-bl6 .title-l { 
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92; 
    padding-right: 30px;
}   
.col-bl6 .title-l::before {
    top: -5px; right: 0; width: 2px; height: 29px; background-color: #192a53;
}  
.col-bl6 img {
    -webkit-box-shadow: 0px 32px 30px 0px rgba(0, 0, 0, 0.22);
        -moz-box-shadow:    0px 32px 30px 0px rgba(0, 0, 0, 0.22);
            box-shadow:         0px 32px 30px 0px rgba(0, 0, 0, 0.22);
} 
/**/
.row-1-bl6 {
    margin: 0 auto; 
}
.col-1-bl6 {
    float: left; 
}
.col-1-bl6:nth-child(1) {
    padding: 0 15px 0 0; width: 42%;
}
.col-1-bl6:nth-child(2) {
    padding: 0 15px; width: 58%;
}
.col-1-bl6 .title {
    font-family: "Futurabold"; font-size: 26px; line-height: 38px; color: #2e2e2e; text-transform: uppercase; 
    margin-bottom: 45px; 
}
.col-1-bl6 .promo {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;     
    max-width: 260px; padding-left: 30px; margin-bottom: 20px;
}
.col-1-bl6 .promo::before {
    top: 2px; left: 0; width: 2px; height: 109px; background-color: #0978ba;
}
.col-1-bl6 .promo-2 {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #0978ba;     
    max-width: 260px; padding-left: 30px; 
}
/**/
.col-1-bl6 .number {
    font-family: "Futuramedium"; font-size: 36px; line-height: 52px; color: #2e2e2e;  
    margin-bottom: 35px; max-width: 70px; display: block;
}
.col-1-bl6 .title-form {
    font-family: "Futuramedium"; font-size: 18px; line-height: 24px; color: #000;   
    margin-bottom: 20px; max-width: 225px;
}
.col-1-bl6 .text-form {
    font-size: 16px; line-height: 18px;  
    max-width: 120px;
}
.col-1-bl6 .last-slide-form .text-form{
    max-width: 215px;
}
/**/
.col-form-1-bl6, .col-form-2-bl6{float: left;}
.col-form-1-bl6 {
    padding: 0 15px 0 0; width: 43%;
}
.col-form-2-bl6 {
    padding: 87px 0 0 22px; width: 57%;
}
.col-1-bl6 .controls{margin-bottom: 17px;text-align: left;}
.col-1-bl6 .controls.last{margin-bottom: 40px;}
.col-1-bl6 .controls-radio{
    margin-bottom: 17px;text-align: left;cursor: pointer;position: relative;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.col-1-bl6 .controls-radio.last{margin-bottom: 40px;}
.col-1-bl6 label {    
    padding-left: 30px; display: block;
}
.col-1-bl6 .radio {
    display: none;  
}
.col-1-bl6 input + .radio-label::before {
    top: 2px; left: 0px; width: 12px; height: 12px; border: 2px solid #000; border-radius: 50%;
}
.col-1-bl6 input:checked + .radio-label::before{border: 2px solid #3dc7f0;}
.col-1-bl6 input:checked + .radio-label::after {
    top: 6px; left: 4px; width: 8px; height: 8px; background-color: #3dc7f0; border-radius: 50%;
}
.radio-label:focus {
    outline: none; color: #3dc7f0;
}
.col-1-bl6 input + .radio-label:focus::before {
	border: 2px solid #3dc7f0;
}
.col-1-bl6 input.error{border: 1px solid #bf1a36;}
.col-1-bl6 .form span.error{color: #bf1a36;background: #fff;margin-top: 5px;display: inline-block;text-transform: none;}
.slide-form .numb{position: relative;}
.slide-form .numb label {
    font-family: "Futuralight"; font-size: 16px; line-height: 24px; color: #767578;
    position: absolute; left: 0; bottom: -7px; z-index: 2; padding: 2px 0; 
    background-color: #fff;
}
.slide-form .numb input{
    display: block;width: 100%;height: 40px;padding: 0px 5px 0 115px;text-align: center;
    font-family: "Futuralight";font-size: 16px;color: #908f92;
    background-color: transparent;border: none; border-bottom: 1px solid #2c2826;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    
}
/*checkmark*/
.container input {
    position: absolute;opacity: 0;cursor: pointer;
}
.checkmark {
    position: absolute;top: 2px;left: 0;height: 15px;width: 15px;background-color: #fff;border: 2px solid #676767;
}
.container:hover input ~ .checkmark {
    opacity: 0.8;
}
.container input:checked ~ .checkmark {
    background-color: #3dc7f0;
}
.container input:checked ~ .checkmark:after {
    display: block;
}
.container input.error ~ .checkmark {
    border: 1px solid red;
}
.checkmark:after {
    content: "";position: absolute;display: none;
}
.container .checkmark:after {
    left: 5px;top: 2px;width: 3px;height: 7px;
    border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}
/*form*/
.col-1-bl6 .last-slide-form .controls{
    margin-bottom: 17px;text-align: left;position: relative;
}
.col-1-bl6 .last-slide-form .controls.last{margin-bottom: 40px;}
.col-1-bl6 .last-slide-form label {
    font-family: "Futuramedium"; font-size: 16px; line-height: 24px; color: #2c2826;
    position: absolute; left: 0; bottom: -7px; z-index: 2; padding: 2px 0; 
    background-color: #fff;
}
.col-1-bl6 .last-slide-form input{
    display: block;width: 99%;height: 40px;padding: 0 5px 0 80px;
    font-family: "Futuralight";font-size: 16px;color: #908f92;
    background-color: transparent;border: none; border-bottom: 1px solid #2c2826;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    
}
.col-1-bl6 .last-slide-form input.tel {
    padding: 0 5px 0 95px;
}    
.col-1-bl6 .last-slide-form input:focus{
	outline:0;border: 1px solid #2c2826;
}
.col-1-bl6 .last-slide-form input.error{border: 1px solid #bf1a36;}
.col-1-bl6 .last-slide-form .form span.error{color: #bf1a36;background: #fff;margin-top: 5px;display: inline-block;text-transform: none;}
.col-1-bl6 .last-slide-form .btn-send {
    display: block; max-width: 275px; margin: 0 auto 30px; padding: 15px 25px 13px;
    font-size: 16px; text-transform: none; letter-spacing: 0.05em;   
}
.col-1-bl6 .last-slide-form .wrap {
     text-align: center;
}
.col-1-bl6 .last-slide-form .protect {
    font-size: 12px; line-height: 16px; letter-spacing: 0.09em; 
}
/* Slick Slider */
.row-1-bl6 .arrow-wrap {
    position: relative; height: 60px; margin-top: 15px; z-index: 1;    
} 
/*.row-1-bl6 .arrow-wrap::before {
    left: 2px; bottom: 7px; width: 208px; height: 2px; background-color: #000;
}*/   
.row-1-bl6 .arrow-wrap::after {
    left: 2px; bottom: 7px; height: 1px; width: 70vw; z-index: 5;   
    background-color: #ebebeb;
} 

#form-bl6{position: relative;}
#form-bl6 .slick-slide{margin: 0;}
.slide-form {overflow: hidden;}
/*arrow-wrapper*/
.arrow-wrap .arrow-wrapper-bl6{
    position: absolute;top: 0;left: 0;width: 100%;height: 40px;z-index: 9;
}
.arrow-wrap .arrow-wrapper-bl6 .slick-next, .arrow-wrap .arrow-wrapper-bl6 .slick-prev{
    position: absolute;top: 0;outline: 0;height: 100%;z-index: 99;transform: none;
    font-size: 16px;color: #000;font-family: "Futuramedium";
}
.arrow-wrap .arrow-wrapper-bl6 .slick-prev {
    left: 1px;width: 50%;padding-left: 40px;text-align: left;
    background: url(/gps/images/design/prev-slide-bl2.png) left center no-repeat;
}
.arrow-wrap .arrow-wrapper-bl6 .slick-next {
    right: 0;width: 50%;padding-right: 40px;text-align: right;
    background: url(/gps/images/design/next-slide-bl2.png) right center no-repeat;
}
.arrow-wrap .arrow-wrapper-bl6 .slick-prev:hover {
    background: url(/gps/images/design/prev-slide-bl2-hover.png) left center no-repeat;color: #0978ba;
}
.arrow-wrap .arrow-wrapper-bl6 .slick-next:hover {
    background: url(/gps/images/design/next-slide-bl2-hover.png) right center no-repeat;color: #0978ba;
}
.arrow-wrap .arrow-wrapper-bl6 .slick-next:before, .arrow-wrap .arrow-wrapper-bl6 .slick-prev:before{display: none;}
/*pager*/
.row-form-bl6 .pagingInfo-wrapper-bl6{
    position: absolute;top: -23px;right: -24px;display: inline-block;z-index: 999;
}
.row-form-bl6 .pagingInfo-bl6 {
    font-size: 12px;
    display: inline-block;
}

/* ==================================================== Блок 7 - У нас уникальные цены  ==================================================*/
.bl-7 {
    margin: 100px 0; 
}
.row-bl7 {
    margin: 0 auto; padding: 85px 0 80px; 
}
.row-bl7 .title-wrap {
    text-align: center; margin-bottom: 92px;
}
.row-bl7 .title-b { 
    margin-bottom: 25px; padding-left: 20px;
}    
.row-bl7 .title-l {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #0978ba;
}
/* ТАБЫ */
.pws_tabs_container {
    width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.pws_tabs_container ul.pws_tabs_controll {
    list-style: none;margin: 0;padding: 0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;
}
.pws_tabs_container ul.pws_tabs_controll li {
    display: inline-block;vertical-align: top;padding: 0;margin: 0;
}
ul.pws_tabs_controll li > a:not(.pws_tab_active) {
    cursor: pointer;
}
.pws_tabs_container ul.pws_tabs_controll li a {
    font-family: "Futuramedium";font-size: 12px;line-height: 24px;color: #000;letter-spacing: 0.25em;text-decoration: none;text-transform: uppercase;
    padding: 5px 20px 3px;margin-right: 2px;display: block;background: none;
}
.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active, .pws_tabs_container ul.pws_tabs_controll li a:hover {
    background-color: #0978ba;color: #fff;
}
.pws_tabs_noeffect .pws_tabs_list {
    -webkit-transition: all .1s ease-in-out 0;
    -moz-transition: all .1s ease-in-out 0;
    transition: all .1s ease-in-out 0;
}
.pws_tabs_list {
    display: block;background-color: transparent;height: auto;padding: 0;margin-top: 80px;
    box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out .3s;-moz-transition: all .3s ease-in-out .3s;transition: all .3s ease-in-out .3s;
    position: relative;
}
.pws_tabs_container.pws_none .pws_show {
    display: block;
}
.pws_tabs_container.pws_none .pws_hide {
    display: none;
}
.pws_tabs_noeffect .pws_tab_single {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
/**/
.col-bl7 {
    float: left;    
}
.col-bl7:nth-child(1) {
    padding: 97px 15px 0 0; width: 24%;
}
.col-bl7:nth-child(2) {
    padding: 0 15px; width: 40%;
}
.col-bl7:nth-child(3) {
    padding: 20px 0 0 4.5%; width: 36%;
}
.col-bl7 .name-item {
    font-family: "Futurabold"; font-size: 26px; line-height: 38px;color: #2e2e2e;
    margin-bottom: 25px;
}
.col-bl7 .name-item span {
    position: absolute; top: -2px; right: -65px; font-size: 36px; z-index: 2;
}
.col-bl7 .title {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px;color: #000;
    margin-bottom: 10px;
}
.col-bl7 .text {
    max-width: 220px;
}
.col-bl7 img {
    -webkit-box-shadow: 0px 20px 54px 0px rgba(51, 125, 169, 0.13);
        -moz-box-shadow:    0px 20px 54px 0px rgba(51, 125, 169, 0.13);
            box-shadow:         0px 20px 54px 0px rgba(51, 125, 169, 0.13);
}
.col-bl7 ol {
    list-style-type: none;counter-reset:  item;
}
.col-bl7 ol li {
    margin-bottom: 19px; padding: 0 0px 0 35px;
}
.col-bl7 li:before {
    content: '0'counter(item) '.';counter-increment: item;
    font-family: "Futuramedium";font-size: 14px;color: #111;
    margin-right: 16px;position: absolute;top: 1px;left: 5px;
}

/**/
.row-1-bl7 {
    background-color: #f5fafc; 
}
.row-1-bl7:after{
    background-color: #f5fafc;top: 0;height: 100%;width: 300%;right: -100%;left: -100%;z-index: -1;
}
.row-1-bl7 .wrap { 
    margin: 60px auto 0; padding: 60px 0; max-width: 1140px;width: 96%; 
}
.row-1-bl7 .col-1-bl7 {
    display: inline-block;vertical-align: middle;
}
.row-1-bl7 .col-1-bl7:nth-child(1) {
    width: 24%; padding: 0 15px 0 0;
}
.row-1-bl7 .col-1-bl7:nth-child(2) {
    width: 75%; padding: 15px 0 0 15px;
}
.row-1-bl7 .btn-send.btn-mobal {
    text-transform: none; font-size: 16px; letter-spacing: 0.05em;
    padding: 14px 40px 12px;
}
.col-1-bl7 .title {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px;color: #000;
    margin-bottom: 40px;
}
.col-1-bl7 ul li {
    float: left; width: 33.3%; 
}
.col-1-bl7 ul li{
    font-size: 16px;line-height: 19px;padding: 0 25px 0 15px;margin: 0 0 8px 0;position: relative;
}
.col-1-bl7 ul li:before{
    content: "";position: absolute;top: 8px; left: -2px; width: 5px; height: 5px; border-radius: 50%; background-color: #0978ba;
}
.col-1-bl7 p{
    font-size: 16px;line-height: 19px;
}

/* ==================================================== Блок 8  ==================================================*/

.row-bl8 {
    margin: 0 auto; padding: 35px 0 105px 0; 
}
.col-bl8 {
    float: left; width: 50%;
}
.col-bl8:nth-child(1) {
    float: right; padding: 43px 0 0 15px; text-align: right;
}
.col-bl8:nth-child(1)::before {
    content: "5"; position: absolute; left: 25%; top: 145px; z-index: -1;
    font-family: "Futuramedium"; font-size: 400px; color: #f5fafc; 
}    
.col-bl8:nth-child(2) {
    padding: 0 15px 0 0; 
}
.col-bl8 .title-b {
    margin-bottom: 43px;
}
.col-bl8 .title-l {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px;color: #908f92;
    max-width: 290px; margin: 0 0 0 auto; padding-right: 30px;
}
.col-bl8 .title-l span {
    color: #0978ba;
}    
.col-bl8 .title-l::before {
    top: 6px; right: -2px; width: 2px; height: 64px; background-color: #0978ba;
}
/*form*/
.col-bl8 .form-wrapper {
    padding: 55px 95px 30px 95px;
    background-color: #0978ba;
    -webkit-box-shadow: 0px 20px 54px 0px rgba(51, 125, 169, 0.13);
        -moz-box-shadow:    0px 20px 54px 0px rgba(51, 125, 169, 0.13);
            box-shadow:         0px 20px 54px 0px rgba(51, 125, 169, 0.13);
}
.col-bl8 .controls{margin-bottom: 17px;text-align: left;}
.col-bl8 .controls.last{margin-bottom: 40px;}
.col-bl8 label {
    font-family: "Futuramedium"; font-size: 16px; line-height: 24px; color: #2c2826;
    position: absolute; left: 0; bottom: -7px; z-index: 2; padding: 2px 0; 
    background-color: #0978ba; color: #fff;
}
.col-bl8 input{
    display: block;width: 100%;height: 40px;padding: 0 5px 0 28%;
    font-family: "Futuralight";font-size: 16px;color: #fff;
    background-color: transparent;border: none; border-bottom: 1px solid #fff;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    
}
.col-bl8 input.tel {
    padding: 0 5px 0 31%;
}    
.col-bl8 input:focus{
	outline:0;border-bottom: 1px solid #2c2826;
}
.col-bl8 input.error{border: 1px solid #bf1a36;}
.col-bl8 .form span.error{color: #bf1a36;background: #fff;margin-top: 5px;display: inline-block;text-transform: none;}
.col-bl8 input::-webkit-input-placeholder {color: #fff;}
.col-bl8 input::-moz-placeholder          {color: #fff;}/* Firefox 19+ */
.col-bl8 input:-moz-placeholder           {color: #fff;}/* Firefox 18- */
.col-bl8 input:-ms-input-placeholder      {color: #fff;}

.col-bl8 .btn-send {
    display: block; max-width: 275px; margin: 0 auto 40px; padding: 17px 33px 15px;
    color: #192a53;
    -webkit-box-shadow: 0px 11px 29px 0px rgba(11, 0, 29, 0.44);
        -moz-box-shadow:    0px 11px 29px 0px rgba(11, 0, 29, 0.44);
            box-shadow:         0px 11px 29px 0px rgba(11, 0, 29, 0.44);   
}
.col-bl8 .btn-send::before {
    background-color: #fff;
}    
.col-bl8 .btn-send::after {
    background-color: #3dc7f0;
} 
/**/
.row-1-bl8 {
    margin: 0 auto; padding: 0 0 110px 0; 
}
.col-1-bl8 {
    float: left; width: 50%; 
}
.col-1-bl8:nth-child(1) {
    padding: 100px 15px 0 8%; 
}
.col-1-bl8:nth-child(2) {
    padding: 0 0 0 15px; 
}
.col-1-bl8 .title-b {
    font-size: 26px; line-height: 38px; 
    margin-bottom: 35px;
}
.col-1-bl8 .title-l {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;
    max-width: 240px; padding-left: 35px;
}
.col-1-bl8 .title-l::before {
    top: 5px; left: 5px; width: 2px; height: 69px; background-color: #0978ba;
}
/*form2*/
.col-1-bl8 .form-wrapper {
    padding: 55px 65px;
    border: 2px solid #ecebf0; background-color: #fff;
    -webkit-box-shadow: 0px 20px 54px 0px rgba(51, 125, 169, 0.13);
        -moz-box-shadow:    0px 20px 54px 0px rgba(51, 125, 169, 0.13);
            box-shadow:         0px 20px 54px 0px rgba(51, 125, 169, 0.13);
}
.col-1-bl8 .controls{margin-bottom: 17px;text-align: left;}
.col-1-bl8 .controls.last{margin-bottom: 40px;}
.col-1-bl8 label {
    font-family: "Futuramedium"; font-size: 16px; line-height: 24px; color: #2c2826;
    position: absolute; left: 0; bottom: -7px; z-index: 2; padding: 2px 0; 
    background-color: #fff;
}
.col-1-bl8 input{
    display: block;width: 100%;height: 40px;padding: 0 5px 0 31%;
    font-family: "Futuralight";font-size: 16px;color: #908f92;
    background-color: transparent;border: none; border-bottom: 1px solid #2c2826;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    
}
.col-1-bl8 input.tel {
    padding: 0 5px 0 34%;
}    
.col-1-bl8 input:focus{
	outline:0;border: 1px solid #2c2826;
}
.col-1-bl8 input.error{border: 1px solid #bf1a36;}
.col-1-bl8 .form span.error{color: #bf1a36;background: #fff;margin-top: 5px;display: inline-block;text-transform: none;}
.col-1-bl8 input::-webkit-input-placeholder {color: #908f92;}
.col-1-bl8 input::-moz-placeholder          {color: #908f92;}/* Firefox 19+ */
.col-1-bl8 input:-moz-placeholder           {color: #908f92;}/* Firefox 18- */
.col-1-bl8 input:-ms-input-placeholder      {color: #908f92;}

.col-1-bl8 .btn-send {
    display: block; max-width: 275px; margin: 0 auto 40px; padding: 15px 37px 13px;
    font-size: 16px; text-transform: none; letter-spacing: 0.05em;   
}
.col-1-bl8 .wrap {
     text-align: center;
}
.col-1-bl8 .protect {
    font-size: 12px; line-height: 16px; letter-spacing: 0.09em; 
}  
/* ==================================================== Блок 9 - Нам доверяют  ==================================================*/
.bl-9 {
    margin: 100px 0; 
}
.row-bl9 {
    margin: 0 auto; 
}
.row-bl9 .title-b { 
    margin-bottom: 45px;
}    
.row-bl9 .title-l {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;
    padding-left: 30px;
}
.row-bl9 .title-l::before {
    top: 0; left: 0; width: 2px; height: 42px; background-color: #0978ba;
}
.col-bl9 {
    float: left; 
}
.col-bl9:nth-child(1) {
    width: 30%; padding: 100px 15px 105px 0;
}
.col-bl9:nth-child(1)::before {
    right: 0; top:0; width: 43%; height: 100%; background-color: #f5fafc; z-index: -1;
}
.col-bl9:nth-child(2) {
    width: 70%; padding: 100px 0 105px 15px; 
    background-color: #f5fafc;
}
.col-bl9:nth-child(2):after{
    height: 100%;width: 300%;left: 0;top: 0;right: -200%;background-color: #f5fafc; z-index: -1;
}
.col-bl9 ul li {
    display: inline-block; vertical-align: top; width: 24.5%;  
    padding: 38px 10px 0 30px;
}
.col-bl9 ul span {
    font-family: "Futuramedium"; font-size: 11px; line-height: 36px; color: #000000; text-transform: uppercase; letter-spacing: 0.4em;
    display: block; 
} 
.col-bl9 .number {
    font-family: "Futurabold"; font-size: 30px; line-height: 38px; color: #2e2e2e;
    display: inline-block; vertical-align: top; margin: 0; 
}
.col-bl9 .number::after {
    content: "+"; position: absolute; top: -5px; right: -18px; font-size: 20px;
}
.col-bl9 ul li:nth-child(4) .number::after{right: 62px;}
.col-bl9:nth-child(2) .text {
    font-family: "Futuramedium"; font-size: 16px; line-height: 18px; color: #0978ba; margin: 10px 0;
} 
.col-bl9:nth-child(2) .text::before {
    top: 8px; left: -30px; height: 2px; width: 20px; background-color: #0978ba;
}

/* ==================================================== Блок 10 - Коротко о нас  ==================================================*/

.row-bl10 {
    margin: 0 auto; padding: 50px 0; 
}
.row-bl10 .title-b { 
    width: 50%; 
    font-size: 26px; line-height: 38px; margin-bottom: 87px;
}    
.col-bl10 {
    float: left; 
}
.col-bl10:nth-child(1) {
    width: 67%; padding: 0 15px 0 0; 
}
.col-bl10:nth-child(2) {
    width: 33%; padding: 0 0 0 15px; margin-top: -157px;
}
.col-bl10 ul li {
    float: left; width: 50%;     
}
.col-bl10 ul li:nth-child(1) { 
    padding: 0 15px 0 0; 
}    
.col-bl10 ul li:nth-child(2) {
    padding: 0 0 0 15px; 
}
.col-bl10 ul .wrap {
    max-width: 360px; margin-bottom: 40px; 
}
.col-bl10 ul .title {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #000; margin: 8px 0;
}
.col-bl10 .title span {
    font-size: 14px; margin-right: 15px;
}
.col-bl10 ul .text {
    margin: 8px 0;
}
.col-bl10 img {
    -webkit-box-shadow: 0px 20px 54px 0px rgba(51, 125, 169, 0.13);
        -moz-box-shadow:    0px 20px 54px 0px rgba(51, 125, 169, 0.13);
            box-shadow:         0px 20px 54px 0px rgba(51, 125, 169, 0.13);
}
/* ==================================================== Блок 11 - Наши клиенты  ==================================================*/
.row-bl11 {
    margin: 0 auto; padding: 107px 0 95px; 
}  
.col-bl11 {
    float: left; 
}
.col-bl11:nth-child(1) {
    width: 30%; padding: 22px 0 0 15px; text-align: right; float: right;
}
.col-bl11:nth-child(2) {
    width: 70%; padding: 0 10px 0 0;
}
.col-bl11:nth-child(2)::before {
    content: "GPS"; position: absolute; left: -160px; top: 190px; font-size: 200px; z-index: -1;
    font-family: "Futurabold"; color: #f5fafc;
}
.col-bl11 img {
    float: left; display: block; width: 74.5%; 
}
.col-bl11 .arrow-wrap {
    position: absolute; bottom: 0; left: 0;
    width: 100px; height: 70px; background-color: #fff;
}
.col-bl11 .arrow-wrap span {
    position: absolute; left: 0; bottom: 5px;
    font-family: "Futuramedium"; font-size: 36px; color: #2e2e2e;
}   
/**/
.col-bl11 .title-b { 
    margin-bottom: 42px;
}  
.col-bl11 .title-l { 
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;
    padding-right: 30px; max-width: 250px; margin: 0 0 0 auto;
}
.col-bl11 .title-l::before {
    top: 0; right: 0; width: 2px; height: 83px; background-color: #0978ba;
}

/**/
.row-1-bl11 {
    margin: 0 auto; 
}
.row-1-bl11::before {
    left: 0; bottom: 15px; width: 26px; height: 4px; background-color: #192a53;
}
.col-1-bl11 {
    float: left; 
}
.col-1-bl11:nth-child(1) {
    width: 24%; padding: 5px 15px 0 0; 
}
.col-1-bl11:nth-child(2) {
    width: 76%; padding: 0 0 0 15px;
}
.col-1-bl11 .title {
    font-family: "Futuramedium"; font-size: 14px; line-height: 18px; color: #908f92;
    margin: 18px 0;
}
.col-1-bl11 .text {
    font-size: 16px; line-height: 18px;     
}
.col-1-bl11 .text span {
    font-family: "Futuramedium"; font-size: 18px; line-height: 24px; color: #000;       
}
.col-1-bl11 ul li {
    display: inline-block; vertical-align: top; width: 32.9%; 
}
.col-1-bl11 ul li:nth-child(1) {
    padding: 0 15px 0 0;
}
.col-1-bl11 ul li:nth-child(2) {
    padding: 0 15px;
}
.col-1-bl11 ul li:nth-child(3) {
    padding: 0 0 0 15px;
}
.col-1-bl11 ul .title {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #000;
    margin: 10px 0;    
}
.col-1-bl11 ul .text {
    font-size: 16px; line-height: 21px; 
    margin: 10px 0;    
}
.col-1-bl11 ul span {
    font-family: "Futuramedium"; font-size: 14px; color: #000;
    display: block; margin-bottom: 17px;
}
/*tabs*/
.tabs-content-wrapper-bl11{width: 100%;}
.tabs-nav-bl11 {
    float: left;width: 25.5%;
}
.tabs-content-wrapper-bl11 {
    box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out .3s;-moz-transition: all .3s ease-in-out .3s;transition: all .3s ease-in-out .3s;
}
.tabs-nav-title-bl11{
    padding: 0;text-align: center;width: 100%;
}
.tabs-nav-title-bl11 a {
    font-family: "Futuramedium"; font-size: 12px; line-height: 18px; color: #000; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em;
    display: block; padding: 21px 0 21.5px; background-color: #fff; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb;
}
.tabs-nav-title-bl11:nth-child(1) a{border-top: 1px solid #ebebeb;}
.tabs-nav-title-bl11 a:hover{
    color: #fff;background-color: #0978ba;
}
.tabs-nav-title-bl11.active a {
    color: #fff;background-color: #0978ba;
}
.tabs-content-bl11 {display: none;}
.tabs-content-bl11.active {display: block; }

/* ==================================================== Блок 12 - Схема работы  ==================================================*/
.bl-12 {
    margin-bottom: 165px;
}
.row-bl12 {
    margin: 0 auto; padding: 175px 0 50px 0; 
}   
.col-bl12 {
    display: inline-block; vertical-align: bottom; 
}
.col-bl12:nth-child(1) {
    width: 24%; padding: 0 15px 0 0; 
}
.col-bl12:nth-child(2) {
    width: 75.5%; padding: 0 0 0 15px;
}
.col-bl12 ul {
    margin-bottom: 12px;
}
.col-bl12 ul li {
    float: left; width: 50%; 
    text-align: center; 
}
.col-bl12 a {
    font-family: "Futuramedium"; font-size: 11px; line-height: 16px; color: #000; text-transform: uppercase; letter-spacing: 0.4em;
    display: block; padding: 8px 0; background-color: #fff; border: 1px solid #ebebeb;
}
.col-bl12 a:visited, .col-bl12 a:link {
    color: #000;
}
.no-touch .col-bl12 a:hover {
    color: #fff; background-color: #0978ba; border: 1px solid #0978ba; border-left: 1px solid #fff;
}
.col-bl12 .active a {
    color: #fff; background-color: #0978ba; border: 1px solid #0978ba;
}
/**/
.row-1-bl12 {
    margin: 0 auto; padding: 15px 0 50px; 
} 
.col-1-bl12 {
    display: inline-block; vertical-align: top; width: 16.8%;
}
.col-1-bl12 {
    padding: 0 10px;
}
.col-1-bl12:nth-child(1) {
    padding: 0 10px 0 2.5%; width: 24%;
}
.col-1-bl12:nth-child(1)::before {
    top: 5px; left: 0; width: 2px; height: 132px; background-color: #3dc7f0;
}    
.col-1-bl12:nth-child(5) {
    padding: 0 30px 0 10px; width: 24%;
}
.col-1-bl12 .title {
    font-family: "Futuramedium"; font-size: 20px; line-height: 21px; color: #000;
    margin-bottom: 13px;
}
.col-1-bl12 .title span {
    font-size: 14px;
    display: block; margin-bottom: 12px;
}
.col-1-bl12 .text {
    font-size: 16px; line-height: 21px;
}
.col-1-bl12:nth-child(1) .text {
    font-size: 18px; line-height: 24px;
}

/*tabs*/
.tabs-nav-bl12, .tabs-content-wrapper-bl12{width: 100%;}
.tabs-nav-bl12 {margin-bottom: 12px;}
.tabs-content-wrapper-bl12 {
    box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out .3s;-moz-transition: all .3s ease-in-out .3s;transition: all .3s ease-in-out .3s;
}
.tabs-nav-title-bl12{
    padding: 0;text-align: center;width: 50%;float: left;
}
.tabs-nav-title-bl12 a {
    font-family: "Futuramedium"; font-size: 11px; line-height: 16px; color: #000; text-transform: uppercase; text-decoration: none; letter-spacing: 0.4em;
    display: block; padding: 8px 0; background-color: #fff; border: 1px solid #ebebeb;
}
.tabs-nav-title-bl12 a:hover{
    color: #fff;background-color: #0978ba;border: 1px solid #0978ba;border-left: 1px solid #fff;
}
.tabs-nav-title-bl12.active a {
    color: #fff;background-color: #0978ba;border: 1px solid #0978ba;
}
.tabs-content-bl12 {display: none;}
.tabs-content-bl12.active {display: block; }

/**/
.row-1-bl12 .btn-send.btn-mobal {
    position: absolute; left: 2.5%; bottom: 22px; 
    font-family: "Futuramedium"; font-size: 16px; letter-spacing: 0.05em; padding: 14px 40px 12px; text-transform: none; 
}
/* ==================================================== Блок 13 - Частые вопросы  ==================================================*/

.bl-13 {
    min-height: 510px; margin-bottom: 103px; 
}
.bl-13::before {
    top: 7px; left: 0; width: 44%; height: 500px; z-index: -1;
    background-color: #003300; background-image: url(/gps/images/design/img-bl13.jpg); background-position: right top;
}
.row-bl13 {
    margin: 0 auto; 
}  
.col-bl13 {
    max-width: 555px; margin: 0 0 0 auto;
}
.col-bl13 .wrap {
    text-align: right;
}
.col-bl13 .title-b {
    margin-bottom: 87px;
}
/**/
.accordion-gps {
    background-color: transparent;padding: 3px 25px 0px 0;width: 100%;border: none;outline: none;position: relative;
    font-family: "Futuramedium";font-size: 20px;line-height: 24px;color: #000;text-align: left;cursor: pointer;
    transition: 0.4s;
}
.accordion-gps.active, .accordion-gps:hover {
    color: #0978ba;
}
.accordion-gps:after {
    content: "+";position: absolute;color: #0978ba;right: 0;top: 6px;
}

.accordion-gps.active.active:after {
    content: "-";font-size: 26px;top: 3px;
}
.panel-gps {
    padding: 0px;margin: 12px 0 20px;max-height: 0;overflow: hidden;color: #6a6a69;
    transition: max-height 0.2s ease-out;
}
.panel-gps p{line-height: 1.5;font-size: 15px;}

/* ==================================================== Блок 14 - Остались вопросы?  ==================================================*/

.row-bl14 {
    margin: 0 auto; padding: 85px 0 25px; 
}  
.col-bl14 {
    float: left; width: 33.3%; 
}
.col-bl14:nth-child(1) {
    padding: 55px 15px 0 0; width: 33.3%;
}
.col-bl14:nth-child(1)::before {
    content: "15"; position: absolute; top: 92px; right: 20px; z-index: -1;
    font-family: "Futurabold"; font-size: 200px; color: #f5fafc; 
}    
.col-bl14:nth-child(2) {
    padding: 15px 15px; width: 28%;
}
.col-bl14:nth-child(3) {
    padding: 0 0 0 15px; width: 38.3%;
}
.col-bl14 .title-b {
    margin-bottom: 40px;
}
.col-bl14 .title-l {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #908f92;
    margin-bottom: 20px; padding-left: 30px; max-width: 270px;
}
.col-bl14 .title-l::before {
    top: 2px; left: 0; width: 2px; height: 59px; background-color: #192a53;
}
.col-bl14 .text {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #0978ba;
    padding-left: 30px; max-width: 170px;
}
.col-bl14 .wrap {
    position: absolute; right: 15px; bottom: 5px; background-color: #fff; padding: 27px 0 20px 30px; z-index: 1;    
}
.col-bl14 .name {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #000;
}
.col-bl14 .name span {
    font-size: 14px; line-height: 18px; color: #afb3bd; letter-spacing: 0.09em;
    display: block;
}
/*form*/
.col-bl14 .form-wrapper {
    padding: 0 0 60px 65px; background-color: #fff;      
}
.col-bl14 .controls{margin-bottom: 17px;text-align: left;}
.col-bl14 .controls.last{margin-bottom: 36px;}
.col-bl14 label {
    font-family: "Futuramedium"; font-size: 16px; line-height: 24px; color: #2c2826;
    position: absolute; left: 0; bottom: -7px; z-index: 2; padding: 2px 0; 
    background-color: #fff;
}
.col-bl14 input{
    display: block;width: 100%;height: 40px;padding: 0 5px 0 28%;
    font-family: "Futuralight";font-size: 16px;color: #908f92;
    background-color: transparent;border: none; border-bottom: 1px solid #2c2826;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    
}
.col-bl14 input.tel {
    padding: 0 5px 0 32%;
}    
.col-bl14 input:focus{
	outline:0;border: 1px solid #2c2826;
}
.col-bl14 input.error{border: 1px solid #bf1a36;}
.col-bl14 .form span.error{color: #bf1a36;background: #fff;margin-top: 5px;display: inline-block;text-transform: none;}
.col-bl14 input::-webkit-input-placeholder {color: #908f92;}
.col-bl14 input::-moz-placeholder          {color: #908f92;}/* Firefox 19+ */
.col-bl14 input:-moz-placeholder           {color: #908f92;}/* Firefox 18- */
.col-bl14 input:-ms-input-placeholder      {color: #908f92;}

.col-bl14 .btn-send {
    display: block; max-width: 275px; margin: 0 auto 38px; padding: 15px 72px 13px;
    font-size: 16px; text-transform: none; letter-spacing: 0.05em;   
}
.col-bl14 .wrap-protect {
     text-align: center; 
}
.col-bl14 .protect {
    font-size: 12px; line-height: 16px; letter-spacing: 0.09em; 
}
.col-bl14 textarea {
    font-family: "Futuralight";font-size: 16px;color: #908f92; padding: 10px 10px;
    width: 100%; height: 50px; border: none; border-top: 1px solid #e0dfdf; border-bottom: 1px solid #e0dfdf;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; 
}
.col-bl14 textarea:focus{
	outline:0;border: 1px solid #2c2826;
}
.col-bl14 .tel {
    margin-bottom: 67px;
}
.col-bl14 .last label {
    bottom: 48px; 
}
.col-bl14 .controls span {
    position: absolute; top: -32px; left: 38%;
    font-size: 16px;
}


/* ==================================================== Блок 15 - Контакты  ==================================================*/
.row-bl15 {
    margin: 0 auto; padding: 100px 0 0 0; 
}  
.col-bl15 {
    float: left; width: 50%; 
}
.col-bl15:nth-child(1) {
    float: right; padding: 0 0 0 15px; background-color: #fff;
}
.col-bl15:nth-child(2) {
    padding: 10px 15px 0 0; 
}
.col-bl15 .title-b {
    text-align: right; margin-bottom: 45px;
}
.col-bl15 ul {
    max-width: 458px; margin: 0 0 0 auto;
}
.col-bl15 ul li {
    margin-bottom: 27px;
}
.col-bl15 ul span {
    font-family: "Futuramedium"; font-size: 20px; line-height: 24px; color: #000;
    display: block; margin-bottom: 15px;
}
.col-bl15 ul li:nth-child(1) span {
    margin-bottom: 20px;
}    
.col-bl15 ul a {
    color: #767578;
}
.col-bl15 ul a:visited, .col-bl15 ul a:link {
    color: #767578;
}
.no-touch .col-bl15 ul a:hover {
    color: #0978ba;
}

/* animate */
.col-bl1 li{
    -webkit-transform: translate3d(16px, 0, 0);transform: translate3d(16px, 0, 0);-moz-transform: translate3d(0, 16px, 0);-ms-transform: translate3d(0, 16px, 0);
}
.col-bl1 li.animated{
    transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);
    transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;
}
.col-bl1 li:nth-child(2).animated{
    transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;-0-transition-delay: 0.2s;
}
.col-bl1 li:nth-child(3).animated{
    transition-delay: 0.4s;-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-ms-transition-delay: 0.4s;-0-transition-delay: 0.4s;
}
/* Inimation MASK images*/
.animation-img-inst{
    overflow: hidden;display: inline-block;
}
.an-img-inst{
    transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transform: all 0.4s ease-in;
    -webkit-transform: translateX(-100%);transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);
}
.animation-img-inst.shown .an-img-inst {
    -webkit-transform: translateX(0);transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);
}
.an-img-inst:after {
    content: '';position: absolute;display: block;background: #f1f1f1;
    width: 100%;height: 120%;left: 0;top: -10%;
    transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transform: all 0.5s ease-in;
}
.animation-img-inst.shown .an-img-inst:after{
    -webkit-transform: translateX(100%);transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);
    -webkit-transition-delay: 0.6s;transition-delay: 0.6s;-moz-transition-delay: 0.6s;-ms-transition-delay: 0.6s;-o-transition-delay: 0.6s;
}

/*============================================================= FOOTER =========================================================*/

.overlay-map {
	background:transparent; position:relative; width:100%;height:410px;top:550px;margin-top:-550px;
}

.footer{
    width: 100%;margin: 0 auto; background: #fff;
    text-align: center;color: #6e635d;
}
.row-footer {
    margin: 0 auto; padding: 140px 0 40px; 
}
.col-footer {
    display: inline-block; vertical-align: middle; 
    font-size: 14px; line-height: 21px; text-align: left; letter-spacing: 0.12em;
}
.col-footer:nth-child(1) {
    width: 24%; padding: 0 15px 0 0;
}
.col-footer:nth-child(2) {
    width: 26%; padding: 0 15px;
}
.col-footer:nth-child(3) {
    width: 49%; padding: 0 0 0 15px;
}
.col-footer .btn-send.btn-mobal {
    font-family: "Futuramedium"; color: #0978ba; border: 2px solid #192a53; letter-spacing: 0.15em; box-shadow: none;
    margin: 0 0 0 auto; padding: 12px 20px 10px; text-align: center;
    display: block;
}
.no-touch .col-footer .btn-send.btn-mobal:hover {
    color: #fff;
}
.col-footer .btn-send.btn-mobal::before {
    background-color: #fff;
}  
/**/
.row-1-footer {
    padding: 40px 0; background: #31343c; color: rgba(255,255,255,0.2);
}
.row-1-footer .wrap {
    margin: 0 auto; 
}
.col-1-footer {
    font-family: "Futuralight"; font-size: 14px; line-height: 21px; letter-spacing: 0.05em;
    float: left; width: 50%;   
}
.col-1-footer:nth-child(1) {
    padding: 0 15px 0 0; text-align: left;
}
.col-1-footer:nth-child(2) {
    padding: 0 0 0 15px; text-align: right;
}
.col-1-footer a {
    margin-left: 30px;
}

/* КНОПКА ВВЕРХ */
.cd-top {
  display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 15px !important;right: 15px !important;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;text-indent: 100%;white-space: nowrap;
  background: rgba(61, 199, 240, 0.9) url(/gps/images/design/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .6;
}
.cd-top:hover {
  background-color: #3dc7f0;opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;width: 60px;right: 30px;bottom: 30px;
  }
}

/*------------------------------------------------------------ MODAL FORM -----------------------------------------------------------*/

body.fixed{
    overflow: hidden; 
}
body.fixed .form-modal-overlay, body.fixed .form-modal-overlay-product{margin-right: 0px;}
.form-modal-overlay{
    display: none;position: fixed;height: 100%;top: 0px;bottom: 0px;left: 0px;right: 0px;
    overflow-y: scroll;overflow-x: hidden;margin-right: -17px;background-color:rgba(0,0,0,.9);z-index: 9999;
}
.form-modal-body{padding: 70px 90px 50px;}
.form-modal-body {
    max-width: 560px;border: none;box-shadow: none;margin: 20px auto 50px;position: relative;
    font-family: "PTSansRegular";background: #fff;padding: 6.5% 100px 6.5%;display:none;opacity:0;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.form-modal-body .ic-close{
    position: absolute;top: 28px;right: 28px;width: 17px;height: 18px;
    background-image: url(/gps/images/design/ic-close-h.png);background-position: center;
    cursor: pointer;z-index: 999;    
}
.form-modal-body .ic-close:hover{
    background-image: url(/gps/images/design/ic-close.png);background-position: center;
}
/* Заголовок формы */
.form-modal-title-content {
    text-align: center;margin: 0 auto 45px;max-width: 96%;
}
.form-modal-title-big {
    font-family: "Futurabold";font-size: 30px;color: #000000;line-height: 1.3;text-transform: uppercase;
}
/* Поля формы */
.form-modal-body .controls{
    margin-bottom: 28px;text-align: left;position: relative;
}
.form-modal-content  label {
    font-family: "Futuramedium"; font-size: 16px; line-height: 24px; color: #2c2826;
    position: absolute; left: 0; bottom: -9px; z-index: 2; padding: 2px 2px 2px 0; 
    background-color: #fff;
}
.form-modal-content  input{
    display: block;width: 100%;height: 40px;padding: 0 5px 0 99px;
    font-family: "Futuralight";font-size: 16px;color: #908f92;
    background-color: transparent;border: none; border-bottom: 1px solid #2c2826;
    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    
}
.form-modal-content input.error{border: 1px solid #bf1a36;}
/* Кнопка отправить */
.form-modal-content .btn-send{
    color: white;max-width: 240px;margin: 60px auto 0; display: block;padding: 18px 50px 16px;
}

/**/
@media screen and (max-width:1200px){
    .form-modal-body {width: 90%;}
    .form-modal-title-content{max-width: 88%;margin: 0 auto 35px;}
    .form-modal-title-little {margin: 28px 0 0px;color: #282627;}
    .form-modal-title-big br{display: none;}
    .form-modal-body i.ti-close{font-size: 15px;padding: 15px;top: -1px;right: -1px;}
    .form-modal-body{padding: 50px 80px 50px;}
    .form-modal-body .ic-close{top: 10px;right: 10px;width: 25px;height: 25px;background-repeat: no-repeat;background-size: 27px;}
}
@media screen and (max-width:800px){
    .form-modal-overlay{margin-right: 0;}
}
@media screen and (max-width:650px){
    .form-modal-body{
        padding: 50px 50px 40px;top: 60px !important;transform: translate(0,0) !important;
        webkit-box-shadow: 0px 0px 15px 0px rgba(190, 190, 190, 0.85);
        -moz-box-shadow: 0px 0px 15px 0px rgba(190, 190, 190, 0.85);
        box-shadow: 0px 0px 15px 0px rgba(190, 190, 190, 0.85);
    }
    .form-modal-title-little {margin: 20px 0 0px;}
    .form-modal-title-content{margin: 0 auto 30px;max-width: 100%;}
    .form-modal-content input{height: 40px;font-size: 16px;}
    .form-modal-content textarea{height: 70px;}
}
@media screen and (max-width:500px){
    .form-modal-body{padding: 50px 30px 40px;}
    .form-modal-title-big{font-size: 22px;}
}

/* Slick Slider */

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-dots li button:before,.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px;margin:3px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-loading .slick-list{background:url(/gps/images/design/ajax-loader.gif) center center no-repeat #fff}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;background:#31A592;width:40px;height:40px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:#ffe11f}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:themify;font-size:25px;line-height:1;opacity:1;color:#fff}.slick-prev{left:0;z-index:9}.slick-next{right:0;z-index:9}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"\e64a"}.slick-next:before,[dir=rtl] .slick-prev:before{content:"\e649"}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:"\e64a"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;color:#000;text-align:center;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';opacity:.25}.slick-dots li.slick-active button:before{opacity:.75;color:#000}

/*  Fancybox 3 */

.fancybox-arrow,.fancybox-infobar__body{-webkit-user-select:none;-ms-user-select:none}.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translate3d(0,0,0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:0;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;display:none;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide::before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image::before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#E5E3DF}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:no-repeat;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-button,.fancybox-close-small{margin:0;border:0;cursor:pointer;outline:0}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;border-radius:0;background:0 0;z-index:10}.fancybox-close-small:after{content:'×';position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:#888 dotted 1px}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:0 0;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8) 100%);pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid rgba(255,255,255,.4);font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;padding:0;width:44px;height:44px;line-height:44px;text-align:center;color:#ddd;border-radius:0;vertical-align:top}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button::after,.fancybox-button::before{content:'';pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]::after,.fancybox-button[disabled]::before{opacity:.3}.fancybox-button--left::after,.fancybox-button--right::after{top:18px;width:6px;height:6px;background:0 0;border-top:solid 2px currentColor;border-right:solid 2px currentColor}.fancybox-button--left::after{left:20px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right::after{right:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close::after,.fancybox-button--close::before{content:'';display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:0;background:0 0;cursor:pointer;z-index:99995;opacity:0;-moz-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow::after{content:'';position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center center;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left::after,.fancybox-arrow--right::after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid rgba(100,100,100,.4);border-top:6px solid rgba(255,255,255,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:0 0;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes fancybox-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fancybox-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}@media all and (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen::before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:0 0}.fancybox-button--pause::before,.fancybox-button--play::before{top:calc(50% - 6px);left:calc(50% - 4px);background:0 0}.fancybox-button--play::before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause::before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media all and (min-width:800px){.fancybox-thumbs,.fancybox-thumbs>ul>li{margin:0;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs::before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,0 0 0 32px inset,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;width:105px;height:75px;position:relative;cursor:pointer;outline:0;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}


/*  jGrowl Ajax form modx  */

.jGrowl{z-index:9999;color:#fff;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;position:fixed}.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}.jGrowl.center{top:0;width:50%;left:25%}.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification{margin-left:auto;margin-right:auto}.jGrowl-notification{background-color:#000;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;min-height:40px}.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}.jGrowl-notification .jGrowl-header{font-weight:700;font-size:.85em}.jGrowl-notification .jGrowl-close{background-color:transparent;color:inherit;border:none;z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}.jGrowl-closer{background-color:#000;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));zoom:1;width:250px;padding:10px;margin:10px;display:none;border-radius:5px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}@media print{.jGrowl{display:none}}
.af-message-success{background-color:green!important}.af-message-error{background-color:brown!important}.af-message-info{background-color:#000!important}.ajax_form.af_example,.ajax_form.af_example .controls input,.ajax_form.af_example .controls textarea{width:100%}.ajax_form .error{color:brown}@media screen and (min-width:320px){.ajax_form.af_example .controls button[type=submit]{float:right}}@media screen and (max-width:320px){.ajax_form.af_example .controls button{width:100%;margin-top:5px}}
