/*Obnuleniye*/

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

a,
a:visited {
    text-decoration: none;
    /*color: inherit;*/
}

p {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
    font-size: 14px;
    font-family: 'Arial', 'Helvetica', sans-serif;
    color: #252B42;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
}

body.lock {
    overflow: hidden;
}

/* Form */

input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

input::-ms-clear {
    display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

label {
    cursor: pointer;
}

legend {
    display: block;
}


/*  Container */
.wrapper {
    min-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

._container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

/* Icons Styles */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.icon-sun1 {
    width: 15px;
    fill: gold;
}
.icon-location {
    width: 15px;
    fill: orangered;
    margin-bottom: 3px;
}

.icon-whatsapp,
.icon-phone,
.icon-viber,
.icon-telegram {
    width: 20px;
    height: 20px;
    /*   fill: white;*/
    /*   fill: #777;*/
    /*   fill: #004da8;*/
    fill: #9b9b9b;
    transition: all 0.3s ease 0s;
}

.icon-whatsapp:hover,
.icon-phone:hover,
.icon-viber:hover,
.icon-telegram:hover {
    fill: #00adf9;
}

.icon-social {
    width: 20px;
    height: 20px;
    fill: white;
    transition: all 0.2s ease 0s;
}

.icon-social:hover {
    fill: gold;
}

.icon-social-about {
    width: 25px;
    height: 25px;
    fill: #0032b9;
    transition: all 0.2s ease 0s;
}

.icon_fa {

}

.icon_wa {
    fill: #00ac00;
}

.icon_te {
    fill: #008ccb;
}


.icon-azn_sign {
    width: 15px;
    fill: #00adf9;

}

.icon-heart-favorite {
    width: 18px;
    height: 15px;
    fill: transparent;
    stroke: #004da8;
    stroke-width: 3px;
    margin: 0px 7px;
    transition: all 0.2s ease 0s;
    margin-bottom: -2px;
}

.icon-heart-favorite:hover {
    /*   fill: #c400ff;*/
    stroke: #c400ff;
}

.icon-star-full {
    width: 20px;
    height: 20px;
    fill: gold;
}


.icon-percent1 {
    width: 15px;
    height: 15px;
    fill: white;
}

.icon-arrow-link {
    width: 15px;
    height: 15px;
    fill: white;
    padding-top: 3px;
    margin-right: 3px;
}

.icon-consultant {
    width: 100px;
    height: 100px;
}

.icon-calendar {
    width: 90px;
    height: 90px;
}

.icon-arrow-down_b {
    width: 15px;
    height: 15px;
    fill: grey;
    position: absolute;
    right: 10px;
    top: 42%;
    /*   transform: rotate(180deg);*/
    z-index: 1;
    pointer-events: none;
}

/*
.booking__input:focus ~ .icon-arrow-down_b {
   transform: rotate(180deg);
}
*/

/*
.booking__input:not(:placeholder-shown) ~ .icon-arrow-down_b {
   transform: rotate(0deg);
}
*/

/*  Header Section Styles*/

.header-top {
    /*   background-color: #004da8;*/
    /*   background: #f4f4f4;*/
    background: #eaeaea;
    /*   background: #43709e;*/
    color: white;
    color: #777;
    font-size: 16px;

}

.header-top__container {
}

.header-top__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0px 15px;
}
.header-top__right {
}

.top-right {
    display: flex;
    align-items: center;
    margin:  0px 10px;
}

.top-right__location {
    display: flex;
    align-items: center;
}
.top-right__location span {
    padding: 0px 2px;
}
.top-right__weather {
    margin: 0px 10px;
    display: flex;
    align-items: center;
    color: white;
}

.top-right__weather span {
    padding: 0px 3px;
}

.header-top__left {
}
.top-left {
    display: flex;
    align-content: center;
    align-items: center;
}
.top-left__contacts {
    color: white;
    display: flex;
    align-items: center;
}
.contacts__link {
    /*   color: white;*/
    color: #777;
    padding: 0px 5px;
    display: flex;
    align-items: center;
}

.contacts__link span {
    padding: 0px 5px 0px;
    /*   color: #ffb100;*/
    color: #bcbcbc;
    font-weight: 600;
    /*   font-style: italic;*/
    letter-spacing: 0.5px;
    transition: all 0.3s ease 0s;
}

.contacts__link span:hover {
    color: orangered;
}

.top-left__currency {
    padding: 0px 7px 0px 7px;
    position: relative;

}

.currency__selected {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.currency__selected span {
    /*   padding: 0px 5px;*/
}


.currency__image {
}
.currency__name {
    font-size: 14px;
    padding: 0px 2px 0px 5px;
    font-weight: 500;
}
.currency__select {
    position: absolute;
    z-index: 15;
    padding: 5px 2px 0px 2px;
    top: 30px;
    left: 0px;
    background-color: #004da8;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
    color: white;
}
.curency__type {
    /*
        display: flex;
       justify-content: space-between;
       align-items: center;
    */
    margin-bottom: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: pointer;
    border-bottom: 1px dotted transparent;
}

.curency__type:hover {
    border-bottom: 1px dotted white;
}

.curency__type:hover .currency__name {
    color: yellow;
}

.curency__type svg {
    padding-top: 3px;
    /*   padding: 3px 1px 0px;*/
}

.top-left__currency:hover .currency__select {
    visibility: visible;
    opacity: 1;
    top: 20px;
}

.top-left__language {
    /*   margin: 0px 5px;*/
    padding: 0px 6px;
    display: flex;
    align-items: center;
    position: relative;
}
.top-header__language {
    /*   color: #9abf00;*/
    color: darkslategrey;
    font-weight: 500;
    font-size: 14px;
    /*   padding: 0px 3px 0px 3px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-header__language span {
    padding: 0px 0px 0px 5px;
}


.top-header__language img {
    width: 15px;
    height: 10px;
}
.top-header__language._active {
    color: #004da8;
    /*   border-bottom: 1px solid #bae600;*/
}

.language__type {
    margin-bottom: 5px;
    border-bottom: 2px dotted transparent;
    padding: 3px 0px;
    transition: all 0.3s ease 0s;
}

.language__type:hover {
    border-bottom: 2px dotted #0000ad;
    margin: 0px 0px 5px;
}

.language__select {
    position: absolute;
    z-index: 15;
    padding: 5px 2px 0px 2px;
    top: 30px;
    left: 0px;
    background-color: #e0e0e0;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
}

.top-left__language:hover .language__select {
    visibility: visible;
    opacity: 1;
    top: 18px;
}

.top-header-user__link {
    display: flex;
    color: #00adf9;
    border: 1px dotted #00adf9;
    padding: 5px 10px;
    margin: 0px 5px;
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.5s ease 0s;
}

.top-header-user__link:hover {
    color: white;
    border: 1px dotted #00adf9;
    background-color: #00adf9;
}

.icon_user_header {
    width: 15px;
    fill: currentcolor;
}

.header__main {
}

.main-header {
    color: white;
    position: relative;
    z-index: 3;
    margin: 0 auto;
    /*   width: 100%;*/
    display: flex;
    justify-content: center;
}

.main-header__body {
    background-color: white;
}


.main_banners {
    height: 270px;
    width: 100%;
    background-color: #02408a;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

.main_banners__others {
    height: 220px;
    width: 100%;
    background-color: #3c220f;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

.dealer_banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: -1;
}

.main-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*   position: relative;*/
    /*   z-index: 5;*/
    padding: 2px 20px;
    height: 58px;
}


.main-header__logo {
    margin-left: 20px;
}
.header__logo-link {
    width: 170px;
    display: block;
    padding: 10px;
}

.header__logo-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header__logo-picture {
    width: 56px;
    height: 100%;
    object-fit: contain;
    padding: 3px;
}

.main-header__right {
    display: flex;
    align-items: center;
}

.main-header-btn__link {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff142d;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease 0s;
    border: 1px solid transparent;
}

.main-header-btn__link:hover {
    color: #ff142d;
    background-color: white;
    border: 1px solid #ff142d;
}

.main-header__navigation {
    margin-left: auto;
}
.header__navigation-list {
    display: flex;
    align-items: center;

}
.header__navigation-link {
    color: #a76700;
    margin: 0px 10px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease 0s;
    padding: 10px 0px;
}

.header__navigation-link._active {
    /*   border-bottom: 2px dotted #a76700;*/
    color: #ff9d00;
}

.header__navigation-link:hover {
    /*   border-bottom: 2px dotted #a76700;*/
    color: #ff9d00;
}

.dropli_link {
    position: relative;
    cursor: pointer;
    /*   width: auto;*/
}

.icon_arrow_next {
    width: 10px;
    height: 10px;
    margin: 0px 3px;
}

.right__location-country {
    color: inherit;
    padding-right: 3px;
}

.right__location-city {
    color: inherit;
}

@media (max-width:920px) {
    .main_banners {
        height: 230px;
    }
    .header__navigation-link {
        font-size: 14px;
    }

    /*
       .about_page-banners {
          height: 200px;
       }
    */

    .about_page-header {
        height: 200px;

    }
}

@media (min-width: 800px) {

    .sub__navigation-list {
        position: absolute;
        z-index: 100;
        top: 150%;
        /*   bottom: 0px;*/
        left: -50%;
        padding: 15px 15px 10px 15px;
        color: white;
        background-color: #02408a;
        font-size: 16px;
        font-weight: 500;
        width: 200px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease 0s;
        /*   margin-top: 10px;*/
        border-radius: 10px;
        box-shadow: 0 8px 12px 0 rgb(42 52 61 / 16%);
    }

    .dropli_link:hover .sub__navigation-list {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }


}

@media (max-width:850px) {

    .main-header__container {
        height: 54px;
    }

    .header__logo-link {
        max-width: 150px;
        display: block;
    }

    .header__navigation-link {
        font-size: 14px;
    }

    .main-header__logo {
        margin-left: 10px;
    }
}


@media (max-width: 800px) {
    .header__navigation-link {
        padding: 0px 0px;
        font-size: 16px;
    }
}

.dropli_link {
    /*      min-width: 90%;*/
    width: 90%;
}

.sub__navigation-link {
    cursor: pointer;
    margin-bottom: 9px;
    padding-bottom: 9px;
    display: inline-block;
    font-size: 18px;
    /*      padding-bottom: 7px;*/
    display: inline-block;
    font-weight: 500;
    padding-left: 10px;
    width: 100%;
    font-size: 16px;
    color: white;
}

.sub__navigation-link:hover {
    color: yellow;
}

.sub_link {
    border-bottom: 1px dotted rgba(0, 173, 249, 0.72);
}

@media (min-width: 800px) {
    .navigation-link__back {
        display: none;
    }
}

@media (max-width: 800px) {

    .dropli_link-icon {
        /*      border: 1px solid white;*/
        border-radius: 50%;
        /*      padding: 1px;*/
        background-color: #004da8;
    }

    .icon_arrow_next {
        transform: rotate(-90deg);
        width: 12px;
        height: 12px;
        margin: 0px 5px;

    }

    .sub__navigation-list {
        display: flex;
        flex-direction: column;
        position: fixed;
        right: -100%;
        top: 40px;
        width: 40%;
        height: 100%;
        overflow: auto;
        background-color: #02408a;
        /*    padding-top: 50px;*/
        padding: 15px 10px 20px 10px;
        visibility: visible;
        opacity: 1;
        transition: all 0.7s ease 0s;
        z-index: 150;
    }

    .sub__navigation-list1.active {
        right: 0%;
        /*      right: -100%*/
    }

    .navigation-link__dropli {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-width: 100%;
        font-size: 16px;

    }

    .navigation-link__dropli._active ~ .sub__navigation-list {
        right: 0%;

    }

    .menu__arrow_back {

    }

    .sub__navigation-link {
        margin-bottom: 0px;
    }

    .navigation-link__back {
        color: yellow;
        font-weight: 700;
        font-size: 18px;
        width: 100%;

    }

    .navigation-link__back::after {
        content: '';
        border-bottom: 2px dotted white;
        width: 100%;
        height: 2px;
        /*      background-color: white;*/
        display: block;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .icon_arrow_back {
        transform: rotate(180deg);
        width: 15px;
        height: 15px;
        margin: 0px 5px;
    }

}





@media (max-width:730px) {



    /*
       .main-header__container {
          display: none;
       }
    */


}

@media (max-width: 800px) {
    .nav {
        display: flex;
        flex-direction: column;
        position: fixed;
        right: -100%;
        /*    left: -100%;*/
        top: 40px;
        width: 40%;
        height: 100%;
        overflow: auto;
        /*   background-color: #004da8;*/
        background-color: #02408a;
        transition: all 0.7s ease 0s;
        padding-top: 50px;
        padding: 15px 10px 20px 10px;
        z-index: 11;

    }

    .header__navigation-link {
        font-size: 18px;
        /*      margin-bottom: 30px;*/
        color: white;
    }

    .header__navigation-link._active {
        color: gold;
    }
    .nav.active {
        right: 0;
    }

    .header__navigation-list {
        flex-direction: column;
        align-items: flex-start;
        font-size: 16px;
        margin-bottom: 20px;
        border-bottom: 1px dotted gold;
    }
    .header__navigation-list li {
        margin-bottom: 15px;

    }


    .header-top__body {
        padding: 0px 0px;
    }
}

@media (max-width: 700px) {
    .nav {
        width: 50%;
    }
}

@media (max-width: 560px) {
    .nav {
        width: 60%;
    }
}

@media (max-width: 440px) {
    .nav {
        width: 70%;
    }

    .main-header__container {
        height: 49px;
    }
    .header__logo-link {
        max-width: 130px;
        display: block;
    }

    .main-header__logo {
        margin-left: 5px;
    }
    .top-right {
        font-size: 14px;
        margin: 0px 1px;
    }
    .top-right__weather {
        margin: 0px 2px;
    }
    .main-header__container {
        padding: 2px 10px;
    }

    .top-left__contacts {
        margin-bottom: 20px;
        border-bottom: 1px dotted gold;
        padding-bottom: 20px;
    }

    .top-header-user__link {
        font-size: 18px;
        padding: 10px 10px;
    }
}

@media (max-width: 390px) {
    .icon-location1,
    .icon-sun1 {
        display: none;
    }

    @media (max-width: 330px) {
        .icon-heart-favorite {
            width: 15px;
            height: 14px;
            margin: 0px 5px -3px;
        }
    }

    .nav {
        width: 100%;
    }


    .top-left__currency,
    .top-left__language{
        font-size: 14px;
    }

    .top-right__weather span {
        padding: 0px 0px;
    }

    .top-left__currency {
        padding: 0px 7px 0px 7px;
    }

    .main-header__navigation {
        margin: 0 auto;
    }
}

.banners-others__container {
    /*   margin-bottom: 55px;*/
    height: 145px;
}

.banners-others__title {
    text-align: center;
    margin: 25px auto 10px;
    font-size: 36px;
    font-weight: 700;
}

.banners-others__subtitle {
    text-align: center;
    margin: 10px auto;
    font-size: 26px;
    font-weight: 500;
}

@media (max-width: 850px) {
    .banners-others__container {
        /*   margin-bottom: 65px;*/
        height: 150px;
    }
}

@media (max-width: 700px) {
    .banners-others__title {
        margin: 15px auto 10px;
    }
    .banners-others__container {
        /*   margin-bottom: 65px;*/
        height: 160px;
    }
}

@media (max-width: 500px) {
    .banners-others__title {
        font-size: 32px;
    }

    .banners-others__subtitle {
        font-size: 22px;
    }
}

@media (max-width: 440px) {
    .banners-others__container {
        /*   margin-bottom: 65px;*/
        height: 170px;
    }
    .banners-others__title {
        font-size: 28px;
    }
}

@media (max-width: 390px) {
    .banners-others__container {
        /*   margin-bottom: 65px;*/
        height: 175px;
    }
}

@media (max-width: 700px) {
    .sub__navigation-list {
        width: 50%;
    }
}

@media (max-width: 560px) {
    .sub__navigation-list {
        width: 60%;
    }
}

@media (max-width: 440px) {
    .sub__navigation-list {
        width: 70%;
    }
}

@media (max-width: 390px) {
    .sub__navigation-list {
        width: 100%;
    }
}

/* Realty filtr styles */

.filtr__section {
    justify-content: center;
    align-items: center;
    margin: 217px auto 20px;
    max-width: 1050px;
    width: 98%;
    background: rgba(41, 20, 4, 0.71);
    /*   background: rgba(2, 64, 138, 0.58);*/
    border-radius: 10px;
    padding: 10px 0px;
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 10%);
}

.filtr-inner {
    display: flex;
    /*  flex-wrap: wrap;*/
    justify-content: center;
    align-items: center;
    padding: 0px 10px 0px;
    margin: 0px 0px;
    width: 100%;
}


.filtr__label {
    display: block;
    /*
        width: 226px;
       width: 25%;
    */
    flex: 1 1 20%;
    /*   width: 20%;*/
    height: 54px;
    position: relative;
    border: 1px solid white;
    background-color: white;
    border-right: 1px solid grey;
    margin-bottom: 5px;
    cursor: pointer;
}

.filtr__input {
    width: 100%;
    height: 100%;
    /*   height: 20px;*/
    padding: 13px 33px 5px 5px;
    border: none;
    outline: none;
    /*    position: absolute;*/
    background-color: transparent;
    font-size: 18px;
    bottom: 0px;
    left: 0px;
    color: dimgrey;
    z-index: 5;
    color: #4e4e4e;
    -webkit-appearance: none;
    cursor: pointer;
}

.filtr__input1 {
    width: 100%;
    height: 100%;
    /*   height: 20px;*/
    padding: 13px 5px 5px 5px;
    border: none;
    outline: none;
    /*    position: absolute;*/
    background-color: transparent;
    font-size: 18px;
    bottom: 0px;
    left: 0px;
    color: dimgrey;
    z-index: 5;
    color: #4e4e4e;
    -webkit-appearance: none;
    cursor: pointer;
}



.filtr_select__list {
    padding: 18px 25px 18px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.filtr_select__uplist {
    padding: 18px 25px 18px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
}

.filtr_select__sublist {
    padding: 18px 25px 18px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.filtr__span {
    position: absolute;
    top: 3px;
    left: 5px;
    cursor: text;
    transition: all 0.2s;
    z-index: 1;
    /*     color: #a2a2a2;*/
    color: #777777;
    font-size: 12px;
}

.icon-arrow-down_b {
    width: 15px;
    height: 15px;
    fill: grey;
    position: absolute;
    right: 10px;
    top: 42%;
    /*   transform: rotate(180deg);*/
    z-index: 1;
    pointer-events: none;
}



.filtr__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    background-color: #00adf9;
    line-height: 0;
    width: 140px;
    text-decoration: none;
    color: white;
    font-weight: 700;
    font-size: 20px;
    border-radius: 5px;
    margin: 0px 5px 5px;
    transition: all 0.3s ease 0s;
}

.filtr__btn:hover {
    background-color: #004da8;
    box-shadow: 0 8px 12px 0 rgb(42 52 61 / 16%);
}

.filtr__btn1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15px;
    /*    background-color: orangered;*/
    line-height: 0;
    width: 140px;
    color: white;
    font-weight: 500;
    font-size: 14px;
    border-radius: 5px;
    margin: 2px 5px 2px;
    transition: all 0.3s ease 0s;
    text-align: center;
    position: relative;
}

.filtr__btn1::after {
    content: "";
    width: 70%;
    display: block;
    position: absolute;
    height: 1px;
    /*   background-color: white;*/
    bottom: -4px;
    border-bottom: 1px dotted white;
}


.filtr__btn1:hover {
    color: yellow;
}

@media (max-width: 920px) {
    .filter_buttons {
        display: flex;
        flex-direction: row-reverse;

    }

    .filtr__btn {
        height: 40px;
        margin: 5px 5px 5px;
    }

    .filtr__btn1 {
        height: 40px;
        /*    background-color: #669300;*/
        background-color: #6d9d00;
        margin: 5px 5px 5px;
        font-weight: 500;
        font-size: 16px;
        /*      width: 120px;*/
    }

    .filtr__btn1::after {
        display: none;
    }
}

@media (max-width: 420px) {
    .filtr__btn,
    .filtr__btn1 {
        height: 40px;
        width: 110px;
    }
    .filtr__btn1 {
        font-size: 14px;
    }
}

.icon_search {
    fill: white;
    width: 18px;
    height: 18px;
    margin: 0px 5px 0px 0px;
    /*   margin-bottom: -2px;*/
}

.filtr__btn a{
    /*   display: inline-block;*/
    color: white;
    font-size: 20px;
    line-height: 0;
    padding: 0px 35px;

}

.filtr_realty__price {
    margin-top: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.filtr_realty__price1 {
    margin-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.input_price_end {
    /*   max-width: 100px;*/
    width: 48%;
    height: 33px;
    outline: none;
    border: 1px dotted #b5b5b5;
    border-radius: 5px;
    padding: 0px 5px;
    font-size: 16px;
}

.select_years {
    width: 48%;
    height: 33px;
    outline: none;
    border: 1px dotted #b5b5b5;
    border-radius: 5px;
    padding: 0px 5px;
    font-size: 16px;
    background-color: transparent;
    color: dimgrey;
}

.realty_price__min {
    padding-right:  5px;
}

.realty_price__max {
    padding-left: 5px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}

.checkbox_search {
    padding: 0px 10px;
}

.checkbox_search_in {
    display: flex;
    /*   justify-content: space-between;*/
    align-items: center;
    padding: 0px 0px 5px 0px;
}

.checkbox_pay {
    margin: 0px 3px 0px 0px;
}


@media (max-width: 920px){
    .filtr-inner {
        flex-wrap: wrap;
    }

    .filtr__section {
        margin: 183px auto 20px;
        max-width: 700px;
        padding: 5px 0px;
    }

    .filtr__label {
        display: block;
        flex: 1 1 40%;
    }

    .checkbox_search {
        flex: 1 0 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 7px;
    }

    .checkbox_search_in {
        padding: 0px 10px 0px 10px;
    }
}

@media (max-width: 620px) {
    .filtr__section {
        margin: 183px auto 20px;
        max-width: 600px;
    }

    .filtr__label {
        display: block;
        flex: 1 1 50%;
    }

    .filtr__btn a {
        padding: 70px;
    }

    .filtr__input {
        font-size: 16px;
        font-weight: 700;
    }
}

@media (max-width: 450px) {
    .filtr__input {
        font-size: 14px;
        font-weight: 700;
    }

    .input_price_end {
        padding: 0px 5px;
        /*      font-size: 12px;*/
    }
}

/*  Business type styles */

.business-type__inner {
    display: flex;
    padding: 5px 5px 0px;
    margin-left: 5px;
}


.business-type__tab {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px 5px 0px 0px;
    /*   margin: 0px 5px;*/
    background: rgba(41, 20, 4, 0.71);
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.business-type__tab._active {
    background-color: rgba(103, 120, 66, 0.87);
    background-color: rgba(2, 64, 138, 0.87);
}

.business-type__tab:hover {
    color: yellow;
}

/*  burger menyu styles   */

.header_burger {
    display: none;
    margin: 0 10px;
    position: relative;
    width: 30px;
    height: 20px;
    z-index: 50;
    order: 3;
}

.header_burger span {
    background-color: #02408a;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 9px;
    transition: all 0.3s ease 0s;
}

.header_burger::before,
.header_burger::after {
    content: '';
    background-color: #02408a;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all 0.3s ease 0s;
}

.header_burger.active span {
    transform: scale(0);
}
f
.header_burger::before {
    top: 0;
}

.header_burger::after {
    bottom: 0;
}

.header_burger.active::after {
    transform: rotate(-45deg);
    bottom: 9px;
    background-color: #02408a;
}

.header_burger.active::before {
    transform: rotate(45deg);
    top: 9px;
    background-color: #02408a;
}

@media (max-width: 800px) {
    .header_burger {
        display: block;
    }
}




/*  Bread Crumbs section Styles */

.breadcrumbs__section {
    background-color: #004da8;
    /*   padding-bottom: 10px;*/
    margin-top: 0px;
    padding: 1px 10px 1px 4%;
    margin-bottom: 15px;
}

.breadcrumbs {
    overflow-x: auto;
    margin: 0px 0 0px 10px;
    padding: 7px 7px;
    /*    height: 30px;*/

}

.breadcrumbs__list {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.breadcrumbs__list li {
    padding: 0 15px 0px 0;
    margin: 0 5px 0px 0;
    background: url("../img/li-1.png") right / 7px no-repeat;
}

.breadcrumbs__list li:last-child {
    margin: 0 0px 0px 0;
    background: none;
}

.breadcrumbs__link {
    border-bottom: 1px dotted;
    color: #c9a200;
    color: white;
    font-weight: 500;
}


.breadcrumbs__item {
    font-weight: 300;
    color: #999999;
    color: white;
}

@media (max-width: 900px) {
    .breadcrumbs__section {
        padding: 1px 10px 1px 1%;
    }
}

@media (max-width: 600px) {
    .breadcrumbs__section {
        padding: 1px 10px 1px 0px;
    }
}

/*  Banners Styles */

.pages__top-banners {

}



.top-banners__inner {
    position: relative;
    color: white;
    z-index: 3;
    margin: 0px auto 200px;
    /*   width: 100%;*/
    display: flex;
    justify-content: center;
}

.top-banners__title {
    position: absolute;
    top: 50px;
    /*   text-transform: uppercase;*/
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    max-width: 80%;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.46);
    padding: 0px 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 500px) {
    .top-banners__title {
        font-size: 22px;
    }
}

.top-banners {
    height: 200px;
    width: 100%;
    background-color: #3c220f;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);

}

.top-banner__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* Sections Headers Styles */


.section_header {
}

.header_margin_top {
    margin-top: 15px;
}

.section_header__container {
}
._container {
}
.section_header__main {
    padding: 7px 5px;
    border-top: 2px dotted #004da8;
    border-bottom: 2px dotted #004da8;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}
.section_header__left {
    display: flex;
    align-items: center;

}

@media (max-width: 380px) {
    .section_header__left {
        flex-wrap: wrap;
    }

    .estate_header__checkbox-body {
        margin-top: 10px;
        margin-left: 10px;
    }
}


.section_header__title {
    font-weight: 700;
    font-size: 16px;
    padding: 0px 10px;
    color: #555555;
}

.sale_title {
    font-size: 24px;
}

.section_header__subtitle {
    font-weight: 700;
    font-size: 16px;
    background-color: #004da8;
    color: white;
    padding: 5px 15px;
    border-radius: 7px;
}
.section_header__right {
    display: flex;
    align-items: center;
}
.section_header__more {
    color: #0064db;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
}

.icon-arrow-right11 {
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-bottom: 1px;
    fill: orangered;
    transition: all 0.3s ease 0s;
}

.section_header__more:hover {
    color: #004da8;
}

.section_header__more:hover .icon-arrow-right11 {
    margin-right: 0px;
}

.icon-vip_title {
    /*   fill: #ff5800;*/
    fill: #ef0000;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    margin-bottom: -2px;
}

.icon_new_clock {
    fill: #339300;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    margin-bottom: -2px;
}

.icon_new_premium {
    fill: #ce00d6;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    margin-bottom: -2px;
}


.icon_salon {
    fill: #edc800;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    margin-bottom: -2px;
}

.icon-infr {
    fill: #32d800;
}

.icon-infr1 {
    fill: #01cfea;
}

.icon-infr2 {
    fill: #9901ea;
}

.icon-infr3 {
    fill: #d1a900;
}


.icon-infr4 {
    fill: #00ebeb;
}

.icon-infr7 {
    fill: #ff125b;
}

.icon-infr8 {
    fill: #ff8900;
}

.icon-fav {
    width: 20px;
    height: 17px;
    fill: #ff125b;
}


@media (max-width: 530px) {
    .section_header__title {
        padding: 0px 5px;
    }
}

@media (max-width: 430px) {
    .section_header__title {
        font-size: 14px;
    }

    .section_header__subtitle {
        font-size: 14px;
    }
    .section_header__more {
        font-size: 14px;
    }
    .icon-vip_title1 {
        width: 15px;
        height: 15px;
    }
}

/* Main_elan_part_elan styles */

.homes__ads__main__inner,
.cars__elan__main__inner{
    display: flex;
    flex-wrap: wrap;
    /*    justify-content: space-between;*/
    margin-bottom: 20px;
}

.home__item {
    width: 25%;
    position: relative;
}

@media (max-width: 991px) {
    .home__item {
        width: 33.333%;
    }
}

@media (max-width: 767px) {
    .home__item {
        width: 50%;
    }
}



.board {
    display: block;
    margin: 5px 5px;
    border: 1px solid #e8e7e7;
    /*    position: relative;*/
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 17px 34px 0 rgb(44 39 56 / 4%), 0 8px 17px 0 rgb(44 39 56 / 2%);
}

.board:hover {
    box-shadow: 0 4px 8px 0 rgb(177 181 199 / 48%);
}

@media (max-width: 530px) {
    .home__item {
        width: 50%;
    }
    .board {
        margin: 5px 2px;
    }

    .homes__ads__main__inner,
    .cars__elan__main__inner {
        margin: 0px -5px 20px;
    }
}

@media (max-width: 400px) {

}

.home_picture_design {
    position: relative;
    padding: 0 0 67% 0;
    /*    text-align: center;*/
    /*    height: 180px;*/
    overflow: hidden;

}

.home_photo {
    /*    display: block;*/
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    object-fit: cover;
    /*    max-width: 100%;*/
    /*    height: auto;*/


    /*    margin: 10px; 15px;*/
    /*    padding: 5px 10px;*/
}

.home_photo_text {
    position: absolute;
    right: 0px;
    top: 0px;
    /*    font-family: 'Roboto', sans-serif;*/
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    padding: 1px 5px;
    background-color: rgba(255, 54, 0, 0.82);
    /*   background-color: red;*/
    border-radius: 5px 0px 0px 5px;
}

.home_photo_text_owner {
    position: absolute;
    left: 0px;
    bottom: 25px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    padding: 3px 5px;
    background-color: #1c6700;
}

.price__currency {
    margin-left: 4px;
}

.home_photo_text_agent {
    position: absolute;
    left: 0px;
    bottom: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    padding: 1px 5px;
    /*    background-color: #d89e00;*/
    background-color: #017dc0;
    border-radius: 0px 5px 5px 0px;
}

.content_type__icons {
    display: flex;
    position: absolute;
    right: 0px;
    bottom: 3px;
}

.premium__icon_content {
    display: block;
    fill: #ff9c82;
    width: 20px;
    height: 20px;
    padding: 3px 3px;
    background-color: rgba(1, 70, 86, 0.86);
    margin-left: 2px;
    border-radius: 5px;
}

.vip__icon_content {
    display: block;

    fill: #ffd102;
    width: 20px;
    height: 20px;
    padding: 3px 3px;
    background-color: rgba(1, 70, 86, 0.86);
    margin-left: 2px;
    border-radius: 5px;
}

.home_extra__icons {
    display: flex;
    position: absolute;
    right: 0px;
    top: 21px;
}

.document__icon_content {
    display: block;
    fill: white;
    width: 16px;
    height: 16px;
    padding: 3px 3px;
    background-color: #9aba95;
    margin-left: 2px;
    border-radius: 5px;
}



.percent__icon_content {
    display: block;
    fill: white;
    width: 16px;
    height: 16px;
    padding: 3px 3px;
    background-color: #F7941E;
    margin-left: 2px;
    border-radius: 5px;
}

.heart__icon_content {
    display: block;
    position: absolute;
    fill: white;
    width: 26px;
    height: 26px;
    left: 5px;
    top: 5px;
    padding: 4px 4px;
    background-color: rgba(33, 33, 33, 0.37);
    border-radius: 5px;
}

.heart__icon_content1 {
    display: block;
    position: absolute;
    width: 30px;
    height: 28px;
    left: 12px;
    top: 10px;
    padding: 5px 3px;
    background-color: rgba(33, 33, 33, 0.37);
    border-radius: 5px;
    z-index: 3;
    cursor: pointer;
    stroke: white;
    stroke-width: 3px;
    fill: transparent;
}


.heart__icon_content_about {
    display: block;
    /*    fill: #ffffff;*/
    fill: white;
    stroke: #DC143C;
    stroke-width: 4px;
    width: 30px;
    height: 25px;
    padding: 3px 3px;
    /*    background-color: rgba(78, 76, 76, 0.62);*/

}

.home__town {
    margin-right: 5px;
}

.location__icon_content {
    fill: black;
    width: 20px;
    height: 20px;
    padding: 0px 2px;
}

.sofa__icon {
    fill: #7e7e7e;
    width: 16px;
    height: 16px;
    padding: 2px 2px;
}

.icon__room {
    fill: #7e7e7e;
    width: 18px;
    height: 18px;
    padding: 0px 2px;
}

.heart__icon_content:hover {
    fill: yellow;
    cursor: pointer;
}

.heart__icon_content1:hover {
    /*    fill: rgba(179, 244, 5, 0.44);*/
    stroke: #b3f405;
}


.car_maker-model {
    display: flex;
    align-content: center;
    align-items: center;
    margin: 0 0px;
    padding: 2px 10px;
    font-size: 15px;
    font-weight: 600;
    color: black;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
}

.car_details {
    display: flex;
    align-items: center;
    padding: 2px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: grey;
    text-decoration: none;
    font-size: 14px;
    /*    margin-bottom: 2px;*/
}

.car_elan_date {
    display: flex;
    align-items: center;
    padding: 2px 10px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: grey;
    text-decoration: none;
    font-size: 14px;
    /*    margin-bottom: 2px;*/
}

.home_detail {
    display: flex;
    align-content: center;
    align-items: center;
    margin-right: 5px;
}

.ads_date {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 2px 5px;
    color: grey;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: 5px;
}

@media (max-width: 530px) {
    .heart__icon_content1 {
        left: 5px;
        top: 7px;
    }
}

/* Agencies Styles  */
.agencies {
}
.agencies_container {
}

.agencies__inner {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
.agency__item {
    flex: 0 0 50%;
    overflow: hidden;
}
.agency__body {
    display: flex;
    margin: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    box-shadow: 0 0 3px 2px rgba(201,199,199,0.66);
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.agency__body:hover {
    box-shadow: 0 0 3px 2px rgba(0, 9, 234, 0.66);
}

.agency__left {
    flex: 0 0 25%;
    min-width: 120px;
    position: relative;
    border-right: 1px solid #d8d8d8;
}
.agency__logo {
    width: 100%;
    height: 100%;
}

.agency__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.agency__elan_say {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ffdc22;
    /*   color: white;*/
    color: #004da8;
    padding: 2px 5px;
    font-weight: 600;
}

.agency__elan_say span {
    padding: 0px 2px;
}
.agency__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    /*   width: 100%;*/
}
.agency__about {
    padding: 5px 10px;
    text-decoration: none;
}
.agency__name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    min-width: 0px;
}
.agency__text {
    color: #414141;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.agency__stats {
    display: flex;
    justify-content: flex-end;
    /*   background-color: #9aba95;*/
    padding: 4px 15px;
    color: white;
    font-weight: 500;
    align-items: center;
    background-color: #005bc7;
}



.stat__item {
    display: flex;
    align-items: center;
    margin: 0px 4px;
}
.icon_stat {
    fill: currentcolor;
    width: 12px;
    height: 12px;
    margin: 0px 1px;
    /*   margin-bottom: -2px;*/
}
.icon-vip_title {
}
.stat__number {
}

@media (max-width: 700px) {
    .agencies__inner {
        flex-wrap: wrap;
    }
    .agency__item {
        flex: 0 0 100%;
    }
}

@media (max-width: 500px) {
    .agency__body {
        margin: 10px 5px;
    }
}

/* Avtovitrin Elan Ver  */

.avtovitrin_elan_ver_item {
    width: 90%;
    background-color: orangered;
    background-image: linear-gradient(to right top, #051937, #002a61, #003c8d, #004ebb, #125feb);
    border-radius: 20px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.avtovitrin_elan_ver_link {
    text-decoration: none;
}

.elan_green {
    background-color: #87ce00;
}

.avtovitrin_elan_ver_item_main {
    margin: 0 auto;
    border: 1px dotted white;
    border-radius: 10px;
    padding: 10px;
}

.avtovitrin_elan_ver_item_title {
    text-align: center;
    color: white;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 15px;
}

.avtovitrin_h1_title {
    text-align: center;
    color: white;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 5px;
}

.avtovitrin_elan_ver_item_text {
    margin: 0 auto 5px;
    text-align: center;
    color: white;
    font-size: 22px;
    font-weight: 700;
}

.avtovitrin_elan_ver_item_text span {
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    padding: 5px 35px;
}

.avtovitrin_elan_ver_item_text span:hover {
    background-color: white;
    color: orangered;
}

.avtovitrin_elan_ver_item_text span:focus {
    background-color: white;
    color: orangered;
}

.avtovitrin_elan_ver_item_text span:active {
    background-color: #e6e6e6;
    color: orangered;
}

/* Districts Section Styles */

.districts {
    margin-bottom: 20px;
}
.districts_container {
}

.districts__list {
    display: flex;
    padding: 0px 10px;
    flex-wrap: wrap;
}

.district__name {
    flex: 0 0 20%;
    padding: 5px 5px;
    display: flex;
    align-items: center;

}

.district__name::before {
    content: "";
    width: 6px;
    height: 6px;
    color: gold;
    background-color: red;
    display: block;
    margin-right: 5px;
    border-radius: 50%;
}

.district__name1 {
    flex: 0 0 20%;
    padding: 5px 5px;
    display: flex;
    align-items: center;

}

.district__name1::before {
    content: "";
    width: 6px;
    height: 6px;
    color: gold;
    background-color: #c62cff;
    display: block;
    margin-right: 5px;
    border-radius: 50%;
}

.district__link {
    text-decoration: none;
    color: #02408a;
    font-weight: 500;
    transition: all 0.2s ease 0s;

}

.district__link span {
    font-weight: 700;
    padding-left: 3px;
    color: #02408a;
}

.district__name:hover .district__link {
    text-decoration: underline;
    color: #85c100;

}


@media (max-width: 700px) {
    .district__name,
    .district__name1 {
        flex: 0 0 25%;
    }
}

@media (max-width: 500px) {
    .district__name,
    .district__name1 {
        flex: 0 0 33%;
    }
}

@media (max-width: 400px) {
    .district__name,
    .district__name1 {
        flex: 0 0 50%;
    }
}


/* Search modal styles */

.filtr__section_modal-header {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px;

}

.filtr__section_modal {
    justify-content: center;
    align-items: center;
    margin: 20px auto 20px;
    max-width: 1050px;
    width: 98%;
    /*    background: rgba(41, 20, 4, 0.71);*/
    background: rgba(2, 64, 138, 0.94);
    background: #02408a;
    border-radius: 10px;
    padding: 10px 0px;
}

.filtr-inner__modal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0px 10px 0px;
    margin: 0px 0px;
    width: 100%;
}

.filtr__label_modal {
    display: block;
    /*
        width: 226px;
       width: 25%;
    */
    flex: 1 1 20%;
    /*   width: 20%;*/
    height: 54px;
    position: relative;
    border: 1px solid white;
    background-color: white;
    border-right: 1px solid grey;
    margin-bottom: 10px;
    cursor: pointer;
}

.filtr__label_modal1 {
    display: block;
    /*
        width: 226px;
       width: 25%;
    */
    flex: 1 1 50%;
    /*   width: 20%;*/
    height: 54px;
    position: relative;
    border: 1px solid white;
    background-color: white;
    border-right: 1px solid grey;
    margin-bottom: 10px;
    cursor: pointer;
}

@media (max-width: 500px) {
    .filtr__label_modal1 {
        flex: 1 1 100%;
    }
}

@media (max-width: 750px) {
    .filtr__label_modal {
        flex: 1 1 33.333%;
    }
}


@media (max-width: 550px) {
    .filtr__label_modal {
        flex: 1 1 50%;
    }
}


.modal_item_checkbox {
    margin: 25px 2px 0px 5px;
}

.modal_item_label {
    margin: 0px 5px 0px -3px;
    font-size: 14px;
    font-weight: 400;
}

.input_estate_code {
    width: 90%;
    height: 33px;
    outline: none;
    border: 1px dotted #b5b5b5;
    border-radius: 5px;
    padding: 0px 5px;
}

.modal_filtr__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    margin: 5px 5px 5px;

    line-height: 0;
    width: 140px;
    text-decoration: none;
    color: white;
    font-weight: 700;
    font-size: 20px;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
}

.modal_filter_buttons {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 15px;
    margin-top: 5px;

}

.modal_filtr__btn-red {
    background-color: #00adf9;
}


.modal_filtr__btn-green {
    background-color: #669300;
    font-weight: 500;
    font-size: 16px;
}

.modal_filtr__btn-red:hover {
    background-color: #0081ba;
}

.modal_filtr__btn-green:hover {
    background-color: #5b8300;
    color: yellow;
}

.checkbox_search-modal {
    padding: 0px 10px;
    color: white;
}

.checkbox_pay_modal {
    margin: 0px 3px 0px 0px;
}

.checkbox_search_in_modal {
    display: flex;
    /*   justify-content: space-between;*/
    align-items: center;
    padding: 0px 0px 5px 0px;
}

@media (max-width: 920px) {
    .checkbox_search-modal {
        flex: 1 0 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 7px;
    }

    .checkbox_search_in_modal {
        padding: 0px 10px 0px 10px;
    }
}

@media (max-width: 420px) {
    .checkbox_search-modal {
        padding: 0px 10px;
    }



    .checkbox_pay_modal {
        margin: 0px 3px 0px 0px;
    }
}


@media (max-width: 900px) {


    .modal_filtr__btn {
        height: 45px;
        margin: 5px 5px 5px;
    }


}

@media (max-width: 420px) {
    .modal_filtr__btn {
        height: 40px;
        width: 110px;
    }

}



.car_extras_modal {
    width: 100%;
    color: white;
    margin: 10px 0px 20px;
    padding: 0px 20px;
    /*   border-top: 1px dashed rgba(0, 173, 249, 0.71);*/
}
.car_extras_modal-body {
}
.car_extras_modal-title {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0px;
}
.car_extras_modal-main {
    display: flex;
    flex-wrap: wrap;
}
.car_extras_modal-label {
    flex: 0 1 25%;
    display: flex;
    align-items: center;
    padding: 5px 5px;
}

.car_extras_modal-input {

    margin: 0px 5px;
}

@media (max-width: 700px) {
    .car_extras_modal-label {
        flex: 0 1 33%;
    }
}

@media (max-width: 550px) {
    .car_extras_modal {
        padding: 0px 10px;
    }
    .car_extras_modal-label {
        flex: 0 1 50%;
    }
}

/* Car About page styles */

.about_page-header {
    color: white;
    position: relative;
    z-index: 3;
    margin: 0 auto;
    /*   width: 100%;*/
    display: flex;
    justify-content: center;
    height: 200px;
}

.about_page-banners {
    height: 200px;
    width: 100%;
    background-color: #02408a;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

.about_page-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: -1;
}



@media (max-width:600px) {
    .about_page-banners {
        height: 150px;
    }

    .about_page-header {
        height: 150px;
    }
}


/* Estate about page */

.estate_header {
    margin-top: 15px;
}

.section_header__title-estate {
    font-weight: 700;
    font-size: 20px;
    padding: 0px 10px;
    color: #555555;
}

.estate_about__inner {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.estate_about__column1 {
    flex: 0 0 66%;
    min-width: 0px;
    overflow: hidden;
    padding: 0px 20px 0px 20px;
}

.estate_about__column2 {
    flex: 0 0 34%;
    padding: 0px 0px;
}

.estate_about__images {
}

@media (max-width:900px) {
    .estate_about__inner {
        flex-wrap: wrap;
    }
    .estate_about__column1 {
        padding: 0px 10px 0px 10px;
    }
}

@media (max-width:750px) {
    .estate_about__column1 {
        flex: 0 0 100%;
    }

    .estate_about__column2 {
        flex: 0 0 100%;
    }
}

@media (max-width:600px) {
    .estate_about__column1 {
        padding: 0px 0px 0px 0px;
    }
}

/* Estate page slider styles*/

.container {
    background-color: #ffffff;
    /*    max-width: 66%;*/
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0px 0px 0px 0px;
}

.image-slider {
    padding: 30px 0 70px 0;
}

.image-slider__wrapper {

}

.image-slider__slide {

}

.image-slider__image {
    display: block;
    position: relative;
    padding: 0 0 67% 0;
    border: 1px solid #e8e7e7;
    border-bottom: none;
    overflow: hidden;
}

.image-slider__image img {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*
.image-slider__image img {

    width: 100%;
    max-width: 900px;
}
*/

.image-slider .swiper-button-prev::after,
.image-slider .swiper-button-next::after {
    color: #faf9f9;
    font-size: 30px;
    font-weight: 700;
}

.nextEl {
    width: 30px;
    height: 30px;
    background-color: skyblue;

}


.image-slider .swiper-pagination {
    bottom: 0;
}

.image-slider .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    background-color: white;
}

.image-slider .swiper-pagination-fraction {
    text-align: right;
    margin-bottom: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: #ededed;
    /*    font-weight: 700;*/
}

.image-slider .swiper-pagination-progressbar-fill {
    background-color: #4d8b8d;
}

.image-slider .swiper-scrollbar-drag {
    cursor: pointer;
    background-color: #4d8b8d;
}

.image-mini-slider .swiper-container {

}

.image-mini-slider_container {
    border: 1px solid #e8e7e7;
}

@media (max-width: 500px) {
    .image-mini-slider_container {
        display: none;
    }
}

.image-mini-slider__wrapper {
    margin: 0px 0px 0px 0px;

    /*    overflow: hidden;*/
    /*    padding: 5px;*/
    width: 100%;
}

.image-mini-slider__slide {
    /*    width: 8.35%;*/
    /*    width: 20%;*/
}

.image-mini-slider__image {
    position: relative;
    padding: 0px 0px 67% 0px;
    cursor: pointer;
}

.image-mini-slider__image img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 5px;
    /*    z-index: -4;*/
    /*    overflow: hidden;*/
}

/* Estate about table styles */

/*  Table Styles  */

.table {
    /*    border: 1px solid #757575;*/
    margin: 0px 0px;
    width: 100%;
    border-collapse: collapse;
}

.table_mobile {

    /*    display: block;*/
    display: none;
    /*    border: 1px solid #757575;*/
    margin: 0px 0px;
    width: 100%;
    border-collapse: collapse;
}


.table1 {
    /*    border: 1px solid #757575;*/
    margin: 20px 0px;
    width: 100%;
    border-collapse: collapse;
}

.table1_mobile_div {
    margin: auto 5px;
}

.table2 {
    /*    border: 1px solid #757575;*/
    margin: 5px 0px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.table1_mobile {
    display: none;
    margin: 20px 0px;
    width: 100%;
    border-collapse: collapse;
}

.table3 {
    /*    border: 1px solid #757575;*/
    margin: 5px 10px 5px 10px;
    width: 97%;
    /*    border-collapse: collapse;*/
    table-layout: fixed;
    text-align: center;
}

.table4 {
    /*    border: 1px solid #757575;*/
    margin: 20px 0px;
    width: 100%;
    border-collapse: collapse;
}

.table4_mobile {
    display: none;
    /*    border: 1px solid #757575;*/
    margin: 0px 0px;
    width: 100%;
    border-collapse: collapse;
}




.row1 {
    border: 1px dotted #bebebe;
    /*    text-align: center;*/
    font-family: 'Roboto', sans-serif;
    padding: 5px 5px;
    font-size: 14px;
    font-weight: 600;
    color: #555454;
}

.row3 {
    /*    border: 1px dotted #bebebe;*/
    font-family: 'Roboto', sans-serif;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 500;
    /*    text-align: center;*/
    color: #888787;
}

.row4 {
    border: 1px dotted #bebebe;
    font-family: 'Roboto', sans-serif;
    /*    margin: 0px 10px;*/
    padding: 7px 5px;
    font-size: 14px;
    font-weight: 400;
    color: #656464;
}

.row4:hover {
    color: #018aff;
    border: 1px dotted #ff0000;
}

.row4_span {
    font-size: 20px;
    color: skyblue;
    font-weight: 500;

}



.row3::before {
    /*    content: "\271A";*/
    content: "\26AC";
    color: #ff4e00;
    font-size: 12px;
    font-weight: 500;
    padding-right: 3px;

}

.row_style:nth-child(odd) {
    background-color: #f4f1f1;
    /*   background-color: #f5fff4;*/
}

.row_style1 {
    /*    margin: 0px 10px;*/

}


.row2 {
    border: 1px dotted #bebebe;
    font-family: 'Roboto', sans-serif;
    padding: 5px 5px;
    font-size: 14px;
    color: #888787;
}

.row2_link {
    border: 1px dotted #bebebe;
    font-family: 'Roboto', sans-serif;
    padding: 5px 5px;
    font-size: 14px;
    color: #0073a7;
    font-weight: 700;
}

.row2_link_a {
    color: #0073a7;
    font-weight: 700;
}

.rowone {
    /*   background-color: #68b7c6;*/
    background-color: #1067bf;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px 5px;
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    width: 100%;
}

.rowone_name {
    /*   background-color: #9aba95;*/
    /*   background-color: #1067bf;*/
    background-color: #68b7c6;
    background-color: #007EB4;

    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px 5px;
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
}

.table_hidden {
    display: none;
}

.rowones {
    background-color: #ff7703;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px 5px;
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
}

.rowtwo {
    /*    background-color: #f0016f;*/
    background-color: #ff3600;
    /*    background-color: #ffd102;*/
    /*    border: 1px solid #677842;*/
    border: 1px solid #ff3600;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px 5px;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    /*    color: #f0016f;*/
}



.row_phone_icon {
    /*    background-color: rgb(255, 167, 0);*/
    background-color: rgb(248, 163, 0);
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px 5px;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    /*    color: #f0016f;*/
    /*   display: flex;*/
    align-items: center;
    justify-content: center;
    /*   height: 40px;*/
    /*   margin-bottom: -1px;*/
}

.car_about_user_phone {
    width: 22px;
    height: 22px;
    fill: white;
    /*   fill: #777;*/
    /*   fill: #004da8;*/
    transition: all 0.3s ease 0s;
}

.row_make_first {
    border: 1px solid #677842;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 3px 5px;
    font-size: 16px;
    font-weight: 600;
    color: #677842;
    /*    color: #ffffff;*/
}

.row_make_first_text {
    border: 1px solid #677842;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px 5px;
    font-size: 16px;
    font-weight: 500;
    color: #677842;
    /*   display: flex;*/
    align-items: center;
    justify-content: center;
}

.row_make_premium {
    border: 1px solid #677842;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 3px 5px;
    font-size: 18px;
    font-weight: 600;
    /*    color: #ffffff;*/
    color: #eb9100;
}

.row_make_premium_text {
    border: 1px solid #677842;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px 5px;
    font-size: 18px;
    font-weight: 500;
    /*    color: #ffffff;*/
    color: #677842;
}

.row_make_vip {
    /*    display: none;*/
    border: 1px solid #677842;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 3px 5px;
    font-size: 20px;
    font-weight: 600;
    /*    color: #ffffff;*/
    color: red;

}

.row_make_vip_text {
    /*    display: none;*/
    border: 1px solid #677842;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 7px 5px;
    font-size: 20px;
    font-weight: 600;
    /*    color: #ffffff;*/
    color: #677842;
    vertical-align: middle;
    line-height: 1;
}

.row_phone_number {
    /*    background-color: rgb(255, 185, 51);*/
    background-color: rgb(253, 176, 28);
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px 3px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}

.vip__icon_user {
    fill: red;
    margin-bottom: -2px;
}

.contacts__link-user {
    color: white;
    padding: 0px 5px;
    display: flex;
    align-items: center;
}

.show_number {
    font-size: 14px;
    color: white;
    font-weight: 500;
    display: none;
}

.car_name {
    font-family: 'Roboto', sans-serif;
    padding: 5px 25px;
    font-size: 28px;
    font-weight: 700;
    color: #555454;

}

.car_dealer_table {
    border: 1px dotted grey;
    border-radius: 10px;
    margin: 20px 0px;
    background-color: #fcfcfc;
    /*   box-shadow: 0 17px 34px 0 rgb(44 39 56 / 4%), 0 8px 17px 0 rgb(44 39 56 / 2%);*/
    box-shadow: 0px 6px 20px rgba(0, 16, 61, 0.07);
}

.car_dealer_table1:hover {
    box-shadow: 0px 10px 24px rgba(0, 16, 61, 0.11);
    box-shadow: 0px 16px 48px rgba(0, 16, 61, 0.28);
}

.dealer_table-body {
    padding: 10px;
}
.dealer_table-logo_name {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px dashed grey;
    padding: 0px 0px 10px;
}
.dealer_table-logo {
    flex: 0 0 25%;
    border-right: 1px dashed grey;
    align-items: center;
    justify-content: center;
    display: flex;
}

.dealer_table-logo_img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 10px;
}

.dealer_table-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;

}

.dealer_table-name {
    font-weight: 700;
    font-size: 16px;
    padding-left: 10px;
}

.dealer_table-number_body {
    display: flex;
    border-bottom: 1px dashed grey;
    padding: 10px 0px 10px;
}
.dealer_table-number-icons {
    flex: 0 0 25%;
    /*   padding-left: 5px;*/
    border-right: 1px dashed grey;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-number-icon {
    color: dodgerblue;
    padding: 0px 5px 0px 5px;
    /*   display: inline-flex;*/
    align-items: center;
}

.table-number-icon-wp {
    width: 22px;
    height: 22px;
    padding-top: 2px;
    /*   fill: white;*/
    /*   fill: #777;*/
    fill: #00a861;
    transition: all 0.3s ease 0s;
}

.table-number-icon-ph {
    width: 22px;
    height: 22px;
    /*   fill: white;*/
    /*   fill: #777;*/
    fill: #004da8;
    transition: all 0.3s ease 0s;
}


.dealer_table-number {
    color: #004da8;
    padding-left: 5px;
    font-size: 20px;
    font-weight: 700;
}

@media (max-width: 780px) {
    .dealer_table-number {
        font-size: 18px;
    }
}

@media (max-width: 750px) {
    .dealer_table-number {
        font-size: 20px;
    }
    .dealer_table-number-icons {
        justify-content: center;
    }
}

.dealer_table-number_link {
    color: #004da8;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
}

.dealer_table-number_link:hover {
    color: #005ecc;
    text-decoration: underline;
}

.dealer_table-location_body {
    display: flex;
    border-bottom: 1px dashed grey;
    padding: 10px 0px 10px;
    align-items: center;
}

.dealer_table-location_icon {
    flex: 0 0 25%;
    padding-left: 5px;
    border-right: 1px dashed grey;
    text-align: center;
}

.dealer_table-location_adress {
    color: #343434;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
}

.dealer_table-location_adress:hover {
    font-weight: 500;
    color: #0050be;
}

@media (max-width: 820px) {
    .row_phone_number {
        font-size: 16px;
    }
}

@media (max-width: 750px) {
    .row_phone_number {
        font-size: 18px;
    }
}

.dealer_table_btn {
    background-color: #004da8;
    color: white;
    padding: 12px 20px;
    border-radius: 10px;
    display: block;
    text-align: center;
    margin: 20px 20px 10px;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.3s ease 0s;
}

.dealer_table_btn:hover {
    color: yellow;
    background-color: #0055ba;
    box-shadow: 0 17px 34px 0 rgb(44 39 56 / 4%), 0 8px 17px 0 rgb(44 39 56 / 2%);
}

.file_tree {
    /*    background-color: #e0dcdc;*/
    font-family: 'Roboto', sans-serif;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #0073a7;
    /*    color: #555454;*/
    /*    text-align: center;*/
}

.seriy_fon {

    background-color: #e0dcdc;
}

.file_tree_inner {
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 1071px;
    justify-content: space-between;

}

.social_share {
    /*    margin: 0px 0px;*/
    padding: 5px 5px;
    /*    display: inlinein;*/
    display: flex;

}

.social__icon_share {
    /*    display: block;*/
    margin: 0px 3px;
    border: 1px solid #fff;
    border-radius: 2px;
    height: 20px;
    width: 20px;
    padding: 3px 3px;

    fill: #505152;
}

.premium__icon_user {
    /*   display: block;*/
    fill: orange;
    width: 22px;
    height: 22px;
    padding: 3px 3px;
    background-color: transparent;
    margin-left: 2px;
    margin-bottom: -4px;
    margin-top: 3px;
}

.premium__icon_user1 {
    fill: #0046b7;
    margin-bottom: -2px;
}

.contacts__link-estate {
    color: white;
    padding: 0px 5px;
    display: inline-flex;
    align-items: center;
}

.section_header__estate {
    padding: 7px 5px;
    border-top: 1px dashed #677842;
    border-bottom: 1px dashed #677842;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}

.section_header__estate1 {
    padding: 7px 5px;
    /*   border-top: 1px dashed #677842;*/
    border-bottom: 1px dashed #677842;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}



.section_header__subtitle-estate {
    font-weight: 700;
    font-size: 20px;
    padding: 0px 0px;
    color: #555555;
}

.section_header__subtitle-estate1 {
    font-weight: 700;
    font-size: 20px;
    padding: 0px 0px;
    color: #555555;
}

@media (max-width: 450px) {
    .section_header__subtitle-estate1 {
        font-size: 16px;
        white-space: nowrap;
    }
}


.estate_header__checkbox-body {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

@media (max-width: 370px) {

}


.estate_header__checkbox {
    margin: 0px 10px;
}

.extra_item_checkbox1 {
    margin: 0px 2px 0px 5px;
}

.extra_item_label1 {
    margin: 0px 0px 0px -2px;
    font-size: 16px;
    font-weight: 400;
    color: #5d5d5d;
}

/*  infrastructure  section */

.infrastructure {
}
.infrastructure__inner {
    padding: 0px 10px;
}
.infrastructure__row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 5px; 15px;
    justify-content: flex-start;
}
.infrastructure__column {
    flex: 0 0 25%;
    padding-bottom: 15px;
}
.infrastructure__info {
    font-weight: 700;
    color: #6c6c6c;
    display: flex;
    align-items: center;
}

.infrastructure__info::before {
    /*   content: "\271A";*/
    content: "\2714";
    color: #ff3b00;
    font-size: 14px;
    font-weight: 700;
    padding-right: 3px;
}

.estate-about__text {
    padding: 10px 20px;
}

@media (max-width: 950px) {
    .infrastructure__column {
        flex: 0 0 33.333%;
    }
}

@media (max-width: 500px) {
    .infrastructure__column {
        flex: 0 0 50%;
    }
}

/* Estate info config styles */

.estate__config {

}

.estate__config_row {
    display: flex;
    flex-wrap: wrap;
    /*
       max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 20px;
        will-change: max-height;
        transition: all 0.3s ease-out;
    */
}

.estate__config_column {
    flex: 0 0 33.333%;
    padding: 5px;
}

.estate__config_body {
    border: 1px dotted grey;
    text-align: center;
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.estate__config_body:hover {
    background-color: #ffed8e;
}

.icon-infr4 {
    fill: #0076ff;
}

.icon-infr5 {
    /*   fill: #6bb0ff;*/
    fill: #1067bf;
}

@media (max-width: 450px) {
    .estate__config_column {
        flex: 0 0 50%;
    }
}

/*  Ads Report Styles */

.ads_report_items {
    border-bottom: 1px solid #d1d1d1;
    margin: 0px 0px ;
    padding: 0px 0px 0px;
    font-size: 16px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.4s ease-out;

}

.ads_report_items-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*   margin-bottom: 30px;*/
    padding: 20px 0px 10px;
}

.ads_report_items.open {
    opacity: 1;
    height: 210px;
    margin: 0px 10px 0px;
    padding: 20px 0 20px;
}

.ads_report_item {
    width: 33.33333%;
    margin-bottom: 15px;
    cursor: pointer;
}

.ads_report_item label {
    cursor: pointer;
}

.ads_report_btn {
    display: block;
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #6d8b2d;
    /*    border: 1px solid #6d8b2d;*/
    font-size: 16px;
    font-weight: 700;
    color: white;
    align-items: baseline;
    transition: all 0.2s ease 0s;
    margin-left: 45%;
}

@media (max-width: 520px) {
    .ads_report_item {
        width: 50%;
    }

    .ads_report_items.open {
        height: 250px;
    }
}

.ads_delate_items {
    border-bottom: 1px solid #d1d1d1;
    margin: 0px 0px 0px;
    font-size: 16px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.4s ease-out;
}

.ads_delate_items.open {
    margin: 20px 10px 0;
    height: 180px;
    opacity: 1;
}

@media (max-width: 780px) {
    .ads_delate_items.open {
        height: 210px;
    }
}

@media (max-width: 420px) {
    .ads_delate_items.open {
        height: 230px;
    }
}


.ads_delate_title {
    text-align: center;
    padding: 7px;
    background-color: #7b9b33;
    color: white;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}

.ads_title_close {
    position: absolute;
    transform: rotate(45deg);
    top: -3px;
    right: 7px;
    font-size: 36px;
    font-weight: 300;
    z-index: 15;
    cursor: pointer;
}

.ads_delate_title::before {
    content: "";
    border: 1px solid white;
    min-width: 26px;
    min-height:  25px;
    position: absolute;
    top: 5px;
    right: 4px;
    border-radius: 5px;
    z-index: 14;
}


.ads_delate_text {
    padding: 15px 15px 5px;
}

.ads_delate_input_part {
    margin: 10px;
}

.ads_delate_input {
    align-items: baseline;
    padding: 10px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    outline: none;
}

.ads_delate_btn {
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #6d8b2d;
    /*    border: 1px solid #6d8b2d;*/
    font-size: 16px;
    font-weight: 700;
    color: white;
    align-items: baseline;
    transition: all 0.2s ease 0s;
}

.ads_delate_btn:hover {
    background-color: #ff0000;
    cursor: pointer;
}

.ads_delate_btn:focus {
    border: 1px solid #de0202;
    outline: 0;
    background-color: #e00000;
}

.ads_delate_psw_lost {
    margin: 10px 7px;
    font-size: 14px;
    color: #00b5ff;
}

@media (max-width: 460px) {
    .ads_delate_input {
        max-width: 180px;
    }

    .ads_delate_btn {
        font-size: 14px;
        padding: 10px 10px;
    }
}

.ads_edit_items {
    border-bottom: 1px solid #d1d1d1;
    margin: 0px 0px 0px;
    font-size: 16px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.4s ease-out;
}

.ads_edit_items.open {
    margin: 20px 10px 0;
    height: 180px;
    opacity: 1;
}


@media (max-width: 700px) {
    .ads_edit_items.open {
        height: 200px;
    }
}

@media (max-width: 450px) {
    .ads_edit_items.open {
        height: 210px;
    }
}

@media (max-width: 400px) {
    .ads_edit_items.open {
        height: 225px;
        margin: 20px 5px 0;
    }
}

.car_about_share {
    margin: 10px auto;
    width: 90%;
    text-align: center;
}

.car_about_share_link {
    margin: 0 10px;
    text-decoration: none;
}

.car_about_share_icon {
    max-width: 30px;
    width: 100%;
    border-radius: 5px;
}

.lg-on {
    overflow: hidden;
}

/* Share styles estate */

.estate__share {
    margin: 0px 0px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.4s ease-out;
    border-bottom: 1px solid #d1d1d1;
    box-sizing: content-box;
}

.estate__share.open {
    margin: 20px 0px 10px;
    height: 100px;
    opacity: 1;
}

.estate__share_row {
    margin: 20px 0px 20px;
    display: flex;
    justify-content: center;
}

/* Smm Styles    */

.column-left__smm {
    display: block;
    border-radius: 10px;
    margin: 10px 10px 20px;
    position: relative;
    height: 250px;
    overflow: hidden;
    padding: 10px;
}

.smm__image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.smm__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.smm__blok {
    position: relative;
    z-index: 2;
    color: white;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    border: 1px dotted white;
    border-radius: 10px;
    height: 100%;
    transition: all 0.3s ease 0s;
}

.smm__title {
    padding: 5px 10px;
    margin-bottom: 20px;
    font-size: 26px;
    background-color: rgba(255, 69, 0, 0.74);
    display: inline-block;
}

.smm__title1 {
    padding: 5px 10px;
    margin-bottom: 20px;
    font-size: 21px;
    background-color: rgba(73, 119, 0, 0.74);
    display: inline-block;
}

.smm__title2 {
    padding: 5px 10px;
    margin-bottom: 20px;
    font-size: 20px;
    background-color: rgba(255, 0, 0, 0.74);
    display: inline-block;
}

.smm__subtitle {
    margin-bottom: 15px;
    transition: all 0.3s ease 0s;
    display: inline-block;
    background-color: rgba(65, 63, 62, 0.58);
    padding: 5px 5px;
    line-height: 28px;
    font-size: 16px;
}

.smm__logo {
}

.icon-smm {
    width: 60px;
    height: 60px;
    fill: currentColor;
    transition: all 0.2s ease 0s;
}

.column-left__smm:hover .smm__subtitle {
    color: rgb(255, 215, 0);
}

.column-left__smm:hover .icon-smm {
    color: gold;
}

.column-left__smm:hover .icon_y {
    color: rgba(255, 0, 0, 0.9);
}

@media (max-width: 450px) {
    .column-left__smm {

        margin: 10px 0px 20px;
    }
}

/*  number check styles */

.number_check_body {
    margin: 20px auto 40px;
    padding: 15px 10px 20px;
    position: relative;
    max-width: 600px;
    width: 98%;
    background-color: #1067bf;
    /*    background-color: #82af7b;*/
    /*    background-color: #004da8;*/
    border-radius: 9px;
}

.number_check_h1 {
    text-align: center;
    color: #ffe455;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 26px;
    font-weight: 700;

}

.number_check_h4 {
    text-align: center;
    color: #ffe455;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 500;
    position: relative;
}


.number_check_h2 {
    margin-top: 0px;
    color: white;
    margin: 0 5px 15px;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
}

.number_check_h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffe455;
    margin: 20px 10px 3px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

.number_check_btn_body {
    margin: 5px auto;
}

.number_check_btn {

    display: block;
    /*    width: 40%;*/
    padding: 9px 25px;
    background-color: orange;
    border: 1px solid orange;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    align-content: center;
    text-decoration: none;
    color: white;
    font-weight: 600;
    border-radius: 7px;
    font-size: 15px;
    outline: none;

}

.next_sign {
    font-size: 12px;
}

.number_check_btn:hover {
    background-color: #f09b00;
    outline: none;
}


.number_check_btn:active {
    border: 1px solid #e89600;
    box-shadow: 0px 2px 10px rgb(0, 91, 118) inset;
    outline: none;
}

.number_check_btn:disabled {
    background-color: rgba(219, 219, 219, 0.79);
    border: none;
    color: rgba(128, 128, 128, 0.44);
}




.number_check_input {
    display: block;
    align-items: center;
    align-content: center;
    margin: 2px auto 20px;
    text-align: center;
    color: #6d6d6d;
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 5px;
    outline: none;
    font-size: 16px;
    line-height: 20px;
}

.number_check_input:hover {
    outline: none;
    border: 1px solid #0094e2;
    /*    cursor: pointer;*/
    /*    background-color: #f7f7f7;*/

}



.number_check_input::placeholder {

    color: #cbcbcb;

}

.elan_type__body {
    display: flex;
    margin: 0px auto 15px;
    justify-content: center;
    flex-wrap: wrap;
}
.elan_type__item {
    padding: 5px 10px;
    cursor: pointer;
    color: white;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    /*   flex: 0 0 33.333%;*/
}
.estate_type {
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.label_estate_type {
    cursor: pointer;
    padding: 3px;
}

.elan_param__body {
    margin: 0 auto;
    padding: 20px 10px;
    border-top: 1px dashed white;
    border-bottom: 1px dashed white;
}

.elan_param__add {
    display: flex;
    margin: 0px 0px 20px 0px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.elan_label_add {
    width: 170px;
    margin: 0px 10px 0px 15px;
    padding: 0px 5px;
    0px;
    color: white;
    font-weight: 600;
    /*    padding: 0px 50px 0px 0px;*/
    font-size: 16px;
}

.elan_label_add::after {
    content: "*";
    color: yellow;
    font-size: 20px;
    padding: 0px 2px;
}

.select_add1 {
    margin: 0px 10px 0px 10px;
    width: 270px;
    border: 1px solid #a8a8a8;
    /*    width: 230px;*/
    font-family: 'Roboto', sans-serif;
    /*    font-size: 18px;*/
    color: #777;
    font-size: 14px;
    /*    padding: 5px 0px;*/
    padding: 9px 5px 9px 5px;
    background-color: white;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.select_add1:hover {
    border: 1px solid #005d8e;
    background-color: #f7f7f7;
    /*    box-shadow: 0 0 5px 3px rgba(0, 149, 185, 0.52); */
}

.select_add1:focus {
    border: 1px solid #005d8e;
    outline: none;
    background-color: #f7f7f7;
    /*    outline-style: dashed;*/
    box-shadow: 0px 0px 1px 1px rgba(0, 149, 185, 0.52);
}

.elan_param__main {
    display: flex;
    padding: 10px 0px 0px;
    justify-content: center;
    flex-wrap: wrap;
}
.elan_param__column {

    flex: 1 1 25%;
    padding: 7px;
}

.elan_param__item,
.elan_param__subitem {
    border: 1px dashed white;
    border-radius: 10px;
    padding: 10px 10px 20px;
    text-align: center;
    color: white;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}





.param__item_icon {
}
.icon {
}
.icon_new_param {
    fill: currentColor;
    width: 50px;
    height: 50px;
    margin: 0px 5px;
    /*   margin-bottom: -2px;*/
}

.param__item_title {
}

.elan_param__item:hover,
.elan_param__subitem:hover {
    color: yellow;
    border: 1px dashed yellow;
}

.elan_param__item.show,
.elan_param__subitem.show {
    color: yellow;
    border: 1px dashed yellow;
}

.elan_ticari-subparam {
    margin: 10px auto 0px;
    width: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.4s ease-out;
}

.elan_ticari-subparam.open {
    opacity: 1;
    height: 170px;
    width: 100%;
}

.h4_line1 {

}

.h4_line1::before {
    content: "";
    min-width: 300px;
    min-height: 3px;
    background-color: yellow;
    position: absolute;
    top: -10px;
}

@media (max-width: 650px) {

    .elan_param__column {
        flex: 1 1 50%;
        padding: 7px;
    }

    .elan_ticari-subparam.open {
        opacity: 1;
        height: 280px;
        width: 100%;
    }
}

@media (max-width: 500px) {
    .elan_param__body {
        padding: 10px 0px;
    }

    .elan_ticari-subparam.open {
        opacity: 1;
        height: 280px;
        width: 100%;
    }
    .elan_param__item {
        padding: 5px 10px 10px;
    }
    .elan_param__column {
        padding: 5px;
    }
}


@media (max-width: 430px) {

    .elan_param__add {
        flex-wrap: wrap;
    }

    .elan_label_add {
        width: 270px;
    }
}


/* Car add section styles */

.elan_add_rule {
    /*    background-color: #ffc937;*/
    background-color: #006aac;
    max-width: 871px;
    margin: 10px auto;
    padding: 10px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 5px;

}

.cars__ads__main__inner3 {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    justify-content: space-between;
}

._container_middle {
    max-width: 1070px;
    margin: 0 auto;
    width: 100%;
}

._container_mini {
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 5px;
}

.cars__item2 {
    width: 50%;
    /*    border: 1px solid #e8e7e7;*/
    margin: 0px 0px;

}

.number_only {
    background-color: #ffba00;
    max-width: 871px;
    margin: 10px auto;
    padding: 20px 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 5px;

}

.number_only_style {
    color: #ff0000;
    color: #004774;
    font-size: 20px;
    font-weight: 600;
    padding: 0px 5px;
}

.ads_rule {
    /*    background-color: #ffc937;*/
    background-color: #006aac;
    max-width: 871px;
    margin: 10px auto;
    padding: 10px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 5px;

}

.marka_model_add {
    display: flex;
    margin: 0px 0px 0px 0px;
    align-content: space-between;
    /*    align-content: stretch;*/
}

.select_add {
    position: relative;
    margin: 10px 10px 10px 10px;
    width: 45%;
    border: 1px solid #a8a8a8;
    /*    width: 230px;*/
    font-family: 'Roboto', sans-serif;
    /*    font-size: 18px;*/
    color: #777;
    font-size: 14px;
    /*    padding: 5px 0px;*/
    padding: 9px 3px 9px 3px;
    background-color: white;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
}



.select_add_t1 {
    margin: 10px 10px 10px 10px;
    width: 22%;
    /*    width: 230px;*/
    font-family: 'Roboto', sans-serif;
    /*    font-size: 18px;*/
    color: #777;
    font-size: 14px;
    /*    padding: 5px 0px;*/
    padding: 9px 3px 9px 3px;
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    background-color: white;
    -moz-appearance: none;
    -webkit-appearance: none;

}


.select_add:hover,
.select_add_t1:hover {
    border: 1px solid #005d8e;
    background-color: #f7f7f7;
    /*    box-shadow: 0 0 5px 3px rgba(0, 149, 185, 0.52); */
}

.select_add:focus,
.select_add_t1:focus {
    border: 1px solid #005d8e;
    outline: none;
    background-color: #f7f7f7;
    /*    outline-style: dashed;*/
    box-shadow: 0px 0px 1px 1px rgba(0, 149, 185, 0.52);
}

.label_add,
.label_add1 {
    width: 170px;
    margin: 10px 10px 10px 15px;
    padding: 5px;
    0px;
    color: #464646;
    font-weight: 600;
    /*    padding: 0px 50px 0px 0px;*/
}

.label_add::after {
    content: "*";
    color: red;
    /*    vertical-align: super;*/
}


.input_add {
    margin: 10px 5px 10px 10px;
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    width: 90px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #777;
    /*    font-size: 14px;*/
    /*    padding: 5px 3px;*/
    padding: 9px 3px 9px 3px;
    /*    border-radius: 2px;*/

}

.input_add:hover {
    border: 1px solid #005d8e;
    background-color: #f7f7f7;
    /*    padding: 5px 3px;*/
    padding: 9px 3px 9px 3px;
    font-size: 14px;
    /*    box-shadow: 0 0 5px 3px rgba(0, 149, 185, 0.52); */
}

.input_add:focus {
    border: 1px solid #005d8e;
    outline: none;
    font-size: 14px;
    background-color: #f7f7f7;
    /*    outline-style: dashed;*/
    /*    box-shadow: 0px 0px 1px 1px rgba(0, 149, 185, 0.52);*/
}

.radio_add {
    /*    width: 15px;*/
    margin: 0px 0px 0px 0px;
    font-size: 10px;
    color: #777;
    padding: 5px 0px 0px 0px;
    /*    border-radius: 4px;*/
}


.currency_add {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}



.label_currency_add {
    /*    width: 20px;*/
    margin: 5px 5px 0px 0px;
    font-size: 12px;
    padding: 0px 5px 0px 0px;
    color: #464646;
    font-weight: 500;
    /*    padding: 0px 50px 0px 0px;*/
}

.label_currency_add:hover {
    /*    border: 1px solid #005d8e;*/
    background-color: #e3e3e3;
    /*    box-shadow: 0 0 5px 3px rgba(0, 149, 185, 0.52); */
}

.label_currency_add:focus {
    /*    border: 1px solid #005d8e;*/
    outline: none;
    /*    background-color: #f7f7f7;*/
    /*    outline-style: dashed;*/
    box-shadow: 0px 0px 1px 1px rgba(0, 149, 185, 0.52);
}



.checkbox_add {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    vertical-align: middle;
    /*    display: block;*/
    /*    width: 50px;*/
    margin: 10px 15px 5px 15px;
    /*    width: 70px;*/
    font-family: 'Roboto', sans-serif;
    color: #777;
    font-size: 14px;
    /*    text-overflow: ellipsis;*/
    /*    padding: 2px; 5px;*/
    border-radius: 4px;
    line-height: 1.1;
}



.label_checkbox_add1 {
    width: 170px;
    font-size: 14px;
    margin: 0px 10px 10px 0px;
    /*    margin: 10px 10px 10px 15px;*/
    padding: 5px;
    0px;
    color: #464646;
    font-weight: 600;
    /*    padding: 0px 50px 0px 0px;*/

}

.label_checkbox_add1::after {
    content: "*";
    color: red;
    /*    vertical-align: super;*/
}

.label_checkbox_add {
    width: 170px;
    font-size: 14px;
    margin: 0px 10px 10px 0px;
    /*    margin: 10px 10px 10px 15px;*/
    padding: 5px;
    0px;
    color: #464646;
    font-weight: 600;
    /*    padding: 0px 50px 0px 0px;*/

}

.pay_add {
    display: flex;
    flex-wrap: wrap;
}

.pay_method {
    margin: 5px 10px 0px -2px;
}

.pay_method:hover {
    /*    border: 1px solid #005d8e;*/
    background-color: #ebebeb;
    /*    box-shadow: 0 0 5px 3px rgba(0, 149, 185, 0.52); */
}

.pay_method:focus {
    /*    border: 1px solid #005d8e;*/
    outline: none;
    /*    background-color: #f7f7f7;*/
    /*    outline-style: dashed;*/
    /*    box-shadow: 0px 0px 1px 1px rgba(0, 149, 185, 0.52);*/
}

.pay_method1 {
    margin: 5px 2px 0px 5px;
}

.pay_add_estate {
    margin-bottom: 15px;
}

.textarea_add {
    margin: 20x 0px 0px 10px;
    width: 95%;
    max-width: 790px;
    height: 100px;
    padding: 5px 3px;
    border: 1px solid #a7a7a7;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border-radius: 5px;
}

.estate_textarea {
    margin-top: 10px;
    margin-bottom: 40px;
}

.textarea_add:hover {
    border: 1px solid #005d8e;
    background-color: #f7f7f7;
    padding: 5px 3px;
    font-size: 14px;
    /*    box-shadow: 0 0 5px 3px rgba(0, 149, 185, 0.52); */
}

.textarea_add:focus {
    border: 1px solid #005d8e;
    outline: none;
    font-size: 14px;
    background-color: #f7f7f7;
    /*    background-color: #f7f7f7;*/
    /*    outline-style: dashed;*/
    /*    box-shadow: 0px 0px 1px 1px rgba(0, 149, 185, 0.52);*/
}

.label_add_textarea {
    width: 170px;
    margin: 10px 10px 10px 20px;
    padding: 5px0px;
    color: #464646;
    font-weight: 600;
    /*    padding: 0px 50px 0px 0px;*/
}

.car_extra_same1 {
    margin: 20px 0px 0px 0px;
    padding: 7px 5px 7px 10px;
    font-family: "Source Sans Pro", sans-serif;
    /*    border-left: 5px solid red;*/
    font-size: 20px;
    font-weight: 600;
    color: #3e3d3d;
    display: flex;
    align-items: center;

    /*    border-top: 1px solid #d1d1d1;*/
    /*    border-bottom: 1px solid #d1d1d1;*/

}


/*.car_extra_same1::before {
    font-size: 18px;
    content: "";
    border-left: 5px solid #ff0000;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 5px;
    padding: 1px 0px;
}*/


.extra__item1 {
    width: 25%;
    padding: 5px 5px 5px 5px;

}

@media (max-width: 800px) {
    .extra__item1 {
        width: 33.333%;
    }
}

@media (max-width: 600px) {
    .extra__item1 {
        width: 50%;
    }
}

@media (max-width: 400px) {
    .extra__item1 {
        width: 100%;
    }
}

.input_extra {
    width: 33.33333%;
    padding: 0px 5px 0px 10px;
}

.extra_item_checkbox {
    margin: 5px 2px 0px 5px;

}

.extra_item_label {
    margin: 5px 10px 0px 0px;
    font-size: 15px;
    font-weight: 400;
}

.photo_add_main {
    margin: 0 auto 20px;
    border: 2px dashed #ff8900;
    /*    padding: 5px 5px;*/
    position: relative;
}

.photo_border_add {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*    border: 2px dashed #ff8900;*/
    /*    align-content: stretch;*/
}

.photo_border_add1 {
    position: absolute;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    /*    border: 2px dashed #ff8900;*/
    /*    align-content: stretch;*/
    top: 0px;
    left: 0px;
}
.b{
    z-index: -1;
}

.add_photo_a {
    width: 25%;
    padding: 5px 5px;


}

.add_photo_t {
    /*    width: 25%;*/
    position: relative;
    padding: 0 0 67% 0;
    /*    text-align: center;*/
    /*    height: 180px;*/
    overflow: hidden;


}

.add_photo_t:hover {

    border: 1px solid #b2b2b2;
    box-shadow: 0px 0px 1px 1px rgba(173, 173, 173, 0.52);


}

.photo_upload_signs {
    /*    display: none;*/
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: white;
    padding: 2px 2px;
    background: rgba(0, 30, 129, 0.82);
    /*   background-color: orangered;*/
    position: absolute;
    cursor: pointer;
}

.right_arw {
    right: 22px;
    bottom: 0px;
    z-index: 1001;
}

.left_arw {
    right: 43px;
    bottom: 0px;
    z-index: 1002;
}

.del_arw {
    padding: 2px 2px;
    right: 0px;
    bottom: 0px;
    z-index: 1003;
    /*    color: red;*/
}



.left_arw:hover,
.right_arw:hover,
.del_arw:hover {
    background: #03a3eb;
}

.left_arw:active,
.right_arw:active,
.del_arw:active {
    background: #016e9f;
}

.view_text {
    padding: 2px 6px;
    font-size: 14px;
    right: 0px;
    top: 0px;
    z-index: 1004;
    cursor: default;
}

/*
.photo_upload {
    position: absolute;
    z-index: 1000;
}
*/


.add_photo_style_t {
    /*    display: block;*/
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
    background-color: white;
    /*    object-fit: cover;*/
    /*    max-width: 100%;*/
    /*    height: auto;*/


    /*    margin: 10px; 15px;*/
    /*    padding: 5px 10px;*/
}




.add_photo0 {
    /*    width: 70%;*/
    height: auto;
    margin: 20px auto;
    font-size: 14px;

}

.add_photo {
    align-content: center;
    align-items: center;
    width: 19%;
    object-fit: contain;
    /*    height: auto;*/
    height: 160px;
    margin: 5px 5px 5px 5px;
    border: 1px solid grey;
    overflow: hidden;
    text-align: center;
    /*    position: relative;*/

}

.add_photo_thmb {
    margin: 0 auto;
    width: 100%;
    height: auto;
}



.add_photo_style {
    width: 100%;
    margin: 0 auto;

    display: block;
    width: 166.19;
    /*    vertical-align: middle;*/
    /*    align-content: center;*/
    /*    align-items: center;*/
    /*    height: 96.39px;*/
    /*    height: auto;*/
    /*    margin: 10px; 15px;*/
    /*    padding: 5px 10px;*/
    /*    position: absolute;*/
    /*    top: 45%;*/
    /*    left: 45%;*/
}

.input_contact_add {
    margin: 10px 10px 10px 10px;
    border: 1px solid #9d9d9d;
    /*    width: 230px;*/
    width: 22%;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #777;
    font-size: 14px;
    padding: 10px 5px;
    border-radius: 4px;

}

.input_mileage_add {
    margin: 10px 10px 10px 10px;
    width: 45%;
    border: 1px solid #9d9d9d;
    /*    width: 230px;*/
    font-family: 'Roboto', sans-serif;
    /*    font-size: 18px;*/
    color: #777;
    font-size: 14px;
    /*    padding: 5px 0px;*/
    padding: 9px 3px 9px 3px;
    background-color: white;
    border-radius: 4px;
    -moz-appearance: none;

}

.input_contact_add:hover,
.input_mileage_add:hover,
.input_mileage_search_all:hover {
    border: 1px solid #005d8e;
    background-color: #f7f7f7;
    /*    box-shadow: 0 0 5px 3px rgba(0, 149, 185, 0.52); */
}

.input_contact_add:focus,
.input_mileage_add:focus,
.input_mileage_search_all:focus {
    border: 1px solid #005d8e;
    outline: none;
    /*    background-color: #f7f7f7;*/
    /*    outline-style: dashed;*/
    background-color: #f7f7f7;
    box-shadow: 0px 0px 1px 1px rgba(0, 149, 185, 0.52);
}

.btn_submit {
    display: block;
    margin: 30px auto;
    width: 240px;
    vertical-align: top;
    background-color: red;
    border: 1px solid #ff0000;
    padding: 14px 40px;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Raleway';
    font-size: 14px;
    text-align: center;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .1s linear;
}

.btn_submit:hover {
    background-color: #e60000;
    box-shadow: 0px 0px 1px 1px rgba(237, 0, 0, 0.52);
}

@media (max-width: 960px) {
    .marka_model_add {
        flex-direction: column;
    }

    .marka_model_search {
        flex-direction: column;
    }

    .label_add,
    .label_add1 {
        width: 95%;
        margin: 10px 10px 2px 20px;
    }

    .label_search_all {
        width: 95%;
        margin: 10px 10px 2px 20px;
    }

    .marka_model_search_curency {
        display: flex;
        margin: 5px 0px 0px 30px;
    }

    .label_search_all_c {
        width: 5%;
        margin: 10px 10px 2px 20px;
    }

    .label_add_textarea {
        margin: 15px 5px 5px 25px;
    }

    .select_add {
        margin: 0 auto;
        width: 90%;
    }

    .input_mileage_add {
        margin: 0 auto;
        width: 90%;

    }

    .input_mileage_search_all {
        margin: 0 auto;
        width: 40%;
    }

    .input_search_all {
        margin: 0px 0px 0px 10px;
    }

    .input_contact_add {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 15px;
        width: 270px;
    }

    .select_add_t1 {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 15px;
        width: 270px;
    }

    .input_add {
        margin: 0px 5px 10px 20px;
    }

    .label_checkbox_add {
        width: 120px;
        font-size: 14px;
        margin: 0px 5px 10px 5px;
    }

    .label_checkbox_add1 {
        width: 120px;
        font-size: 14px;
        margin: 0px 5px 10px 5px;
    }


    .textarea_add {
        width: 95%;
        margin: 0 auto;
    }

    .add_photo {

        width: 25%;
        align-content: center;
        align-items: center;
    }

    .add_photo_a {
        width: 25%;
    }

    .dealer_one_logo {
        width: 50%;

    }
}

@media (max-width: 750px) {
    .add_photo_a {
        width: 33.333%;
    }
}

@media (max-width: 600px) {
    .add_photo_a {
        width: 50%;
    }
}

@media (max-width: 670px) {
    .cars__item2 {
        width: 100%;
    }
}

/* 404 page styles */

.intro3 {
    position: relative;
    width: auto;
    /*    width: 1200px;*/
    height: 500px;
    background-color: #ffffff;
    background-image: url("../img/404.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    /*    background-size: cover;*/
}

.p404 {
    position: absolute;
    color: #ee5624;
    font-size: 130px;
    margin: 0 70px;
    left 10%;
    top: 15%;
    background-color: rgba(255, 255, 255, 0.75);
    font-weight: 700;
}


.p404_h2 {
    position: absolute;
    color: #ee5624;
    font-size: 40px;
    margin: 0 80px;
    font-weight: 700;
    left 10%;
    bottom: 30%;
    background-color: rgba(255, 255, 255, 0.75);
}

.main_btn {
    position: absolute;
    padding: 9px 12px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 80px;
    color: white;
    text-decoration: none;
    background-color: #ee5624;
    left 10%;
    bottom: 20%;
}

/* Agency all page */
.agency__filtr {
    cursor: pointer;
    outline: none;
}

@media (max-width: 330px) {
    .icon_salon {
        display: none;
    }
}

/*Car dealer about page*/

.agency__banner_name_logo {
    position: absolute;
    bottom: 10px;
    left: 200px;
    left: 14%;
    display: flex;
}

.agency__banner_logo {
    width: 120px;
    height: 120px;
    flex: 0 0 120px;
    border-radius: 10px;
    overflow: hidden;
    /*   background-color: rgba(255, 255, 255, 0.81);*/
    background-color: rgba(213, 213, 213, 0.71);
    background-color: rgba(213, 213, 213, 0.86);
    border: 1px solid #ffffff;

}

.agency__banner_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.agency__banner_about {
    align-self: flex-end;
    padding: 7px 20px 7px 15px;
    font-size: 16px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.41);
}

.agency__banner_name {

}

.agency__banner_type {
    font-weight: 300;
    font-size: 14px;
}


@media (max-width: 1170px) {
    .agency__banner_name_logo {
        left: 60px;
    }
}

@media (max-width: 550px) {
    .agency__banner_logo {
        width: 100px;
        height: 100px;
        flex: 0 0 100px;
    }
    .agency__banner_name_logo {
        left: 40px;
    }
}

@media (max-width: 470px) {
    .agency__banner_name_logo {
        left: 30px;
    }
    .agency__banner_name {
        /*      padding: 7px 20px 7px 10px;*/
    }
}

@media (max-width: 470px) {
    .agency__banner_name_logo {
        left: 20px;
    }

}

/* Agency info page Styles */

.agency__info {
    margin-top: -10px;
}
.agency__info_container {
}
._container {
}
.agency__info_row {
    display: flex;
    margin: 5px 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    /*   border-bottom: 1px dashed green;*/
    /*   padding-bottom: 10px;*/

}
.agency__info_column {
    flex: 1 1 33.333%;
    padding: 5px;
}

.agency__info_body {
    display: flex;
    padding: 7px 5px;
    justify-content: center;
    align-items: center;
    border: 1px dotted green;
    border-radius: 10px;
    height: 100%;
}
.agency__info_icon {
}

.icon-location3 {
    width: 25px;
    height: 25px;
    fill: #ffd700;
    margin: 0px 10px;
}
.agency__info_about {
}
.agency__info_text {
    font-size: 15px;
    font-weight: 500;
}

@media (max-width: 900px) {
    .agency__info_column {
        flex: 1 1 50%;
        padding: 5px;
    }
}

@media (max-width: 700px) {
    .agency__info_row {
        margin: 5px 10px;
    }
}

@media (max-width: 500px) {
    .agency__info {
        margin-bottom: 20px;
    }
    .agency__info_column {
        flex: 1 1 100%;
        padding: 5px;

    }
    .agency__info_body {
        justify-content: flex-start;
    }

}


/*  Agency tabs styles */

.agency__tabs {

    /*   background-color: #f8ffe7;*/
    margin-bottom: 10px;
}

.agency__margin-top {
    margin-top: 10px;
}

.agency__tabs_container {

}
._container {
}
.agency__tabs_row {
    display: flex;
    margin: 0px 20px 0px;
    /*   border-top: 1px dashed green;*/
    /*   border-bottom: 1px dashed green;*/
    background-color: #f1ffce;
    padding: 5px 5px;
    white-space: nowrap;
    border-radius: 10px;
    overflow-x: auto;
}
.agency__tabs_item {
    cursor: pointer;
    padding: 5px;

}



.agency__tab_body {

    /*   background-color: #004da8;*/
    background-color: #0058bf;
    color: white;
    border-radius: 7px;
    padding: 7px 15px;
    transition: all 0.3s ease 0s;
}

.tab_body_active {
    color: #ffff72;
    /*   text-decoration: underline;*/
}

.agency__tabs_item:hover .agency__tab_body {
    color: yellow;
    background-color: #0060d1;
}

@media (max-width: 700px) {
    .agency__tabs_row {
        margin: 0px 10px 0px;
    }
}

@media (max-width: 500px) {
    .agency__tabs {
        margin-top: 0px;
    }
}

/* Agency backfeed styles */


.agency_backfeed {
    margin-bottom: 10px;
}
.agency__backfeed_container {
}

.agency__backfeed_row {
    display: flex;
}
.agency__backfeed_item {
    padding: 5px 0px;
    flex: 0 1 25%;
}

.agency__backfeed_body {
    display: flex;
    padding: 10px 5px;
    justify-content: center;
    align-items: center;
    border: 1px dotted green;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.agency__backfeed_body:hover {
    background-color: #f0ffcc;
}

@media (max-width: 700px) {
    .agency__backfeed_row {
        flex-wrap: wrap;
    }
    .agency__backfeed_item {
        padding: 5px 0px;
        flex: 0 1 50%;
    }
}

/* Agency report styles */

.agency__report {
    /*   margin-bottom: 20px;*/
    margin: 0px 0px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: max-height;
    transition: all 0.4s ease-out;
    border-bottom: 1px solid #d1d1d1;
}

.agency__report.open {
    margin: 5px 0px 10px;
    height: 150px;
    opacity: 1;
}

@media (max-width: 820px) {
    .agency__report.open {
        height: 200px;
    }
}


.agency__report-container {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.agency__report_container {
}

.agency__report_row {
    /*
       border-bottom: 1px dashed green;
       border-top: 1px dashed green;
    */
    display: flex;
    justify-content: center;
    margin: 10px auto;
    flex-wrap: wrap;
}
.agency_report_item {
    flex: 0 1 20%;
    padding: 0px 20px;
    background-color: #f0ffcc;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 5px 5px;

}

.agency_report_item,
.agency_report_item input,
.agency_report_item label {
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.agency_report_item:hover,
.agency_report_item input:hover,
.agency_report_item label:hover {
    background-color: #dcff87;
}

.agency_report_item1:not(:last-child) {
    border-right: 1px dashed #00f000;
}

.agency_report_item label {
    padding: 0px 3px;
}

@media (max-width: 820px) {
    .agency_report_item {
        flex: 0 1 30%;
    }
}

@media (max-width: 620px) {
    .agency_report_item {
        flex: 0 1 47%;
    }
}

@media (max-width: 420px) {
    .agency_report_item {
        flex: 0 1 48%;
        padding: 10px 5px;
        margin: 5px 2px;
    }
}

/*Agency about short*/

.dealer_about_short {
    padding: 0px 0px 10px;
}

.dealer_about_short_text {
    margin: 10px 30px 10px;
    border: 1px dotted grey;
    padding: 10px;
    border-radius: 10px;
    font-size: 16px;
    color: #555555;
}

.dealer_about_short_name {
    color: #009fd4;
    font-weight: 700;
}

.dealer_about_more {
    text-decoration: underline;
}

@media (max-width: 500px) {
    .dealer_about_short_text {
        margin: 10px 20px 10px;
    }
}

/* Favorites page styles */

.favorites_not_found {
}
.favorites_not_found_container {
}

.fav_notfound_text {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 20px 10px;
    color: darkblue;
}

.favorites_not_found__image {
    margin: 20px auto 20px;
    max-width: 500px;
    border: 1px solid grey;
    border-radius: 15px;
}

.favorites_not_found__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Search page styles*/

.reset_save {
}
.reset_save__container {
}

.reset_save-body {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.sreset_btn {
    font-weight: 700;
    font-size: 16px;
    /*   background-color: #004da8;*/
    background-color: #e33d00;
    color: white;
    padding: 7px 15px;
    border-radius: 7px;
    margin: 0px 10px;
}
.ssave_btn {
    font-weight: 700;
    font-size: 16px;
    background-color: #ff5d22;
    color: white;
    padding: 5px 15px;
    border-radius: 7px;
}

.icon-sreset {
    fill: currentColor;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    margin-bottom: -2px;
}

@media (max-width: 500px) {
    .reset_save-body {
        justify-content: center;
    }
    .ssave_btn,
    .sreset_btn {
        font-size: 14px;
        font-weight: 500;
    }
}

@media (max-width: 360px) {
    .ssave_btn,
    .sreset_btn {
        font-size: 12px;
        font-weight: 500;
    }
    .icon-sreset {
        width: 15px;
        height: 15px;
    }
}

/*  Paginations Styles */

.pagination {
    text-align: center;
    margin-bottom: 20px;
}

.pagination_item {
    text-align: center;
    margin: 2px 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: darkgrey;
    padding: 2px 5px;
}

.page_active {
    color: white;
    border: 1px solid orangered;
    background-color: orangered;
    border-radius: 5px;
}

.page_pointer {
    color: orangered;
    margin: 2px 5px;
    font-weight: 700;
}

.pagination_item:hover {
    color: orangered;
    border-bottom: 2px solid orangered;
}

.page_active:hover {
    color: white;

}

/*  Contact Us  */

.contact_us_title {
    text-align: center;
    color: #006ad4;
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 700;
}

.contact_us {
    /*    background-color: #9dce95;*/
    width: 100%;
    margin-bottom: 40px;
    background-color: #004da8;
}

.contact_us_parts {
    display: flex;
    justify-content: space-between;
    paddving: 40px 0px 40px 0px;
    /*    margin: 40px auto;*/


}

.contact_us_text_part {
    width: 50%;
    padding: 0 40px;
    color: white;
}

.contact_us_text_title {
    margin-bottom: 10px;
    font-size: 26px;
    /*    text-transform: uppercase;*/
    font-weight: 700;
}



.contact_us_text {
    font-size: 16px;
}

.contact_us_input_part {
    width: 50%;
    padding: 0 40px;
    margin: 20px auto;
}

.contact_us_input {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.name_mail_flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.input_name_mail {
    /*    max-width: 48%;*/
    width: 48%;
    margin: 5px 5px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid grey;
    outline: none;
}

.input_subject {
    width: 100%;
    margin: 5px 5px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid grey;
    outline: none;
}

.input_textarea {
    width: 100%;
    margin: 5px 5px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid grey;
    outline: none;
    overflow: auto;
    resize: none;
    font-family: inherit;
}

.btn_input {

    display: inline-block;
    margin: 5px 5px;
    padding: 10px 35px;

    border-radius: 5px;
    border: 1px solid gold;
    cursor: pointer;
    font-size: 14px;
    text-align: right;
    /*    text-align: left;*/
    color: #009500;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .2s, color .2s linear;
}

.btn__red_c {
    background-color: orange;
    margin-bottom: 5px;
}

.btn__red_c:hover,
.btn__red_c:focus {
    background-color: orangered;
    color: yellow;
}

.btn__red_c:active {
    outline: none;
    border: 1px solid white;

}



@media (max-width: 991px) {

    /*  Contact Us start  */


    .contact_us_text_part {
        padding: 0 20px;
    }
    .contact_us_input_part {
        padding: 0 20px;
    }

}


@media (max-width: 767px) {
    .contact_us_parts {
        flex-wrap: wrap;
    }

    .contact_us_text_part {
        width: 100%;
        padding: 0 20px;
    }
    .contact_us_input_part {
        width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 400px) {
    .contact_us_input_part {
        padding: 0 10px;
    }
}

/*  Footer Styles */

.footer {
    margin-top: auto;
    /*    background-color: #1e1e1e;*/
    /*   background-color: #291303;*/
    /*   background-color: #01183c;*/
    background-color: #023e7d;
}
.footer__top {
    border-bottom: 1px solid grey;
    padding: 20px 0;
}
.footer__top_container {
    max-width: 1200px;

}

.footer__row {
    display: flex;
    flex-wrap: wrap ;
    margin: 0 -15px;
}

.footer__column {
    flex: 0 0 20%;
    padding: 20px 15px;
    min-width: 160px;
}

.footer__column:last-child {
    flex: 0 0 36%;
}




.footer__label {
    color: white;
    font-weight: 700;
    line-height: 150%;
    font-size: 16px;
    margin: 0 0 15px 0;
    display: inline-block;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border-bottom: 2px solid white;
}

.footer__label:hover {
    border-bottom: 2px solid gold;
    color: gold;
}

.footer__menu {
}
.menu-footer {
}
.menu-footer__list {
}
.menu-footer__item {
}

.menu-footer__item:not(:last-child) {
    margin: 0 0 10px 0;
}

.menu-footer__link {
    font-size: 14px;
    font-weight: 400;
    color: white;
    transition: all 0.3s ease 0s;
}

.menu-footer__link:hover {
    /*    font-weight: 600;*/
    border-bottom: 2px solid gold;
    color: gold;
}
.contacts__footer {
}
.footer-contacts {
    display: flex;
    flex-direction: column;
}
.footer-contacts__item {
    padding: 0 0 0 34px;
    display: flex;
    align-items: center;
    min-height: 30px;
    color: white;
    line-height: 142%;
    font-size: 14px;
    font-weight: 400;
}

.footer-contacts__item:not(:last-child) {
    margin: 0 0 10px 0;
}

.footer-contacts__item:hover {
    text-decoration: underline;
}

.footer-contacts__text {
    color: #bbb;
    line-height: 1.4;
    margin-bottom: 7px;
    font-weight: 500;
}

.footer-contacts__item__phone {
    background: url("../img/footer/f1.svg") left no-repeat;
}
.footer-contacts__item__map {
    background: url("../img/footer/f2.svg") left no-repeat;
}
.footer-contacts__item__mail {
    background: url("../img/footer/f3.svg") left no-repeat;
}
.footer__bottom {
    padding: 15px 0;
}


.footer__bottom__container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer__bottom__container a {
    /*   text-decoration: none;*/
    color: white;
    font-weight: 700;
}

.footer__bottom__copy {
    line-height: 170%;
    text-align: center;
    color: darkgrey;
}
.footer__bottom__social {
    display: flex;
    align-items: center;

}
.footer__bottom__social_item:not(:last-child) {
    margin: 0 15px 0 0;
}
.footer__bottom__social__icon {
    width: 16px;
    height: 16px;
}


/*  Subsribe Styles  */

.subscribe {
    width: 100%;
    max-width: 250px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.subscribe__input {
    background-color: transparent;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    outline: 0;
    color: #fefefe;
    border: 1px solid #727272;
}

.subscribe__input:active,
.subscribe__input:focus {
    border: 1px solid gold;
}

.subscribe__input::placeholder {
    color: #b2b2b2;
}

.subscribe__btn {
    border: 0;
    padding: 12px 15px;
    /*    line-height: 1;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    cursor: pointer;
    outline: 0;
    color: #fefefe;
    background-color: orangered;
    /*   border: 1px solid transparent;*/
    transition: background .2s linear;
}

.subscribe__btn:hover {
    background-color: #de3c00;
}

@media (max-width: 767px) {
    .footer__bottom__container {
        flex-direction: column;
        text-align: center;
        margin: 0 0 0px 0;
    }
    .footer__bottom__copy {
        margin: 0 0 0px 0;
    }

    .subscribe {
        /*      flex-wrap: wrap;*/
    }
}


@media (max-width: 850px) {
    .footer__column {
        flex: 0 1 33%;
        padding: 20px 15px;
        min-width: 160px;
    }

    .footer__column:last-child {
        flex: 0 1 100%;
    }
}

@media (max-width: 500px) {
    .footer__column {
        flex: 0 1 50%;
        padding: 20px 15px;
        min-width: 160px;
    }
}

.rotat{
    animation: animName 5s linear infinite;
    width: 100%;

}

@keyframes animName {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}