/* Cteate by 'vit.vn' 2018 vit.vnvnvn@gmail.com*/


/*----- reset style -------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    /*background: #000000;*/
}
a {
    color: inherit;
    text-decoration: none
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }

img, fieldset, a img {
    border: none; }

input[type="text"]:active, input[type="text"]:hover,
input[type="email"]:active,
input[type="email"]:hover,
input[type="tel"]:active,
input[type="tel"]:hover,
a:active,
a:hover {
    text-decoration: none;
    outline: none;
}

input{
    font-family: 'Montserrat', sans-serif!important;
    border-radius: 0;
    -webkit-appearance: none;
}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; ransition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}


input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; ransition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

::-webkit-input-placeholder {color:#a4a4a4;}
::-moz-placeholder          {color:#a4a4a4;}/* Firefox 19+ */
:-moz-placeholder           {color:#a4a4a4;}/* Firefox 18- */
:-ms-input-placeholder      {color:#a4a4a4;}

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

textarea {
    -webkit-appearance: none; }

/*input[type="submit"],*/
/*button {*/
/*outline: none;*/
/*border: 0;*/
/*background: transparent;*/
/*cursor: pointer; }*/
/*input[type="submit"]::-moz-focus-inner,*/
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

textarea {
    overflow: auto; }

input, button {
    margin: 0;
    padding: 0;
    border: 0; }

div, input, textarea, select, button,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
    outline: none; }

ul, ol {
    list-style-type: none; }

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%; }

html {
    box-sizing: border-box; }

*, *:before, *:after {
    box-sizing: inherit; }

.t-center{
    width: 100%;
    text-align: center!important;
}
/* ------ end -------*/
#main{
    overflow: hidden;
}

.container{
    max-width: 1470px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
}
.b-fixed{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.btn{
    font-size: 12px;
    color: #ffffff;
    padding: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ff0000;
    transition: all .3s ease-in-out!important;
    cursor: pointer;
}
.btn-d{
    color: #ffffff;
    background: #BE082E!important;
    border: 2px solid #BE082E;
}
.btn-d:hover{
    color: #BE082E;
    background: #ffffff!important;
}
.btn:hover{
    background: #ff0000;
}
.btn-w180{
    width: 180px;
}
.fl-left{
    float: left;
}
.fl-right{
    float: right;
}
.hidden{
    display: none!important;
}

.t-def{
    color: #00000!important;
}
.t-wait{
    color: #F2994A!important;
}
.t-err{
    color: #a91111!important;
}
.t-success{
    color: #27AE60!important;
}

.t-orange{
    color: #F2994A!important;
}
.t-red{
    color: #a91111!important;
}
.t-green{
    color: #27AE60!important;
}
.t-black{
    color: #333333!important;
}
.t-black-blue{
    color: #235789!important;
}


/* ========== style pages ============*/
.autorization{
    width: auto;
    background-color: #F6F6F6;
    background-position-x: center!important;
    background-repeat: no-repeat!important;
    position: relative;
    background-image: url(../img/main_bg.png);
    padding-bottom: 35px;
}

.main_bg-black{
    background: #000000;
    overflow: hidden;
}

/*header*/
.h-main_bg{
    background-position-y: center!important;
    background-position-x: center!important;
    background-repeat: no-repeat!important;
    background-size: cover !important;
    position: relative;
    background: url(../img/h-main-page.png)
}
.header-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
}
.header-wrap .logo-wrapp{
    width: 60px;
    position: relative;
}
.header-wrap .logo-wrapp img{
    width: 57px;
}
.header-wrap .logo-wrapp p{
    font-weight: 800;
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: -1px;
    color: #333333;
    text-align: center;
    margin-top: 25px;
    position: absolute;
    bottom: -7px;
    left: 0;
}
.header-wrap.main-page .logo-wrapp p{
    position: relative;
    margin-top: 0;
}
.header-wrap .h-nav .h-exit {
    font-size: 16px;
    line-height: 16px;
    color: #a91111;
    letter-spacing: 1.5px;
    font-weight: 600;
    margin-right: 10px;
}

/*header-navs*/
.header-navs{
    width: 100%;
    margin-left: 40px;
}
.header-navs.ml-0{
    margin-left: 0px;
}
.header-navs .top-navs{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-navs .top-navs_l{
    display: flex;
    align-items: center;
}
.top-navs .top-navs_l .item{
    display: flex;
    align-items: center;
}
.top-navs .top-navs_l .item + .item{
    margin-left: 30px;
}
.top-navs .top-navs_l .item .title{
    font-size: 13px;
    line-height: 16px;
    color: #5E727D;
}
.top-navs .top-navs_l .item .ico{
    width: 18px;
    margin-right: 5px;
}
.top-navs .top-navs_l .item .desc{
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    margin-left: 5px;
}
.top-navs .top-navs_l .item .desc.company{
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
}

.top-navs .top-navs_r{
    display: flex;
}
.top-navs .top-navs_r .user{
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 15px;
}
.top-navs .top-navs_r .user .avatar{
    width: 35px;
    height: 35px;
    background-size: 100% !important;
    border-radius: 50%;
    margin-right: 10px;
}
.top-navs .top-navs_r .user .name{
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #5E727D;
    white-space: normal;
    max-width: 110px;
}
.top-navs .top-navs_r .exit{
    display: flex;
    align-items: center;
}
.top-navs .top-navs_r .exit img{
    width: 18px;
}
.top-navs .top-navs_r .exit span{
    font-weight: 600;
    font-size: 13px;
    color: #BE082E;
    text-decoration: underline;
    margin-right: 7px;
    display: block;
}
.mob-header-nav{
    display: none;
    margin-right: 75px;
    align-items: center;
}
.mob-header-nav .ico-search{
    margin-right: 20px;
    cursor: pointer;
    background: url(../img/ico-search.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    outline: none!important;
    border: none!important;
}
.mob-header-nav  .ico-search.is-show{
    background: url(../img/xx.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}
.mob-header-nav .ico-phone{
    cursor: pointer;
}
.mob-header-nav .language{
    padding: 4px 5px;
    margin-left: 15px;
}
.mob-header-nav{

}
#mobile_menu{

}
#mobile_menu .mob-nav{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    z-index: 91;
    height: calc(100vh - 40px);
    max-width: 550px;
}
#mobile_menu .mob-nav-top,
#mobile_menu .mob-nav-bottom{
    padding: 40px;
    display: flex;
    flex-direction: column;
}
#mobile_menu .mob-nav-top{
    background: #F2F2F2;
}
#mobile_menu .mob-nav-top .h-nav-item{
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
#mobile_menu .mob-nav-top .h-nav-item .ico-nav{
    width: 24px;
}
#mobile_menu .mob-nav-top .h-nav-item span{
    color: #5E727D;
    font-size: 18px;
    margin-left: 10px;
}
#mobile_menu .mob-nav-bottom{
    background: #ffffff;
    height: 100%;
    overflow-y: auto;
}
#mobile_menu .mob-nav-bottom .user {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 25px;
}
#mobile_menu .mob-nav-bottom .user .avatar {
    width: 42px;
    height: 42px;
    background-size: 100% !important;
    border-radius: 50%;
    margin-right: 10px;
}
#mobile_menu .mob-nav-bottom .user .name {
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    color: #5E727D;
    white-space: normal;
}
#mobile_menu .mob-nav-bottom .item{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
#mobile_menu .mob-nav-bottom .item .ico {
    width: 22px;
    margin-right: 5px;
}
#mobile_menu .mob-nav-bottom .item .title {
    font-size: 18px;
    line-height: 16px;
    color: #5E727D;
}
#mobile_menu .mob-nav-bottom .item .desc {
    max-width: 223px;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    font-size: 22px;
    margin-left: 10px;
    font-weight: 700;
}
#mobile_menu .mob-nav-bottom .exit {
    display: flex;
    align-items: center;
    bottom: 35px;
    left: 45px;
}
#mobile_menu .mob-nav-bottom .exit span {
    font-weight: 600;
    font-size: 18px;
    color: #BE082E;
    text-decoration: underline;
    margin-right: 7px;
    display: block;
}



.header-navs .botom-navs{
    margin-top: 16px;
    background: #FFFFFF;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 17px 10px 10px;
    width: 100%;
}
.h-search-form{
    width: 100%;
    max-width: 320px;
    position: relative;
}
.h-search-input{
    background: #EDECEB;
    border: 1px solid #EAEAEA;
    max-width: 410px;
    width: 100%;
    height: 38px;
    padding: 10px 30px 10px 10px ;
    position: relative;
    z-index: 10;
}
.h-search-btn{
    background: url(../img/search.svg);
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translate(0, -50%);
    background-size: 100%;
    width: 17px;
    height: 17px;
    z-index: 11;
    cursor: pointer;
}
.h-bottom-nav{
    display: flex;
    align-items: center;
}
.h-bottom-nav .h-nav-item{
    display: flex;
    align-items: center;
}
.h-bottom-nav .h-nav-item:hover span{
    color: #BE082E;
}
.h-bottom-nav .h-nav-item + .h-nav-item{
    margin-left: 30px;
}
.h-bottom-nav .h-nav-item .ico-nav{
    width: 18px;
    margin-right: 7px;
}
.h-bottom-nav .h-nav-item span{
    font-weight: 500;
    font-size: 14px;
    line-height: 13px;
    color: #5E727D;
    transition: all .3s ease-in-out;
}

