@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: bold;
    src: local('Myriad Pro Bold'),
    url('fonts/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro';
    font-style: italic;
    font-weight: bold;
    src: local('Myriad Pro Bold Italic'),
    url('fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}
@font-face{font-family:'Rub';font-weight:400;font-style:normal;src:url(./fonts/rub-Regular.woff2) format("woff2"),url(./fonts/rub-Regular.woff) format("woff")}

input,
button,
select,
textarea,
html,
body {
    font-family: 'Myriad Pro', Helvetica, Arial, Sans-Serif;
    color: #020202;
}
p {font-size: 18px;}
.navbar-brand, a.navbar-brand, a.navbar-brand:hover, .navbar-brand a:visited {color: #408ddb; font-size: 39px; font-weight: bold; margin: 0; line-height: 39px;}
.small_logo {min-width: 197px;}
.sub-logo {
    color: #040404;
    font-size: 15px;
}
.small_logo a, .small_logo a:hover, .small_logo a:visited {font-size: 24px; color: #fff;font-weight: bold; text-decoration: none;}
.small_slogan {font-size: 12px; line-height: 12px; margin-top: 10px;}
.bot_tel {color: #fff; font-size: 24px; font-weight: bold; margin-top: 5px;}
.email {margin-top: 10px;}
.navbar_shadow {
    padding-top: 0;
    padding-bottom: 8px;
    background: url('../../img/bg-new.jpg') 50% 0 white no-repeat;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    0px 5px 4px 0px rgba(50, 50, 50, 0.15);
box-shadow:         0px 5px 4px 0px rgba(50, 50, 50, 0.15);}

a:active, a:focus { outline: none; }
button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
.footer-logo a, .footer-logo a:hover, .footer-logo a:visited {
    color: white;
}
.navbar-brand span, .small_logo span {color: #ff0000;}
.tel_block {color: #408ddb; padding-top: 18px; line-height: 16px; text-align: right;}
.tel_block a,
.tel_block a:hover,
.tel_block a:visited
{
    color: #ff0000;
    font-size: 16px;
    margin-top: 7px;
    text-decoration: underline;
    display: block;
}
.tel_block a.c_white,
.tel_block a.c_white:hover,
.tel_block a.c_white:visited
{
    color: white;
}
.tel_block a:hover {
    text-decoration: none;
}
.tel, a.tel, a.tel:hover, a.tel:visited {
    color: #408ddb;
    font-size: 34px;
    line-height: 34px;
    display: block;
    white-space: nowrap;
    text-align: right;
	text-decoration: none;
}
.screen1 {
    background: url('../../img/bg-new.jpg') 50% 0 white no-repeat;
    min-height: 760px;
    margin-bottom: 0;
    border-radius: 0;
    padding-bottom: 0;
    position: relative;
}
.bg-screen1 {
    min-height: 760px;
    background: url('../../img/blur.png') left 100% repeat-x;
}
.screen1 h1 {
    text-align: center;
    line-height: 36px;
    color: #408ddb;
    font-size: 36px;
    font-weight: normal;
}
.screen1 h1 strong {font-weight: bold; display: block;}
.logo {min-width: 258px; margin-top: 10px;}
.slogan, .worktime div {color: #000; font-size: 16px; line-height: 16px; padding-top: 15px;}
.slogan span, .small_slogan span {display: block;}
.map {margin: 0 auto; background: url('../../img/maps-min.png') no-repeat; height: 134px; width: 107px; margin-top: 20px; margin-bottom: 10px;}
.mp1 {background-position: 0px 0px;}
.mp2 {background-position: -348px 0;}
.mp3 {background-position: -669px 0;}
.screen2 {
    background: url('../../img/bg-transport.jpg') #4f96de 50% top no-repeat;
    min-height: 599px;
    margin-bottom: 0;
    border-radius: 0;
}
.screen2 h2 {font-size: 32px; font-weight:normal; text-align: center; color: white;}
.screen2 h2 strong {font-weight: bold; display: block;}
.screen4 {padding-top: 40px;}
.pt-35 {padding-top: 25px; padding-bottom: 20px;}
.price {text-align: center; color: white; margin: 10px 0; font-weight: normal; font-size: 32px;}
.screen3 {background: #fff; margin-bottom: 0; margin-top: 30px; border-radius: 0;}

.chat-title, .chat-text {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
.chat-title {color: #408ddb; font-size: 32px; padding-top: 25px;}
.chat-text {color: #010101; font-size: 22px; padding-top: 10px;}

footer {background: #408ddb; min-height: 141px; width: 100%; margin-bottom: 0;border: 1px solid #408ddb;}
.product-icon {
    width: 113px;
    height: 65px;
    margin: 0 auto;
    margin-top: 45px;
    background:  url('../../img/icon-2.png') no-repeat;
}
.pic1 {background-position: 0 0;}
.pic2 {
    background-position: -144px 0;
}
.pic3 {
    background-position: -279px 0;
}
.pic4 {
    background: none;
    color: white;
    font-size: 52px;
    font-weight: bold;
    margin-top: 0;
    width: 100%;
    text-align: center;
}
.product-title, .product-title-2 {
    font-size: 24px;
    margin: 27px auto 8px auto;
    max-width: 270px;
    text-align: center;
}
.product-title-2 {
    margin-top: 0;
}
.product-description {
    text-align: center;
    max-width: 270px;
    margin: 0 auto;
    line-height: 21px;
}
.pt40 {padding-top: 40px;}
.red,
.ared a,
.ared a:hover,
.ared a:visited {
    color: #fd1e00;
}
.c_white {color: white;}
.rub {font-family: Rub,sans-serif;}
.btn {border: 3px solid; border-radius: 0; width: 100%; max-width: 200px; line-height: 30px; background: none;}
.btn-secondary:hover {border-color: white; background: #fff; color: #408ddb;}
.btn-danger {border-color: #ff0000; color: #ff0000;}
.btn-danger:hover {border-color: #ff0000; color: white; background: #ff0000;}
.btn-blue {border-color: #408ddb; color: 408ddb;}
.btn-blue:hover {border-color: #408ddb; background-color: #408ddb; color: white;}
.t_align {text-align: center;}
.t_b_10 .btn {margin: 0 10px;}
.ring_plus {background: url('../../img/ring_plus-min.png') no-repeat; height: 53px; width: 53px; margin-top: 10px;}
.premium {color: white; font-size: 24px; text-align: center; margin-top: 30px; margin-bottom: 40px;}
.premium span {display: block;}
.icon {background: url('../../img/icon-min.png') no-repeat; width: 100px; height: 80px; margin: 20px auto;}
.i1 {background-position: 0px 0px;}
.i2 {background-position: -100px 0px;}
.i3 {background-position: -200px 0px;}
.i4 {background-position: -300px 0px;}
.i5 {background-position: 0px -80px;}
.i6 {background-position: -100px -80px;}
.i7 {background-position: -200px -80px;}
.i8 {background-position: -300px -80px;}
.check_list {
    font-size: 20px;
    line-height: 20px;
    color: #408ddb;
    margin: 0 auto;
    margin-bottom: 35px;
    text-align:center;
}
.check_list::before {
    content: "";
    display: block;
    background: url('../../img/check-min.png') left 50% no-repeat;
    width: 53px;
    height: 53px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
}
.check_list span {text-transform: none; display: block;}
.vcenter {display: table-cell; vertical-align: middle; float: none;}
.array {background: url('../../img/array-min.png') 50% 50% no-repeat; width: 50px;}
.pt220 {padding-top: 280px;}
h4 {color: #408ddb;}
h3.f32 {font-size: 32px;}
.f22 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 15px 0;
}
.pt-title {
    font-size: 22px;
    color: #408ddb;
    margin: 22px 0 15px 0;
    font-weight: bold;
    text-align: center;
}
.pt-text {
    color: #408ddb;
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center;
}
.lady {
    background: url('../../img/operator.jpg') no-repeat;
    width: 156px;
    height: 287px;
    margin: 0 auto;
}
.chat {
    border: 2px solid #408ddb;
    border-radius: 34px;
    height: 240px;
    max-height: 240px;
    position: relative;
}
.chat::after {
    content: "";
    position: absolute;
    background: url('../../img/chat.png') no-repeat;
    width: 42px;
    height: 44px;
    right: 0;
    top: 106px;
    margin-right: -42px;
    z-index: 9;
}
.plr_20 {padding: 0 20px;}
.email2 {display: none;}
.map-title {
    color: #408ddb;
    font-weight: bold;
    font-size: 24px;
    text-align:center;
    margin-bottom: 15px;
    white-space: nowrap;
}
.map-description {
    text-align: center;
    color: #000000;
    font-size: 18px;
    line-height: 26px;
}
.map-link {
    text-align: center;
}
.map-link a,
.map-link a:hover,
.map-link a:visited,
.top-modal a,
.top-modal a:hover,
.top-modal a:visited {
    border: 2px solid #ff0404;
    border-radius: 20px;
    color: #ff0404;
    width: 240px;
    display: block;
    line-height: 36px;
    text-decoration: none;
    margin: 15px auto;
}
.top-modal a,
.top-modal a:hover,
.top-modal a:visited {
    max-width: 320px;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}
.top-time {
    text-align:center;
    margin-top: 8px;
}
.map-link a:hover,
.top-modal a:hover {
    background: #ff0404;
    color: #fff;
}
h3 {
    text-align: center;
}
h3.h3 {
    color: #408ddb;
    font-size: 32px;
    font-weight: bold;
    margin: 45px 0 34px 0;
}
.blue-block {
    background: #408ddb;
    height: 200px;
    border: 1px solid #408ddb;
    border-radius: 37px;
    position: relative;
    width: 95%;
}
.blue-number {
    border: 2px solid #fff;
    width: 72px;
    height: 72px;
    text-align: center;
    font-size: 60px;
    font-weight: bold;
    margin: 22px auto;
    border-radius: 72px;
    color: white;
    line-height: 65px;
}
.blue-text {
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}
.array-blue {
    position: absolute;
    right: 0;
    background: url('../../img/array-min.png') no-repeat;
    width: 31px;
    height: 13px;
    top: 95px;
    margin-right: -31px;
}
.footer-text {
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
}
.w-button a, .w-button a:hover, .w-button a:visited {
    border-color: white;
    background: none;
    color: white;
}
.w-button a:hover {
    border-color: #da241a;
    background: #da241a;
    color: white;
}
.top-mobil-none, .mobil-show {
    display: none;
}
.container-fluid {
    max-width: 1140px;
}
@media screen and (max-width: 1200px) {
    .top-modal a, .top-modal a:hover, .top-modal a:visited {
        font-size: 14px;
    }
    .chat {
        height: 270px;
        max-height: 270px;
    }
    .chat-title {
        padding-top: 15px;
    }
}
@media screen and (max-width: 992px) {
    .slogan {font-size: 10px; width: 250px; padding-top: 0; margin-top: -10px;}
    .slogan span {display: inline;}
    .sub-logo,
    .top-mobil-none {
        font-size: 12px;
        width: 100%;
        display: block;
    }
    .mobil-show {display: block;}
    .mobil-show a, .mobil-show a:hover, .mobil-show a:visited {
        margin: 5px 0;
        float: right;
        font-size: 12px;
        width: 260px;
    }
    .m-none, .tel_block a.small_menu {display: none;}
    .ring_plus {margin: 20px auto;}
    .email2 {display: block; margin-top: 0;}
    .email3 {display: none;}
    .small_slogan {margin-top: 0; width: 200px;}
    .small_slogan span {display: inline;}
    .pt-4 {padding-top: 1.0rem!important;}
    .pb-4 {padding-bottom: 1.0rem!important;}
    .footer-text {font-size: 14px;}
    .map-link a, .map-link a:hover, .map-link a:visited {width: 100%;}
    .pt220 {padding-top: 200px;}
    .screen1 {padding-left: 0; padding-right: 0;}
    .screen1, .bg-screen1 {height: 680px;}
    .bg-screen1 {min-height: auto;}
    .bg-screen1 h1 {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .worktime {display: none;}
    .ring_plus {margin: 0 auto;}
    .screen1 h1 {font-size: 24px; margin-top: 50px;}
    .t_b_10 .btn {margin: 10px 0;}
    .blue-block {width: 100%; max-width: 370px; margin: 0 auto; margin-bottom: 40px;}
    .array-blue {
        top: auto;
        bottom: 0;
        left: 50%;
        right: 50%;
        margin-bottom: -23px;
        margin-left: -15px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .pt220 {
        padding-top: 160px;
    }
    .screen2 {
        background-size: auto 100%;
        padding-top: 40px;
    }
    .chat {height: auto; padding-bottom: 20px;}
    .chat-text {
        font-size: 16px;
    }
}
@media screen and (max-width: 660px) {
    .map-description {
        font-size: 14px;
        line-height: 18px;
    }
    .map-title {
        font-size: 18px;
    }
    .navbar-brand,
    a.navbar-brand,
    a.navbar-brand:hover,
    .navbar-brand a:visited,
    .tel {
        font-size: 30px;
    }
    .mobil-show a,
    .mobil-show a:hover,
    .mobil-show a:visited {
        width: 100%;
        max-width: 240px;
    }
    .logo {margin-top: 0;}
    .navbar_shadow {
        padding-bottom: 4px;
    }
    .tel_block {
        padding-top: 8px;
    }
    .mobil {
        display: none;
    }
    .bg-screen1 h1 strong {
        display: inline;
    }
}
@media screen and (max-width: 575px) {
    .bot_tel {font-size: 18px; color: white;}
    .tel {font-size: 18px;}
    .navbar-brand, a.navbar-brand, a.navbar-brand:hover, .navbar-brand a:visited {font-size: 24px;}
    .slogan {width: auto;}
    .tel_block, .tel_block a, .tel_block a:hover, .tel_block a:visited {font-size: 24px;}
    .tel {font-size: 24px;}
    .screen1,
    .bg-screen1 {
        height: 100%;
        min-height: auto;
    }
    .bg-screen1 {
        background-position: left 180px;
    }
    .row {width: 100%; margin-left: auto; margin-right: auto;}
    .chat-title {font-size: 21px; line-height: 24px;}
    .top-l {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .sub-logo,
    .top-mobil-none {
        font-size: 11px;
    }
    .mobil-show a,
    .mobil-show a:hover,
    .mobil-show a:visited {
        max-width: 160px;
        margin: 0;
        padding: 0;
        height: 32px;
        line-height: 28px;
    }
    .tel { font-size: 18px; line-height: 28px; margin: 0; padding: 0;}
    .col-0 {display: none;}
    .chat::after {
        display: none;
    }
    .chat {margin-bottom: 20px;}
    .fixed-top,
    .pt-4,
    .mob-0 {
        margin: 0;
        padding: 0;

    }
    .fixed-top {
        padding-right: 10px;
        padding-bottom: 5px;
    }
    .sub-logo, .top-mobil-none {
        font-size: 10px;
    }
    a.navbar-brand,
    a.navbar-brand:hover,
    a.navbar-brand:visited {
        padding: 5px 0 0 0;
        line-height: 24px;
    } 
    .tel_block {padding-top: 3px;}
    .mpl0 {padding-left: 0;}
    .screen1 {
        background-position: 20% 0;
    }
    .navbar_shadow {
        background-position: 20% 0;
    }
    .pt220 {
        padding-top: 270px;
    }
    .bg-screen1 {
        background-position: left 300px;
    }
    .bg-screen1 h1 {
        line-height: 24px;
    }
}
@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
.modal {
    text-align: center;
}
button.close {
    font-size: 40px;
    position: absolute;
    top: -23px;
    right: -18px;
    transition: 0.3s all;
    color: #fff;
    opacity: 0.5;
    font-weight: 100;
    text-shadow: none;
    font-family: Arial;
}
.close:focus, .close:hover {
    color: #fff;
    opacity: 1;
}
.modal-title {
    font-size: 20px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.after-modal-title {text-align: center;}
.modal-body {
    position: relative;
    padding: 20px 30px 30px;
}
.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 20px;
}
.modal-header {
    padding: 30px 30px 0;
    border: none;
    text-align: center;
    font-size: 16px;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

@media(max-width: 768px) {
    .modal-body {
        position: relative;
        padding: 20px;
    }
    .modal-header {
        padding: 30px 20px 0;
        font-size: 14px;
        text-align: center;
    }
    button.close {
        font-size: 30px;
        top: 7px;
        right: 11px;
        color: #ccc;
    }
}