@font-face {
    font-family: 'Sansation';
    src: url('font/Sansation-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    border: 0;

    font-family: Sansation, sans-serif;
    font-size: 16px;
    color: #fff;

    /*    -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;*/

    outline: none !important;
}

html {
    -webkit-text-size-adjust: none
}

body {
    background: #3C3C3C;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 40vw; /*700px;*//*45vw;*//*50vw;*/
}

img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
}

iframe {
    width: 100%;
    height: 100%;
}

a {
    color: white;
}

a, button, input[type="button"], input[type="checkbox"], input[type="radio"] {
    cursor: pointer;
}

table {
    border-collapse: collapse;
}

.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.center {
    text-align: center;
}

.hide {
    display: none !important;
}

.our-work-btn-next-slide .title,
.about-us-say .title,
.news .title,
.video .title,
.marketing .title {
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    color: #000;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 40px;
}

.offer-cooperation {
    position: relative;
    width: 100%;
    height: 330px;
    display: table;
}

/*
.offer-cooperation .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 20px;//padding: 20px 80px;
}
*/

.offer-cooperation .left {
    position: relative;
    background: #3C3C3B;
    width: 50%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.offer-cooperation .left .wrapper {
    padding-right: 10px;
    width: 400px;
    left: inherit;
    float: right;
}

.offer-cooperation .left .wrapper div {
    padding-top: 20px;
    padding-bottom: 10px;
}

.offer-cooperation .left .wrapper p {
    text-align: right;
    display: block;
    padding-right: 40px;
    font-size: 22px;
    line-height: 32px;
}

.offer-cooperation .rigth {
    position: relative;
    background: #E40230;
    width: 50%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.offer-cooperation .rigth .wrapper {
    padding-left: 10px;
    width: 400px;
    right: inherit;
}

.offer-cooperation .rigth .wrapper div {
    padding-top: 20px;
    padding-bottom: 10px;
}

.offer-cooperation .rigth .wrapper p {
    text-align: left;
    display: block;
    padding-left: 40px;
    font-size: 22px;
    line-height: 32px;
}

.btn-goto-car-owner {
    background: #fff;
    border-radius: 3px;
    width: 202px;
    height: 36px;
    font-size: 20px;
    font-weight: bold;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    color: #E40230;
    text-decoration: none;
}

.btn-goto-car-owner:hover {
    -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 1);
}

.btn-goto-car-owner:-webkit-any-link {
    color: #E40230;
    text-decoration: none;
}

.btn-goto-advertisers {
    background: #E40230;
    border-radius: 3px;
    width: 202px;
    height: 36px;
    font-size: 20px;
    font-weight: bold;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.btn-goto-advertisers:hover {
    -webkit-box-shadow: 0 0 10px 1px rgba(228, 2, 48, 1);
    box-shadow: 0 0 10px 1px rgba(228, 2, 48, 1);
}

.btn-goto-advertisers:-webkit-any-link {
    color: #fff;
    text-decoration: none;
}

.our-work-btn-next-slide,
.about-us-say,
.news,
.video,
.marketing,
.form-feedback {
    background: #fff;
    display: inline-block;
    width: 100%;
}

.carowner .wrapper-video {
    width: 560px;
    height: 315px;
    display: inline-block;
}

.carowner .video {
    /*display: table;*/
    /*height: 315px;*/
    padding-top: 30px;
    padding-bottom: 30px;
}

.carowner .video .title {
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: bold;

    text-transform: none;
    padding: 0;
    padding-bottom: 20px;
}

.carowner .video .table {
    width: 100%;
}

.carowner .video .left,
.carowner .video .rigth {
    display: table-cell;
    width: 50%;
    height: 100%;
    text-align: left;
    vertical-align: top;
    padding: 10px;
}

.carowner .video .left {
    text-align: center;
}

.carowner .video .rigth {
    padding: 20px;
}

.carowner .video .rigth p {
    color: #000;
}

.better {
    position: relative;
    width: 100%;
    height: 390px;
    background: white;
    display: table;
}

.better div.cols {
    position: relative;
    width: 20%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.better div.cols.cols-center {
    padding-left: 30px;
}

.better div.cols:first-child {
    text-align: right;
    width: 40%;
}

.better div:last-child {
    text-align: left;
    width: 40%;
}

.better div .wrapper {
    width: 320px; /*194px;*//*270px;*/
    text-align: left;
    display: inline-block;
    border: 0px solid red;
    height: 220px; /*150px;*/

}

.better div .wrapper p:last-child {
    font-size: 22px;
}

.better .cols:first-child .wrapper {
    padding-right: 20px;
}

.better .cols:last-child .wrapper {
    padding-left: 20px;
}

.better p {
    color: #000;
}

.better .big-text {
    font-size: 28px;
    font-weight: bold;
    padding: 0;
    margin: 10px 0px 0px 0;
}

.better .hr {
    background: red;
    display: block;
    height: 3px;
    font-size: 4px;
    line-height: 4px;
    width: 75px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.our-work-btn-next-slide {
    position: relative;

}

.form-feedback {
    padding-top: 20px;
}

.form-feedback .pattern {
    /*background: url(../img/bg-3.png) no-repeat 0 0;
    background-position-x: 50%;
    background-position-y: 0%;*/
    height: 40px;
}

.carowner .form-feedback .pattern {
    display: none;
}

.form-feedback .pattern img {
    position: relative;
    left: 50%;
    margin-left: -249px;
}

.large-white-text {
    font-size: 22px;
    font-weight: bold;
    color: white;
}

.company-explanation {
    text-align: center;
}

.company-explanation p {
    font-size: 22px;
    width: 676px;
    display: inline-block;
    margin: 0;
    padding: 20px 0 20px 0px;
}

.company-explanation .first {
    padding-top: 30px;
    padding-bottom: 30px;
}

.company-explanation .first p {
    line-height: 36px;
}

.company-explanation .last p {
    padding-top: 0;
    padding-bottom: 20px;
}

.top-menu {
    position: fixed;
    top: 0;
    left: 50px;
    right: 0;
    height: 50px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 5000;
}

.social-networks {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 40vw; /*700px;*/; /*45vw;*//*50vw;*/
    background: #3C3C3C;
    z-index: 1000;
}

.social-networks p {
    position: absolute;
    bottom: 0;
}

.social-networks a {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.social-networks .soc-email {
    background: url(../img/social-mini.png) no-repeat 0 0px;
}

.social-networks .soc-ln {
    background: url(../img/social-mini.png) no-repeat 0 -50px;
}

.social-networks .soc-fb {
    background: url(../img/social-mini.png) no-repeat 0 -100px;
}

.social-networks .soc-vk {
    background: url(../img/social-mini.png) no-repeat 0 -150px;
}

.social-networks .soc-in {
    background: url(../img/social-mini.png) no-repeat 0 -200px;
}

.social-networks .soc-tw {
    background: url(../img/social-mini.png) no-repeat 0 -300px;
}

.social-networks .soc-od {
    background: url(../img/social-mini.png) no-repeat 0 -250px;
}

.social-networks .soc-email:hover,
.social-networks .soc-ln:hover,
.social-networks .soc-fb:hover,
.social-networks .soc-vk:hover,
.social-networks .soc-in:hover,
.social-networks .soc-tw:hover,
.social-networks .soc-od:hover {
    background-position-x: -50px;
}

.top-menu ul:first-child {
    float: left;
}

.top-menu li {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;

    padding-left: 15px;
    padding-right: 15px;

    height: 50px;
}

.top-menu .phone-and-enter {
    display: table-cell;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10001;
}

.top-menu .btn-phone {
    position: relative;
    /*right: 10px;*/
    /*right: 130px;*/
    right: 185px;
}

.top-menu .btn-phone a {
    color: #fff;
}

.top-menu .btn-phone-icon {
    position: relative;
    right: 0px; /*right: 70px;*/
    display: none;

    padding: 0;
}

.top-menu .btn-phone-icon a {
    background: url(../img/phone32.png) no-repeat 0 0;
    background-position-x: 50%;
    background-position-y: 50%;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.top-menu li p {
    font-size: 16px;
    color: white;
}

.top-menu li a {
    font-size: 16px;
    color: white;
    text-decoration: none;
}

.top-menu li.active a {
    border-bottom: 1px dashed #fff;
}

.top-menu .logo {
    background: url(../img/logo.png) no-repeat 0 0;
    width: 130px;
    height: 50px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.top-menu .btn-menu {
    background: url(../img/menu.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    display: none;
    cursor: pointer;
}

.top-menu .btn-phone a {
    font-size: 20px;
}

.top-menu .btn-login {
    position: absolute;
    top: 0;
    right: 20px;
    display: inline-block;
    /*width: 120px;*/
    width: 170px;
    height: 50px;
    padding: 0;
    text-align: center;
    line-height: 27px;
}

.top-menu .btn-login .wrapper {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 10px;
    background: rgb(189, 21, 34);
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
}

.top-menu .btn-login .wrapper * {
    font-size: 14px;
    line-height: 28px;
}

.top-menu .btn-login .wrapper .link {
    border-bottom: 1px dashed #fff;
    color: #fff;
}

.main-slider-title {
    position: absolute;
    /*top: 50px;*/
    top: 120px;
    left: 50px;
    display: block /*inline-block*/;
    z-index: 1000;
}

.main-slider-title .content {
    background: #E42E39;
    padding-right: 10px;
}

.main-slider-title .content div /*.main-slider-title .content p*/
{
    background: url(../img/comment-slide9.png);
    background-repeat: repeat-y;
    background-repeat-x: no-repeat;
    background-repeat-y: repeat;
    padding-left: 18px;
    font-size: 24px;
    line-height: 40px;
}

.main-slider-title-row1-col1 {
    background: url(../img/comment-slide11.png) no-repeat 0 0;
    background-repeat: repeat no-repeat
}

.main-slider-title-row1-col1 div {
    height: 63px;
    background: url(../img/comment-slide1.png) no-repeat 0 0;
}

.main-slider-title-row1-col2 {
    width: 35px;
    /*height: 92px;*/
    background: url(../img/comment-slide3.png) no-repeat 0 0;
}

.main-slider-title-row2-col1 {
    width: 30px;
    height: 1px;
    background: url(../img/comment-slide5.png) no-repeat 0 0;
    font-size: 14px;
}

.main-slider-title-row3-col1 {
    width: 30px;
    height: 1px;
    background: url(../img/comment-slide6.png)
}

.main-slider-title-row3-col2 {
    width: 35px;
    background: url(../img/comment-slide8.png);
}

.main-slider-title-row4-col1 {
    background: url(../img/comment-slide10.png);
    /*background-position-y: 100%;*/
    background-position-y: -19px;
    background-repeat: repeat-x;
}

.main-slider-title-row4-col1 div {
    width: 302px;
    height: 38px; /*179px;*/
    background: url(../img/comment-slide2.png) no-repeat 0 0
}

.main-slider-title-row4-col2 {
    width: 35px;
    background: url(../img/comment-slide3.png) no-repeat 0 0;
    background-position-x: 0;
    /*background-position-y: 100%;*/
    background-position-y: -141px;
}

.main-slider-title-table-bottom {
    position: absolute;
    background: url(../img/comment-slide2.png) no-repeat 0 0;
    background-position-x: 0;
    background-position-y: 100%;
    width: 67px;
    height: 141px;
}

.main-slider-title .large-white-text {
    font-size: 34px;
}

.main-slider {
    position: absolute;
    top: 0px;
    left: 50px;
    right: 0;
    height: 40vw; /*700px;*/; /*45vw;*//*50vw;*/
}

.main-slider .toolbar-slider {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 60px;
    z-index: 2000;
}

.main-slider .data-slider {
    width: 100%;
    height: 100%;
}

.main-slider .data-slider img {
    width: 100%;
    height: 100%;
}

.main-slider .advertising-agency-marker {
    width: 260px;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -130px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

.main-slider .advertising-agency-marker a {
    text-decoration: none;
}

.main-slider .advertising-agency-marker:hover {
    text-decoration: underline;
}

.main-slider .advertising-agency-marker p {
    text-shadow: 1px 1px 1px #000000;
}

.main-slider .btn-previous-slide,
.main-slider .btn-next-slide,
.our-work-btn-next-slide .btn-previous-slide,
.our-work-btn-next-slide .btn-next-slide {
    position: absolute;
    left: 30px;
    bottom: 10px;
    background: url(../img/arrows.png) no-repeat 0 0;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 3px 2px #fff;
    box-shadow: 0 0 3px 2px #fff;
    width: 42px;
    height: 42px;
    cursor: pointer;
}

.carowner .main-slider .btn-previous-slide,
.carowner .main-slider .btn-next-slide,
.carowner .our-work-btn-next-slide .btn-previous-slide,
.carowner .our-work-btn-next-slide .btn-next-slide {
    -webkit-box-shadow: 0 0 3px 2px #FC3A3A;
    box-shadow: 0 0 3px 2px #FC3A3A;
}

.main-slider .btn-next-slide {
    background: url(../img/arrows.png) no-repeat -61px 0;
    left: 80px;
}

.main-slider .btn-previous-slide:hover,
.main-slider .btn-next-slide:hover,
.our-work-btn-next-slide .btn-previous-slide:hover,
.our-work-btn-next-slide .btn-next-slide:hover {
    background-position-y: -42px
}

.our-work-btn-next-slide .btn-previous-slide {
    background: url(../img/arrows.png) no-repeat 0px 0;
    left: 20px;
    z-index: 2000;
    bottom: 12vw;
}

.our-work-btn-next-slide .btn-next-slide {
    background: url(../img/arrows.png) no-repeat -61px 0;
    left: 100%;
    margin-left: -62px;
    z-index: 2000;
    bottom: 12vw;
}

.carowner .main-slider .btn-previous-slide,
.carowner .main-slider .btn-next-slide,
.carowner .our-work-btn-next-slide .btn-previous-slide,
.carowner .our-work-btn-next-slide .btn-next-slide {
    background-image: url(../img/arrows-red.png);
}

.footer {
    margin: 0;
    padding: 20px 0;
    background: #404040;
    color: #fff;
}

.footer .wrapper {
    margin: auto;
    padding: 0;
    position: relative;
}

.footer a {
    color: white;
    padding: 0 5px;
}

.footer .wrapper div img {
    width: 38px;
    height: 38px;
}

.footer .wrapper div img:hover {
    -webkit-box-shadow: 0 0 6px 1px #fff;
    box-shadow: 0 0 6px 1px #fff;
    border-radius: 20px;
}

.footer div {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
}

#request_feedback {
    padding-top: 10px;
}

#block-8 {
    margin: 0;
    padding: 0 0 20px;
    background: #d72b37;
    background: linear-gradient(180deg, #d72b37, #8e1439);
    color: #fff;
}

#block-8 .wrapper {
    margin: auto;
    padding: 0;
    position: relative;
}

#block-8 .h2 {
    display: block;
    padding-bottom: 10px;
    padding-top: 22px;
}

#block-8 h2 {
    font-size: 24px;
    font-weight: bold;
}

#block-8 .p {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

#block-8 form {
    display: block;
    margin-top: 0;
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0;
    font: 400 13px Arial;
}

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

#block-8 form input {
    margin: 10px;
    padding: 10px;
    width: 300px;
}

#block-8 form button {
    margin: 10px;
    padding: 10px;
    width: 250px;
    background: none;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

#block-8 form button:hover {
    -webkit-box-shadow: 0px 1px 4px 0 #fff;
    box-shadow: 0px 1px 4px 0 #fff;
}

#block-8 form button:disabled {
    background: #555;
    color: #aaa;
}

#block-8 form #request_cdp {
    position: relative;
    top: 5px;
    width: 22px;
    height: 22px;
    border: 1px solid red;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
}