/*tab-nav-wrapp*/
.tab-nav-wrapp{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tabs-wrapp{
    position: relative;
    width: 100%;
}
.tabs-wrapp .mob-tab-nav{
    display: none;
    align-items: center;
    height: 40px;
    padding: 7px 30px 7px 15px;
    border: 1px solid #BE082E;
    position: relative;
    margin-right: 20px;
}
.tabs-wrapp .mob-tab-nav span{
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}
.tabs-wrapp .mob-tab-nav:after{
    content: '';
    width: 16px;
    height: 9px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translate(0, -50%);
    background: url(../img/arr-down.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.tab-nav-settings .tab-set{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.tab-nav-settings .tab-set img{
    width: 18px;
    margin-right: 5px
}
.tab-nav-settings .tab-set span{
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    transition: all .3s ease-in-out;
}
.tab-nav-settings.is-active .tab-set img{
    filter: grayscale(1);
    opacity: .5;
}
.tab-nav-settings.is-active .tab-set span{
    color: #979797;
}
.tab-set:hover span{
    color: #BE082E;
}
.tab-nav-tabs{
    display: flex;
    align-items: center;
}
.tab-nav-tabs.active{
    display: flex!important;
}
.tab-nav-tabs .tab-nav-item{
    background: #BE082E;
    width: 150px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-right: 1px solid #ffffff ;
}
.tab-nav-tabs .tab-nav-item .tab-ico-calc{
    background: url(../img/tab-calc.svg);
    background-size: 100% !important;
    background-repeat: no-repeat!important;
    width: 15px;
    height: 15px;
    margin-right: 4px;
}

.tab-nav-tabs .tab-nav-item .tab-ico-chat{
    background: url(../img/tab-chat.svg);
    background-size: 100% !important;
    background-repeat: no-repeat!important;
    width: 15px;
    height: 15px;
    margin-right: 4px;
}
.tab-nav-tabs .tab-nav-item span{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #ffffff;
}
.tab-nav-tabs .tab-nav-item.is-active{
    background: #ffffff;
}
.tab-nav-tabs .tab-nav-item.is-active span{
    color: #000000;
}
.tab-nav-tabs .tab-nav-item.is-active .tab-ico-calc{
    background: url(../img/tab-calc-a.svg);
}
.tab-nav-tabs .tab-nav-item.is-active .tab-ico-chat{
    background: url(../img/tab-chat-a.svg);
}


/*tab-cont-wrapp*/
.tab-cont-wrapp{
    box-shadow: 0px 4px 16px rgba(91, 117, 142, 0.21);
}

.tab-cont-wrapp .tab-cont-tabs{
    display: none;
    background: #ffffff;
    width: 100%;
    flex-direction: column;
}
.tab-cont-wrapp .tab-cont-tabs.is-active{
    display: flex;
}
.filter-criteria{
    display: flex;
    align-items: center;
    padding: 30px 20px 25px 20px;
}
.filter-criteria span{
    display: flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}
.filter-criteria .download-exel{
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #BE082E;
    margin-left: 7px;
}

/*order table container*/
.table-container{
    box-shadow: 0px 12px 16px rgba(91, 117, 142, 0.21);
}
.table-container .table-row{
    display: grid;
    grid-template-columns: 80px 90px 58px 295px 150px 104px 104px 104px 104px 125px 120px 108px;
    /*80px 90px 58px 225px 150px 104px 104px 104px 104px 125px 55px 168px 75px;*/
}
.table-container .table-row.table-item:nth-child(even) .item{
    border-right: 1px solid #F2F2F2;
}
.table-container .table-header .item{
    border-right: 1px solid #ffffff;
}
.table-container .table-row.table-item:nth-child(odd){
    /*background: #F2F2F2;*/
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}
.table-container .table-row.table-item:nth-child(odd) .item{
    border-right: 1px solid #ffffff;
    background: #F2F2F2;
}
.table-container .table-row .item {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 5px;
}
.table-container .table-row.table-filter .item {
    height: 50px;
    padding: 0;
}
.table-container .table-row.table-filter .mob-total .mob-title {
    width: 100px !important;
}
.table-container .table-row.table-filter .mob-total .mob-title {
    width: 100px !important;
    height: 27px;
}
.table-container .table-row.table-filter .mob-total .info {
    width: 100px !important;
    height: 27px;
}
.table-container .table-row.table-filter .mob-total .show-mobile{
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 27px!important;
    border-right: 0;
}
.mob-total {
    display: none;
    width: 100%;
    padding-bottom: 15px;
}
.mob-total .item{
    display: flex;
    align-items: center;
    max-width: 210px;
}
.mob-total .mob-title{
    width: 100px!important;
}
.mob-total .item .mob-title{
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #5E727D;
}
.mob-total .item .total-summ{
    font-weight: 700;
    color: #235789!important;
    font-size: 14px;
    text-align: left;
    width: 100px;
    justify-content: flex-end;
    display: flex;
}
.mob-total .item .total-summ.t-green{
    color: #27AE60!important;
}
.mob-total .item .total-summ.t-red{
    color: #a91111!important;
}
.mob-total {
    width: 100%;
}
.mob-total {
    width: 100%;
}
.mob-total .mob-title{
    width: 100px!important;
}
.table-container .table-row .item .info{
    font-weight: 500;
    font-size: 12px;
}
.table-container .table-row.table-header .item{
    background: #235789;
}
.table-container .table-row.table-header .item .info{
    color: #ffffff;
}
.table-container .table-row .item .mob-title{
    display: none;
}
.table-container .table-row .item .info{
    width: 100%;
}
.table-container .table-row .item .info .h-search-input{
    height: 30px;
    padding: 5px 30px 5px 10px;
    border: 1px solid #DBDBDB;
    background: #ffffff;
}
.table-container .table-row .item .info.total-summ{
    font-weight: 700;
    font-size: 14px;
}
.table-container .table-row .item.go-to{
    padding: 0;
}
.table-container .table-row .item.go-to .info span{
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    display: none;
}
.table-container .table-row .item.go-to .info{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #BE082E;
    height: 100%;
    width: 100%;
}
.table-container .table-row .item.go-to .info img{
    width: 7px;
}
.table-container .table-row .item .info.summ{
    font-weight: 700;
}
.table-container .table-row .item .info.empty{
    color: #DBDBDB;
}
.table-container .table-row .item .info.final{
    color: #000000;
}
.table-container .table-row .item .info.on-see,
.table-container .table-row .item .info.pay-half{
    color: #F2994A;
}
.table-container .table-row .item .info.pay-success{
    color: #27AE60!important;
}
.table-container .table-row .item .info.pay-minus,
.table-container .table-row .item .info.pay-not{
    color: #a91111!important;
}
.table-container .table-row .item .info.chat,
.table-container .table-row .item .info.files{
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-container .table-row .item .info.chat img{
    width: 20px;
}
.table-container .table-row .item .info a + a{
    margin-left: 3px;
}
/*order table container end*/
.table-row.table-filter.top-head .item .info .select__item-tale  {
    width: 100% !important;
}
.show-more-btn{
    padding: 15px;
    width: fit-content;
    margin-left: auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #BE082E;
    cursor: pointer;
}


/*carfax-wrapp*/
.carfax-wrapp{
    padding: 30px 20px;
}
.carfax-top{
    display: flex;
    align-items: center;
}
.carfax-search{

}
.carfax-search .h-search-form {
    width: 276px;
    position: relative;
}
.carfax-search .h-search-form .h-search-input {
    background: #ffffff;
}
.carfax-get{
    display: flex;
    align-items: center;
    margin-left: 34px;
}
.carfax-get-btn{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #27AE60;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #ffffff;
    cursor: pointer;
}
.carfax-get-left{
    margin-left: 34px;
    font-size: 13px;
    line-height: 16px;
    color: #5E727D;
    display: flex;
    align-items: center;
}
.carfax-get-left span{
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    margin-left: 5px;
    margin-bottom: -2px;
    /*color: #27AE60;*/
}

/*carfax table container */
.carfax-tabs-content{
    margin: 20px 0;
    box-shadow: 0px 4px 16px rgba(91, 117, 142, 0.21);
}
.carfax-tabs-content .carfax-tabs-row{
    display: grid;
    grid-template-columns: 82px 225px auto 210px 200px 200px;
}
.carfax-tabs-content .carfax-tabs-row .item{
    height: 70px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
}
.carfax-tabs-content .carfax-tabs-row .item .info {
    font-weight: 500;
    font-size: 12px;
}
.carfax-tabs-content .carfax-tabs-row .item .mob-title {
    font-weight: 500;
    font-size: 12px;
    display: none;
}
.carfax-tabs-content .carfax-tabs-row.table-header{

}
.carfax-tabs-content .carfax-tabs-row.table-header .item.action{
    justify-content: center;
}
.carfax-tabs-content .carfax-tabs-row.table-header .item{
    border-right: 1px solid #ffffff;
    background: #235789;
}
.carfax-tabs-content .carfax-tabs-row.table-header .item .info {
    color: #ffffff;
}
.carfax-tabs-content .carfax-tabs-row.table-item{
    transition: all .3s ease-in-out;
}
.carfax-tabs-content .carfax-tabs-row.table-item:nth-child(odd) {
    background: #F2F2F2;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}
/*.carfax-tabs-content .carfax-tabs-row.table-item:hover{*/
/*    background: #F2F2F2;*/
/*}*/
.carfax-tabs-content .carfax-tabs-row.table-item:nth-child(odd) .item{
    border-right: 1px solid #ffffff;
}
.carfax-tabs-content .carfax-tabs-row.table-item:nth-child(even) .item{
    border-right: 1px solid #F2F2F2;
}
.carfax-tabs-content .carfax-tabs-row.table-item .item.show-status{
    padding: 0;
}
.carfax-tabs-content .carfax-tabs-row.table-item .item.show-status .info{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #BE082E;
    color: #fff;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
/*carfax table container end */

/*calculator-wrapp-container*/

.calculator-wrapp-container{
    display: flex;
    flex-direction: column;
}
.calculator-wrapp-container .calculator-col-l{
    padding: 45px 30px;
    width: 50%;
}
.calculator-wrapp-container .calculator-col-r{
    width: 100%;
    background: #F5F5F5;
}
.calc-manual-block{
    max-width: 740px;
    margin: auto;
    margin-top: 30px;
}
.calculator-wrapp-container .auction-info .title {
    color: #383838;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}
.calculator-wrapp-container .auction-list {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
    max-width: 500px;
}
.calculator-wrapp-container .auction-list .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.calculator-wrapp-container .auction-list .item img {
    margin-bottom: 15px;
    height: 60px;
}
.calculator-wrapp-container .auction-list .item .name {
    color: #383838;
    text-transform: uppercase;
    font-size: 18px;
}
#calc-link-sum,#calc-link-year{
    background: #EDECEB;
    border: 1px solid #EAEAEA;
    width: 100%;
    font-size: 14px;
    padding: 10px 10px 10px 25px;
    position: relative;
    z-index: 10;
}
.cost-car{
    position: relative;
}
.cost-car .total-summ{
    position: absolute;
    left: 7px;
    z-index: 10;
    top: 10px;
}
.calculator-delivery-tab{
    flex-direction: column;
    display: none;
}
.calculator-delivery-tab.is-active{
    display: flex;
}
.calculator-delivery-tab.see-car.is-active{
    max-width: 700px;
    margin: auto;
    padding: 30px 0;
}
.delivery-choice{
    padding: 30px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.delivery-title{
    font-weight: 600;
    font-size: 18px;
    line-height: 140.4%;
    color: #000000;
    text-align: center;
    max-width: 390px;
}
.delivery-options{
    width: 100%;
    max-width: 390px;
    margin-top: 55px;
}
.delivery-options-title{
    font-weight: 600;
    font-size: 21px;
    line-height: 16px;
    color: #202F37;
    text-align: center;
    margin-bottom: 21px;
}
.delivery-options-btn{
    padding: 17px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.delivery-options-btn + .delivery-options-btn{
    margin-top: 21px;
}
.delivery-options-btn.full{
    border: 1px solid #BE082E;
    background: #BE082E;
    color: #ffffff;
}
.delivery-options-btn.full:hover{
    background: inherit;
    color: #BE082E;
}
.delivery-options-btn.empty{
    border: 1px solid #BE082E;
    background: inherit;
    color: #BE082E;
}
.delivery-options-btn.empty:hover{
    background: #BE082E;
    color: #ffffff;
}
.delivery-options-input{
    background: #EDECEB;
    border: 1px solid #EAEAEA;
    width: 100%;
    font-size: 16px;
    padding: 17px 25px;
    position: relative;
    z-index: 10;
    margin-bottom: 21px;
}
.delivery-options-other{
    margin-top: 21px;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #BE082E;
    text-align: center;
    cursor: pointer;
}
.calculator-delivery-car_image{
    height: 290px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.calculator-delivery-car_info{
    padding: 25px;
    
}
.calculator-delivery-btn_wrap{
    max-width: 460px;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 100%;
}
.delivery-car-section{
    margin-bottom: 24px;
}
.delivery-car-section .section-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
}
.delivery-car-section .section-item{
    font-weight: 600;
    font-size: 15px;
    line-height: 140.4%;
    color: #202F37;
}
.delivery-car-section.br-bottom{
    border-bottom: 1px solid #CCCCCC;
}
.delivery-car-section .vin{
    font-weight: 600;
    font-size: 15px;
    line-height: 140.4%;
    color: #202F37;
}
.delivery-car-section .name{
    font-weight: 600;
    font-size: 20px;
    line-height: 140.4%;
    color: #000000;
}
.delivery-car-section .name span{
    font-weight: 700;
}
.delivery-car-section .name{

}
.delivery-car-section span{
    color: #202F37;
    font-weight: 600;
}
.delivery-car-section .curr-cost .summ{
    color: #BE082E;
    font-size: 20px;
    font-weight: 700;
}
.delivery-car-section .curr-cost .totall{
    color: #202F37;
    font-size: 19px;
    font-weight: 700;
}
.delivery-car-section .cost{
    font-size: 15px;
    line-height: 252.4%;
    text-align: right;
    font-weight: 400;
    color: #202F37;
}
/*calculator-wrapp-container end*/


/*settings-table-content*/

.settings-table-content{
    padding: 25px;
}
.settings-table-content.mobile{
    display: none;
}

.settings-table-chose_event{
    display: flex;
    align-items: center;
    margin: 25px 0;
}
.settings-table-chose_event .inform-item + .inform-item{
    margin-left: 18px;
}
.settings-table-chose_event .inform-item label{
    font-weight: 500;
    font-size: 13px;
    color: #5E727D;
}
.settings-table-wrapp{

}
.settings-table-wrapp .settings-table-con{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
}
.settings-table-wrapp .settings-table-con .title{
    font-weight: 600;
    font-size: 18px;
    line-height: 140.4%;
    color: #000000;
}
.settings-table-wrapp .settings-table-con .add-new{
    font-size: 14px;
    line-height: 140.4%;
    text-decoration-line: underline;
    cursor: pointer;
    color: #BE082E;
}



.settings-table-wrapp .tab-wrapp-choice{
    display: flex;
}
.settings-table-wrapp .tab-wrapp-choice .title{
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    padding: 5px 12px;
    cursor: pointer;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
}
.settings-table-wrapp .tab-wrapp-choice .title.active{
    background: #BE082E;
    color: #fff;
}

.settings-table-container.client .table-row {
    display: grid;
    grid-template-columns: 180px auto 170px 145px 145px 150px 150px 150px;
}

.settings-table-wrapp{

}

.settings-table-wrapp{

}

.settings-table-container{
    margin: 20px 0;
    box-shadow: 0px 4px 16px rgba(91, 117, 142, 0.21);
}
.settings-table-container .table-row{

}
.settings-table-container .table-row{
    display: grid;
    grid-template-columns: 80px 180px 135px 110px 145px 300px 115px 160px 165px;
}

.settings-table-container .table-row:nth-child(even) .item{
    border-right: 1px solid #F2F2F2;
}
.settings-table-container .table-row:nth-child(odd){
    background: #F2F2F2;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}
.settings-table-container .table-row:nth-child(odd) .item{
    border-right: 1px solid #ffffff;
}
.settings-table-container .table-row.table-header{

}
.settings-table-container .table-row .item{
    height: 70px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-right: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    position: relative;
}
.settings-table-container .table-row .item .info{
    font-weight: 500;
    font-size: 12px;
}
.settings-table-container .table-row .item.carfax .info.carfax{
    text-align: center;
    width: 100%;
}
.settings-table-container .table-row .item.carfax{
    padding: 3px;
}
.settings-table-container.client .table-row .item .info.carfax .carfax_left{
    font-size: 12px;
    margin-bottom: 7px;
}

.settings-table-container.client .table-row .item .info.carfax .carfax_left span{
    color: #27AE60!important;
    font-weight: 700;
}
.settings-table-container.client .table-row .item .info.carfax .carfax_get{
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    color: #27AE60!important;
    cursor: pointer;
}

.settings-table-container.client .table-row .item.get-schet{
    padding: 2px;
}
.settings-table-container.client .table-row .item.get-schet .info{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.settings-table-container.client .table-row .item.get-schet .info.get-schet{
    background: #be0a2e;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}
.settings-table-container.client .table-row .item.get-schet .info.download{
    color: #be0a2e;
    cursor: pointer;
    text-decoration: underline;
}
.settings-table-container.client .table-row .item.get-schet .info.download img{
    margin-right: 4px;
}
/*.settings-table-container .table-row:hover .item{*/
/*    background: #F2F2F2;*/
/*    border-right: 1px solid #ffffff;*/
/*    border-bottom: 1px solid #ffffff;*/
/*}*/
.settings-table-container .table-row.table-header .item{
    border-right: 1px solid #ffffff;
    background: #235789;
}
.settings-table-container .table-row.table-header .item .mob-title{

}
.settings-table-container .table-row.table-header .item .info{
    color: #ffffff;
}
.settings-table-container .table-row .item .info.avatar{
    width: 100%;
}
.settings-table-container .table-row .item .info .avatar-ico{
    width: 35px;
    height: 35px;
    background-size: 100% !important;
    background-repeat: no-repeat!important;
    border-radius: 50%;
}
.settings-table-container .table-row .item .mob-title{
    display: none;
}
.settings-table-container .table-row .item .edited{
    display: none;
}
.settings-table-container .table-row .item.btn-save{
    display: none;
}
.settings-table-container .table-row .item.btn-save{
    padding: 0;
}
.settings-table-container .table-row .item.btn-save .edit{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2F2F2;
    border: 2px solid #BE082E;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.settings-table-container .table-row .item.btn-save .edit{
    color: #000;
    font-size: 13px;
    font-weight: 700;
    height: 50%;
    justify-content: center;
    padding: 0 15px;
    cursor: pointer;
}
.settings-table-container.client .table-row .item.btn-save .edit{
    color: #000;
    font-size: 13px;
    font-weight: 700;
    height: 50%;
    justify-content: center;
    padding: 0 15px;
    cursor: pointer;
}
.settings-table-container .table-row .item.btn-save .delete{
    cursor: pointer;
}

.settings-table-container .table-row .item.btn-edit{
    padding: 0;
    flex-direction: column;
}
.settings-table-container .table-row .item.btn-edit .info{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #BE082E;
    color: #fff;
    cursor: pointer;
    width: 100%;
    height: 50%;
    font-size: 13px;
    font-weight: 600;
    padding: 0 15px;
}
.settings-table-container .table-row .item.btn-edit .delete{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BE082E;
    text-decoration: underline;
    cursor: pointer;
    width: 100%;
    height: 50%;
    font-size: 13px;
    font-weight: 600;
    padding: 0 15px;
}
.settings-table-container .table-row .item.btn-edit .edit{
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BE082E;
    cursor: pointer;
}
.settings-table-container .table-row.is-edit .item.btn-save .delete {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BE082E;
    text-decoration: underline;
    cursor: pointer;
    width: 100%;
    height: 50%;
    font-size: 13px;
    font-weight: 600;
    padding: 0 15px;
}
.settings-table-container .table-row .item .events{
    display: flex;
    flex-direction: column;
}
.settings-table-container .table-row .item .events .inform-item{
    margin-left: 0;
}
.settings-table-container .table-row .item .events .inform-item + .inform-item{
    margin-top: 5px;
}
.settings-table-container .table-row .item .events [type="checkbox"]:checked + label:before,
.settings-table-container .table-row .item .events[type="checkbox"]:not(:checked) + label:before {
    width: 14px;
    height: 14px;
}
.settings-table-container .table-row .item .events [type="checkbox"]:checked + label:after,
.settings-table-container .table-row .item .events [type="checkbox"]:not(:checked) + label:after {
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
}
.settings-table-container .table-row .item .events [type="checkbox"]:checked + label,
.settings-table-container .table-row .item .events [type="checkbox"]:not(:checked) + label {
    padding-left: 22px;
    line-height: 13px;
    font-size: 12px;
}
.settings-table-container .table-row .item .events [type="checkbox"]:checked + label:before,
.settings-table-container .table-row .item .events [type="checkbox"]:not(:checked) + label:before {
    width: 14px;
    height: 14px;
}
.settings-table-container .table-row .item .events .inform-item {
    margin-left: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.settings-table-container .table-row .item .info.avatar {
    display: flex;
    align-items: center;
    justify-content: center;
}
.settings-table-container .table-row.is-edit{

}
.settings-table-container .table-row.is-edit .item .info{
    display: none;
}
.settings-table-container .table-row.is-edit .item .info.not-edit{
    display: flex;
}
.settings-table-container .table-row.is-edit .item .edited{

}
.settings-table-container .table-row.is-edit .item.btn-edit {
    display: none;
}
.settings-table-container .table-row.is-edit .item.btn-save {
    display: flex;
    flex-direction: column;
}
.settings-table-container .table-row.is-edit .item .info.avatar {
    display: flex;
}
.settings-table-container .table-row.is-edit .item .edited {
    display: flex;
    flex-direction: column;
}
.settings-table-container .table-row.is-edit .item .edited input{
    background: inherit;
    border-bottom: 1px solid #B2BEC4;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 500;
    color: #5E727D;
    width: 100%;
    min-width: 125px;
    font-family: 'Montserrat', sans-serif;
}
.settings-table-container .table-row.is-edit .item.mob-u-email .edited input{
    min-width: 210px;
}
.select2-container--default .select2-results__option span, .select2-selection__rendered {
    font-size: 12px;
}
.select2-container--default .select2-results__option {
    font-size: 12px;
}
.settings-table-container .table-row.is-edit .item .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #5E727D;
    font-size: 12px;
    font-weight: 600;
    padding-left: 0;
    margin-top: 1px;
}
.settings-table-container .table-row.is-edit .item .select2{
    border-bottom: 1px solid #B2BEC4;
}
.settings-table-container .table-row.is-edit .item .select2-selection {
    height: 27px!important;
}
.settings-table-container .table-row.is-edit .item .select2-container .select2-selection__arrow {
    background: url(../img/arr-down.svg) no-repeat;
    top: 11px!important;
}
.settings-table-container .table-row.is-edit{

}
.settings-table-container .table-row.is-edit .item .add-avatar .avatar-ico{
    width: 22px;
    height: 22px;
    background-size: 100% !important;
    background-repeat: no-repeat!important;
    border-radius: 50%;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    cursor: pointer;
}

.settings-table-top{
    display: flex;
    justify-content: space-between;
    /*height: 75px;*/
}
.settings-table-top .user-logo-wrapp{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.settings-table-top .user-logo-wrapp .change-pass{
    padding-left: 5px;
    padding-right: 10px;
    display: none;
}
.settings-table-top .user-logo-wrapp .change-pass .title{
    font-size: 13px;
    line-height: 140.4%;
    color: #5E727D;
    margin-bottom: 7px;
}
.settings-table-top .user-logo-wrapp .change-pass input{
    background: inherit;
    border-bottom: 1px solid #B2BEC4;
    padding-bottom: 5px;
    font-size: 16px;
    color: #5E727D;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.settings-table-top .user-logo-wrapp .change-pass{

}
.settings-table-top.is-edit .user-logo-wrapp .change-pass{
    display: block;
    padding: 10px 15px;
}
.user-logo-name{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.user-logo-name.is-edit{

}
.user-logo-name .user-infoitem .title{
    font-size: 13px;
    line-height: 140.4%;
    color: #5E727D;
    margin-bottom: 7px;
    margin-left: 10px;
}
.user-logo-name .user-infoitem .user-name.edit {
    width: 100%;
    margin-top: 8px;
}
.user-logo-name .user-name.stat{
    font-size: 16px;
    line-height: 16px;
    color: #5E727D;
    font-weight: 700;
    width: 100%;
}
.user-logo-name .user-name.edit{
    display: none;
    width: calc(100% - 65px);
}
.user-logo-name .user-avatar.stat{
    width: 60px;
    height: 60px;
    background-size: 100% !important;
    border-radius: 50%;
}
.user-logo-name .user-avatar.edit{
    display: none;
}
.user-logo-name.is-edit{

}
.user-info-table{
    display: grid;
}
.user-info-table .user-infoitem{
    padding: 10px 15px;
    border-left: 1px solid #F2F2F2;
    cursor: pointer;
}
.user-info-table .user-infoitem.no-border{
    border-left: none;
}
.user-info-table .user-infoitem .title {
    font-size: 13px;
    line-height: 140.4%;
    color: #5E727D;
    margin-bottom: 7px;
    
}
.user-info-table .user-infoitem .title.edit-ico{
    margin-bottom: 0;
}
.user-info-table .user-infoitem .stat,
.user-info-table .user-infoitem .edit{
    font-size: 16px;
    line-height: 140.4%;
    color: #000000;
    font-weight: 700;
}
.user-info-table .user-infoitem .edit{
    display: none;
}
.user-info-table .user-infoitem .edit-btn,
.user-info-table .user-infoitem .save-btn{
    font-size: 16px;
    line-height: 140.4%;
    color: #BE082E;
    font-weight: 700;
    cursor: pointer;
}
.user-info-table .user-infoitem .edit-btn{
    display: none;
}
.user-logo-name .user-infoitem{
    padding: 10px 15px;
    border-left: 1px solid #F2F2F2;
}
.user-logo-name .user-infoitem.no-border{
    border-left: none;
}
.user-logo-name .user-infoitem .title {
    font-size: 13px;
    line-height: 140.4%;
    color: #5E727D;
    margin-bottom: 7px;
    margin-left: 0;
}
.user-logo-name .user-infoitem .title.edit-ico{
    margin-bottom: 0;
}
.user-logo-name .user-infoitem .stat,
.user-logo-name .user-infoitem .edit{
    font-size: 16px;
    line-height: 140.4%;
    color: #000000;
    font-weight: 700;
}
.user-logo-name .user-infoitem .edit{
    display: none;
}
.user-logo-name .user-infoitem .edit-btn,
.user-logo-name .user-infoitem .save-btn{
    font-size: 16px;
    line-height: 140.4%;
    color: #BE082E;
    font-weight: 700;
    cursor: pointer;
}
.user-logo-name .user-infoitem .edit-btn{
    display: none;
}

.settings-table-top.is-edit .user-infoitem .user-name.stat{
    display: none;
}
.settings-table-top.is-edit .user-infoitem .user-name.edit{
    display: flex;
}
.settings-table-top.is-edit .user-avatar.stat{
    position: relative;
    z-index: 1;
    opacity: .7;
}
.settings-table-top.is-edit .user-avatar.edit{
    display: flex;
    width: 37px;
    height: 37px;
    background-size: 100% !important;
    background-repeat: no-repeat!important;
    border-radius: 50%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    cursor: pointer;
    z-index: 2;
}
.settings-table-top .av-wrap{
    position: relative;
    /*margin-right: 14px;*/
}
.settings-table-top.is-edit .user-info-table .user-infoitem .stat{
    display: none;
}
.settings-table-top.is-edit .user-info-table .user-infoitem .edit{
    display: flex;
}
.settings-table-top.is-edit .user-logo-name .user-infoitem .edit input{
    background: inherit;
    border-bottom: 1px solid #B2BEC4;
    padding-bottom: 5px;
    font-size: 16px;
    color: #5E727D;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    min-width: 170px;
}
.settings-table-top.is-edit .user-logo-name .user-name.edit input{
    background: inherit;
    border-bottom: 1px solid #B2BEC4;
    padding-bottom: 5px;
    font-size: 16px;
    color: #5E727D;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    /*overflow-y: auto;*/
    border: 1px solid #dbdbdb;
}
.settings-table-top.is-edit .user-logo-name .user-infoitem .edit {
    display: flex;
    flex-direction: column;
}
.settings-table-top.is-edit .user-logo-name .user-infoitem .stat {
    display: none;
}

/*settings-table-content end*/

.h-nav{
    display: flex;
    align-items: center;
    margin-top: -20px;
}
.h-nav div{
    display: flex;
    align-items: center;
}
.h-nav .h-nav-item a{
    display: flex;
    align-items: center;
}
.h-nav div a{
    margin-left: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.h-nav div .h-exit{
    font-size: 14px;
    line-height: 16px;
    color: #a91111;
    letter-spacing: 1.5px;
    font-weight: 300;
}
.h-nav div + div{
    margin-left: 25px;
}
.header-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1285px;
    margin-left: auto;
    margin-bottom: 40px;
}
.header-bottom-one{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    /*max-width: 1285px;*/
    margin-left: auto;
    margin-top: 45px;
}
.header-to_nav{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: baseline;
}
.header-to_nav .select__item-tale{
    display: flex;
    align-items: center;
}
.header-to_nav .title{
    font-size: 14px;
    line-height: 140.4%;
    color: #333333;
    font-weight: 700;
}
.header-to_nav{

}
.header-bottom form .form_input{
    display: flex;
}
.header-bottom form .form_input input{
    width: 210px;
    padding-left: 10px;
}
.header-bottom form .form_input .search{
    background: none;
    margin-left: 15px;
    cursor: pointer;
}
.sub-p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
    flex-direction: column;
}
.header-bottom-one .tabs-nav {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.header-bottom-one .tabs-nav .tab-ithem{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.header-bottom-one .tabs-nav .tab-ithem span{
    font-size: 16px;
    line-height: 140.4%;
    color: #333333;
    transition: all .3s ease-in-out;
}
.header-bottom-one .tabs-nav .tab-ithem.tab-active span,
.header-bottom-one .tabs-nav .tab-ithem:hover span{
    color: #BE082E;
}
.header-bottom-one .tabs-nav .tab-ithem img{
    margin-right: 10px;
}
.tab-active{
    position: relative;
}
/*.tab-active:after{*/
/*content: '';*/
/*width: 30px;*/
/*height: 2px;*/
/*background: #ff0000;*/
/*display: block;*/
/*position: absolute;*/
/*bottom: -8px;*/
/*left: 50%;*/
/*transform: translate(-50%);*/
/*}*/
.header-bottom-one .tabs-nav .tab-ithem + .tab-ithem{
    margin-left: 30px;
}
.header-bottom-one .n-car {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
.header-bottom-one .bac-to{
    font-size: 14px;
    font-weight: 500;
    margin-left: 15px;
    color: #01276C;
    text-decoration: underline;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 25px;
}
.header-bottom-one .bac-to img{
    margin-right: 10px;
}
.header-bottom-one .v-arr{

}
.header-bottom-one .c-cars{
    font-weight: 800;
    font-size: 24px;
    line-height: 125.4%;
    display: flex;
    align-items: center;
    color: #01276C;
}
.header-bottom-one .c-cars:after{
    content: '';
    display: block;
    width: 1px;
    height: 53px;
    background: rgba(255,255,255, .2);
    position: absolute;
    top: -13px;
    left: -20px;
}


/*mobile menu*/
.mob_menu {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
}
.mob_menu .arr_m {
    background-color: #f2f2f2;
    height: 3px;
    width: 23px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: block;
}
.mob_menu .arr_d {
    background-color: #f2f2f2;
    height: 3px;
    width: 23px;
    margin-bottom: 0;
    border-radius: 3px;
    display: block;
}

.mob_menu.is-open{

}
.mob_menu.is-open .arr_m:nth-child(1){
    transform: translate(-50%,-50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
}
.mob_menu.is-open .arr_m:nth-child(2){
    transform: translate(-50%,-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
}
.mob_menu.is-open .arr_d{
    display: none;
}

.overlay {
    z-index: 90;
    position: absolute;
    background-color: #000000;
    background-position-y: center !important;
    background-position-x: center !important;
    background-repeat: no-repeat !important;
    -moz-opacity: 0.8;
    width: 100%;
    /*height: calc(100vh - 51px);*/
    height: 100vh;
    top: 0;
    right: 0;
    cursor: pointer;
    overflow-y: hidden;
    opacity: 1;
}
.overlay-mob {
    z-index: 90;
    position: absolute;
    background-color: #ffffff;
    background-position-y: center !important;
    background-position-x: center !important;
    background-repeat: no-repeat !important;
    -moz-opacity: 0.8;
    width: 100%;
    height: calc(100vh - 51px);
    top: 0;
    right: 0;
    cursor: pointer;
    /*overflow-y: hidden;*/
    opacity: 1;
}
.o-modal{
    opacity: .8;
    display: block;
    position: fixed;
}
#mobile_menu {
    width: 100%;
    height: 100vh;
    position: fixed;
    /*overflow-y: scroll;*/
    display: flex;
    z-index: 9999;
    top: 51px;
    right: -200%;
    justify-content: flex-end;
    transition: all .3s ease-in-out;
}
#mobile_menu .overlay{
    right: 34px!important;
    background-color: rgba(0, 0, 0, 0.75)!important;
}
#mobile_menu .main_close {
    width: 36px;
    height: 36px;
    cursor: pointer;
    display: block;
    color: #ffffff;
    font-size: 45px;
    font-weight: 400;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 45px;
}
#mobile_menu .nav {
    text-align: center;
    z-index: 92;
    display: block;
    margin: auto;
    margin-top: 50px;
    padding: 0 30px;
}
#mobile_menu .nav .nav_li + .nav_li {
    margin-top: 45px;
}
#mobile_menu .nav .nav_li {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}
#mobile_menu .nav .nav_li img{
    margin-right: 10px;
}
#mobile_menu .nav .nav_li a {
    text-decoration: none;
    color: #000000;
    text-align: left;
}
#mobile_menu .nav .nav_li a.h-exit {
    color: #BE082E;
    margin-right: 10px;
}
#mobile_menu .col {
    margin-top: 25px;
}
#mobile_menu .col .soc-list{
    display: flex;
    align-items: center;
}
#mobile_menu .col .soc-list a{
    margin-left: 15px;
}


/*  model style */
.search-mod{
    cursor: pointer;
}
#search-modal,#carfax-modal,#rating-modal,#carfax-response-modal,#submit-carfax-modal, #submit-comment-order-modal,#settings-client-carfax, #invoices-modal {
    display: none;
}
#search-modal .top_wrap .m-close,#carfax-modal .top_wrap .m-close,#rating-modal .top_wrap .m-close,#carfax-response-modal .top_wrap .m-close,#settings-client-carfax .top_wrap .m-close{
    top: -51px;
    right: -51px;
    background: transparent;
}
#search-modal .modal_container,#carfax-modal .modal_container,#rating-modal .modal_container,#carfax-response-modal .modal_container,#settings-client-carfax .modal_container{
    max-width: 800px;
}
#search-modal .form_input,#carfax-modal .form_input,#rating-modal .form_input,#settings-client-carfax .form_input{
    position: relative;
}
#settings-client-carfax .form_input input{
    height: 60px;
}
#search-modal .form_input .search,#carfax-modal .form_input .search,#rating-modal .form_input .search,#settings-client-carfax .form_input .send{
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    height: 60px;
}


#rating-modal .modal_container{
    top: 52%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
}

