@font-face {
    font-family: 'DINPro'; /* Гарнитура шрифта */
    src: url(../fonts/DIN-Pro/DINPro-Regular.otf); /* Путь к файлу со шрифтом */
}
@font-face {
    font-family: 'DINPro-Bold'; /* Гарнитура шрифта */
    src: url(../fonts/DIN-Pro/DINPro-Bold.otf); /* Путь к файлу со шрифтом */
}


*{
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.p-t-60{
    padding-top: 60px;
}
a, a:hover, a:focus{
    color: currentColor;
}
a, a.form-control{
    -webkit-transition: background .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out;
    -moz-transition: background .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out;
    transition: background .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out;
}
a:focus, a:hover, a:active{
    text-decoration: none;
}
textarea{
    resize: none;
}

.noty_message {
    font-size: 26px!important;
    line-height: 32px!important;
    padding: 20px!important;
}

body {
    font-family: 'DINPro', sans-serif;
    color: #20344d;
    min-width: 320px;
    font-size: 16px;
    background-color: #e9f0f9;
}

.container-fluid{
    padding: 0px;
}
.page-container{
    min-width: 320px;
    max-width: 1430px;
    padding-left: 90px;
    padding-right: 90px;
    margin-left: auto;
    margin-right: auto;
}
.page-container iframe, .page-container img {
    max-width: 100%!important;
}
.bg-block1{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../img/bg-1.jpg');
}
.bg-block2{}
.bg-block3{}
.bg-block4{}
.bg-block5{}

.bg-white{
    background-color: #ffffff;
}
.bg-black{
    background-color: #000000;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6{}
.h1{
    /*font-size: 36px;*/
}
.h2{
    /*font-size: 30px;*/
}
.h3{
    /*font-size: 24px;*/
}
.h4{
    /*font-size: 18px;*/
}
.h5{
    /*font-size: 14px;*/
}
.h6{
    /*font-size: 12px;*/
}


.f-s-80{
    font-size: 80px;
}
.f-s-70{
    font-size: 70px;
}
.f-s-64{
    font-size: 64px;
}
.f-s-60{
    font-size: 60px;
}
.f-s-54{
    font-size: 54px;
}
.f-s-50{
    font-size: 50px;
}
.f-s-48{
    font-size: 48px;
}
.f-s-44{
    font-size: 44px;
}
.f-s-40{
    font-size: 40px;
}
.f-s-36{
    font-size: 36px;
}
.f-s-34{
    font-size: 34px;
}
.f-s-32{
    font-size: 32px;
}
.f-s-30{
    font-size: 30px;
}
.f-s-28{
    font-size: 28px;
}
.f-s-26{
    font-size: 26px;
}
.f-s-24{
    font-size: 24px;
}
.f-s-22{
    font-size: 22px;
}
.f-s-20{
    font-size: 20px;
}
.f-s-19{
    font-size: 19px;
}
.f-s-18{
    font-size: 18px;
}
.f-s-17{
    font-size: 17px;
}
.f-s-16{
    font-size: 16px;
}
.f-s-15{
    font-size: 15px;
}
.f-s-14{
    font-size: 14px;
}
.f-s-13{
    font-size: 13px;
}
.f-s-12{
    font-size: 12px;
}
.f-s-11{
    font-size: 11px;
    ‑webkit‑text‑size‑adjust: 100%
}
.f-s-10{
    font-size: 10px;
    ‑webkit‑text‑size‑adjust: 100%
}
.f-s-9{
    font-size: 9px;
    ‑webkit‑text‑size‑adjust: 100%
}


.thin{
    font-weight: 100;
}
.light{
    font-weight: 300;
}
b,
.bold{
    font-weight: bold;
    font-family: 'DINPro-Bold';
}
.semi-bold {
    font-weight: 600;
}
.ultra-bold{
    font-weight: 900;
}
.h-bu{
    font-weight: bold;
    font-family: 'DINPro-Bold';
    text-transform: uppercase;
}

.f-w-100 { font-weight: 100; }
.f-w-200 { font-weight: 200; }
.f-w-300 { font-weight: 300; }
.f-w-400 { font-weight: 400; }
.f-w-500 { font-weight: 500;  font-family: 'DINPro-Bold';  }
.f-w-600 { font-weight: 600; }
.f-w-700 { font-weight: 700; }
.f-w-800 { font-weight: 800; }
.f-w-900 { font-weight: 900; }

.m-auto { margin: 0 auto; }
.m-0 { margin: 0px; }
.m-1 { margin: 1px; }
.m-2 { margin: 2px; }
.m-3 { margin: 3px; }
.m-4 { margin: 4px; }
.m-5 { margin: 5px; }
.m-6 { margin: 6px; }
.m-7 { margin: 7px; }
.m-8 { margin: 8px; }
.m-9 { margin: 9px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-35 { margin: 35px; }
.m-40 { margin: 40px; }
.m-45 { margin: 45px; }
.m-50 { margin: 50px; }

.m-t-0 { margin-top: 0px; }
.m-t-1 { margin-top: 1px; }
.m-t-2 { margin-top: 2px; }
.m-t-3 { margin-top: 3px; }
.m-t-4 { margin-top: 4px; }
.m-t-5 { margin-top: 5px; }
.m-t-6 { margin-top: 6px; }
.m-t-7 { margin-top: 7px; }
.m-t-8 { margin-top: 8px; }
.m-t-9 { margin-top: 9px; }
.m-t-10 { margin-top: 10px; }
.m-t-15 { margin-top: 15px; }
.m-t-20 { margin-top: 20px; }
.m-t-25 { margin-top: 25px; }
.m-t-30 { margin-top: 30px; }
.m-t-35 { margin-top: 35px; }
.m-t-40 { margin-top: 40px; }
.m-t-45 { margin-top: 45px; }
.m-t-50 { margin-top: 50px; }

.m-r-0 { margin-right: 0px; }
.m-r-1 { margin-right: 1px; }
.m-r-2 { margin-right: 2px; }
.m-r-3 { margin-right: 3px; }
.m-r-4 { margin-right: 4px; }
.m-r-5 { margin-right: 5px; }
.m-r-6 { margin-right: 6px; }
.m-r-7 { margin-right: 7px; }
.m-r-8 { margin-right: 8px; }
.m-r-9 { margin-right: 9px; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px; }
.m-r-20 { margin-right: 20px; }
.m-r-25 { margin-right: 25px; }
.m-r-30 { margin-right: 30px; }
.m-r-35 { margin-right: 35px; }
.m-r-40 { margin-right: 40px; }
.m-r-45 { margin-right: 45px; }
.m-r-50 { margin-right: 50px; }

.m-b-0 { margin-bottom: 0px; }
.m-b-1 { margin-bottom: 1px; }
.m-b-2 { margin-bottom: 2px; }
.m-b-3 { margin-bottom: 3px; }
.m-b-4 { margin-bottom: 4px; }
.m-b-5 { margin-bottom: 5px; }
.m-b-6 { margin-bottom: 6px; }
.m-b-7 { margin-bottom: 7px; }
.m-b-8 { margin-bottom: 8px; }
.m-b-9 { margin-bottom: 9px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-25 { margin-bottom: 25px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-35 { margin-bottom: 35px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-45 { margin-bottom: 45px; }
.m-b-50 { margin-bottom: 50px; }

.m-l-0 { margin-left: 0px; }
.m-l-1 { margin-left: 1px; }
.m-l-2 { margin-left: 2px; }
.m-l-3 { margin-left: 3px; }
.m-l-4 { margin-left: 4px; }
.m-l-5 { margin-left: 5px; }
.m-l-6 { margin-left: 6px; }
.m-l-7 { margin-left: 7px; }
.m-l-8 { margin-left: 8px; }
.m-l-9 { margin-left: 9px; }
.m-l-10 { margin-left: 10px; }
.m-l-15 { margin-left: 15px; }
.m-l-20 { margin-left: 20px; }
.m-l-25 { margin-left: 25px; }
.m-l-30 { margin-left: 30px; }
.m-l-35 { margin-left: 35px; }
.m-l-40 { margin-left: 40px; }
.m-l-45 { margin-left: 45px; }
.m-l-50 { margin-left: 50px; }

.p-0 { padding: 0px; }
.p-1 { padding: 1px; }
.p-2 { padding: 2px; }
.p-3 { padding: 3px; }
.p-4 { padding: 4px; }
.p-5 { padding: 5px; }
.p-6 { padding: 6px; }
.p-7 { padding: 7px; }
.p-8 { padding: 8px; }
.p-9 { padding: 9px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-35 { padding: 35px; }
.p-40 { padding: 40px; }
.p-45 { padding: 45px; }
.p-50 { padding: 50px; }

.p-t-0 { padding-top: 0px; }
.p-t-1 { padding-top: 1px; }
.p-t-2 { padding-top: 2px; }
.p-t-3 { padding-top: 3px; }
.p-t-4 { padding-top: 4px; }
.p-t-5 { padding-top: 5px; }
.p-t-6 { padding-top: 6px; }
.p-t-7 { padding-top: 7px; }
.p-t-8 { padding-top: 8px; }
.p-t-9 { padding-top: 9px; }
.p-t-10 { padding-top: 10px; }
.p-t-15 { padding-top: 15px; }
.p-t-20 { padding-top: 20px; }
.p-t-25 { padding-top: 25px; }
.p-t-30 { padding-top: 30px; }
.p-t-35 { padding-top: 35px; }
.p-t-40 { padding-top: 40px; }
.p-t-45 { padding-top: 45px; }
.p-t-50 { padding-top: 50px; }


.p-r-0 { padding-right: 0px; }
.p-r-1 { padding-right: 1px; }
.p-r-2 { padding-right: 2px; }
.p-r-3 { padding-right: 3px; }
.p-r-4 { padding-right: 4px; }
.p-r-5 { padding-right: 5px; }
.p-r-6 { padding-right: 6px; }
.p-r-7 { padding-right: 7px; }
.p-r-8 { padding-right: 8px; }
.p-r-9 { padding-right: 9px; }
.p-r-10 { padding-right: 10px; }
.p-r-15 { padding-right: 15px; }
.p-r-20 { padding-right: 20px; }
.p-r-25 { padding-right: 25px; }
.p-r-30 { padding-right: 30px; }
.p-r-35 { padding-right: 35px; }
.p-r-40 { padding-right: 40px; }
.p-r-45 { padding-right: 45px; }
.p-r-50 { padding-right: 50px; }

.p-b-0 { padding-bottom: 0px; }
.p-b-1 { padding-bottom: 1px; }
.p-b-2 { padding-bottom: 2px; }
.p-b-3 { padding-bottom: 3px; }
.p-b-4 { padding-bottom: 4px; }
.p-b-5 { padding-bottom: 5px; }
.p-b-6 { padding-bottom: 6px; }
.p-b-7 { padding-bottom: 7px; }
.p-b-8 { padding-bottom: 8px; }
.p-b-9 { padding-bottom: 9px; }
.p-b-10 { padding-bottom: 10px; }
.p-b-15 { padding-bottom: 15px; }
.p-b-20 { padding-bottom: 20px; }
.p-b-25 { padding-bottom: 25px; }
.p-b-30 { padding-bottom: 30px; }
.p-b-35 { padding-bottom: 35px; }
.p-b-40 { padding-bottom: 40px; }
.p-b-45 { padding-bottom: 45px; }
.p-b-50 { padding-bottom: 50px; }
.p-b-30 { padding-bottom: 30%; }

.p-l-0 { padding-left: 0px; }
.p-l-1 { padding-left: 1px; }
.p-l-2 { padding-left: 2px; }
.p-l-3 { padding-left: 3px; }
.p-l-4 { padding-left: 4px; }
.p-l-5 { padding-left: 5px; }
.p-l-6 { padding-left: 6px; }
.p-l-7 { padding-left: 7px; }
.p-l-8 { padding-left: 8px; }
.p-l-9 { padding-left: 9px; }
.p-l-10 { padding-left: 10px; }
.p-l-15 { padding-left: 15px; }
.p-l-20 { padding-left: 20px; }
.p-l-25 { padding-left: 25px; }
.p-l-30 { padding-left: 30px; }
.p-l-35 { padding-left: 35px; }
.p-l-40 { padding-left: 40px; }
.p-l-45 { padding-left: 45px; }
.p-l-50 { padding-left: 50px; }

.pos-a{ position: absolute }
.pos-r{ position: relative }
.pos-s{ position: static }

.row-2x{
    margin-left: -30px;
    margin-right: -30px;
}
.row-2x > [class*='col-']{
    padding-right:30px;
    padding-left:30px;
}

.row-20{
    margin-left: -10px;
    margin-right: -10px;
}
.row-20 > [class*='col-']{
    padding-right:10px;
    padding-left:10px;
}


.no-gutter{
    margin-left: 0px;
    margin-right: 0px;
}
.no-gutter > [class*='col-'] ,
.no-gutter > .swiper-slide > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.form-control,
.form-control-feedback{
    font-size: 16px;
    height: 45px;
}
.form-control{
    color: #20344d;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    border-color: #d7e0ec;
    box-shadow: none !important;
}
.form-control::-webkit-input-placeholder {
    color: #b6bfcc;
}
.form-control::-moz-placeholder          {
    color: #b6bfcc;
}/* Firefox 19+ */
.form-control:-moz-placeholder           {
    color: #b6bfcc;
}/* Firefox 18- */
.form-control:-ms-input-placeholder      {
    color: #b6bfcc;
}
.form-control:focus {
    border-color: #d7e0ec;
    outline: 0;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.075) !important;
}

.bootstrap-select>.dropdown-toggle.error,
.form-control.error {
    border: 1px solid #c33636 !important;
    background-color: #fefbfb !important;
}
.form-control.error::-webkit-input-placeholder {
    /*color: #cc3333;*/
}
.form-control.error::-moz-placeholder          {
    /*color: #cc3333;*/
}/* Firefox 19+ */
.form-control.error:-moz-placeholder           {
    /*color: #cc3333;*/
}/* Firefox 18- */
.form-control.error:-ms-input-placeholder      {
    /*color: #cc3333;*/
}


.form-control-feedback{
    line-height: 45px;
    color: #b6bfcc;
}

.has-success .form-control{
    border-color: #36c36b;
    background-color: #fbfefc;
}
.has-warning .form-control{
    border-color: #ffcc00;
    background-color: #fffefa;
}
.has-error .form-control{
    border-color: #c33636;
    background-color: #fefbfb;
}

label{
    font-weight: normal;
    cursor: pointer;
}

.btn{
    height: 45px;
    padding: 11px 12px 12px;
    border-radius: 2px;
    font-size: 16px;
    border: 0px solid transparent;

    -webkit-transition: color  ease-in-out .3s;
    -o-transition: color  ease-in-out .3s;
    transition: color  ease-in-out .3s;
}
.btn:hover,
.btn.hover,
.btn:active,
.btn.active,
.btn:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default{
    color: #20344d;
    background-color: #e9f0f9;
}
.btn-primary{
    color: #ffffff;
    background-color: #20344d;
}
.btn-info{
    color: #ffffff;
    background-color: #378eff;
}
.btn-success{
    color: #ffffff;
    background-color: #36c36b;
}

.btn-sm{
    padding-top: 3px;
    padding-bottom: 5px;
    height: 32px;
}

.btn-rounded{
    border-radius: 22px;
}
.btn-sm.btn-rounded{
    border-radius: 16px;
}

.btn-rounded:before{
    border-radius: 22px;
}
.btn-rounded.btn-sm:before{
    border-radius: 16px;
}

.btn-std {
    max-height: 80px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;

    /*padding-left: 20px;*/
    /*padding-right: 20px;*/

    color: #ffffff;
    background: #36c36b;
}
.btn-std:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-color: #c33636;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-radius: 2px;
}
.btn-std:hover,
.btn-std.hover,
.btn-std:active,
.btn-std.active,
.btn-std:focus{
    color: #ffffff;
    background: #36c36b;
}
.btn-std:hover:before,
.btn-std.hover:before,
.btn-std:active:before,
.btn-std.active:before,
.btn-std:focus:before{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 40px;
}

.btn-std-bordered{
    color: #36c36b;
    background: transparent;
}
.btn-std-bordered:before{
    border-width: 1px;
    border-color: #36c36b;
}
.btn-std-bordered:hover,
.btn-std-bordered.hover,
.btn-std-bordered:active,
.btn-std-bordered.active,
.btn-std-bordered:focus{
    color: #ffffff;
    background: transparent;
}

.btn-std-bordered-primary{
    color: #20344d;
}
.btn-std-bordered-primary:before{
    border-color: #20344d;
}
.btn-std-bordered-default{
    color: #20344d !important;
}
.btn-std-bordered-default:before{
    border-color: #d7e0ec;
}

.btn-block{
    display: block;
    width: 99.9%;
    padding-left: 3px;
    padding-right: 3px;
}

.btn-link{
    color: inherit;
    text-decoration: none !important;
}
.btn-link:hover,
.btn-link:active,
.btn-link.active,
.btn-link:focus{
    color: #c33636;
}
.btn-link .utility-link{
    color: inherit !important;
}

.btn-utility{
    border: 1px dashed #cacaca;
}
.btn-utility:hover{
    background-color: #cacaca;
}

.btn-unstyled{
    background: none;
    box-shadow: none;
    border: none;
    padding: 0px;
}


.text-muted{
    color: #b6bfcc;
}
.text-success{
    color: #36c36b;
}
.text-danger{
    color: #c33636;
}
.text-info{
    color: #547094;
}


.label-warning{
    background-color: #ffcc00;
}
.label-success{
    background-color: #36c36b;
}
.label-danger{
    background-color: #c33636;
}
.label-info{
    background-color: #547094;
}

.blue-link{
    color: #378eff;
    border-bottom: 1px solid transparent;
}
.blue-link:hover,
.blue-link.hover,
.blue-link:active,
.blue-link.active,
.blue-link:focus{
    color: #0066cc;
    border-bottom-color: currentColor;
}


.two-lines-max,
.three-lines-max,
.four-lines-max,
.five-lines-max,
.six-lines-max{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.two-lines-max{
    -webkit-line-clamp: 2;
}
.three-lines-max{
    -webkit-line-clamp: 3;
}
.four-lines-max{
    -webkit-line-clamp: 4;
}
.five-lines-max{
    -webkit-line-clamp: 5;
}
.six-lines-max{
    -webkit-line-clamp: 6;
}


.soc-icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.soc-icon-1{
    background-image: url('../img/soc-icon-1.png');
}
.soc-icon-2{
    background-image: url('../img/soc-icon-2.png');
}
.soc-icon-3{
    background-image: url('../img/soc-icon-3.png');
}
.soc-icon-4{
    background-image: url('../img/soc-icon-4.png');
}
.soc-icon-5{
    background-image: url('../img/soc-icon-5.png');
}


hr{
    border-color: #e9f0f9;
}

.border-link{
    border-bottom: 1px solid currentColor;
}
.utility-link{
    border-bottom: 1px dotted currentColor;
}
.utility-link:hover,
.border-link:hover{
    color: #c33636;
}
.email-link{}


.check-label {
    padding-left: 32px;
    position: relative;
}
.check-label .checkboxCustom,
.check-label .radioCustom {
    position: absolute;
    left: 0px;
    /*top: 4px;*/
}
.label-block{
    display: block;
}
.t-label{}
.t-label img{
    max-width: 100%;
}
.t-label .checkboxCustom,
.t-label .radioCustom{
    margin-right: 10px;
}

.std-title{}
.std-title-decor{
    overflow: hidden;
    position: relative;
}
.std-title-decor:before,
.std-title-decor:after{
    content: "";
    top: 50%;
    z-index: 0;
    height: 1px;
    width: 420px;
    display: block;
    position: absolute;
    background-color: #e9f0f9;
}
.std-title-decor:before{
    left: 0px;
}
.std-title-decor:after{
    right: 0px;
}
.std-title-inner{
    z-index: 1;
    padding: 0 30px;
    position: relative;
    background-color: #ffffff;
}

.header-block{
    color: #ffffff;
}
.header-line{
    padding-top: 18px;
    padding-bottom: 25px;
}
.header-content{
    padding-top: 0;
    padding-bottom: 14%;
}
.hb-logo-cnt,
.hb-phones{
    color: #e9f0f9;
}
.hb-logo-cnt{}
.hb-logo{}
.hb-navigation{
    margin-right: -14px;
    margin-left: -14px;
    padding-top: 14px;
}
.hb-navigation li{
    padding-right: 14px;
    padding-left: 14px;
}
.hb-navigation a:hover,
.hb-navigation a.active{
    color: #a7bfdf;
}
.hb-navigation a.active:after{
    content: "";
    width: 1px;
    height: 11px;
    display: block;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: currentColor;
}
.hb-phones{
    margin-right: -10px;
    margin-left: -10px;
    padding-top: 15px;
}
.hb-phones li{
    padding-right: 10px;
    padding-left: 10px;
}
.hb-title,
.jb-title{}
.hb-title{}
.hb-text,
.jb-text{}
.hb-text{}
.hb-btns-cnt,
.jb-btns-cnt{}
.hb-btns-cnt{
    /*padding-top: 55px;*/
    padding-top: 4.5%;
}
.hb-btn,
.jb-btn{
    max-width: 300px;
}
.hb-btn{}
.hb-btn-left,
.jb-btn-left{
    margin-left: auto;
}
.hb-btn-left{}
.hb-btn-right,
.jb-btn-right{
    margin-right: auto;
}
.hb-btn-right{}

.why-block,
.advantages-block,
.questions-block,
.relationship-block,
.commission-block{
    padding-top: 25px;
    padding-bottom: 25px;
}
.why-block{
    margin-top: -70px;
    border-top: 1px solid #ebeef3;
}
.wb-item,
.cbi-item{
    display: table;
}
.wb-item{}
.wbi-cell,
.cbi-cell{
    display: table-cell;
    vertical-align: top;
}
.wbi-cell{}
.wbi-cell-icon{
    width: 90px;
}
.wbi-cell-text{}
.wbi-title{}
.wbi-text{}
.wbi-icon,
.cbi-icon,
.pb-icon,
.ab-icon{
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: contain;*/
}
.wbi-icon-1{
    background-image: url('../img/wb-icon-1.png');
    width: 42px;
}
.wbi-icon-2{
    background-image: url('../img/wb-icon-2.png');
    width: 48px;
}
.wbi-icon-3{
    background-image: url('../img/wb-icon-3.png');
    width: 56px;
}
.wbi-icon-4{
    background-image: url('../img/wb-icon-4.png');
    width: 74px;
}
.wbi-icon-5{
    background-image: url('../img/wb-icon-5.png');
    width: 50px;
}
.wbi-icon-6{
    background-image: url('../img/wb-icon-6.png');
    width: 46px;
}
.wbi-icon-7{
    background-image: url('../img/wb-icon-7.png');
    width: 51px;
}
.wbi-icon-8{
    background-image: url('../img/wb-icon-8.png');
    width: 50px;
}

.grey-grad-bg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,fbfcfe+35,edf3fa+66,e9f0f9+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 1%, rgba(251,252,254,1) 35%, rgba(237,243,250,1) 66%, rgba(233,240,249,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 1%,rgba(251,252,254,1) 35%,rgba(237,243,250,1) 66%,rgba(233,240,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(255,255,255,1) 1%,rgba(251,252,254,1) 35%,rgba(237,243,250,1) 66%,rgba(233,240,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9f0f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.advantages-block{
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url(../img/tablet.png);
}

.ver-sep{
    height: 52px;
    display: block;
    position: relative;
}
.ver-sep:before{
    content: "";
    top: 0px;
    left: 50%;
    width: 1px;
    bottom: 0px;
    display: block;
    position: absolute;
    background-color: #e9f0f9;
}
.questions-block{}
.qb-item{}
.qbi-number{
    color: #e9f0f9;
    font-size: 160px;
    margin-left: -10px;
    line-height: 100px;
    font-family: 'Rozha One', serif;
}
.qbi-content{
    margin-left: 75px;
    margin-top: -55px;
}
.qbi-title{}
.qbi-text{}
.question-line{
    padding-top: 30px;
}

.join-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/join-bg.jpg);
}
.join-block{
    color: #ffffff;
    padding-top: 45px;
    padding-bottom: 45px;
}
.jb-title{}
.jb-text{}
.jb-btns-cnt{
    /*padding-top: 30px;*/
    padding-top: 3%;
}
.jb-btn{}
.jb-btn-left{}
.jb-btn-right{}

.about-block{
    padding-top: 45px;
    padding-bottom: 45px;
}
.ab-row{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-flex-flow: row wrap;
    -moz-box-flex-flow:  row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow:  row wrap;
    flex-flow: row wrap;
}
.ab-col{}
.ab-part{}
.ab-part-left{
    margin-top: -20px;
    padding-top: 40px;
    padding-bottom: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/ab-target.png);
}
.ab-title{}
.ab-icon{}
.ab-icon-1{
    background-image: url('../img/ab-icon-1.png');
    width: 51px;
}
.ab-icon-2{
    background-image: url('../img/ab-icon-2.png');
    width: 48px;
}
.ab-table,
.pb-table{
    display: table;
    padding-top: 35px;
}
.ab-table{}
.ab-cell,
.pb-cell{
    display: table-cell;
    vertical-align: middle;
}
.ab-cell{}
.ab-cell-icon{
    width: 70px;
}
.ab-cell-text{}
.ab-part-right{
    display: table;
    height: 100%;
}
.about-block .ab-part-right{
    width: 100%;
}
.ab-part-right iframe {
    height: 500px;
}
.ab-image-cnt{
    display: table-cell;
    vertical-align: bottom;
}
.ab-image{
    -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0px 20px rgba(0, 0, 0, .2);
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border: 1px solid #dbe3ee;
    border-bottom-width: 0px;
    margin-bottom: -45px;
}

.provider-block{
    padding-top: 60px;
    padding-bottom: 60px;
}
.pb-gradient-text{
    padding-top: 10px;
    padding-bottom: 10px;
}
.l1{
    color: #2057b3;
}
.l2{
    color: #2052a9;
}
.l3{
    color: #204e9f;
}
.l4{
    color: #204a94;
}
.l5{
    color: #204688;
}
.l6{
    color: #20437e;
}
.l7{
    color: #204074;
}
.l8{
    color: #203d6b;
}
.l9{
    color: #203a60;
}
.l10{
    color: #203858;
}
.l11{
    color: #203754;
}
.l12{
    color: #20344e;
}
.l13{
    color: #20344d;
}
.l14{
    color: #20344d;
}
.l15{
    color: #20344d;
}
.l16{
    color: #20344d;
}
.l17{
    color: #2069cb;
}
.l18{
    color: #2065c7;
}
.l19{
    color: #205cba;
}
.l20{
    color: #2056b1;
}
.l21{
    color: #2050a5;
}
.l22{
    color: #204a95;
}
.l23{
    color: #20478b;
}
.l24{
    color: #20437f;
}
.l25{
    color: #204179;
}
.l26{
    color: #203e6d;
}
.l27{
    color: #203b63;
}
.l28{
    color: #20385a;
}
.l29{
    color: #20344d;
}
.l30{
    color: #2069cb;
}
.l31{
    color: #2069cb;
}
.l32{
    color: #2069cb;
}
.l33{
    color: #2068ca;
}
.l34{
    color: #2061c2;
}
.l35{
    color: #205ab8;
}
.l36{
    color: #2059b6;
}
.l37{
    color: #2053ab;
}
.l38{
    color: #204fa1;
}
.l39{
    color: #204890;
}
.l40{
    color: #204584;
}
.l41{
    color: #20427c;
}
.l42{
    color: #203f70;
}
.l43{
    color: #203c65;
}
.l44{
    color: #203858;
}

.pb-icon{}
.pb-icon-1{
    background-image: url('../img/pb-icon-1.png');
    width: 51px;
}
.pb-icon-2{
    background-image: url('../img/pb-icon-2.png');
    width: 58px;
}
.pb-table{}
.pb-cell{}
.pb-cell-icon{
    width: 80px;
}
.pb-cell-text{}

.relationship-block{
    padding-top: 48px;
    padding-bottom: 85px;
}
.rb-item{
    min-height: 144px;
}
.rbi-image-cnt{}
.rbi-image{}
.rbi-text-cnt{
    margin-left: 75px;
    margin-top: -80px;
}
.rbi-text{}

ul:not([class]){
    margin-top: 35px;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 30px;
}
ul:not([class]) li{
    padding-left: 22px;
    position: relative;
}
ul:not([class]) li+li{
    margin-top: 10px;
}
ul:not([class]) li:before{
    content: " ";
    height: 2px;
    width: 12px;
    top: 0.7em;
    left: 0px;
    position: absolute;
    display: inline-block;
    border-top: 1px solid #378eff;
    border-bottom: 1px solid #afd2ff;
}

.warning{
    max-width: 410px;
    position: relative;
    padding: 24px 20px 22px;
    background-color: #ffffe7;
    border: 1px  solid #f8f8c9;
}

.faq-block{
    padding-bottom: 25px;
}
.faq-block-1{}
.faq-block-2{}
.faq-text-item{}
.faq-text-item+.faq-text-item{}
.fti-title{}
.fti-text{}
p {
    padding: 0;
    margin: 0;
}
h5 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.faq-text-item p {
    padding-left: 0;
}
.faq-table-cnt{
    padding-left: 50px;
}
.warning+.faq-table-cnt{
    margin-top: -70px;
    max-width:410px;
}
.faq-table{
    width: 100%;
}
.faq-table img{
    max-width: 100%;
}
.faq-table td{
    padding-top: 8px;
    padding-bottom: 8px;
    width: 33.33333333%;
    vertical-align: middle;
}
.faq-table td:first-child:not(:last-child){
    text-align: left;
}
.faq-table td:last-child:not(:first-child){
    text-align: right;
}

.commission-block{}
.cb-item{}
.cbi-cell{}
.cbi-cell-icon{
    width: 85px;
}
.cbi-cell-text{}
.cbi-title{}
.cbi-text{}
.cbi-icon{}
.cbi-icon-1{
    background-image: url('../img/cb-icon-1.png');
    width: 52px;
}
.cbi-icon-2{
    background-image: url('../img/cb-icon-2.png');
    width: 30px;
}
.cbi-icon-3{
    background-image: url('../img/cb-icon-3.png');
    width: 61px;
}
.cbi-icon-4{
    background-image: url('../img/cb-icon-4.png');
    width: 57px;
}
.cbi-icon-5{
    background-image: url('../img/cb-icon-5.png');
    width: 49px;
}


.socials-list{
    margin-left: -4px;
    margin-right: -4px;
}
.socials-list li{
    padding-left: 4px;
    padding-right: 4px;
}

.footer-block{
    padding-top: 45px;
    padding-bottom: 50px;
}
.fb-socials{
    padding-top: 30px;
}

.placement-modal-inner{
    padding-top: 60px;
    padding-bottom: 60px;
}
.equipment-selection{}
.es{
    color: #ffffff;
    margin-top: 10px;
    margin-right: 7px;
    border-radius: 2px;
    display: inline-block;
    padding: 2px 10px 4px;
    background-color: #378eff;
}
.es .es-remove{
    cursor: pointer;
    margin-left: 8px;
    padding: 2px 3px;
    margin-right: -3px;
}


.modal-backdrop{
    background-color: #ffffff;
}
.modal-backdrop.in{
    opacity: 0.8;
}
.modal-content{
    border: 0px;
    border-radius: 0px;
    box-shadow: 0 0px 40px rgba(0, 0, 0, .2);
}
.modal-content .close{}
.modal-content .close:hover,
.modal-content .close:focus {
    filter: alpha(opacity=85);
    opacity: .85;
}
.modal-content .close-large{
    border: 1px solid #aabad0;
    border-radius: 100%;
    margin-top: -20px;
    width: 82px;
    height: 82px;
    font-size: 40px;
    line-height: 80px;
    font-family: initial;
    font-weight: 300;
    color: #8c97a4;
}

.modal-full{
    padding-right: 0px !important;
}
.modal-full .modal-dialog{
    width: auto;
    margin: 0px;
}
.modal-full .modal-content {
    min-height: 100vh;
}

.bootstrap-select{}
.bootstrap-select>.dropdown-toggle{
    border: 1px solid;
    background: #ffffff !important;
    border-color: #d7e0ec !important;
}
.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
    border: 0px;
    width: auto;
    height: auto;
    margin-top: -9px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bootstrap-select.btn-group .dropdown-toggle .caret:before{
    /*content: "\f105";*/
    content: "\f107";
}
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #b6bfcc;
}
.bootstrap-select.form-control{
    padding: 0px !important;
}


.mCSB_scrollTools{
    z-index: 1;
    opacity: 0.75;
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{
    opacity: 1;
}
.mCSB_inside>.mCSB_container{
    margin-right: 0px;
}
.mCSB_horizontal.mCSB_inside>.mCSB_container{
    margin-bottom: 0px;
}
.mCSB_vertical .mCSB_scrollTools,
.mCSB_vertical .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_vertical .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_vertical .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_vertical .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 8px;
    margin-top: 0px;
    margin-bottom: 0px;

}
.mCSB_horizontal .mCSB_scrollTools,
.mCSB_horizontal .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_horizontal .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_horizontal .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_horizontal .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    height: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    border-radius: 2px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: currentColor !important;
}

.checkboxCustom, .radioCustom {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin-right: 5px;
    height: 22px;
    width: 22px;
    top: -1px;
    background: none;
    position: relative;
    border: 3px solid #cdd5e0;
}
.checkboxCustom{
    border-radius: 2px;
}
.radioCustom{
    border-radius: 100%;
}
.checkboxCustom.hover,
.radioCustom.hover{
    border-color: #b0bac6;
}
.checkboxCustom.checked,
.radioCustom.checked{
    border-color: #cdd5e0;
    color: #37c36c;
}
.checkboxCustom.checked.hover,
.radioCustom.checked.hover{
    border-color: #b0b9c8;
}
.checkboxCustom.checked:before,
.radioCustom.checked:before{
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    bottom: -3px;
    left: -3px;
    text-align: center;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    font-size: 14px;
    line-height: 22px;
}
.checkboxCustom input[type=checkbox],
.radioCustom input[type=radio],
.checkboxCustom ins,
.radioCustom ins{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    opacity: 0;
    background: rgb(255, 255, 255);
    cursor: pointer;
}
.checkboxCustom ins,
.radioCustom ins{
    display: none;
}
.checkboxCustom.disabled,
.radioCustom.disabled{
    cursor: default;
}

.radioCustom.checked:before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: currentColor;
    border-radius: 100%;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    margin-top: -5px;
}

body.isIOS{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 1400px){
    .page-container{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    .hb-navigation{
        margin-left: -10px;
        margin-right: -10px;
    }
    .hb-navigation li {
        padding-right: 10px;
        padding-left: 10px;
    }
    .hb-phones{
        margin-left: -40px;
        margin-right: -5px;
    }
    .hb-phones li {
        padding-right: 5px;
        padding-left: 5px;
    }

    .advantages-block{
        background-size: 50%;
    }
    .qbi-content{
        margin-left: 35px;
    }
    .rbi-text-cnt{
        margin-left: 35px;
    }

    .pb-gradient-text{
        font-size: 50px;
        padding-top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .hb-navigation{
        font-size: 14px;
        padding-top: 15px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .hb-navigation li {
        padding-right: 10px;
        padding-left: 10px;
    }
    .hb-phones{
        margin-left: -40px;
        margin-right: -5px;
    }
    .hb-phones li {
        padding-right: 5px;
        padding-left: 5px;
    }

    .advantages-block{
        background-size: 50%;
    }
    .qbi-content{
        margin-left: 15px;
        font-size: 14px;
    }
    .rb-item{
        margin-top: 30px;
    }

    .pb-gradient-text{
        font-size: 40px;
    }

    .about-block{
        padding-top: 45px;
    }

    .modal-content .close-large{
        margin-top: -4px;
        width: 48px;
        height: 48px;
        line-height: 46px;
    }
}
.logo-padding{
}
.logo-padding img{
    width: 100%;
}
@media (min-width: 320px) and (max-width: 767px){
    .logo-padding{
        padding: 0;
    }
    .hb-logo-cnt
    {
        text-align: center;
    }
    .hb-navigation li{
        display: block;
    }

    .std-title{
        font-size: 20px;
    }
    .std-title-inner{
        padding: 0px 20px;
    }

    .f-s-44{
        font-size: 34px;
    }
    .hb-btn,
    .jb-btn{
        max-width: initial;
    }

    .header-content {
        padding-top: 0;
        padding-bottom: 7%;
    }

    .why-block,
    .advantages-block,
    .questions-block,
    .relationship-block,
    .commission-block{
        padding-bottom: 58px;
    }
    .why-block{
        margin-top: 0px;
    }

    .wb-item,
    .wbi-cell,
    .cb-item,
    .cbi-cell{
        display: block;
    }
    .wb-item,
    .cb-item{
        margin-top: 30px;
        text-align: center;
    }
    .wbi-cell,
    .cbi-cell{
        width: auto;
        margin-bottom: 10px;
    }

    .advantages-block{
        background-image: none !important;
    }

    .commission-block .std-title{
        text-align: center;
    }

    .qbi-content{
        margin-left: 35px;
    }
    .rb-item{
        margin-top: 30px;
    }

    .pb-gradient-text{
        font-size: 30px;
    }

    .about-block{
        padding-top: 45px;
    }

    .faq-block,
    .provider-block {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .faq-block{
        padding-bottom: 25px;
        padding-top: 0;
    }

    .faq-table-cnt {
        padding-left: 0px;
    }
    .faq-block-2 .faq-table-cnt{
        margin-top: 30px;
    }

    .placement-modal-inner {
        padding-top: 50px;
        padding-bottom: 25px
    }
    .modal-content .close-large{
        margin-top: 0px;
        width: 32px;
        height: 32px;
        line-height: 30px;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .modal-content {
        padding-top: 64px;
        min-height: 100vh;
        border-radius: 0px;
        border: 0px;
    }
    .modal-dialog{
        width: auto;
        margin: 0px;
    }
}

.margin-auto{
    margin: 0 auto;
}


.pob-cell{
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.lang-list a, .pob-cell-lang a{
    text-transform: uppercase;
}
.pob-lang{
    line-height: 28px;
    background-color: #ffffff;
    box-shadow: 0 0px 8px rgba(0, 0, 0, .1);
    position: absolute;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    -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: 10;
    padding: 20px 25px;
    min-width: 295px;
    right: 0px;
    color: #20344d;
}
.pob-lang-inner, .pob-lang-arrow{
    text-shadow: 0 -2px 4px rgba(0,0,0,0.1);
}
.lang-list{
    list-style: none;
    padding-left: 0;
}
.lang-list a, .pob-cell-lang a.currency-select-link{
    text-transform: capitalize;
}
.utility-link{
    border-bottom: 1px dotted currentColor;
}
.pob-lang-arrow{
    top: -26px;
    right: 19px;
    text-shadow: 0 -2px 4px rgba(0,0,0,0.1);
}

.std-visible, .pob-contacts-visible, .pob-lang-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.pob-lang-arrow{
    position: absolute;
    margin-left: -11px;
    font-size: 40px;
    color: #ffffff;
    top: -26px;
    /*right: 44px;*/
    text-shadow: 0 -2px 4px rgba(0,0,0,0.1);
}
.flag-icon-ru{
    background-image: url(../../img/flag-icon-ru.png);
}
.flag-icon-en{
    background-image: url(../../img/flag-icon-en.png);
}
.flag-icon-fr{
    background-image: url(../../img/flag-icon-fr.png);
}
.flag-icon{
    display: inline-block;
    width: 16px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.btn-landing-normal{
    white-space: normal;
    height: 100%;
}