#block-8 form #request_cdp + span {
    position: relative;
    background: url(../img/checkboxGreen.png) no-repeat -36px -9px;
    width: 22px;
    height: 22px;
    display: inline-block;
    left: -22px;
    top: 5px;
    margin-right: -22px;
}

#block-8 form #request_cdp:checked + span {
    background: url(../img/checkboxGreen.png) no-repeat -4px -9px;
}

#block-8 form #userTypeAdvertiser,
#block-8 form #userTypeDriver {
    width: 0px;
    height: 0px;
    /*opacity: 0;*/
    padding: 0;
    margin: 0;
    display: none;
}

#block-8 form label {
    text-align: center;
    width: 158px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

#block-8 form label:hover {
    -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 1);
}

#block-8 form input:checked + label {
    -webkit-box-shadow: 0 0 10px 1px rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, 1);
    background: #eee;
    border: 1px solid #fff;
    color: #000;
}

#block-9 {
    background: url(../img/bg-map.png) no-repeat 0 0;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    height: 400px;
    overflow: hidden;
}

.main-slider .swiper-container {
    width: 100%;
    height: 100%;
}

.main-slider .swiper-slide {
    width: 100%;
    height: 100%;
}

.radar {
    position: absolute;
    left: 50%;
    margin-left: -90px;
    bottom: -48px;
    background: rgba(0, 0, 0, 0.0);
    z-index: 777;
    width: 180px;
    height: 180px;
    display: table;
    text-align: center;
    vertical-align: middle;
}