#rating-modal .form_input .search{
    top: -58px;
}

#rating-modal .overlay{
    height: 100vh;
}
#rating-modal .rating-md {
    font-size: 41px;
}
#rating-modal .btn{
    position: relative!important;
    top: 0px!important;
    margin-top: 20px!important;
    width: 275px!important;
    font-size: 16px;
}
#rating-modal .modal_container {
    max-width: 560px!important;
    padding: 30px;
}

#rating-modal .form_input{
    line-height: 35px;
    margin-bottom: 10px;
}
#rating-modal .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa!important;
    border-radius: 4px;
}

#comments-box{
    border: 1px solid #aaa!important;
    width: 100%;
    height: 90px;
    margin-top: 10px;
    padding: 12px;
}



#rating-modal .select2-container {
    width: 280px!important;
}

#rating-modal .select2-container .select2-dropdown{
    width: 280px!important;
}

#select2-manager_id-results {
    width: 280px!important;
}

#rating-modal .form-title{
    font-weight: 800;
    font-size: 24px;
    line-height: 125.4%;
    display: flex;
    align-items: center;
    color: #01276C;
    justify-content: center;
    padding: 20px;
}
#rating-modal select{
    width: 50%;
    height: 35px;
}

#rating-modal .modal_container{
    position: fixed;
}

#rating-modal .top_wrap .m-close {
    top: -70px;
    right: -70px;
    background: transparent;
}

.form_input .search img{
    display: none;
}
#carfax-modal .modal_container {
    height: 60px;
}
#search-modal .form_input input,#carfax-modal .form_input input {
    height: 60px;
    font-size: 18px;
}
.ico-search-close{
    display: none;
}
.search-mod.is-show .ico-search{
    display: none;
}
.search-mod.is-show .ico-search-close{
    display: block;
}


.modal_container{
    z-index: 999;
    position: fixed;
    top: 35%;
    left: 50%;
    transform: translate(-50%);
    background: #ffffff;
    max-width: 500px;
    width: 100%;
    text-align: center;
}
.sub-carfax-wrapp{
    padding: 35px 30px;
}
.sub-carfax-wrapp .delivery-options{
    margin: auto;
}
.sub-carfax-wrapp .title{
    font-weight: 700;
    font-size: 25px;
    line-height: 16px;
    color: #000000;
    text-align: center;
}
.sub-carfax-wrapp .descr{
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
    padding: 20px 0;
}
.sub-carfax-wrapp.comment .title{
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 16px;
    color: #01276C;
    text-align: center;
}
.top_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.top_wrap .m-close{
    display: flex;
    width: 51px;
    height: 51px;
    position: absolute;
    top: 0;
    right: -51px;
    align-items: center;
    justify-content: center;
    background: #BE082E;
}
.top_wrap .m-close span{
    background-color: #f2f2f2;
    height: 3px;
    width: 23px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: block;
}
.top_wrap .m-close span:nth-child(1){
    transform: translate(-50%,-50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
}
.top_wrap .m-close span:nth-child(2){
    transform: translate(-50%,-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
}
.m-row{
    padding: 40px 0;
    margin: 0 40px;
}
.m-row + .m-row{
    border-top: 1px solid #e1e1e1;
}
.m-row .warning{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-direction: column;
}
.m-row .warning img{
    margin-bottom: 20px;
}
.m-row .warning p{
    font-weight: 600;
    font-size: 34px;
    line-height: 125.4%;
    color: #01276C;
    text-transform: uppercase;
}
.m-row .btn{
    margin-top: 35px;
}
.m-text_status{
    font-size: 11px;
    letter-spacing: 1.1px;
    margin-bottom: 10px;
}
.m-status{
    font-size: 14px;
    font-weight: 700;
}

.modal_container .choice-lang{
    display: flex;
    margin-top: 20px;
    position: absolute;
    align-items: center;
}
.modal_container .choice-lang .inform-item{
    color: #ffffff;
    margin-left: 10px;
}
.modal_container .choice-lang  .inform-item label{
    color: #ffffff;
}
.modal_container .choice-lang  .inform-item .lang-inf{
    max-width: 200px;
    display: block;
    text-align: left;
    font-size: 13px;
}

/*#modal{
    display: none;
}
/*#modal-2{
    display: none;
}*/


/*end header*/

/* midle section*/
.login-section{
    position: relative;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-container{
    position: relative;
    background: #FEFEFE;
    max-width: 1100px;
    width: 100%;
    padding: 90px;
    display: flex;
    /*left: 50%;*/
    /*top: 45%;*/
    /*transform: translate(-50%, -50%);*/
}
.login-container .login-l-wrapp{
    width: 50%;
    padding: 0 30px;
}
.login-container .login-l-wrapp h1{
    font-weight: 800;
    font-size: 34px;
    line-height: 1.3;
    color: #01276C;
}
.login-container .login-l-wrapp p{
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3;
    color: #333333;
}
.login-l-wrapp .m-phone{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.login-l-wrapp .m-phone .f-text a{
    font-weight: 600;
}
.login-l-wrapp .m-phone img{
    margin-right: 6px;
}
.login-form{
    width: 50%;
    padding: 0 30px;
}
.login-form .title{
    letter-spacing: 1.2px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}
.login-form .sub-title{
    font-size: 12px;
    color: #cfcfcf;
    margin-top: 20px;
    margin-bottom: 50px;
    text-align: center;
    line-height: 17px;
}
.login-form .form_input + .form_input{
    margin-top: 15px;
}
form .form_input input{
    color: #a4a4a4;
    background-color: inherit;
    font-size: 12px;
    display: block;
    width: 100%;
    background: #F5F5F5;
    padding: 16px 25px;
}
.form_input label{
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}
.form_input label span{
    color: #BE082E;
}
.youtube-box{
    margin: 70px 0;
    width: 100%;
    text-align: center;
}
.youtube-box iframe{
    width: 100%;
    max-width: 1100px;
    height: 620px;
}
.btn-submit{
    font-size: 16px;
    color: #ffffff;
    padding: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    display: inline-block;
    border: 2px solid #BE082E;
    background: #BE082E;
    transition: all .3s ease-in-out!important;
    width: 100%;
    cursor: pointer;
    margin-top: 30px;
}
.btn-submit:hover{
    color: #BE082E;
    background: #ffffff;
}

/* end midle section*/
.wrapp-container{
    margin-top: 25px;
    min-height: 62vh;
}
.content-section{
    background: #eeeeee;
    padding: 25px 15px 55px 15px;
    min-height: 53vh;
}
.main-section{
    height: 53.3vh;
}
.filter-wrapp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1285px;
    margin-left: auto;
    margin-bottom: 40px;
}
.filter-wrapp .title{
    font-weight: 800;
    font-size: 24px;
    line-height: 125.4%;
    display: flex;
    align-items: center;
    color: #01276C;
}
.table-wrap{
    background: inherit;
    padding: 3px;
    margin-left: auto;
}
.table-wrap .row.table-head .col{
    background: #235789;
}
.table-wrap .row.table-head p{
    font-weight: 500!important;
    color: #ffffff!important;
}
.table-wrap .row{
    display: flex;
    background: inherit;
    justify-content: space-between;
    margin-left: 0px;
}
.table-wrap .row + .row{
    margin-top: 2px;
}
/*.table-wrap .row .col + .col{*/
/*margin-left: 5px;*/
/*}*/
.table-wrap .row .col{
    background: #E8E8E8;
    display: flex;
    align-items: center;
    margin-right: 1px;
    padding: 0 12px;
    height: 80px;
}
.table-wrap .row .col.mob-title{
    background: #235789;
    display: none;
}
.table-wrap .row .col.mob-title p{
    color: #ffffff;
}
.table-wrap .row .col p{
    font-size: 14px;
    color: #383838;
    font-family: 'Open Sans', sans-serif;
    background: inherit;
}
/*.table-wrap .row .col-b:first-of-type{*/
/*background: #272727;*/
/*}*/
.table-wrap .row .col-b{
    padding: 13px 12px;
    background: #235789;
    color: #ffffff;
    margin-bottom: -10px;
}
.table-wrap .row .col-b p{
    color: #ffffff;
    text-transform: uppercase;
}
.row .number{
    max-width: 75px;
    width: 100%;
    justify-content: center;
}
.row .date{
    max-width: 192px;
    width: 100%;
}
.row .year{
    max-width: 91px;
    width: 100%;
}
.row .manufacturer{
    max-width: 120px;
    width: 100%;
}
.row .model{
    max-width: 135px;
    width: 100%;
}
.row .vin{
    max-width: 210px;
    width: 100%;
}
.row .status{
    max-width: 150px;
    width: 100%;
}
/*.row-cars .status,*/
/*.row-cars .status-acc{*/
/*padding-left: 0!important;*/
/*}*/
.row .status-acc{
    max-width: 180px;
    width: 100%;
}
.row .moore{
    max-width: 168px;
    width: 100%;
    justify-content: center;
}
.btn-moore{
    background: #BE082E!important;
    cursor: pointer;
}
.btn-moore p{
    color: #ffffff!important;
    margin-right: 10px;
}
.row-cars .col-b{
    display: none!important;
}
/*.table-wrap .row-cars .number{*/
/*background: #d3d3d3;*/
/*}*/
.c-hidden{
    display: none!important;
}

/* вкладка информация */
.tabs-info .row .col-l,
.tabs-info .row .col-r{
    width: 50%;
    padding: 25px 5px;
    /*height: 45px;*/
}
.tabs-info .row .col-l{
    text-align: right;
    padding-right: 55px;
    padding-right: 55px;
}
.tabs-info .row .col-r{
    text-align: left;
    padding-left: 55px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 65px;
}
.tabs-info .row .col-l p,
.tabs-info .row .col-r p{
    font-size: 14px;
    font-weight: normal;
    color: #383838;
}
.tabs-info .row.l-auction .col-l p,
.tabs-info .row.l-auction .col-r p{
    font-size: 22px;
    font-weight: 600;
    color: #383838;
    text-transform: uppercase;
}
.tabs-info .row + .row{
    margin-top: 0;
}
/*.tabs-info .row.l-auction{*/
/*padding: 15px 0;*/
/*}*/
.tabs-info .row.l-auction:last-child .col-l{
    border: none;
}
.tabs-info .row .col-l{
    /*border-right: 1px solid #cccccc;*/
    position: relative;
}
.tabs-info .row .col-l:after{
    content: '';
    position: absolute;
    width: 2px;
    height: 90%;
    top: 66%;
    right: -1px;
    background: #cccccc;
}
.tabs-info .row .col-l.not-line:after{
    display: none;
}
.tabs-info .row .success.col-l:after{
    background: #219653;
}
.row .col-r p + p{
    margin-left: 5px;
}
.row .col-r .l-moore span{
    color: #dd1b1b!important;
    font-weight: bold!important;
    margin-left: 5px;
    cursor: pointer;
}
.l-moore-info{
    padding: 15px 20px;
    padding-top: 35px;
    background: #ffffff!important;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.07);
    max-width: 345px;
    width: 100%;
    display: none;
    z-index: 9;
    position: absolute;
    right: 0;
}
.l-moore-info p:first-of-type{
    margin-bottom: 15px;
}
.l-moore-info .l-arr{
    height: 1px;
    width: 100%;
    display: block;
    background: #ebebeb;
    margin: 20px 0 20px;
}
.l-moore-info .l-arr-up{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.l-moore-info p{
    display: flex;
    align-items: center;
}
.l-moore-info span{
    color: #868686;
    font-size: 12px;
    font-weight: bold;
}
.l-moore-info p + p{
    margin-left: 0!important;
}
.l-auction{
    height: 105px;
    align-items: center;
}
.l-auction .col-r .info-stat{
    height: 68px;
    width: 78px;
    display: block;
    margin-right: 12px;
    position: absolute;
    left: -25px;
    top: -15px;
    background-repeat: no-repeat!important;
}
.col-l.success{
    min-height: 65px;
}
.info-stat.auction-ok{
    background: url(../img/status/ico-auct-ok.png);
}
.info-stat.auction-not{
    background: url(../img/status/ico-auct-not.png);
}
.info-stat.warehouse-ok{
    background: url(../img/status/ico-warehouse-ok.png);
}
.info-stat.warehouse-not{
    background: url(../img/status/ico-warehouse-not.png);
}
.info-stat.seea-ok{
    background: url(../img/status/ico-seea-ok.png);
}
.info-stat.seea-not{
    background: url(../img/status/ico-seea-not.png);
}

.info-stat.port-ok{
    background: url(../img/status/ico-port-ok.png);
}
.info-stat.port-not{
    background: url(../img/status/ico-port-not.png);
}
.info-stat.container-ok{
    background: url(../img/status/ico-container-ok.png);
}
.info-stat.container-not{
    background: url(../img/status/ico-container-not.png);
}
.info-stat.tamojniya-ok{
    background: url(../img/status/ico-tamojnya-ok.png);
}
.info-stat.tamojniya-not{
    background: url(../img/status/ico-tamojnya-not.png);
}

/*.l-auction .col-r .info-not{*/
/*background: url(../img/info-not2.png);*/
/*height: 63px;*/
/*width: 63px;*/
/*display: block;*/
/*margin-right: 12px;*/
/*position: absolute;*/
/*left: -33px;*/
/*top: 0;*/
/*}*/
.row .col-r .info-g{
    background: url(../img/status/ico-point-ok.png);
    height: 26px;
    width: 26px;
    display: block;
    margin-right: 12px;
    position: absolute;
    left: -13px;
    top: 18px;
}
.row .col-r .info-r{
    background: url(../img/status/ico-point-not.png);
    height: 26px;
    width: 26px;
    display: block;
    margin-right: 12px;
    position: absolute;
    left: -13px;
    top: 18px;
}

.tabs-info .row.l-auction .col-l p,
.tabs-info .row.l-auction .col-r p{

}


/* вкладка оплата*/
#tabs-ithem_2{
    background: #ffffff;
    padding: 2px;
}
.tabs-cont{
    max-width: 99%;
    margin: auto;
    display: none;
}
.tabs-cont .row{

}
#tabs-ithem_2 .col p {
    font-size: 18px;
}
#tabs-ithem_2 .col-1 p {
    margin-left: 50px;
}
.tabs-cont .row .col{
    height: 80px;
    display: flex;
    align-items: center;
}
.row .col-1{
    width: 37%;
    justify-content: space-between;
}
.row .col-number {
    width: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.row .col-1 img{
    margin-right: 20px;
}
.tabs-cont .row .col-1 p{
    margin-left: 25px;
    /*font-weight: bold;*/
}
.tabs-cont .row .col-2 p{
    font-weight: bold;
}
.row .col-2{
    width: 33%;
    justify-content: center;
}
.row .col-3{
    width: 33%;
    justify-content: center;
}
.row .col-4{
    width: 30%;
    justify-content: center;
}
.row .col-desc{
    width: 100%;
    height: inherit!important;
    padding: 15px 12px!important;
    background: #ffffff!important;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.07);
    flex-direction: column;
    align-items: baseline!important;
    position: relative;
}
.row .col-desc div{
    display: flex;
    align-items: baseline;
    width: 100%;
}
.row .col-desc div .desc-title{
    width: 30%;
}
.row .col-desc div:first-of-type{
    margin-top: 20px;
}
.row .col-desc div p{
    font-size: 12px;
    color: #868686!important;
}
.tabs-cont .row .col-desc p{
    margin-left: 25px;
}
.row .col-desc p:first-of-type{
    font-weight: 700;
}
.row .col-desc .l-arr-up{
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 5px;
}
.row .col-desc .l-arr-close{
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 2px;
}



.payments-details{cursor: pointer}

.b-not_found{
    text-align: center;
    font-size: 14px;
}
.b-not_found a{
    margin-top: 15px;
    display: block;
    color: #a91111;
    font-weight: 700;
}

/*вкладка фото/видео*/
.tabs-foto{
    display: none;
    /* height: 53vh; */
    /* padding-left: 20px; */
}
.s-foto_head{
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 5px;
}
.s-foto_head p:first-child{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #383838;
    position: relative;
}
.s-foto_head .flag{
    position: absolute;
    top: -10px;
    right: -40px;
}
.slide-button{
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: inherit;
    margin-right: inherit;
}
.slide-button .prew{
    background: url(../img/s-prev_n.png);
    height: 20px;
    width: 20px;
    display: block;
    transition: all .3s ease-in-out;
    margin-right: 12px;
    cursor: pointer;
}
.slide-button .prew:hover{
    background: url(../img/s-prev_h.png);
}
.slide-button .next{
    background: url(../img/s-next_n.png);
    height: 20px;
    width: 20px;
    display: block;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.slide-button .next:hover{
    background: url(../img/s-next_h.png);
}
.slides{
    margin-right: -20px;
}
.slick-slide{
    height: inherit;
}
.slick-slide img{
    max-width: 100%;
    padding: 0 5px;
    width: 100%;
}
.s-img .s-slide-cont{
    position: relative;
    height: 270px;
    overflow: hidden;
    width: 98%!important;
    display: flex!important;
    justify-content: center;
    align-items: center;
    background: grey;
}
.s-slide-cont img{
    max-width: 150%;
    width: 150%;
}

.s-slide-cont .s-zoom img{
    max-width: 100%;
    width: 100%;
}
.s-zoom{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.s-img .s-slide-cont:hover .s-zoom{
    opacity: 1;
    transition: all .4s ease-in-out;
}
.s-foto-wrap + .s-foto-wrap{
    margin-top: 70px;
}

#slider_4 .s-slide-cont img{
    max-width: 103%;
    width: 103%;
}


/* footer*/
.footer{
    background: #1A1A1A;
}
.h-row-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 10px;
}
.col-full.h-row-wrap{
    display: flex;
    align-items: center;
    padding: 10px 0 30px;
}
.col-full.h-row-wrap .col{
    width: 100%;
}
.col-full.h-row-wrap .col .col-soc{
    display: flex;
    align-items: center;
}
.col-full.h-row-wrap .col .col-soc .f-text .img-ico {
    top: inherit;
}
.col-full.h-row-wrap .col .col-soc .soc-list{
    margin-top: 0;
    margin-left: 25px;
}

.col-full.h-row-wrap .col.cols{
    width: 100%;
    display: flex;
    align-items: center;
}
.col-full.h-row-wrap .col.cols .col {
    width: 30%;
}
.col-full.h-row-wrap .col.cols .col:last-of-type {
    width: 220px;
}
.col-full.h-row-wrap .col.cols div + div {
    margin-top: 0;
}
.col-full.h-row-wrap .col.cols .col .f-logo {
    text-align: right;
    width: 36px;
}
.col-full.h-row-wrap .col.cols .col .soc-list {
    margin-top: 0;
}
.f-logo-wrap{
    display: flex;
    align-items: center;
}
.f-logo-wrap p{
    font-weight: 800;
    font-size: 11px;
    line-height: 133.4%;
    color: #FFFFFF;
    margin-left: 5px;
}
.h-row-wrap .col{
    width: 30%;
}
.h-row-wrap .col:last-of-type{
    width: 235px;
}
.h-row-wrap .col.xarkov{
    width: 397px;
}
.h-row-wrap .col div{
    position: relative;
}
.h-row-wrap .col div + div{
    margin-top: 10px;
}
.h-row-wrap .col div .img-ico{
    position: absolute;
    left: 0;
    top: 0;
}
.h-row-wrap .col div .f-text{
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    /*letter-spacing: 1.5px;*/
    font-weight: 300;
    margin-left: 30px;
}
.h-row-wrap .col.cols .img-ico{
    top: 5px!important;
}

.h-row-wrap .col .f-logo{
    text-align: right;
}
.h-row-wrap .col div .soc-list + .soc{
    margin-top: 0;
}
.h-row-wrap .col div .soc-list{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.h-row-wrap .col div .soc-list p{
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    font-weight: 300;
}

.h-row-wrap .col div .soc-list img{
    margin-left: 15px;
}
.soc-list:first-of-type a:first-of-type{
    margin-left: 4px;
}
/*end footer*/

.help-block {
    color: #be0a2e;
    font-size: 10px;
}
.site-error{
    margin-top: 100px;
    text-align: center;
    color: #000000;
    min-height: 60vh;
}


/*select  */
.select__wrap{
    margin: auto;
    max-width: 1170px;
    width: 100%;
    display: flex;
    align-items: center;
}
.sort__text{
    font-size: 14px;
    color: #383838;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-right: 15px;
}

.it_tosee{
    position: relative;
}

.select2-dropdown,
.select2-container{
    /*width: 145px!important;*/
}
.select2-results__option span{
    display: flex;
    align-items: center;
}
.select2-search{
    display: none;
}
.select2-selection{
    height: 40px!important;
    display: flex!important;
    align-items: center!important;
    background-color: inherit!important;
    border: none!important;
    /*border-bottom: 1px solid #cecece!important;*/
    border-radius: 0!important;
}
.select2-container .select2-selection__arrow{
    background: url(../img/arr-down.svg) no-repeat;
    top: 17px!important;
}
.select2-container.select2-container--open .select2-selection__arrow{
    background: url(../img/arr-down.svg) no-repeat;
    transform: rotatex(180deg);
    top: 17px!important;
    height: 7px;
}
/*.select2-container--open{*/
/*    background: #F8F8F8;*/
/*}*/
.select2-container--default .select2-results__option[aria-selected=true]{
    background: #F8F8F8;
}
.select2-results__option.select2-results__option--highlighted{
    background-color: #F8F8F8;
}
.select2-results__option.select2-results__option--highlighted span{
    color: #a91111;
}
.select2-selection__arrow b{
    display: none;
}
.select2-dropdown{
    border: none!important;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.07);
    background: #ffffff;
}
.select2-results__option span,.select2-selection__rendered{
    font-size: 14px;
    color: #383838;
    font-family: 'Montserrat', sans-serif!important;
}
.select__item{
    margin-right: 20px;
}
.select2-results .select2-results__options li:first-of-type span img{
    display: none;
}
/*.select2-results .select2-results__options li:first-of-type{
    display: none;
}*/
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F8F8F8;
    color: #a91111;
    text-decoration: underline;
}
.select2-results__option {
    background-color: #F8F8F8;
    padding: 8px;
    user-select: none;
    -webkit-user-select: none;
    font-size: 14px;
    color: #383838;
    font-family: 'Montserrat', sans-serif!important;
}

@media (max-width: 1092px){
    .select__wrap{
        max-width: 600px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .select__item {
        margin-top: 10px;
    }
}

.fancybox-container {
    z-index: 999929;
}

.slick-dots{
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-dots li{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: flex;
    background: #333333;
}
.slick-dots li + li{
    margin-left: 5px;
}
.slick-dots li.slick-active{
    width: 10px;
    height: 10px;
    background: #BE082E;
}
.slick-dots li button{
    display: none;
}

.c-wareouse{
    margin-top: 7px!important;
}
.c-fraght{
    margin-top: 17px!important;
}
.c-fraght .col-l:after {
    top: 72%!important;
}
.c-port, .c-conteiner{
    margin-top: 13px!important;
}
.c-conteiner .col-l:after,
.c-port .col-l:after {
    top: 77%!important;
}
.c-tamj, .c-adress{
    margin-top: 9px!important;
}
.c-tamj .col-l:after{
    top: 71%!important;
}




.drop-down{
    position:relative;
}

.drop-down .selected a{
    display: flex;
    width: auto;
    border-radius: 2px;
    text-decoration: none;
    color: #be0e2e;
    align-items: center;
}
.drop-down .selected a img{
    margin-top: 7px;
    margin-left: 15px;
}

.drop-down .selected a span{
    cursor: pointer;
    display: flex;
    margin-top: 5px;
    align-self: center;
}
.drop-down .selected a span img{
    margin-right: 10px;
    width: 23px;
    height: 23px;
}

.drop-down .option{
    position:relative;
}

.drop-down .options ul{
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 7px;
    top: 45px;
    width: 280px;
    background: #F8F8F8;
    border: 1px solid #ECECEC;
    z-index: 999;
}

.drop-down .selected span.value, .drop-down .options span.value{
    display: none;
}

.drop-down .options ul li a{
    padding: 15px 5px;
    display: flex;
    text-decoration: none;
    color: #333;
    align-items: center;
}
.drop-down .options ul li a img{
    margin-right: 10px;
}
.mob-selected{
    display: none;
}




.add-wrapp{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 30px;
}
.add-wrapp .add-post-btn{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.add-wrapp .add-post-btn p{
    margin-left: 10px;
    font-size: 16px;
    color: #5a5a5a;
}


#tabs-ithem_4 .table-posts{
    background: #ffffff;
    padding: 2px;
}
.table-posts .col-z-1{
    width: 32%!important;
    padding-left: 50px!important;
}
.table-posts .col-z-2{
    width: 37%!important;
    padding-left: 40px!important;
}
.table-posts .col-z-3{
    width: 20%!important;
    justify-content: center;
}
.table-posts .col-z-4{
    width: 20%!important;
    max-width: 185px!important;
    justify-content: center;
}
.table-posts .col-z-1,
.table-posts .col-z-2,
.table-posts .col-z-3,
.table-posts .col-z-4{
    font-size: 16px;
}

.table-posts .col-h-1{
    width: 20%!important;
    justify-content: center;
    font-size: 16px;
}
.table-posts .col-h-2{
    width: 60%!important;
    justify-content: center;
    font-size: 16px;
}


.table-posts .table-head .col{
    text-transform: uppercase;
}
.table-posts .col p{
    font-size: 15px !important;
}
.moore-info{
    display: flex;
    flex-direction: column;
}
.moore-info.add-post{
    display: none;
}
.moore-info__wrapp{
    background-color: #E8E8E8;
    width: 100%;
    padding: 40px 40px 90px 50px;
    position: relative;
    display: none;
}
.moore-info__wrapp.is-show{
    display: block;
}

.moore-info__wrapp .title{
    font-size: 22px;
    color: #5a5a5a;
    font-weight: 600;
    margin-bottom: 25px;
}
.moore-info__wrapp .info{
    font-size: 16px;
    color: #5a5a5a;
    line-height: 1.4;
}
.moore-info__wrapp .btn-wrapp{
    width: 100%;
    max-width: 280px;
    height: 70px;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
}
.moore-info__wrapp .btn-wrapp .btn-info{
    background-color: #b1b1b1;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    width: 50%;
    cursor: pointer;
}
.moore-info__wrapp .btn-wrapp .btn-info:first-of-type{
    background-color: #3bb23b;
}
.moore-info__wrapp .btn-wrapp .btn-info.remove{
    background-color: #BE082E;
}
.moore-info__wrapp .btn-wrapp .btn-info.edit{
    background-color: #3bb23b;
}

.moore-info__wrapp .f-title{
    width: 100%;
    padding: 20px;
    /*margin-bottom: 20px;*/
    border: none;
    font-size: 15px;
}
.moore-info__wrapp .f-text{
    width: 100%;
    padding: 20px;
    border: none;
    font-size: 15px;
    
}
.moore-info__wrapp .foto-wrapp .foto-item_show{
    margin-top: 35px;
}
.moore-info__wrapp .foto-wrapp .foto-item_show,
.moore-info__wrapp .foto-wrapp .foto-items{
    display: flex;
    flex-wrap: wrap;
}

.moore-info__wrapp .foto-wrapp .image-i{
    position: relative;
}
.moore-info__wrapp .foto-wrapp .image-i .remove-img{
    position: absolute;
    top: -5px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}
.moore-info__wrapp .foto-wrapp .foto-item_show .one-foto,
.moore-info__wrapp .foto-wrapp .foto-items .one-foto{
    display: block;
    width: 210px;
    height: 120px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.moore-info__wrapp .foto-wrapp .upload-foto{
    display: flex;
    align-items: center;
    margin: 25px 0;
    cursor: pointer;
}
.moore-info__wrapp .foto-wrapp .upload-foto p{
    font-size: 16px;
    color: #5a5a5a;
    text-transform: uppercase;
    margin-left: 10px;
}


/*inform checbox*/
.get-inform{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 60px;
    margin-top: -70px;
}
.get-inform .inform-item {
    margin-left: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.get-inform .inform-item .ring-ico{
    margin-left: 15px;
    margin-right: 7px;
    width: 26px;
    height: 26px;
    display: block;
    background: url(../img/notification.svg);
}

.get-inform .inform-item .ring-ico.new-event{
    background: url(../img/notification-event.svg);
}
.get-inform .inform-item .event-count{
    color: #BE082E;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #BE082E;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



[type="radio"] {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #BE082E;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.moore-info__wrapp form > div{
    margin-bottom: 20px;
}

.moore-info__wrapp .help-block{
    position: absolute;
}
.download-foto{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.download-foto img{
    margin-right: 7px;
}
.carfax-block{
    text-align: right;
    cursor: pointer;
}
.table-wrap.carfax-report .col{width:100%;}

@font-face {
    font-family: 'Glyphicons Halflings';
    
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-star:before {
    content: "\e006";
}
.glyphicon-star-empty:before {
    content: "\e007";
}
.get-inform1{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 40px;
}
.rating-block{
    color: #BE082E;
    cursor: pointer;
}
.rating-block.desct-hide{
    display: none;
}
.rating-block img{
    margin-right: 15px;
}
.get-inform1 > div {
    margin-left: 15px;
    font-size: 16px;
    cursor: pointer;
}
.get-inform1 .carfax-block {
    display: flex;
    align-items: center;
}
.get-inform1 .carfax-btn {
    font-size: 16px;
    color: #ffffff;
    padding: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    border: 2px solid #BE082E;
    background: #BE082E;
    transition: all .3s ease-in-out !important;
    width: 275px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.get-inform1 .carfax-qty {
    margin: 18px 0;
    display: block;
    margin-left: 20px;
}
.login-phone{
    position: relative;
}
.form_input.login-phone input{
    padding-left: 39px;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.phone-prefix{
    position: absolute;
    top: 39px;
    left: 13px;
    color: #a4a4a4;
    background-color: inherit;
    font-size: 14px;
    font-style: inherit;
}
#phone{
    color: #a4a4a4;
    background-color: inherit;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: 100%;
    background: #F5F5F5;
    padding: 16px 25px;
    padding-left: 50px;
}
.carfax-info{
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.carfax-info-btn{
    display: flex;
    align-items: center;
}
.carfax-info .nav{
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-right: 1px solid #b7b7b7;
}
.carfax-info .nav:last-of-type{
    border-right: none;
}
.carfax-info .nav + .nav{
    margin-left: 15px;
}
.carfax-info .nav p{
    font-size: 16px;
    color: #2c2c2c;
}
.carfax-info .nav img{
    margin-right: 10px;
}
.btn-carfax{
    font-size: 16px;
    color: #383838;
    padding: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    border: 2px solid #BE082E;
    /* background: #BE082E; */
    transition: all .3s ease-in-out !important;
    width: 275px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.calc-btn{
    display: none!important;
}
.btn-exel{
    font-size: 16px;
    color: #ffffff;
    padding: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    border: 2px solid #BE082E;
    background: #BE082E;
    transition: all .3s ease-in-out !important;
    width: 270px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order-form{
    display: flex;
}

.calc-btn__wrapp{
    position: absolute;
    left: 0;
    top: 340px;
    padding: 40px 25px;
    background: #e8e8e8;
}
.calc-btn__wrapp .calc-button{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.calc-btn__wrapp .calc-button img{
    margin-bottom: 7px;
}
.calc-btn__wrapp .calc-button p{
    font-size: 16px;
    text-decoration: underline;
    font-weight: 700;
    color: #01276c;
}
.info-wrapp{
    padding: 25px 0 15px;
}
.info-wrapp .title,
.title-wrapp .title{
    font-size: 24px;
    font-weight: 700;
    color: #01276c;
    margin-bottom: 40px;
}
.info-wrapp .info-list .info-list__item p span{
    font-weight: 700;
}
.info-wrapp .info-list .info-list__item p{
    font-size: 16px;
    color: #4b4b4b;
    line-height: 24px;
    font-weight: 300;
}
.info-wrapp .info-list .info-list__item{
    display: flex;
    align-items: flex-start;
    margin-top: 30px;
}
.info-wrapp .info-list .info-list__item .content{
    width: calc(100% - 35px);
}
.info-wrapp .info-list .info-list__item .number{
    font-size: 24px;
    font-weight: 700;
    color: #be082e;
    width: 35px;
    margin-top: -5px;
}
.info-wrapp .manager{
    margin-top: 35px;
}
.info-wrapp .manager a{
    font-size: 16px;
    color: #01276c;
    text-decoration: underline;
    line-height: 24px;
    font-weight: 500;
}
.info-wrapp .manager p{
    font-size: 16px;
    color: #4b4b4b;
    line-height: 24px;
    font-weight: 500;
}
.title-search__wrapp{
    max-width: 450px;
}
.title-search__wrapp .form_input{
    position: relative;
}
.title-search__wrapp .title-search img{
    display: none;
}
.title-search__wrapp .form_input input{
    color: #a4a4a4;
    font-size: 14px;
    display: block;
    width: 100%;
    background: #ffffff;
    padding: 16px 25px;
    height: 50px;
}
.title-search__wrapp .form_input .btn{
    color: #ffffff;
    background: #BE082E!important;
    border: 2px solid #BE082E;
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.title-wrapp .title-table{
    display: block;
    margin-top: 40px;
    max-width: 100%;
}
.title-table{
    margin-bottom: 50px;
}
.title-table .row{
    text-transform: uppercase;
}
.title-table .row .col-2{
    justify-content: flex-start;
    padding-left: 25px;
}
.title-table .row .col-2 p{
    font-weight: 400;
}
.title-table .row .col-3{
    justify-content: flex-start;
    padding-left: 25px;
}
.table-wrap .row .col p.red{
    color: #BE082E!important;
}
.table-wrap .row .col p.green{
    color: #219653!important;
}
.auction-col{
    padding-right: 50px;
}
.calculator-wrapp{
    display: flex;
}
.calculator-wrapp .col-cont{
    width: 50%;
}
.calculator-wrapp{
    margin-top: 30px;
}
.calculator-wrapp .auction-info{

}
.calculator-wrapp .auction-info .title{
    color: #383838;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
}
.calculator-wrapp .auction-list{
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}
.calculator-wrapp .auction-list .item{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.calculator-wrapp .auction-list .item img{
    margin-bottom: 15px;
    height: 60px;
}
.calculator-wrapp .auction-list .item .name{
    color: #383838;
    text-transform: uppercase;
    font-size: 18px;
}
.auction-steps{

}
.auction-manager{
    margin-top: 125px;
}
.auction-manager p,
.auction-manager a{
    font-size: 12px;
    color: #383838;
    font-weight: 600;
}
.auction-steps p{
    font-size: 14px;
    color: #383838;
    margin-bottom: 20px;
}
.auction-steps p span{
    color: #be082e;
    font-weight: 600;
}
.calculator-container {
}
.calculator-container .calc-title{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #01276c;
    margin-bottom: 30px;
}
.calculator-container .text{
    font-size: 16px;
    font-weight: 600;
    color: #383838;
    margin-bottom: 20px;
}
.calculator-container .footer-text{
    font-size: 12px;
    font-weight: 600;
    color: #be082e;
}
.calculator-box{
    margin-bottom: 37px;
    display: flex;
}
.calculator-box .chose-car{
    display: flex;
    flex-direction: column;
}
.calculator-box .chose-car.active{
    background: #be082e;
}
.calculation-car{
    width: calc(100% - 250px);
    background: #e8e8e8;
    padding: 20px 30px;
    display: flex;
    align-items: center;
}

.chose-car .car-item{
    width: 250px;
    background: #235789;
    padding: 58px 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 2px;
}
.chose-car .car-item:last-of-type{
    margin-bottom: 0;
}
.chose-car .car-item.active{
    background: #be082e;
}
.chose-car .car-item .question{
    position: absolute;
    left: 15px;
    top: 15px;
}
.chose-car .car-item .question img{
    width: 18px;
}
.chose-car .car-item .question .tooltip:after{
    content: '';
    bottom: -7px;
    position: absolute;
    right: 11px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
.chose-car .car-item .question .tooltip{
    position: absolute;
    bottom: calc(100% + 10px);
    width: 170px;
    right: -10px;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0px 0px 8.91px 0.09px rgba(103, 103, 103, 0.26);
    display: none;
    transition: all .3s ease-in-out;
}
.chose-car .car-item .question:hover .tooltip{
    display: block;
}
.chose-car .car-item .question .tooltip p{
    font-size: 10px;
}
.chose-car .car-item .car-ico{

}
.chose-car .car-item .car-ico img{
    height: 33px;
}
.chose-car .car-item .car-type{
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}
.calculation-car{

}
.calculation-car .calculation-item .select2-container{
    color: #2c2c2c;
    font-size: 16px;
    display: block;
    width: 100%!important;
    background: #F5F5F5;
    padding: 8px 20px;
    height: 40px;
}
.calculation-car .calculation-item .select2-selection{
    height: 25px!important;
}
.calculation-car .calculation-item .select2-container .select2-selection__arrow {
    top: 17px!important;
    height: 8px;
    position: absolute;
    right: 10px;
    width: 20px;
}
.calculation-car .calculation-item .select2-selection__rendered {
    font-weight: 600;
    padding: 0;
}
.calculation-car .calculation-total{
    display: flex;
}
.calculation-car .calculation-total.test {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin-top: 30px;
}
.calculation-car .calculation-total.test span{
    margin-bottom: 3px;
}
.calculation-car .calculation-total .btn{
    width: 50%;
    font-size: 16px;
    color: #ffffff;
    padding: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    border: 2px solid #BE082E;
    background: #BE082E;
    transition: all .3s ease-in-out !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-right: 20px;
}
.calculation-car .calculation-total .total-summ{
    color: #be082e;
    font-weight: 600!important;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    background: #F5F5F5;
    padding: 8px 20px;
    height: 40px;
}
.calculation-car .calculation-total .total-summ span{
    font-weight: 600;
}
.calculation-car .calculation-item{
    margin-bottom: 15px;
}
.calculation-car .calculation-item .name{
    font-size: 14px;
    color: #383838;
    font-weight: 600;
    margin-bottom: 7px;
}
.calculation-car .calculation-item input{
    color: #383838;
    font-size: 16px;
    display: block;
    width: 100%;
    background: #F5F5F5;
    padding: 8px 20px;
    height: 40px;
}
.select2-container--calculation-option-select,
.select2-container--calculation-option-select .select2-dropdown{
    width: 329px!important;
}
.select2-results {
    display: block;
    max-height: 210px;
    overflow-y: auto;
}
.select2-container--calculation-option-select .select2-results__option {
    cursor: pointer;
    padding: 12px 20px;
}
.select2-container--calculation-option-select .select2-search {
    display: block;
    border: 1px solid #be082e;
    padding: 5px 15px;
}
.calculator-one{
    height: 100vh;
}
.calculator-one .wrapp-container {
    margin-top: 0;
    min-height: 100%;
}
.calculator-one .calculator-wrapp {
    margin-top: 0;
    padding-top: 25px;
}
.calculator-one-header{
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.calculator-one-header .logo-wrapp {
    width: 110px;
    display: flex;
    position: relative;
}
.calculator-one-header .logo-wrapp img {
    width: 110px;
}
.calculator-one-header .btn-go{
    font-size: 14px;
    color: #ffffff;
    padding: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    display: inline-block;
    background: #BE082E;
    border: 1px solid #BE082E;
    transition: all .3s ease-in-out!important;
    cursor: pointer;
}
.calculator-one-header .logo-wrapp p {
    font-weight: 800;
    font-size: 22px;
    line-height: 1.3;
    color: #333333;
    text-align: center;
    margin-top: 25px;
    position: absolute;
    bottom: -100%;
    left: 0;
}
.calculator-one .calculation-car {
    display: flex;
    align-items: center;
}
.calculator-one .calculation-car .calc-form,.calculation-car .calc-form{
    width: 100%;
}

/*Styling Selectbox*/
.dropdown-manager {
    width: 100%;
    max-width: 500px;
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px rgb(204, 204, 204);
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    height: 100%;
    text-align: left;
    margin-bottom: 25px;
}
.dropdown-manager .select {
    cursor: pointer;
    display: block;
    padding: 10px;
    position: relative;
}
.dropdown-manager .select .arr-down {
    width: 20px;
    height: 8px;
    position: absolute;
    right: 6px;
    top: 15px;
}
.dropdown-manager.active .select .arr-down {
    transform: rotateX(180deg);
}
.dropdown-manager:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.dropdown-manager:active {
    background-color: #f8f8f8
}
.dropdown-manager.active:hover,
.dropdown-manager.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 2px 2px 0 0;
    background-color: #f8f8f8
}
.dropdown-manager.active .select > i {
    transform: rotate(-90deg)
}
.dropdown-manager .dropdown-manager-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9
}
.dropdown-manager .dropdown-manager-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
}
.dropdown-manager .dropdown-manager-menu {
    padding: 0;
    list-style: none
}
.dropdown-manager .dropdown-manager-menu li:hover {
    background-color: #f2f2f2
}
.dropdown-manager .dropdown-manager-menu li:active {
    background-color: #e2e2e2
}
.dropdown-manager .dropdown-manager-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
    border-radius: 2px;
}
.dropdown-manager .dropdown-manager-menu::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #BE082E;
    -webkit-box-shadow: 0 0 1px #BE082E;
}

.dropdown-manager__item{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.dropdown-manager__item .avatar{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    margin-right: 15px;
}
.dropdown-manager__item .name{
    margin-right: 10px;
}
.dropdown-manager__item .phone{
    margin-right: 10px;
}
.name-electro{display: none}


.btn-reset {
    font-size: 16px;
    color: #ffffff;
    padding: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    border: 2px solid #BE082E;
    background: #BE082E;
    transition: all .3s ease-in-out !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-top: 7px;
    width: 100%;
}
.btn-reset:hover{
    border: 2px solid #BE082E!important;
    background: #BE082E!important;
}

#modal .modal_container{
    max-width: 800px;
    top: 50%;
    transform: translate(-50%, -50%);
}
#modal .modal_container .m-row {
    padding: 40px 0;
    margin: 0;
}
#modal .modal_container.m-close {
    right: -70px;
}
#modal .modal_container .one-info{
    display: flex;
    margin-bottom: 5px;
}
#modal .modal_container .one-info .info-row{
    background: #e8e8e8;
    margin: 2px;
}
#modal .modal_container .one-info .info_01{
    width: 160px;
}
#modal .modal_container .one-info .info_02{
    width: calc(100% - 320px);
}
#modal .modal_container .one-info .info_03{
    width: 160px;
}
#modal .modal_container .one-info .info_01,
#modal .modal_container .one-info .info_02{
    padding: 10px;
}
#modal .modal_container .one-info .info_01{
    display: flex;
    align-items: center;
}
#modal .modal_container .one-info .info-row{
    background: #e8e8e8;
}
#modal .modal_container .one-info .info-row .m-status {
    font-size: 12px;
    font-weight: 700;
}
#modal .modal_container .one-info .info-row .btn {
    margin-top: 0!important;
    height: 100%;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
#modal .modal_container .one-info .info-row .m-status,
#modal .modal_container .one-info .info-row .m-text_status{
    text-align: left;
}
#modal .modal_container .info-wrapp {
    padding: 25px 25px 0 15px;
    overflow-y: scroll;
    max-height: 280px;
}
#modal .modal_container .one-info .info-row .m-text_status{
    text-align: left;
}
#modal ::-webkit-scrollbar-thumb {
    background-color: #BE082E;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px #BE082E;
}