.radar .radar-cell {
    width: 180px;
    height: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.radar .radar-circle {
    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 100px;
    width: 0px;
    height: 0px;
    display: inline-block;
}

.wrapper-swiper2 {
    position: relative;
    width: 50vw;
    height: 26vw; /*490px;*//*45vw;*//*50vw;*/
    min-width: 50%;
    min-height: 150px;
    margin: 0 auto;
    padding-bottom: 5px;
}

.wrapper-swiper2 .comment {
    position: absolute;
    top: 32px;
    left: 32px;
    background: red;
    padding: 14px 36px;
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5);
}

.wrapper-swiper2 .comment p {
    font-size: 22px;
    line-height: 28px;
}

.swiper-container.swiper2 {
    width: 100%;
    height: 100%
}

.top-menu .dropdown-menu {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 320px;
    background: #eee;
    -webkit-box-shadow: 0 0 3px 2px #fff;
    box-shadow: 0 0 3px 2px #fff;
    z-index: 1000;
}

.top-menu .dropdown-menu li {
    display: table-row;
    background: #eee;
    padding: 0;
    margin: 0;
    height: 30px;
}

.top-menu .dropdown-menu a {
    width: 300px;
}

.left0 {
    left: 0 !important;
}

.glare {
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.glare:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.glare:after {
    content: "";
    display: block;
    width: 5px;
    height: 300px;
    margin-left: 60px;

    background: rgba(255, 255, 255, 1);

    position: absolute;
    left: -70px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: 0.01s;
    animation-delay: 0.01s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.glare.red:after {
    background: #fff;
}

.glare.white:after {
    background: #000;
}

#block-9 * {
    color: #000;
}

.copy p {
    line-height: 24px;
}

.carowner .block2, .carowner .block3, .carowner .block6 {
    background: #ECECEC;
    /*height: 250px;*/
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: center;
}

.block2 .wrapper, .block3 .wrapper, .block6 .wrapper {
    display: inline-block;
}

.carowner .block2 .table, .carowner .block6 .table {
    height: 100%;
}

.carowner .block2 .table-cell, .carowner .block6 .table-cell {
    width: 200px;
    padding: 170px 30px 10px;
    color: #000;
    text-shadow: 0 0 1px #000;
}

.carowner .block2 .col1 {
    background: url(../img/carowner/registration.png) no-repeat 0 0;
}

.carowner .block2 .col2 {
    background: url(../img/carowner/choice-tariff.png) no-repeat 0 0;
}

.carowner .block2 .col3 {
    background: url(../img/carowner/brand-cars.png) no-repeat 0 0;
}

.carowner .block2 .col4 {
    background: url(../img/carowner/city-machines.png) no-repeat 0 0;
}

.carowner .block2 .col1, .carowner .block2 .col2, .carowner .block2 .col3, .carowner .block2 .col4 {
    background-position-x: 50%;
    background-position-y: 4px;
}

.carowner .block3 {
    padding-top: 25px;
    padding-bottom: 20px;
    background: #fff;
}

.carowner .block2 .title, .carowner .block3 .title {
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

.carowner .block3 .wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.carowner .block3 .table-cell {
    width: 200px;
    /*height: 250px;*/
    padding: 170px 30px 10px;
    color: #000;
    text-shadow: 0 0 1px #000;
    text-align: center;
}

.carowner .block3 .col0 {
    background: url(../img/advertiser/gps-track.png) no-repeat 0 0;
}

.carowner .block3 .col1 {
    background: url(../img/advertiser/car-wash.png) no-repeat 0 0;
}

.carowner .block3 .col2 {
    background: url(../img/advertiser/statistics.png) no-repeat 0 0;
}

.carowner .block3 .col3 {
    background: url(../img/advertiser/payment.png) no-repeat 0 0;
}

.carowner .block3 .col0,
.carowner .block3 .col1,
.carowner .block3 .col2,
.carowner .block3 .col3 {
    background-position-x: 50%;
    background-position-y: 4px;
}

.carowner .block4 {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.carowner .block4 p {
    text-align: center;
}

.carowner .block4 img {
    width: 366px;
    height: 50px;
    border-radius: 10px;
}

.carowner .block4 img:hover {
    -webkit-box-shadow: 0px 1px 4px 0 #fff;
    box-shadow: 0px 1px 4px 0 #000;
}

.carowner .block5 {
    background: #3C3C3C;
    padding-top: 50px;/*padding-top: 30px;*/
    padding-bottom: 30px;
}

.carowner .block5 p {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.carowner .block5 a {
    font-weight: normal;
    padding: 4px 8px;
}

.carowner .block5 a:first-child {
    border: 1px solid #E40230;
}

.carowner .block5 a:first-child:hover {
    -webkit-box-shadow: 0px 1px 4px 0 #f00;
    box-shadow: 0px 1px 4px 0 #f00;
}

.carowner .block5 a:last-child {
    background: #008F37;
    font-size: 16px;
    color: #fff;
}

.carowner .block5 a:last-child:hover {
    -webkit-box-shadow: 0px 1px 4px 0 #008F37;
    box-shadow: 0px 1px 4px 0 #008F37;
}

.carowner .block5 .separator {
    width: 40px;
    display: inline-block;
}

.carowner .block-buttons {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 35px;
    /*padding-bottom: 60px;*/
}

.carowner .comments {
    position: relative;
    background: #dadada;
    height: 300px;
}

.carowner .comments .swiper2 {
    width: 100%;
    /*width: 800px;*/
}

.carowner .comments .avatar {
    display: table-cell;
    height: 100%;
    padding: 20px 10px;
    width: 200px;
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

.carowner .comments .data {
    display: table-cell;
    padding: 20px;
    vertical-align: middle;
    height: 100%;
}

.carowner .comments .data .name {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 10px
}

.carowner .comments .data .job {
    color: #000;
    font-size: 20px;
    padding-bottom: 20px
}

.carowner .comments .data .text {
    color: #000;
    padding-bottom: 10px
}

.carowner .comments .btnLeft,
.carowner .comments .btnRight {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    background: #fff;
    z-index: 1;
}

.carowner .comments .btnRight {
    left: inherit;
    right: 0;
}

.carowner .comments .btnLeft {
    position: absolute;
    background: url(../img/btn-left-comment.png) no-repeat 0 0;
    background-position-x: 50%;
    background-position-y: 50%;
    height: 300px;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.carowner .comments .btnRight {
    position: absolute;
    background: url(../img/btn-right-comment.png) no-repeat 0 0;
    height: 300px;
    top: 0px;
    right: 17px;
    cursor: pointer;
}

.carowner .comments .title {
    /*text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: bold;*/
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 0;
    width: 220px;
}

.carowner .comments .mask {
    background: url(../img/carowner/avatar-mack.png) no-repeat 50% 75%;
    position: absolute;
    width: 200px;
    height: 328px;
    top: -60px;
    z-index: 10;
    border: 0px solid;
}

.carowner .comments .partner-foto{
    position: absolute;
    top: 67px;
    left: 34px;
}

.carowner .block6 {
    background: #fff;
}

.carowner .block6 .table-cell {
    padding: 135px 30px 10px;
    width: 150px;/*width: 120px;*/
}

.carowner .block6 .table-cell p {
    color: #000;
    text-shadow: 0 0 0px #000;
    padding-left: 0px;
    padding-right: 0px;
}

.carowner .block6 .table-cell .title {
    color: #BE1721;
    text-shadow: 0 0 1px #BE1721;
    font-size: 22px;
    padding-bottom: 10px;
}

.carowner .block6 .col0 {
    background: url(../img/advertiser/lowcost.png) no-repeat;
}

.carowner .block6 .col1 {
    background: url(../img/carowner/cleanly.png) no-repeat;
}

.carowner .block6 .col2 {
    background: url(../img/carowner/protection.png) no-repeat;
}

.carowner .block6 .col2-1 {
    background: url(../img/advertiser/monitor.png) no-repeat;
}

.carowner .block6 .col3 {
    background: url(../img/carowner/washing.png) no-repeat;
}

.carowner .block6 .col3-1 {
    background: url(../img/advertiser/efficiency.png) no-repeat;
}

.carowner .block6 .col4 {
    background: url(../img/carowner/highlight.png) no-repeat;
}

.carowner .block6 .col5 {
    background: url(../img/carowner/rub-km.png) no-repeat;
}

.carowner .block6 .col0, .carowner .block6 .col1, .carowner .block6 .col2, .carowner .block6 .col2-1, .carowner .block6 .col3, .carowner .block6 .col3-1, .carowner .block6 .col4, .carowner .block6 .col5 {
    background-position-x: 50%;
    background-position-y: 20px;
}

@-webkit-keyframes slideme {
    0% {
        left: -50px;
        margin-left: 0px;
    }
    10% {
        left: 110%;
        margin-left: 80px;
    }
    100% {
        left: 110%;
        margin-left: 80px;
    }
}

@media screen and (min-width: 150px) and (max-width: 1560px) {
    .carowner .main-slider-title .content div {
        font-size: 20px;
        line-height: 26px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .carowner .main-slider-title .large-white-text {
        font-size: 24px;
    }
}

@media screen and (min-width: 150px) and (max-width: 1400px) {
    .carowner .main-slider-title .content div {
        font-size: 16px;
        line-height: 22px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .carowner .main-slider-title .large-white-text {
        font-size: 20px;
    }
}

@media screen and (min-width: 150px) and (max-width: 1200px) {
    .main-slider-title {
        top: 50px;
    }

    .wrapper-swiper2 .comment {
        top: 15px;
        left: 15px;
    }

    .carowner .main-slider-title .content div {
        font-size: 16px;
        line-height: 22px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .carowner .main-slider-title .large-white-text {
        font-size: 20px;
    }
}

@media screen and (min-width: 150px) and (max-width: 1030px) {
    .main-slider-title .content div {
        font-size: 16px;
        line-height: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .main-slider-title .large-white-text {
        font-size: 22px;
    }

    .carowner .main-slider-title .content div {
        font-size: 13px;
        line-height: 18px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .carowner .main-slider-title .large-white-text {
        font-size: 18px;
    }
}

@media screen and (min-width: 150px) and (max-width: 1024px) {/**/
    .top-menu .btn-menu {
        display: table-cell;
    }

    .top-menu {
        top: 0;
        left: 50px;
        right: 0;
        height: 50px;
        background: rgba(0, 0, 0, 0.8);
        z-index: 10000;
    }

    .top-menu .dropdown-menu {
        width: 300px;
        padding: 10px 10px 0;
    }

    .top-menu .down-menu {
        position: absolute;
        top: 50px;
        left: 0px;
        display: none;
        width: 310px;
        z-index: 1000;
    }

    .top-menu .down-menu li {
        display: table-row;
        background: #eee;
        padding: 0;
        margin: 0;
        height: 30px;
    }

    .top-menu .down-menu .btn-login {
        position: unset;
    }

    .top-menu .down-menu .btn-login .wrapper {
        position: unset;
    }

    .top-menu li:not(.btn-phone, .btn-login) a {
        font-size: 16px;
        text-decoration: none;
        padding: 10px;
        display: block;
        color: #000;
    }

    .top-menu li a {
        color: #000;
    }

    .top-menu li.active a {
        border-bottom: 1px dashed #000;
    }

    .top-menu .phone-and-enter {
        display: table-cell;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 10001;
    }

    .top-menu .btn-phone {
        position: relative;
        /*right: 10px;*/
        /*right: 130px;*/
        right: 185px;
    }

    .top-menu .btn-phone a {
        color: #fff;
    }

    .better div.cols {
        display: table-row;
        padding: 0 50px;
        text-align: left;
    }

    .better div.cols:first-child,
    .better div.cols:last-child {
        display: table-row;
        padding: 0 50px;
        text-align: left;
    }

    .better div .wrapper {
        width: inherit;
        text-align: inherit;
        display: inherit;
        height: auto;
        display: table-cell;
        padding: 10px 40px;
    }

    .better .cols:first-child .wrapper {
        padding-right: 40px;
    }

    .better div.cols.cols-center {
        padding-left: 40px;
        padding-right: 40px;
    }

    .better .cols:last-child .wrapper {
        padding-left: 40px;
    }

    .better .big-text {
        font-size: 24px;
    }

    .better div .wrapper p:last-child {
        font-size: 16px;
    }

    .wrapper-swiper2 .comment p {
        font-size: 18px;
        line-height: 18px;
    }

    .offer-cooperation {
        height: 280px;
    }

    .offer-cooperation .left .wrapper p,
    .offer-cooperation .rigth .wrapper p {
        font-size: 16px;
        line-height: 20px;
    }

    .wrapper-swiper2 .comment {
        top: 10px;
        left: 10px;
    }
	
	.img-full-mob{width:90%;}
}

@media screen and (min-width: 150px) and (max-width: 924px) {
    .social-networks a {
        width: 40px;
        height: 40px;
    }

    .carowner .block6 .table {
        display: block;

    }

    .carowner .block6 .table-cell {
        display: block;
        width: 100%;
        padding: 94px 0 0px;
    }

    .carowner .block6 .table-cell p {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 150px) and (max-width: 880px) {
    .main-slider-title {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .main-slider-title table {
        width: 100%;
    }

    .main-slider-title tr:first-child,
    .main-slider-title tr:last-child {
        display: none;
    }

    .main-slider-title tr td:first-child,
    .main-slider-title-row3-col2 {
        display: none;
    }

    .main-slider-title .content div /*.main-slider-title .content p*/
    {
        text-align: center;
    }

    .main-slider-title .content div/*.main-slider-title .content p*/:first-child {
        padding-top: 20px;
    }

    .main-slider-title .content div/*.main-slider-title .content p*/:last-child {
        padding-bottom: 20px;
    }

    .main-slider .btn-previous-slide {
        left: 20px;
    }

    .main-slider .btn-next-slide {
        left: unset;
        right: 20px;
    }

    .carowner .main-slider .btn-previous-slide {
        top: -14vw;
    }

    .carowner .main-slider .btn-next-slide {
        left: unset;
        right: 20px;
        top: -14vw;
    }

    .main-slider-title-table-bottom {
        display: none;
    }

    .carowner .comments .data {
        width: 460px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media screen and (min-width: 150px) and (max-width: 800px) {
    .company-explanation {
        padding-left: 33px;
        padding-right: 33px;
    }

    .offer-cooperation .left,
    .offer-cooperation .rigth {
        display: table-row;
        height: 50%;
    }

    .offer-cooperation .wrapper {
        position: inherit;
    }

    .offer-cooperation .left .wrapper,
    .offer-cooperation .rigth .wrapper {
        padding: 10px 40px;

        float: inherit;
        display: table-cell;
        vertical-align: middle;
    }

    .offer-cooperation .left .wrapper p,
    .offer-cooperation .rigth .wrapper p {
        padding: 0;
        text-align: center;
    }

    .company-explanation .first {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .company-explanation p {
        font-size: 100%;
        width: 100%;
    }

    .company-explanation .first p {
        line-height: 20px;
    }

    .wrapper-swiper2 {
        width: 90vw;
        height: 48vw;
    }

    .our-work-btn-next-slide .btn-previous-slide,
    .our-work-btn-next-slide .btn-next-slide {
        bottom: 19vw;
    }

    .wrapper-swiper2 .comment p {
        font-size: 16px;
        line-height: 18px;
    }

    .wrapper-swiper2 .comment {
        /*top: 0;
        left: 0;
        right: 0;
        background: rgba(255,0,0,0.75);*/
    }
}

@media screen and (min-width: 150px) and (max-width: 750px) {
    .social-networks a {
        width: 36px;
        height: 36px;
    }
}

@media screen and (min-width: 150px) and (max-width: 726px) {
    .carowner .comments .data {
        width: 390px;
    }
}

@media screen and (min-width: 150px) and (max-width: 710px) {
    .carowner .block2 .table {
        display: block;
    }

    .carowner .block2 .table-cell {
        display: block;
        width: 100%;
        padding: 174px 0 0;
    }
	
	.carowner .block3 .table {
        display: block;
    }

    .carowner .block3 .table-cell {
        display: block;
        width: 100%;
        padding: 174px 0 0;
    }
}

@media screen and (min-width: 150px) and (max-width: 680px) {
    .carowner .comments .data {
        width: 340px;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media screen and (min-width: 150px) and (max-width: 640px) {
    .top-menu {
        left: 0;
    }

    .social-networks {
        position: inherit;
        width: 100%;
        height: auto;
    }

    .social-networks p {
        position: relative;
        min-height: 50px;
        text-align: center;
        z-index: 2000;
    }

    .main-slider {
        left: 0;
    }

    .top-menu .btn-phone a {
        font-size: 14px;
    }

    body {
        margin-top: 50px;
    }

    .main-slider {
        top: 50px;
    }

    .carowner .main-slider .btn-previous-slide {
        top: -14vw;
    }

    .carowner .main-slider .btn-next-slide {
        left: unset;
        right: 20px;
        top: -14vw;
    }

    .carowner .video {
        height: auto;
    }

    .carowner .wrapper-video {
        width: 441px;/*92vw;*/
        height: 248px;/*51.75vw;*/
    }
}

@media screen and (min-width: 150px) and (max-width: 620px) {
    .carowner .comments .data {
        width: 270px;
        padding: 0 0 0 10px;
    }
}

@media screen and (min-width: 150px) and (max-width: 550px) {
    .carowner .comments .avatar {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .carowner .comments .partner-foto {
        display: none;
    }

    .carowner .comments .title {
        width: 100vw;
    }

    .carowner .comments .mask {
        display: none;
    }

    .carowner .comments .data {
        padding-left: 40px;
        display: inline-block;
        height: 245px;
        width: 430px;
        padding-right: 0;
    }

    .carowner .comments .btnRight {
        right: 0;
    }
}

@media screen and (min-width: 150px) and (max-width: 550px) {
    .carowner .comments .data {
        padding-top: 25px;
    }
}

@media screen and (min-width: 150px) and (max-width: 530px) {
    .btnReg {
        display: none;
    }

    .top-menu .btn-login {
        width: 90px;
    }

    .top-menu .btn-phone {
        right: 105px;
    }
}

@media screen and (min-width: 150px) and (max-width: 516px) {
    .carowner .comments .data {
        width: 100vw;
        padding: 0;
        padding-top: 50px;
    }

    .carowner .comments .data .name, .carowner .comments .data .job, .carowner .comments .data .text {
        padding: 0 50px 10px 40px;
        font-size: 14px;
    }
}

@media screen and (min-width: 150px) and (max-width: 480px) {
    .top-menu .btn-phone {
        display: none;
    }

    .top-menu .btn-phone-icon {
        /*right: 0px;*/
        right: 74px;
        display: table-cell;

        padding: 0;
    }

    .top-menu .btn-login {
        right: 7px;
        width: 70px;
    }

    .wrapper-swiper2 {
        width: 100vw;
        height: 52vw;
    }

    #block-9 iframe {
        display: none;
    }

    .wrapper-swiper2 .comment {
        top: 10px;
        left: 10px;
    }

    .carowner .block5 .separator {
        width: 6px;
    }

    .carowner .wrapper-video {
        width: 294px;/*92vw;*/
        height: 165px;/*51.75vw;*/
    }
}

@media screen and (min-width: 150px) and (max-width: 400px) {
    .main-slider .btn-previous-slide {
        left: 5px;
    }

    .main-slider .btn-next-slide {
        left: unset;
        right: 5px;
    }

    body {
        margin-top: 50px;
    }

    .main-slider {
        top: 50px;
    }

    .carowner .block4 img {
        width: 320px;
        height: 42px;
    }
}

@media screen and (min-width: 150px) and (max-width: 320px) {
    #block-8 form div {
        padding-left: 10px;
        padding-right: 10px;
    }

    #block-8 form label {
        overflow: hidden;
        white-space: nowrap;
        font-size: 14px;
        width: 140px;
    }

    #block-8 form input {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .radar {
        display: none;
    }

    .top-menu .btn-login {
        right: 7px;
        width: 70px;
    }

    .carowner .block5 a {
        white-space: nowrap;
        display: inline-block;
        margin: 0 0 8px 0px;
    }
}