/*new style*/

.select__item-tale .select2-dropdown .select2-selection__rendered,
.select__item-tale .select2-container .select2-selection__rendered{
    font-family: 'Montserrat', sans-serif!important;
}
.select__item-tale .select2-dropdown,
.select__item-tale .select2-container{
    width: 100%!important;
    padding-right: 10px;
}
.settings-table-content.mobile{
    padding: 0;
}
.settings-table-content.mobile .settings-table-top{
    background: #235789;
    padding: 25px 10px;
}
.settings-table-content.mobile .settings-table-chose_event{
    padding-top: 15px;
}
.settings-table-content.mobile .settings-table-top{
    flex-direction: row;
}
.settings-table-content.mobile .user-logo-name .user-avatar.stat {
    width: 130px;
    height: 130px;
}
.settings-table-content.mobile .settings-table-top .user-info {
    box-shadow: none;
    width: calc(100% - 130px);
    margin: 0 0 0 20px;
    padding: 0;
}
.settings-table-content.mobile .user-name{
    width: 100%;
    font-weight: 600;
    color: #fff;
}
.settings-table-content.mobile .user-name.edit{
    display: none;
}
.settings-table-content.mobile .user-info-table .user-infoitem {
    border: none;
    padding: 6px 0;
    width: 100%;
}
.settings-table-content.mobile .user-info-table .change-pass{
    border: none;
    padding: 6px 0;
    width: 100%;
}
.settings-table-content.mobile .user-info-table .change-pass input::placeholder{
    color: #9CB3CA;
    font-weight: 400;
    
}
.settings-table-content.mobile .user-info-table .change-pass .title,
.settings-table-content.mobile .user-info-table .user-infoitem .title {
    font-size: 10px;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 4px;
}
.settings-table-content.mobile .user-info-table .user-infoitem {
    margin-bottom: -2px;
}
.settings-table-content.mobile .user-info-table .user-infoitem .edit {
    flex-direction: column;
}
.settings-table-content.mobile .user-info-table .user-infoitem .stat, .settings-table-content.mobile .user-info-table .user-infoitem .edit {
    font-size: 14px;
    color: #fff;
}
.settings-table-content.mobile .settings-table-top.is-edit .user-info-table .user-infoitem .edit input {
    border-bottom: 1px solid #9CB3CA;
    color: #9CB3CA;
    max-width: 220px;
    background: inherit;
    width: 100%;
}
.settings-table-content.mobile .user-infoitem-btn{
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}
.settings-table-content.mobile .user-logo-wrapp{
    justify-content: space-between;
}
.settings-table-content.mobile .user-infoitem-btn .edit-btn{
    display: none;
}
.settings-table-content.mobile .user-infoitem-btn .save-btn,
.settings-table-content.mobile .user-infoitem-btn .edit-btn{
    font-size: 16px;
    color: #9CB3CA;
    font-weight: 600;
    margin-left: 7px;
    z-index: 2;
    position: relative;
}
.settings-table-content.mobile .user-infoitem-btn .title.edit-ico{
    margin-bottom: -4px;
}
.settings-table-content.mobile .settings-table-midl{
    padding: 0 15px;
}
.settings-table-content.mobile .settings-table-con .title {
    font-size: 15px;
}
.settings-table-content.mobile .settings-table-con .add-new  {
    font-size: 14px;
}
.settings-table-content.mobile .settings-search{
    position: relative;
}
.settings-table-content.mobile .settings-search .form_input{
    margin: 24px 0px;
}
.settings-table-content.mobile .settings-search .form_input input{
    border: 1px solid #DBDBDB;
    padding: 10px 20px;
    width: 100%;
}
.settings-table-content.mobile .settings-search .form_input .search{
    position: absolute;
    right: 7px;
    top: 5px;
    border: none;
    padding: 2px;
    background: none;
}
.settings-table-content.mobile .settings-search .form_input .search img{
    display: block;
    width: 20px;
}

.settings-table-content.mobile .settings-user{

}
.settings-table-content.mobile .settings-user .user-one{
    background: #F2F2F2;
    padding: 25px 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}
.settings-table-content.mobile .settings-user .user-one .top-info{
    display: flex;
    align-items: flex-start;
    position: relative;
}
.settings-table-content.mobile .settings-user .user-one .top-info .edit{
    position: absolute;
    top: -14px;
    right: 0;
    width: 45px;
    height: 45px;
    background: url(../img/ico-edit-blac.svg);
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
}
.settings-table-content.mobile .settings-user .user-one .top-info .save{
    position: absolute;
    top: -14px;
    right: 0;
    width: 45px;
    height: 45px;
    background: url(../img/ico-save.svg);
    background-size: 22px;
    display: none;
    background-repeat: no-repeat;
    background-position: center;
}
.settings-table-content.mobile .settings-user .user-one .top-info .logo{
    position: relative;
}
.settings-table-content.mobile .settings-user .user-one .top-info .logo .edited{
    display: none;
}
.settings-table-content.mobile .settings-user .user-one .top-info .logo .edited{
    display: none;
}
.settings-table-content.mobile .settings-user .user-one.is-edit .top-info .logo .edited{
    display: flex;
}
.settings-table-content.mobile .settings-user .user-one.is-edit .top-info .logo .avatar .avatar-ico{
    opacity: .6;
}
.settings-table-content.mobile .settings-user .user-one .top-info .logo .edited .avatar-ico{
    width: 36px;
    height: 36px;
    background-size: 100% !important;
    background-repeat: no-repeat!important;
    border-radius: 50%;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .8;
    cursor: pointer;
    z-index: 10;
}
.settings-table-content.mobile .settings-user .user-one .top-info .logo .info{
    display: flex;
    align-items: center;
    justify-content: center;
}
.settings-table-content.mobile .settings-user .user-one .top-info .logo .info .avatar-ico{
    width: 60px;
    height: 60px;
    background-size: 100% !important;
    background-repeat: no-repeat!important;
    border-radius: 50%;
}
.settings-table-content.mobile .settings-user .user-one .top-info{
    display: flex;
    align-items: flex-start;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info{
    width: calc(100% - 75px);
    margin-left: 20px;
    display: flex;
    flex-direction: column;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .stat.name{
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    font-weight: 700;
    max-width: 90%;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .stat.info{
    font-size: 12px;
    margin-top: 2px;
    color: #000000;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .stat.info.green{
    font-size: 12px;
    color: #219653;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .edited{
    display: none;
    height: 30px;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .info-wrapp{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .phone{
    display: flex;
    align-items: center;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .phone .ico img{
    width: 12px;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .phone .state{
    font-size: 12px;
    color: #000000;
    margin-left: 7px;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .phone .state2{
    font-weight: 700;
    font-size: 12px;
    color: #000000;
    margin-left: 0!important;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .email .state2{
    margin-right: 7px;
    font-weight: 700;
    font-size: 12px;
    color: #000000;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .phone .is-edit{
    display: none;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .phone .is-edit input{
    background: inherit;
    border-bottom: 1px solid #B2BEC4;
    padding-bottom: 3px;
    color: #5E727D;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    margin-left: 7px;
}


.settings-table-content.mobile .settings-user .user-one .info-wrapp .email{
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .email .ico img{
    width: 15px;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .email .state{
    font-size: 12px;
    color: #000000;
    margin-left: 7px;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .email .is-edit{
    display: none;
}
.settings-table-content.mobile .settings-user .user-one .info-wrapp .email .is-edit input{
    background: inherit;
    border-bottom: 1px solid #B2BEC4;
    padding-bottom: 3px;
    color: #5E727D;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    margin-left: 7px;
}


.settings-table-content.mobile .settings-user .user-one .events {
    display: flex;
    flex-direction: row;
}
.settings-table-content.mobile .settings-user .user-one .events .info{
    display: flex;
    align-items: center;
    justify-content: center;
}
.settings-table-content.mobile .settings-user .user-one .events.carfax{
    align-items: baseline;
}
.settings-table-content.mobile .settings-user .user-one .events .info.carfax{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-left: 12px;
}
.settings-table-content.mobile .settings-user .user-one .events .info.carfax .carfax_left{
    font-size: 12px;
    margin-bottom: 7px;
}
.settings-table-content.mobile .settings-user .user-one .events .info.carfax .carfax_left span{
    color: #27AE60!important;
    font-weight: 700;
}
.settings-table-content.mobile .settings-user .user-one .events .info.carfax .carfax_get{
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    color: #27AE60!important;
    cursor: pointer;
}
.settings-table-content.mobile .settings-user .user-one .events .info.carfax{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.settings-table-content.mobile .settings-user .user-one .events .info.get-schet {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #BE082E;
    color: #fff;
    margin-left: 10px;
    font-size: 13px;
    padding: 4px 7px;
}

.settings-table-content.mobile .settings-user .user-one .events .info{
    font-weight: 500;
    font-size: 12px;
    margin-left: 13px;
}
.settings-table-content.mobile .settings-user .user-one .events .info.download{
    color: #be0a2e;
    cursor: pointer;
    text-decoration: underline;
}
.settings-table-content.mobile .settings-user .user-one .events .inform-item {
    margin-left: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.settings-table-content.mobile .settings-user .user-one .events .inform-item label{
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #666;
    font-size: 12px;
}
.settings-table-content.mobile .settings-user .user-one .events [type="checkbox"]:checked + label, .settings-table-content.mobile .settings-user .user-one .events [type="checkbox"]:not(:checked) + label {
    padding-left: 17px;
    line-height: 13px;
    font-size: 12px;
    color: #000;
}
.settings-table-content.mobile .settings-user .user-one .events [type="checkbox"]:checked + label:before, .settings-table-content.mobile .settings-user .user-one .events [type="checkbox"]:not(:checked) + label:before {
    width: 14px;
    height: 14px;
}
.settings-table-content.mobile .settings-user .user-one .events [type="checkbox"]:checked + label:after, .settings-table-content.mobile .settings-user .user-one .events [type="checkbox"]:not(:checked) + label:after {
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
}
.settings-table-content.mobile .settings-user .user-one .remove-user{
    margin-top: 10px;
    text-decoration: underline;
    color: #BE082E;
    font-weight: 500;
    font-size: 12px;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .edited .select__item-tale{
    max-width: 145px;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .is-edit.name{
    font-size: 16px;
    line-height: 16px;
    font-family: 'Montserrat', sans-serif;
    color: #979797;;
    font-weight: 700;
    background: inherit;
    display: none;
    max-width: 87%;
    border-bottom: 1px solid #b2bec4;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .is-edit.infom{
    font-size: 14px;
    line-height: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    border-bottom: 1px solid #B2BEC4;
    background: inherit;
    display: none;
    max-width: 87%;
}
.settings-table-content.mobile .settings-user .user-one .top-info .us-info .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.settings-table-content.mobile .settings-user .user-one .top-info{

}
.settings-table-content.mobile .settings-user .user-one.is-edit .edit,
.settings-table-content.mobile .settings-user .user-one.is-edit .us-info .stat,
.settings-table-content.mobile .settings-user .user-one.is-edit .info-wrapp .phone .state,
.settings-table-content.mobile .settings-user .user-one.is-edit .info-wrapp .email .state{
    display: none!important;
}
.settings-table-content.mobile .settings-user .user-one.is-edit .save,
.settings-table-content.mobile .settings-user .user-one.is-edit .us-info .is-edit,
.settings-table-content.mobile .settings-user .user-one.is-edit .info-wrapp .phone .is-edit,
.settings-table-content.mobile .settings-user .user-one.is-edit .info-wrapp .email .is-edit{
    display: block!important;
}
/*.settings-table-content.mobile .settings-user .user-one.is-edit .info-wrapp .email{*/
/*    margin-left: 20px;*/
/*}*/
.settings-table-content.mobile .settings-user .user-one.is-edit .us-info .stat{

}
.settings-table-content.mobile .settings-user .user-one.is-edit{

}
.settings-table-content.mobile .settings-user .user-one{

}
.settings-table-content.mobile .settings-user .user-one{

}

.settings-table-content.mobile{

}

.settings-table-content.mobile{

}

.settings-table-content.mobile .settings-table-top.is-edit .user-name.stat{
    display: none;
}
.settings-table-content.mobile .settings-table-top.is-edit .user-name.edit{
    display: flex;
}
.settings-table-content.mobile .settings-table-top .change-pass{
    display: none;
}
.settings-table-content.mobile .settings-table-top.is-edit .edit-btn{
    display: flex;
}
.settings-table-content.mobile .settings-table-top.is-edit .save-btn{
    display: none;
}
.settings-table-content.mobile .settings-table-top.is-edit .change-pass{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 220px;
}
.settings-table-content.mobile .settings-table-top.is-edit .user-logo-name .user-avatar.stat {
    width: 130px;
    height: 130px;
    opacity: .6;
}
.settings-table-content.mobile .settings-table-top {
    background: #235789;
    padding: 25px 10px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.settings-table-content.mobile .settings-user {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.settings-table-content.mobile .settings-user .user-one {
    width: 49%;
    margin-left: 0;
    margin-right: 0;
}

.settings-table-container .table-row .item.mob-u-role .select2{
    width: 100px!important;
}
.settings-table-container .table-row:hover .item.mob-u-email{
    overflow: hidden;
}
.settings-table-content.mobile .settings-table-top.is-edit .user-name.edit input,
.settings-table-content.mobile .settings-table-top.is-edit .change-pass input{
    border-bottom: 1px solid #9CB3CA;
    color: #9CB3CA;
    background: none;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
    padding-bottom: 5px;
    max-width: 220px;
}

.h-reset-btn{
    background: url(../img/x.svg);
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translate(0, -50%);
    background-size: 100%;
    width: 13px;
    height: 13px;
    z-index: 11;
    cursor: pointer;
    display: none;
}
#search-form .h-reset-btn{
    right: 65px;
}
.calc-manual-block .footer-text {
    font-size: 12px;
    font-weight: 600;
    color: #be082e;
    margin: 0 10px 20px;
}
.loader_wrapp{
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    z-index: 999;
    left: 0;
}
.loader_wrapp.active{
    display: flex;
}
.loader_wrapp .overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .7);
    z-index: 999;
}
.loader_wrapp .loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color:  #be082e;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    /* left, top and position just for the demo! */
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
}

@-webkit-keyframes rotate {
    /* 100% keyframe for  clockwise.
	   use 0% instead for anticlockwise */
    100% {
        -webkit-transform: rotate(360deg);
    }
}

#remove-user-modal .delivery-options{
    display: flex;
}
#remove-user-modal .delivery-options .delivery-options-btn{
    margin-top: 0;
}
#remove-user-modal .delivery-options .delivery-options-btn + .delivery-options-btn{
    margin-left: 10px;
}

#message-modal,
#remove-user-modal{
    display: none;
}
#message-modal.active,
#remove-user-modal.active{
    display: flex;
    position: relative;
    z-index: 999;
}
.event-count{
    cursor: pointer;
}
.delivery-car-section-details{
    display: none;
}
/* new 30.07.21 */
.table-container.opt-client-order{
    margin: 20px;
}
.table-container.opt-client-order .table-row{
    display: grid;
    grid-template-columns: 140px auto 175px 165px 165px 95px;
    /*grid-template-columns: 80px 140px auto 175px 165px 165px 65px 95px;*/
}
.table-container.opt-client-order .item{
    height: 80px;
}
.table-container.opt-client-order .item.carfax .info{
    text-align: center;
}
.table-container.opt-client-order .item.go-to .info span{
    display: block;
}
.table-container.baner-img {
    margin-top: 50px;
    box-shadow: none;
}
.table-container.baner-img img{
    width: 100%
}

.table-container .item.foto .car-foto{
    background-size: cover!important;
    width: 130px;
    height: 75px;
}
.table-container.client-order {
    margin: 20px 0;
    padding-bottom: 20px;
    overflow-y: auto;
}
.table-container .table-row .item.go-to .info span {
    display: block;
}
.table-container .table-row .item.go-to .info span.old {
    display: none;
}
.table-container.client-order .table-row{
    /*grid-template-columns: 140px 90px 225px 140px 280px 170px 105px 110px 115px 115px 116px 94px 115px 103px 105px 120px 95px;*/
    grid-template-columns: 140px 139px 225px 140px 180px 170px 145px 185px 115px;
}
.table-container.client-order .item{
    height: 80px;
}


.table-container::-webkit-scrollbar {
    width: 4px;
    height: 7px;
    
}
.table-container::-webkit-scrollbar-track {
    border-radius: 5px;
    height: 5px;
}
.table-container::-webkit-scrollbar-thumb {
    height: 5px;
    border-radius: 5px;
    background-color: #BE082E;
}

.table-container::-webkit-scrollbar:vertical {
    display: none;
}
.comment-table-container{
    margin-top: 55px;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.1);
    max-height: 340px;
    overflow-x: auto;
}
#submit-comment-order-modal .sub-carfax-wrapp{
    padding: 60px 26px;
}
#sale-car-sea{
    display: none;
}
#sale-car-sea .sub-carfax-wrapp{
    padding: 45px 40px;
}
#sale-car-sea .modal_container{
    max-width: 680px;
    width: calc(100% - 30px);
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#sale-car-sea .sale-form{
    margin-top: 24px;
    display: flex;
}
#sale-car-sea .sale-form .col{
    width: 50%;
}
#sale-car-sea .sale-form .col + .col{
    margin-left: 10px;
}
#sale-car-sea .sale-form .col .input-wrapp{
    display: flex;
    position: relative;
    margin-bottom: 19px;
}
#sale-car-sea .sale-form .col .input-wrapp input{
    height: 60px;
    background: #F2F2F2;
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 50px;
    width: 100%;
    position: relative;
    z-index: 10;
}
#sale-car-sea .sale-form .col .input-wrapp .ico{
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    z-index: 12;
    height: 21px;
    width: 21px;
}

.comment-table-container .table-row{
    display: grid;
    grid-template-columns: 235px auto 110px;
}
.comment-table-container .table-row .item {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 12px;
    font-size: 12px;
    line-height: 15px;
    border-right: 1px solid #f2f2f2;
}
.comment-table-container .table-row .item.btn-edit,
.comment-table-container .table-row.table-header .item:nth-child(2){
    min-height: 70px;
    height: 100%;
}
.comment-table-container .table-row:nth-child(odd) .item {
    border-right: 1px solid #ffffff;
}
.comment-table-container .table-row .item.btn-save{
    justify-content: center;
}
.comment-table-container .table-row.table-header .item {
    background: #235789;
    color: #fff;
    border-right: 1px solid #ffffff;
    font-size: 12px;
    line-height: 15px;
}
#submit-comment-order-modal .modal_container{
    max-width: 640px;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.comment-table-container .table-row.table-item:nth-child(odd) {
    background: #F2F2F2;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}
.comment-table-container .table-row .item .mob-title {
    display: none;
}
.tabs-info.info-desc .table-wrap-col .row {
    margin-left: 25px;
}
.table-wrap .tabs-info.info-desc{
    display: flex;
}
.table-wrap .tabs-info.info-desc{
    justify-content: center;
}
.table-wrap .tabs-info.info-desc.c-opt{
    justify-content: space-between;
    flex-direction: column;
}
.tabs-info.info-desc .table-wrap-col{
    width: 65%;
}
.tabs-info.info-desc .table-wrap-col.new-timeline{
    margin-top: 25px;
    margin-bottom: 55px;
    width: 100%;
}
.tabs-info.info-desc .table-wrap-col .row .col-l{
    width: 185px;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.tabs-info.info-desc .table-wrap-col .row .col-r{
    width: calc(100% - 185px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.table-info-car{
    display: flex;
}

.tabs-info.info-desc .table-wrap-col.new-timeline{
    display: flex;
    flex-wrap: wrap;

}
.tabs-info.info-desc .table-wrap-col.old-timeline .row .col-l,
.tabs-info.info-desc .table-wrap-col.old-timeline .row .col-r{
    width: 50%;
}

.timeline__item{
    width: 20%;
    margin-bottom: 50px;
}
.timeline__item .ico-status{
    width: 100%;
    margin: 10px;
    position: relative;
}
.timeline__item .ico-status img{
    width: 26px;
    z-index: 2;
    position: relative;
}
.timeline__item .ico-status:after{
    content: '';
    position: absolute;
    left: 3px;
    top: 12px;
    height: 2px;
    background: #CCCCCC;
    width: 100%;
}
.timeline__item .ico-status.green:after {
    background: #219653;
}
.timeline__item:last-of-type .ico-status:after{
    display: none;
}
.timeline__item .title{
    display: flex;
    align-items: center;
    height: 50px;
}
.timeline__item .title .ico{
    width: 50px;
}
.timeline__item .title .ico img{
    width: 100%
}
.timeline__item .title p{
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    margin-left: 11px;
    width: calc(100% - 50px);
}
.timeline__item .date{

}
.timeline__item .date p{
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    margin-left: 60px;
}


.info-table{
    width: 50%;
}
.info-table + .info-table{
    margin-left: 7px;
}
.info-table .top{
    font-size: 12px;
    background: #235789;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}
.info-table .body{

}
.info-table .body .item{
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #000000;
    position: relative;
}
.info-table .body .item .link{
    text-decoration: underline;
    color: #BE082E;
}
.info-table .body .item p{
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    padding: 0 10px;
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 12px;
    line-height: 15px;
}
.info-table .body .item:nth-child(even) p{
    background: #EAEAEA;
    border: 1px solid #F2F2F2;
}
.n-car{
    display: flex;
    justify-content: space-between;
}
.n-car .btn-auction{
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #BE082E;
    height: 30px;
    cursor: pointer;
}
.n-car .btn-auction.disabled{
    background: #E5E5E5;
}


.order-pagination{
    display: flex;
    width: 100%;
    padding-top: 22px;
    margin-left: 30px;
}

.order-pagination .pagination{
    display: flex;
    width: 100%;
    align-items: center;
}
.order-pagination .pagination li{
    cursor: pointer;
}
.order-pagination .pagination li a,
.order-pagination .pagination li span{
    min-width: 30px;
    height: 30px;
    padding: 7px;
    background: #FFFFFF;
    border: 1px solid #BABABA;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 12px;
    color: #373737;
}
.order-pagination .pagination li + li{
    margin-left: 9px;
}
.order-pagination .pagination li.active a,
.order-pagination .pagination li.active span{
    background: #BE082E;
    border: 1px solid #BE082E;
    color: #ffffff;
}
.order-pagination .pagination li.prev a,
.order-pagination .pagination li.prev span{
    content: 'Предидущая';
}
.order-pagination .pagination li.prev.disabled,
.order-pagination .pagination li.next.disabled{
    opacity: .4;
    cursor: text;
}
.invoice-nav{
    padding: 40px;
    display: flex;
    justify-content: center;
}
.invoice-nav .invoice-nav__btn{
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 25px;
    text-align: center;
    cursor: pointer;
}
.invoice-nav .invoice-nav__btn.active{
    background: #BE082E;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    color: #ffffff
}
.invoice-table__item{
    padding: 0 20px;
    display: none;
}
.invoice-table__item.active{
    display: flex;
    width: 100%;
}
.invoice-tabs-content{
    width: 100%;
    margin: 20px 0;
    box-shadow: 0px 4px 16px rgba(91, 117, 142,  .2);
}
.invoice-tabs-content .invoice-tabs-row{
    display: grid;
    grid-template-columns: auto 350px 165px 165px;
}
.invoice-tabs-content .invoice-tabs-row .item.mob-status.--paid .info p{
    text-align: center;
    color: #27AE60;
}
.invoice-tabs-content .invoice-tabs-row .item.mob-status.--not-paid .info p{
    text-align: center;
}
.invoice-tabs-content.--pay-auto .invoice-tabs-row{
    display: grid;
    grid-template-columns: 320px 165px auto 70px 145px 90px 120px;
}
.invoice-tabs-content.--pay-auto .invoice-tabs-row .item.mob-status.--paid .info p{
    color: #27AE60;
    text-align: center;
}
.invoice-tabs-content .invoice-tabs-row .item.mob-status .info{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.invoice-tabs-content .invoice-tabs-row .item.mob-status.--paid .info a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BE082E;
    font-weight: 500;
    font-size: 12px;
    text-decoration: underline;
    margin-top: 3px;
}
.invoice-tabs-content.--pay-auto .invoice-tabs-row .item.mob-status .info p{
    text-align: center;
    
}
.invoice-tabs-content .invoice-tabs-row .item.mob-status.--not-paid .info a{
    display: flex;
    align-items: center;
    justify-content:  center;
    color: #BE082E;
    font-weight: 500;
    font-size: 12px;
    text-decoration: underline;
    margin-top: 3px;
}
.invoice-tabs-content .invoice-tabs-row .item{
    height: 70px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
}
.invoice-tabs-content .invoice-tabs-row .item .info{
    font-weight: 500;
    font-size: 12px;
}
.invoice-tabs-content .invoice-tabs-row.table-header .item .info{
    color: #ffffff;
}
.invoice-tabs-content .invoice-tabs-row.table-header .item{
    border-right: 1px solid #ffffff;
    background: #235789;
}
.invoice-tabs-content .invoice-tabs-row.table-item{

}
.invoice-tabs-content .invoice-tabs-row.table-item .item {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
}
.invoice-tabs-content .invoice-tabs-row.table-item .item .info {
    font-weight: 500;
    font-size: 12px;
}
.invoice-tabs-content .invoice-tabs-row.table-item .item .mob-title {
    font-weight: 500;
    font-size: 12px;
    display: none;
}

.invoice-tabs-content .invoice-tabs-row.table-item:nth-child(odd){
    background: #EAEAEA;
    border: 1px solid #F2F2F2;
}
.invoice-tabs-content .invoice-tabs-row.table-item .item {
    border-right: 1px solid #EAEAEA;
}
.invoice-tabs-content .invoice-tabs-row.table-item:nth-child(odd) .item {
    border-right: 1px solid #F2F2F2;
}

.invoice-tabs-content .download-invoice {
    display: flex;
    align-items: center;
    color: #BE082E;
    font-weight: 500;
    font-size: 12px;
    text-decoration: underline;
}
.invoice-tabs-content .download-invoice img{
    width: 17px;
    margin-right: 10px;
}
.invoice-options{
    width: 100%;
    max-width: 390px;
    margin: auto;
}
.invoice-modal__wrapp {
    padding: 35px 30px;
}
.invoice-options-title {
    font-weight: 600;
    font-size: 21px;
    line-height: 16px;
    color: #202F37;
    text-align: center;
    margin-bottom: 21px;
}
.invoice-options-btn {
    padding: 17px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.invoice-options-btn.full {
    border: 1px solid #BE082E;
    background: #BE082E;
    color: #ffffff;
}
.invoice-options-btn.full:hover {
    border: 1px solid #BE082E;
    background: #ffffff;
    color: #000000;
}
.invoice-options-btn.empty {
    border: 1px solid #BE082E;
    background: inherit;
    color: #000000;
}
.invoice-options-btn.empty:hover {
    border: 1px solid #BE082E;
    background: #BE082E;
    color: #ffffff;
}
.invoice-options-btn.link {
    border: none;
    padding: 0;
    background: inherit;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    text-decoration-line: underline;
    color: #BE082E;
    cursor: pointer;
}
.invoice-options-btn + .invoice-options-btn {
    margin-top: 21px;
}
.invoice-modal__wrapp .title{
    padding: 20px 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 125.4%;
    text-align: center;
    color: #000000;
}
.invoice-options-btn__wrapp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 20px;
}
.invoice-options-btn__wrapp .invoice-options-btn{
    max-width: 160px;
}
.invoice-options-btn__wrapp .invoice-options-btn + .invoice-options-btn{
    margin-top: 0;
    margin-left: 15px;
}
.event-wrapp{

}
.event-wrapp {
    padding: 30px;
    background: #ffffff;
    width: 100%;
    flex-direction: column;
    box-shadow: 0px 4px 16px rgba(91, 117, 142, .2);
}
.event-wrapp__title{
    font-weight: 800;
    font-size: 24px;
    color: #01276C;
    margin-bottom: 35px;
}

.top-navs .top-navs_l .item .link-tx{
    font-size: 13px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #BE082E;
    cursor: pointer;
    margin-left: 10px;
}
#mobile_menu .mob-nav-bottom .item.event{
    display: flex;
    flex-direction: column;
    align-items: baseline;
}
#mobile_menu .mob-nav-bottom .item .link-tx{
    margin-top: 7px;
    font-size: 16px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #BE082E;
    cursor: pointer;
    margin-bottom: 45px;
}
.table-container.event-table{
    display: none;
}
.table-container.event-table.is-active{
    display: block;
}
.table-container.event-table .table-row {
    display: grid;
    grid-template-columns: 300px 300px 180px auto;
}
.table-container.event-table.general .table-row {
    display: grid;
    grid-template-columns: 300px auto;
}
.table-container.event-table .table-row .item.date {
   text-align: center;
}
.event-wrapp .tab-wrapp-choice{
	display: flex;
    margin: 15px 0;
}
.event-wrapp .tab-wrapp-choice .title {
    box-shadow: 0px 4px 15px rgb(0, 0, 0, .1);
    text-transform: uppercase;
    padding: 9px 25px;
    cursor: pointer;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
}
.event-wrapp .tab-wrapp-choice .title.is-active {
    background: #BE082E;
    color: #fff;
}
.car-sea-notice{
    margin-top: 18px;
    font-size: small;
}
.invoice-options-success{
    display: none;
}
#invoices-modal .invoice-options-balance,#invoices-modal .invoice-options-file{
    display: none;
}
.invoice-create{
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 20px;
    justify-content: center;
}
.invoice-create .invoice-create__wrapp,.invoice-create .invoice-choose__wrapp{
    max-width: 300px;
    margin-top: 20px;
    width: 100%;
}
.invoice-create .invoice-create__wrapp{
    display: none;
}
.invoice-create .invoice-result__wrapp,.invoice-result-manual__wrapp{
    max-width: 460px;
    margin-top: 20px;
    width: 100%;
    display: none;
}
.invoice-create .options-title{
    font-weight: 500;
    font-size: 21px;
    line-height: 16px;
    color: #202F37;
    text-align: center;
    margin-bottom: 35px;
}
.invoice-create .options-btn{
    padding: 17px;
    width: 100%;
    max-width: 360px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border: 1px solid #BE082E;
    background: #BE082E;
    color: #ffffff;
}
.invoice-create .options-btn.full {
    border: 1px solid #BE082E;
    background: #BE082E;
    color: #ffffff;
}
.invoice-create .options-btn.full:hover {
    border: 1px solid #BE082E;
    background: #ffffff;
    color: #000000;
}
.invoice-create .options-btn.empty {
    border: 1px solid #BE082E;
    background: inherit;
    color: #BE082E;
    margin-top: 21px;
}
.invoice-create .options-btn.empty:hover{
    background: #BE082E;
    color: #ffffff;
}
.select2-container--calculation-option-select.auction-chose,
.select2-container--calculation-option-select .select2-dropdown{
    width: 100%!important;
    max-width: 230px!important;
}
.invoice-result-manual__wrapp .select2-container.auction-chose{
    max-width: 230px!important;
}
.invoice-result-manual__wrapp .select2-container.auction-chose {
    padding: 7px 10px 5px 13px;
}
.invoice-create .options-input{
    background: #EDECEB;
    border: 1px solid #EAEAEA;
    width: 100%;
    font-size: 16px;
    padding: 17px 25px;
    position: relative;
    z-index: 10;
    margin-bottom: 21px;
}
.invoice-create .section-item {
    font-weight: 600;
    font-size: 15px;
    line-height: 140.4%;
    color: #202F37;
    display: flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom: 17px;
}
.invoice-create .section-item span {
    color: #202F37;
}
.invoice-create .section-item .cost {
    font-size: 15px;
    line-height: 252.4%;
    text-align: right;
    font-weight: 500;
    color: #202F37;
    width: 230px;
}
.invoice-create .section-item input {
    background: #EDECEB;
    border: 1px solid #EAEAEA;
    width: 100%;
    font-size: 14px;
    padding: 10px 10px 10px 25px;
    position: relative;
    z-index: 10;
}
.calc-nav{
    padding: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.calc-nav .calc-nav__btn{
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 25px;
    text-align: center;
    cursor: pointer;
}
.calc-nav .calc-nav__btn.active{
    background: #BE082E;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    color: #ffffff
}
.calc-table__item{
    padding: 0 20px;
    display: none;
    justify-content: center;
}
.calc-table__item.active{
    display: flex;
    width: 100%;
}
.border-error{
    border-color: #be0a2e!important;
}
.cost.border-error{
    border:1px solid #be0a2e;
}

.info-youtube-box{
    width: 100%;
    text-align: center;
}
.info-youtube-box iframe{
    width: 100%;
    height: 300px;
}
.info-title{
    font-size: 18px;
    line-height: 16px;
    color: #202F37;
    margin-top: 20px;
}

/*.cabinet-notification{
    display: flex;
    align-items: center;
    margin: 25px 20px;
}
.cabinet-notification .notification-item + .notification-item{
    margin-left: 18px;
}
.cabinet-notification .notification-item label{
    font-weight: 500;
    font-size: 13px;
    color: #5E727D;
}*/
.forgot-pass{
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    float: right;
    color: #BE082E;
}

/*.forgot-pass-form{
    display: none;
}*/
.forgot-pass-form .sub-title-message{
    display: none;
}
.login-return{
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    color: #BE082E;
    font-weight: 600;
}

.forgot-pass-form .sub-title-message{
    font-size: 14px;
    margin: 10px;
    color: black;
    font-weight: 600;
    text-align: center;
    line-height: 17px;
}

.cabinet-info{
    display: flex;
    padding: 30px;
    flex-wrap: wrap;
}
.cabinet-info .cabinet-info__item{
    padding: 15px;
    display: flex;
    flex-direction: column;
    width: 33%
}

/*car in sea slider*/
ul.productslist {
    display: flex;
    flex-wrap: wrap;
}

ul.productslist > li {
    display: flex;
    float: left;
    width: 32%;
    padding: 0 15px 0 15px;
}
#car_sea_slider .slick-slide{
    height: 480px;
}
#car_sea_slider .slick-slide  div:only-child{
    height: 100%;
}
.productslist__product{
    height: 100%;
}
.productslist__inner {
    background-color: #fff;
    /*margin: 0 0 30px 0;*/
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    height: 100%;
}

.productslist__inner__header {
    position: relative;
    display: block;
    background-image: none;
}

.productslist__inner__header::after {
    content: '';
    display: block;
    position: absolute;
    width: 55px;
    height: 27px;
    top: 20px;
    right: -18px;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 10;
    background-size: 75%;
}

.productslist__inner__header .productslist__inner__imageproduct {
    overflow: hidden;
    height: 230px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

.productslist__inner__imageproduct img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.productslist .productslist__inner__status {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 11px;
}

.productslist .productslist__inner__status > div {
    width: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.productslist{
    padding: 20px 5px;
}
.productslist .slick-dots{
    bottom: -5px;
}
.productslist .slick-slide img{
    padding: 0;
    width: inherit;
}

.productslist__inner__statusLeft {
    background-color: #01276C;
}

.productslist__inner__statusRight {
    background-color: #BE082E;
}

.productslist .productslist__inner__status .productslist__inner__iconimg {
    height: 15px;
    max-width: 24px;
    margin: 0 12px 0 0;
    display: block;
    min-width: 15px;
}

.productslist__inner__content {
    flex: 1 1 auto;
}

.productslist__inner__content, .productslist__inner__footer {
    padding: 10px 18px;
}

.productslist .productslist__inner__content ul > li {
    display: flex;
    align-items: center;
    float: left;
    width: 50%;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 10px 0;
}

.productslist__inner__content ul > li .productslist__inner__icon {
    width: 28px;
}

.productslist__inner__content ul > li .productslist__inner__icon, .productslist__content ul > li span {
    height: 30px;
    display: flex;
    align-items: center;
}

.productslist__inner__content ul > li span {
    white-space: nowrap;
    padding: 0 0 0 0;
}

.productslist__inner__content ul > li .productslist__inner__icon img, .productslist__inner__content ul > li .productslist__inner__icon .svg {
    width: 23px;
}

.productslist__inner__title {
    height: 50px;
    padding: 18px;
}

.productslist__inner__title span {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    background-image: linear-gradient(to top, transparent 0, #BE082E 0, #BE082E 1px, transparent 1px);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left;
    transition: background-size .3s;
}

.productslist__inner__footer {
    display: flex;
    align-items: center;
}

.productslist__inner__footer .productslist__inner__price, .productslist__inner__footer .productslist__inner__btn {
    float: left;
    width: 50%;
}

.productslist__inner__price {
    position: relative;
}

.productslist__inner__price span {
    font-weight: 700;
    color: #BD072B;
    font-size: 21px;
    position: relative;
}

.productslist__inner__price a {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    color: #fff;
    font-weight: 700;
    font-size: 7px;
    top: -4px !important;
    right: -22px;
    text-align: center;
    background: none;
    line-height: 21px;
}

.productslist__inner__btn a {
    position: relative;
    z-index: 1;
    border-radius: 0;
    border: 2px solid #BE082E;
    color: #fff;
    text-decoration: none;
    background: #BE082E;
    font-weight: 600;
    transition: all .2s ease-in;
    white-space: nowrap;
    display: block;
    width: 100%;
    line-height: 1.5;
    height: 40px;
    padding: 6px 0 30px 0;
    font-size: 16px;
    letter-spacing: .01em;
    text-transform: none;
}
.slick-initialized .slick-slide{
    margin: 5px;
}

.invoice-create__wrapp .select2-container{
    color: #2c2c2c;
    font-size: 16px;
    display: block;
    width: 100%!important;
    background: #EDECEB;
    padding: 17px 25px;
    height: 55px;
    margin-bottom: 21px;
}
.invoice-create .select2-selection{
    height: 25px!important;
}
.calculation-car .calculation-item .select2-container .select2-selection__arrow {
    top: 17px!important;
    height: 8px;
    position: absolute;
    right: 10px;
    width: 20px;
}
.calculation-car .calculation-item .select2-selection__rendered {
    font-weight: 600;
    padding: 0;
}
.create-invoice-other {
    margin-top: 21px;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #BE082E;
    text-align: center;
    cursor: pointer;
}
.invoice-result-manual__wrapp .select2-container{
    color: #2c2c2c;
    display: block;
    background: #EDECEB;
    font-size: 14px;
    padding: 7px 10px 5px 25px;
    height: 40px;
    margin-bottom: 0;
    max-width: 204px;
}
.datetimepicker-create{
    position: relative;
}
.datetimepicker-create .datepicker{
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 99;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: 1px solid gray;
    width: 100%;
    display: block;
}
.language{
    display: flex;
    padding: 4px 20px;
    position: relative;
}
.language-current{
    font-weight: 600;
    font-size: 15px;
    color: #BE082E;
    cursor: pointer;
}
.language-list{
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 99;
    background: #fafafa;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    transform: translate(-50%);
    display: none
}
.language-list.is-open{
    display: flex;
    flex-direction: column;
}
.language-item{
    font-size: 15px;
    padding: 4px 10px;
    color: #BE082E;
    display: block;
}