:root {
    --color-white:  white;
    --color-lightblue:  #00AEEF;
    --color-blue:  #ED1A3B;
    --color-darkblue:  #ED1A3B;
    --color-darkblue2:  #0071bd;
    --color-red:  #ED1A3B;
    --radius:.5em;
    --color-new:  #ED1A3B;
    --color-warning-back: #ffffcc;
    --color-done:  #0071bd;
    --color-approved:  #8CC63F;
    --color-lightgray:#edf0f2;
    --color-error:#ED1A3B;

--color-active0: #edf0f2;
--color-active0h: #cde0e2;
--color-active0-wait: #cde0e2;
--wait-size: 25px;
--wait-duration: .5s;
--transition: all ease .75s;

}

.c-white {color:var(--color-white);}
.c-blue {color:var(--color-blue);}
.c-lightblue {color:var(--color-lightblue);}
.c-darkblue {color:var(--color-darkblue);}

.b-white {background:var(--color-white);}
.b-blue {background:var(--color-blue);}
.b-lightblue {background:var(--color-lightblue);}
.b-darkblue {background:var(--color-darkblue);}


.section {clear: both; padding: 0; margin: 0 auto; box-sizing:border-box; -moz-box-sizing:border-box; max-width:1420px; background:white;}
.col {display: block;float:left;margin: 1% 0 1% 0%; box-sizing:border-box; -moz-box-sizing:border-box;}
.otstup > .col {margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; }

.w100 {width:100%;}

section {margin: 0 auto; max-width:1420px;}

section.menuTop {display:grid; grid-gap:1em; grid-template-columns: 1fr auto auto 1fr 1fr 1fr 1fr auto; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.66%;}
.span_10_of_12 {width: 83.33%;}
.span_9_of_12  {width: 75%;}
.span_8_of_12  {width: 66.66%;}
.span_7_of_12  {width: 58.33%;}
.span_6_of_12  {width: 50%;}
.span_5_of_12  {width: 41.66%;}
.span_4_of_12  {width: 33.33%;}
.span_3_of_12  {width: 25%;}
.span_2_of_12  {width: 16.66%;}
.span_1_of_12  {width: 8.333%;}

.otstup > .span_12_of_12 {width: 100%;}
.otstup > .span_11_of_12 {width: 91.53%;}
.otstup > .span_10_of_12 {width: 83.06%;}
.otstup > .span_9_of_12 {width:  74.6%;}
.otstup > .span_8_of_12 {width: 66.13%;}
.otstup > .span_7_of_12 {width: 57.66%;}
.otstup > .span_6_of_12 {width: 49.2%;}
.otstup > .span_5_of_12 {width: 40.73%;}
.otstup > .span_4_of_12 {width: 32.26%;}
.otstup > .span_3_of_12 {width: 23.8%;}
.otstup > .span_2_of_12 {width: 15.33%;}
.otstup > .span_1_of_12 {width: 6.866%;}

.otstup3 > .span_6_of_12:nth-child(1) {padding-right:2em;}
.otstup3 > .span_6_of_12:nth-child(2) {padding-left:2em;}

.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 80%;}
.span_3_of_5 {width: 60%;}
.span_2_of_5 {width: 40%;}
.span_1_of_5 {width: 20%;}

.section.grid {overflow:hidden;}

body > .section {padding:0 1rem;}

h1 {font-size:2em; font-weight:normal; color: #718B91; line-height:1.2; margin:0 0 .5em 0;}
h2 {font-size:1.6em; font-weight:normal; line-height:1.2; margin:.5em 0;}
h3 {font-size:1.65em; font-weight:normal; color: #222; line-height:1.2; margin:.5em 0;}
h1 i,h2 i,h3 i {font-size:1em;}
p {margin:.5em 0;}

/****************error******************/
.aaProfileWrapper .aaPrfError {display:none;}
input.aaErrFld {background-color: #ffffcc;} 
input.aaErrFld {border-color:red;}
.aaErrFld label {color:red;}
div.aaErrFld {background-color: transparent;} 

/************index************/

ul.useBullet1,
.otstup3 .span_6_of_12 > ul {padding-left:2em;}
ul.useBullet1 li,
.otstup3 .span_6_of_12 > ul li {list-style:square; margin-bottom:.5em;}
ul.useBullet1 li a,
.otstup3 .span_6_of_12 > ul li a {color:var(--color-darkblue2); border-bottom:1px dashed var(--color-darkblue2);}

.aaOrderWrapper form select, .aaOrderWrapper form input[type="text"].aaErrFld, .aaOrderWrapper form input[type="submit"].aaErrFld, 

.orderDate input[type="submit"].aaErrFld, .orderDate input[type="phone"].aaErrFld, 
.orderDate select, .orderDate input[type="text"].aaErrFld, 
.aaLogin input[type="text"].aaErrFld, .aaPsw input[type="text"].aaErrFld, 
.aaPsw input[type="password"].aaErrFld, .aapProfile input[type="phone"].aaErrFld, 
.aapProfile input[type="text"].aaErrFld, input.aaErrFld  
{border-color:red;}

.headerRed h2 {font-size:2rem; color:var(--color-darkblue); line-height:1.3;}
.headerRed h3 {font-size:2rem; color:var(--color-darkblue); line-height:1.3;}
.headerBlue h2 {font-size:2rem; color:#0071bd; line-height:1.3;}
.headerBlue h3 {font-size:2rem; color:#0071bd; line-height:1.3;}

.section.menumob ul {border-top:1px solid #D5D9DB; overflow: hidden; display: -webkit-flex;   display: flex; -webkit-justify-content: space-around;  justify-content: space-around; 
    border-bottom: 1px solid #D5D9DB;}
.section.menumob ul li {transition:all ease 1s;}
.section.menumob ul li:hover {background:var(--color-darkblue); color:white; transition:all ease 1s;}
.section.menumob ul li:hover a span {color:white; transition:all ease 1s;}
.section.menumob ul .menuactive {background:var(--color-darkblue);}
.section.menumob ul a {display:block; padding:.6em 1em;}
.section.menumob ul .menuactive * {color:white;}

.summary a.but,
.but {display:inline-block; border:2px solid var(--color-darkblue); padding:.8em 1.6em; color:var(--color-darkblue);}

/**************news ***************/
div.menu.news {padding-right:2em;}
div.menu.news a {display:block; padding:.5em 0; border-bottom:1px solid #ddd; font-size:80%; transition:all ease .75s;}
div.menu.news a:hover {background:var(--color-darkblue); color:white;}

.newsImage {object-fit:cover; height:220px;}
.news-image img {width:100%; object-fit:cover; max-height:400px;}

.summary a {border-bottom:1px dashed var(--color-blue);}
.summary a:hover {color:var(--color-blue);}

.grid-3col {
    width:100%; display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    grid-gap: 3%;
    margin: .2em 0;
}


.grid-3col div img {width:100%;}

/***************miniSlider***************/

.miniSlider {background:#A8AFB2;}
.miniSlider div.span_12_of_12 {color:white; text-align:center; padding:3em;}

/**************leftMenu 2 level************/
.leftMenu ul {padding:0 2em 0 0;}
.leftMenu ul ul {padding:0;}
.leftMenu ul ul li {padding:0 0 0 1em;}
.leftMenu ul li li a {font-size:.9em;}
.leftMenu ul li.currentpage {border-bottom:3px solid var(--color-darkblue);}
.leftMenu ul li.currentpage > a {font-weight:600;}
.leftMenu ul li a {display:block; padding:.6em 0; border-bottom:1px solid #A8AFB2;}
.leftMenu ul li > span {display:block; padding:.6em 0; border-bottom:1px solid #A8AFB2; font-weight:600;}

.contentall {min-height:50vh;}
.contentall ul:not([class]) {list-style:square;padding-left:1.6em;}
.contentall ul:not([class]) li {margin-bottom:.6em;}
.contentall table tr td {border:1px solid #ddd; padding:.6em 1em;}
.contentall table tr td > p {margin:0 0 .5em 0; padding:0;}
.contentall table {width:100%;}
.contentall p > a {border-bottom:1px dashed var(--color-darkblue); color:var(--color-darkblue); -webkit-transition: all ease .75s; -moz-transition: all ease .75s; transition: all ease .75s;}
.contentall p > a:hover {border-bottom:1px solid #111; color:#111; -webkit-transition: all ease .75s; -moz-transition: all ease .75s; transition: all ease .75s;}
.contentall p *.buttonNextOrder {display:inline-block; color:white; background:var(--color-darkblue); overflow:hidden; line-height:1.2; padding:.8em; height:auto; cursor:pointer;}
.contentall p *.buttonNextOrder:hover {color:white; background:#333;}
.buttonNextOrder.White {box-sizing:border-box; display:inline-block; color:var(--color-darkblue); border:2px solid var(--color-darkblue); background:var(--color-white); overflow:hidden; line-height:1.2; padding:.8em; height:auto; cursor:pointer; font-weight:bold;}
.buttonNextOrder.White:hover {color:var(--color-darkblue); background:#eee;}


/******/

    .telegram-notice { position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

.telegram-notice .warning * {font-size:.8rem; margin:.5em; padding:0;}

.telegram-notice .popupbanner {width:100%; display:block; max-width:600px;}

.telegram-notice .close {display:block; position:absolute; top:1em; right:1em; width:2em; height:2em; background:white; padding:.5em; border-radius:2em; content: url(/img/close-red.svg);}

    .telegram-notice_hidden {
        display: none;
    }

    .telegram-notice__inner { box-sizing:border-box;
        max-width: 600px;
        max-height: 90dvh;
        overflow-y: auto;
        background: #ffffff;
        padding: 24px 24px 16px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        line-height: 1.5;
        font-size: 15px;
    }

    .telegram-notice__inner h2 {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 20px;
    }

    .telegram-notice__inner h3 {
        margin-top: 1em;
        margin-bottom: .5em;
        font-size: 1em;
    }

    .telegram-notice__inner p {
        margin: .5em 0;
    }

    .telegram-notice__inner a {
        color: var(--color-blue);
        text-decoration: underline;
    }

    .telegram-notice__button {display:inline-block;
        margin-top: 1em;         margin-bottom: .3em;
        padding: .6em 1em;
        border: none;
        border-radius: .5em;
        background: #0055aa;
        color: #ffffff;
        font-size: 1.1em;
        cursor: pointer;
        text-decoration:none;
    }

   a.telegram-notice__button {text-decoration:none;
        color: #ffffff;
} 

    .telegram-notice__button:hover {
        background: #004390;
    }


    a.telegram-notice__button.cGray {background:var(--color-active0-wait); color:black;}




/*************modal open css*************/
.overlay {background-color: rgba(0,0,0,.4); bottom: 0; cursor: default;  left: 0; right: 0;  top: 0; opacity: 0; position: fixed;  visibility: hidden; z-index: 1001; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; transition: opacity .5s;}
.overlay:target {visibility: visible;opacity: 1;}

.popup {background: #fff; display: inline-block; left: 50%; opacity: 0; padding: 2em 2em 2em 2em; position: fixed;  top: 40%; visibility: hidden; z-index: 1010; 
-webkit-transform: translate(-50%, -50%);   -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s;}
.overlay:target+.popup {top: 50%; opacity: 1; visibility: visible;}
.close {height: 1.5em; width: 1.5em;line-height: 1.5em;position: absolute;text-align: center;text-decoration: none; top: -2em; right: -2em; border-radius:0; content:url(/img/close.svg);}
.popup h3 {margin-top:0;}
.popup li {line-height:2;}
.popup li a {text-decoration:none;}
.popup li a:hover {color:var(--color-darkblue); text-decoration:underline;}
/*************end modal open css*************/


/************* тарифы *******************/

.aaTariffFilter {/*background:var(--color-lightgray);*/ border-radius:.4em; box-sizing:border-box; padding:.4em 1em; border:2px solid var(--color-lightgray);}
.aaTariffFilter div.tarifDate {display:flex; gap: 1em; margin-bottom:1em; box-sizing:border-box;}
.aaTariffFilter div.tarifDate input {width:100%; padding:.3em .3em; box-sizing:border-box; border:1px solid var(--color-lightgray);}

.aaTariffFilter .aaMarkFilterTm div:first-child {font-size:.75em;}


.aaTariffList th {text-align:left;}
.aaTariffList tr {border-bottom:1px solid #ddd;}
.aaTariffList tr > td {padding:.4em .6em;}
.aaTariffInfo.aaLink {display:block; background:#a5b8bd; font-size:80%; text-decoration:none; color:white; padding:.2em .5em; border-radius:1em;}

.aaTariffList .tariff .row {display: -webkit-flex; display: flex; border-bottom:1px solid #ddd;}
.aaTariffList .tariff .row > div {flex-grow: 3; padding:.4em .6em;}
.aaTariffList .tariff .row > div:first-child {width:18%;}
.aaTariffList .tariff .row > div:nth-child(2) {width:10%;}

.aaDateTarif {width:100%; display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 18%));
    grid-gap: 1%;
    margin: .2em 0;}

.aaDateTarif div:nth-child(6) {display:none;}
.aaDateTarif div:nth-child(7) {display:none;}

.aaTPD .aaDate {width:100%; color:var(--color-red); border-top:2px solid #ddd;}
.aaTPD div > b {display:block;}

.row.tariffinfo {max-height:0;transition:max-height ease-in-out 1.5s; background:white;}
.row.tariffinfo.open {max-height:40vh; transition:max-height ease-in-out 1.5s; background:white; border:3px solid #ddd; border-top:2px solid #ddd; overflow:hidden;}

/***парк машин****/
.clientMark {display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-gap: 0;  margin:1em 0;}
.clientMark > li {border:1px solid #f0f0f0; padding:1em; overflow:hidden; position:relative; /*transform: scale(1, 1);*/ background:white; transition:all ease .5s;}
.clientMark > li:hover {   /* transform: scale(1.1, 1.1);*/ border:1px solid var(--color-red);}
.clientMark > li a.aaMarkPreview {width:100%; display:block; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:.5rem;} 
.clientMark > li a.aaMarkPreview > img {width:100%; display:block; -moz-box-sizing:border-box; box-sizing:border-box;}
.clientMark > li .aaLink {font-size:1.1em; text-decoration:none; line-height:1.1;}
.clientMark > li .aaClass {font-size:0.85em; text-decoration:none; color:var(--color-darkblue);}

.clientMark > li .aaMarkCardHit,
.clientMark > li .aaMarkCardNew {position:absolute; top:5em; right:0; display:block; color:white; padding:0.4em 0.6em 0.4em 0.8em; font-size:80%; border-radius:1em 0 0 1em;}

.clientMark > li .aaMarkCardHit {background:var(--color-darkblue); }
.clientMark > li .aaMarkCardNew {background:#00AEEF;}

.aaMarkCardNew + .aaMarkCardHit {top:7.5em !important;}

.markCard.grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); grid-gap: 2em;}

.markCard.grid > div {}

.aaMarkCardSisters {border-top:1px solid #eee; margin-top:2em;}
.aaMarkCardSisters h4 {font-weight:normal; font-size:1.2em; margin-bottom:.6em;}
.aaMarkCardDescr h4,
.markCard h4 {font-weight:normal; font-size:1.2em; margin:0 0 .6em 0; color:var(--color-darkblue);}



.aaMarkCardPhoto h1 {font-size:1.5em; margin:0 0 .6em 0;}
.aaMarkCardPhoto h1 span {font-size:1em; white-space:nowrap;}
.aaMarkCardPhoto h1 b {font-size:0.8em; font-weight:400; display:block;}
.markCard div + h4 {margin-top:1em;}

.aaMarkClass {margin:-.5em 0 0 0; font-size:80%;}

.markCard .aaLink {display:block; background:var(--color-darkblue); color:white; padding:0.6em 0.8em; text-decoration:none; text-align:center; font-weight:600;}
.markCard h3 {margin:0 0 .6em 0;}
.aaMarkCardMain b {font-weight:600;}
.aaMarkCardMain .col.span_6_of_12  {font-size:.85em; margin:0;}

.aaMarkCardMain .air_conditioning.yes div:nth-child(2) {color:white; position:relative;}
.aaMarkCardMain .air_conditioning.yes div:nth-child(2):before {position:absolute; content:url(/img/ico-yes.svg); top:0; left:0; width:14px; height:14px;}

.aaMarkCardMain .audio.yes div:nth-child(2) {color:white; position:relative;}
.aaMarkCardMain .audio.yes div:nth-child(2):before {position:absolute; content:url(/img/ico-yes.svg); top:0; left:0; width:14px; height:14px;}

.aaMarkCardMain .toplivo.ai_95 div:nth-child(2) {color:white; position:relative;}
.aaMarkCardMain .toplivo.ai_95 div:nth-child(2):before {position:absolute; content:url(/img/ico-ai_95.svg); top:0; left:0; width:32px; height:14px;}
 

input.toggle {display: none;}
input.toggle + label {cursor: pointer; padding-left: 4em; position: relative; line-height: 1.2; font-size:90%; display:block; min-height:24px; box-sizing:border-box; padding-top:4px;}
input.toggle + label::before {content: "";  display: inline-block;  position: absolute; top:0; left: 0;  vertical-align: middle; padding: 0; height: 24px; width: 50px; margin: 0 .4em 0 0; border: 1px solid #dadada; border-radius: .75em; background: #dddddd;}
input.toggle + label::before, 
input.toggle + label::after { -webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
input.toggle + label::after { content: ""; display: block; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 20px; background: #fff; border: 1px solid #dadada; box-shadow: 0 3px 3px rgba(140, 140, 140, .1);}
input.toggle:checked + label::before {background: var(--color-lightblue);  border-color: var(--color-lightblue);}
input.toggle:checked + label::after {left: 28px;}

/****tooltip****/
.tooltip:after {position: absolute; visibility: hidden; opacity: 0; background: #f9f9f9; border:1px solid #ccc; color: #222; content: attr(title-tooltip); top:0; left:-1em; font-size:0.7em; white-space:nowrap; padding:.6em; transition:all ease 1s; }
.tooltip:hover:after {position: absolute; visibility: visible; opacity: 1; top:-3em;  transition:all ease 1s;}
/****tooltip****/

/****onoffswitch****/
.onoffswitch {    position: relative; width: 32px;    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox {    display: none;}
.onoffswitch-label {    display: block; overflow: hidden; cursor: pointer;    height: 16px; padding: 0; line-height: 16px;    border: 2px solid #DDDDDD; border-radius: 16px;    background-color: #DDDDDD;    transition: background-color 0.3s ease-in;}
.onoffswitch-label:before {    content: "";    display: block; width: 16px; margin: 0px;    background: #FFFFFF;    position: absolute; top: 0; bottom: 0;    right: 14px;    border: 2px solid #DDDDDD; border-radius: 16px;    transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label {    background-color: var(--color-darkblue);}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {   border-color: var(--color-darkblue);}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {    right: 0px; }
/****onoffswitch****/

.aaMarkCardTariff {background:#f6f6f6; border-radius:var(--radius); padding:1em; margin-top:1em;}
/*.CardAuto.Tarif div div {padding:.3em .6em .3em 0;}*/
.CardAuto.Tarif .TarifPrice,
.CardAuto.Tarif .TarifPeriod {display:grid; grid-template-columns: repeat(auto-fill, minmax(calc(20% - .5em), 1fr)); grid-gap: .5em;}
.CardAuto.Tarif .TarifPeriod div {font-size:82%; padding:0 0 .6em 0;}
.CardAuto.Tarif .TarifPrice div {font-size:110%; font-weight:600; white-space:nowrap;}

/****butPriceOld отключение по просьбе Федорова c 16-12-2025*****/
.CardAuto.Tarif .TarifPrice .butPriceOld {display:block; font-size:80%; color:var(--color-red); width:100%; font-weight:normal;}

.CardAuto.Tarif .TarifPrice {border-top:1px dotted #ccc;}
.CardAuto.Tarif .TarifPrice {margin-bottom:.6em;}

.aaMarkCardTariff p {margin:0;}
.aaPropertyColorList div.color {display:block; width:2em; height:2em; margin:.2em; border-radius:var(--radius); border:1px solid #ccc;}

#bx-pager {overflow:hidden; display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 16.66%)); grid-gap: 0; margin: 1em 0;} 
#bx-pager a img {width:100%}

.bxslider-car li {object-fit: cover;}

.aaPropertyColorList {display: flex;}
.aaPropertyColorList li {}

.aaMarkCardMain ul {overflow:hidden;}
.aaMarkCardMain ul li {float:left; box-sizing:border-box;}

.aaMarkPropertiesLine {display:flex; border-top:1px solid #C0C3C4;  justify-content:center;}
.aaMarkPropertiesLine li {padding:2% 3%;}
.aaMarkPropertiesLine li span {display:block; position:relative; padding-left:1.75em; cursor: help;}
.aaMarkPropertiesLine li .number_doors:before {content:url(/img/ico-door.svg); width:1.5rem; height:1.5rem; position:absolute; left:0;}
.aaMarkPropertiesLine li .number_seats:before {content:url(/img/ico-user.svg); width:1.5rem; height:1.5rem; position:absolute; left:0;}
.aaMarkPropertiesLine li .number_luggage:before {content:url(/img/ico-bag.svg); width:1.5rem; height:1.5rem; position:absolute; left:0;}
.aaMarkPropertiesLine li .transmission:before {content:url(/img/ico-tr.svg); width:1.5rem; height:1.5rem; position:absolute; left:0;}

.aaMarkCardSisters  .aaMarkPropertiesLine {display:grid; grid-template-columns: repeat(4, 1fr); grid-gap:0 1em; padding:1em 0;}
.aaMarkCardSisters  .aaMarkPropertiesLine li {}
.aaMarkCardSisters  .aaMarkPropertiesLine div div {display:none;}



.markCardHeader {/*display: grid;  grid-template-columns: 1fr auto auto; grid-gap:.8em;*/}

.aaMarkWrapper {position:relative;}
.aaMarkCardPhoto {position:relative;}

.aaMarkCardAll {display:inline-block; position:absolute; top:1em; right:.5em; z-index:999;}
.aaMarkCardHit {display:inline-block; background:var(--color-darkblue); color:white; padding:0.4em 0.8em; border-radius:1em; font-size:90%;}
.aaMarkCardNew {display:inline-block; background:#00AEEF; color:white; padding:0.4em 0.8em; border-radius:1em; font-size:90%;}
.aaMarkWrapper h2 {margin:0;}
.aaMarkWrapper p.aaMarkClass {margin:0; padding:.4em 0 0 0;}


.aaMarkCardPhoto h1 {position:relative;}
.aaMarkCardPhoto h1 span {display:block;}
.aaMarkCardPhoto h1 .aaMarkCardHit {top:0; right:0;}
.aaMarkCardPhoto h1 .aaMarkCardNew {top:0; right:0;}

.aaMarkCardPhoto h1 div.aaMarkCardNew:nth-child(2),
.aaMarkCardPhoto h1 div.aaMarkCardHit:nth-child(2) {top:3em; }

.aaMarkCardMain li span {position: relative;}
.aaMarkCardMain li span:after {position: absolute; visibility: hidden; opacity: 0; background: #f9f9f9; border:1px solid #ccc; color: #222; content: attr(title-tooltip); top:0; left:-1em; font-size:0.7em; white-space:nowrap; padding:.6em; transition:all ease 1s; }
.aaMarkCardMain li span:hover:after {position: absolute; visibility: visible; opacity: 1; top:-3em;  transition:all ease 1s;}

.aaMarkCardMain .grid {  display: grid;    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-gap:.75em .75em;}
.aaMarkCardMain .grid > div {display: grid;   grid-template-columns: 1fr 60px;  grid-gap: 1em; line-height:1;}
.aaMarkCardMain .grid > div > div { font-size:90%;}
.aaMarkCardMain .grid > div > div:nth-child(2) {font-weight:600; font-size:95%;}

.aaMarkCardOther .grid {  display: grid;    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-gap:0;}
.aaMarkCardOther .grid > div {display: grid;   grid-template-columns: 1fr 50%;  grid-gap: 1em;}
.aaMarkCardOther .grid > div > div { font-size:90%;}
.aaMarkCardOther .grid > div > div:nth-child(2) { font-weight:600;}


.aaMarkCardDescr p {font-size:.9em;}
#id_ord_mark_info {position:relative;}
.smtext {font-size:.75em; display:none;}

.butPrice,
.butPrice {padding:.6em 1em; text-align:center; margin:.3em 0; border:2px solid #eee; font-weight:bold; display:block; transition:all ease .75s;}
.butPrice:hover {background:var(--color-red); color:white; transition:all ease .75s;}

.tooltip {position:relative;}
.tooltip:after {position: absolute; visibility: hidden; opacity: 0; background: #f9f9f9; border:1px solid #ccc; color: #222; content: attr(title-tooltip); top:0; left:-1em; font-size:0.7em; white-space:nowrap; padding:.6em; transition:all ease 1s; }
.tooltip:hover:after {position: absolute; visibility: visible; opacity: 1; top:-3em;  transition:all ease 1s;}

.clientMark .col:hover {cursor:pointer; transition:all ease 1s;}
.clientMark .col:hover {border:1px solid var(--color-darkblue); transition:all ease 1s;}
.clientMark .col:hover .aaMinPrice {background:var(--color-darkblue); border:2px solid var(--color-darkblue); color:white; transition:all ease 1s;}
.clientMark .col:hover .butPrice {background:var(--color-darkblue); border:2px solid var(--color-darkblue); color:white; transition:all ease 1s;}



.allParkURL {overflow:hidden; text-align:center;}
.allParkURL a {display:block; padding:.8em 1.2em; background:var(--color-darkblue); color:white; text-align:center; width:40%; margin:.6em auto; font-size:1rem; text-decoration:none; cursor:pointer;}
.allParkURL.cBlue a {background:#0071bd;}

/*****contacts****/
.aaContactList .span_12_of_12 h2 {margin:0; padding:0; color:var(--color-darkblue); margin-top:1em;}
.aaContactList .span_6_of_12 {padding:0 4em 0 0;}
.aaContactList h4 {font-weight:600; font-size:1.1em; margin:0 0 .4em 0; padding:0;}

/******order index*****/
.aaOrderWrapper h2 {background: #0072c0; display:block;line-height:1;padding:1.2em 1.5em; font-size:1.2rem; color:white; margin:0;}
.aaOrderWrapper form {padding:1.2em 1.5em;}
.aaOrderWrapper.step2 form {padding:0;}
.aaOrderDetail select,
.aaOrderDetail input[type="text"],
.aaOrderWrapper form select,
.aaOrderWrapper form input[type="text"],
.aaOrderWrapper form input[type="submit"],
.orderDate input[type="submit"],
.orderDate input[type="phone"],
.orderDate select,
.orderDate input[type="text"],
.aaLogin input[type="text"],
.aaPsw input[type="text"],
.aaPsw input[type="password"],
.aapProfile input[type="phone"],
.aapProfile input[type="text"],
.formLine input,
.orderShortForm input
{width: 100%; border: 1px solid #a7a7a7; padding: .6em .4em; outline: 0; margin:.5em 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; box-sizing: border-box;}
.formLine input[type="radio"] {border: 1px solid #a7a7a7; display: inline-block; width: 1.2em; height: 1.2em; border-radius: 50%; position: relative; top: 0.2em;}


.orderShortForm .checkbox {padding:.5em 0;}
.orderShortForm .checkbox input[type="checkbox"] {opacity: 0; display:none;}
.orderShortForm .checkbox label {position: relative;  display: inline-block; padding-left: 1.5em; cursor:pointer;}
.orderShortForm .checkbox label:hover {color:var(--color-darkblue2);}
.checkbox label::before,
.checkbox label::after {position: absolute; content: ""; display: inline-block;}
.checkbox label::before{height: 1.3em; width: 1.3em; border: 1px solid #a7a7a7; left: -.3em;  top: 0;}
.checkbox label::after {height: .4em; width: .8em; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(-45deg); left: -.05em; top: .3em;}
.checkbox input[type="checkbox"] + label::after {content: none;}
.checkbox input[type="checkbox"]:checked + label::after { content: "";}
.checkbox input[type="checkbox"]:focus + label::before { outline: rgb(59, 153, 252) auto 5px;}
.orderShortForm .cms_submit {background:var(--color-darkblue2); color:white; border-color:var(--color-darkblue2);}
h2.numticket {color:var(--color-darkblue2); font-weight:bold; border: 2px solid var(--color-darkblue2); border-radius:3em; padding:.5em 1em; display:inline-block; font-size:1.3em;}

a.cBlue.aButton {padding: .6em 1em;  text-align: center;  margin: .3em 0;  border: 2px solid var(--color-darkblue2);  font-weight: bold;  display: block;  transition: all ease .75s; background:#fff; color:var(--color-darkblue2);}
a.cBlue.aButton:hover {border: 2px solid var(--color-lightblue);  color:var(--color-lightblue);}

.cms_submit.fbsubmit:disabled {

    background: repeating-linear-gradient(45deg, var(--color-active0) 25%, var(--color-active0) 50%, var(--color-active0-wait) 50%, var(--color-active0-wait) 75%);
    background-size: var(--wait-size) var(--wait-size);
    animation: waiting var(--wait-duration) linear infinite;
    transition: var(--transition);
    cursor:pointer;

}

@keyframes waiting {
  100% {
    background-position: 0 calc(var(--wait-size) * -1);
  }
}



.aapProfile input[type="phone"],
.aapProfile input[type="text"] {margin:0;}

/****обработка placeholder CSS *******/
.placeholder {display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));  grid-gap: .5em 1.5em;}

.placeholder > div {position: relative;}
.placeholder > div input  {box-sizing: border-box; border-top:1px solid white; border-left:1px solid white; border-right:1px solid white;}
.placeholder > div label {padding:.6em .4em;pointer-events: none;position: absolute;transition: all 200ms;top: .5em; left: 0; color:var(--color-lightblue);}
.placeholder > div span {padding:0 .5em;}

.placeholder > div input.aaErrFld {border-bottom:1px solid var(--); background:white; color:red;}
.placeholder > div input.aaErrFld + label,
.placeholder > div input.aaErrFld:focus + label,
.placeholder > div input.aaErrFld:not(:placeholder-shown) + label {color:red;}

/*.formLine input.aaErrFld[name$=email]:not(:placeholder-shown) + label:after {color:red; content:" неверный формат email или он уже используется ";}*/
.formLine input.aaErrFld[name$=phone]:not(:placeholder-shown) + label:after {color:red; content:" должен содержать 10 цифр XXX XXXXXXX "}

.formLine input.aaErrFld[name$=email]:not(:placeholder-shown) + label:after {color:red; content:attr(data-emsg);}



.placeholder > div input:focus + label,
.placeholder > div input:not(:placeholder-shown) + label {top: -.2em; left: .25em; font-size: .7em;  background-color: white; padding: .25em .5em; color:#666;}

.placeholder > div input:focus + label {color:var(--color-lightblue);}
.placeholder > div input.aaErrFld:focus + label {color:var(--color-red);}

.placeholder > div input:focus {background: white;  border:1px solid var(--color-lightblue);}
.placeholder > div input.aaErrFld:focus {background: white;  border:1px solid var(--color-red);}

.placeholder > div input:not(placeholder-shown)::placeholder {color:white;} 
.placeholder > div input:placeholder-shown::placeholder {color:white;} 
.placeholder > div input.date {background:url(/img/ico-date.svg)  99% 50% no-repeat; background-size: 24px;}
.placeholder > div input[type="file"] {border-bottom:1px solid white; margin-top:0; padding-top:.2em;}

.aaProfileWrapper form h4 {padding:.5em;}
.aaProfileWrapper h2 {font-weight:bold;}

/****обработка placeholder CSS *******/

.formLine input:-internal-autofill-selected {background:#ffffdd;}
.formLine input.w50 {width:50%;}
.popup .formLine input.w50 {width:100%;}
.formLine input.w100 {width:100%;}
.formLine input[type="submit"] { background: var(--color-darkblue);  color: white; cursor:pointer; font-weight:bold; border:1px solid var(--color-darkblue);}
.formLine > span {font-size:0.8em; display:block;}

.formGrid {display:grid; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));  grid-gap: .5em 1.5em;}
.formServ label,
.formServ {font-size:.9rem;} 
.formServ label a {display:inline-block; padding:.25em .4em ; border:2px solid var(--color-red); color:var(--color-red); font-weight:bold; font-size:.75rem; margin-left:1em;}
.formServ label {user-select: none; cursor:pointer;}
.formServ label:hover {color:var(--color-red);}

.orderAddress select,
.orderDate select,
.aaOrderWrapper form select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' fill-rule='evenodd' class='cls-1' d='M8,0L4.141,6.993,0.012,0.156Z'/%3E%3C/svg%3E%0A");  background-repeat: no-repeat; background-color: #fff; background-position: right 13px center; padding-right: 30px; display: block;}
select.aaErrFld,
.aaOrderWrapper form select.aaErrFld {background-color: yellow;}
.aaOrderWrapper form #id_row_addr_from input {}
.aaOrderWrapper form .unhide {transition:all ease 1s;}
.aaOrderWrapper form .ord_dt {display:block; overflow:hidden;}
.aaOrderWrapper form .ord_dt input,
.aaOrderWrapper form .ord_dt select {width:48%; float:left; cursor:pointer;}
.aaOrderWrapper form .ord_dt select.orderTime {width:22%; float:left; cursor:pointer;margin-left:2%;}
.aaOrderWrapper form .ord_dt input {margin-right:4%;}
.aaOrderWrapper form .ord_dt span {width:100%; display:block;}
.aaOrderWrapper form input[type="submit"] {background:var(--color-darkblue); color:white; cursor:pointer;}

.blockDeposit {margin:1em 0;}

.disableLogin {width: 100%; background:#f0f0f0; border: 1px solid #f0f0f0; padding: .8em; outline: 0; margin:.5em 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; box-sizing: border-box;}
.forgotPsw {border:none; background:transparent; padding: .8em; outline: 0; margin:.5em 0; text-decoration:underline; cursor:pointer;}
.blockGreen {padding:1em; background:#dff4e0; border:1px solid #5a985e; margin:.6em 0; border-radius:var(--radius);}
.blockGreen h2 {color:#5a985e;}
.blockGreen p {color:#3a683e; font-size:.8em;}
.blockBlue  {padding:1em; background:#eafbff; margin:.6em 0; border-radius:var(--radius);}
.blockBlue h2 {color:#00AEEF;}

.optionTariff .blockBlue h2,
.optionTariff .blockGreen h2 {margin:0 0 .5em 0;padding:0; font-size:1em}

.blockGreen .aaOrderFreeOption li {padding:0;background:none; margin:0;}
.aaOrderConditions.blockBlue {padding:0;background:none; margin:0 0 1em 0; border:2px solid #00AEEF; border-radius:var(--radius); padding:1em; }
.aaOrderConditions.blockBlue h2 {color:#00AEEF; font-size:1.2em;}
.aaOrderConditions.blockBlue div {font-size:0.9em; margin-bottom:.2em;}
.aaOrderConditions.blockBlue div:before {color: white; content:url(/img/ico-yes.svg); display: inline-block; font-weight:bold; border-radius: 50%; width: 1em; height: 1em; line-height: 1.7em; text-align: center; margin-right: .5em;}
.aaOrderConditions.blockBlue ul li {list-style:square; font-size:90%; margin-bottom:.2em; line-height:1.2;}
.aaOrderConditions.blockBlue ul li b {font-weight:bold; font-size:100%;}
.aaOrderConditions.blockBlue ul {padding-left:2em;}


.aapProfile span,
.aaLogin span,
.aaOrderWrapper form .ord_dt span {font-size:.75em; margin-top:0.6em; display:block;}

.orderDate {background-color: rgb(237, 240, 242); padding:.5em 1em; border-radius:var(--radius); margin-bottom:.5em; }
.orderDate {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-gap: 1em;}
.orderDate > div {display: grid; grid-template-columns: 8em 4em 4em; grid-gap:.2em .5em;}
.orderDate > div > span {grid-column: span 3;}

.orderAddress {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-gap: 1em; background-color: rgb(237, 240, 242); padding:.5em 1em; }

.orderDate.Check #id_ord_dt_to,
.orderDate.Check #id_ord_dt_from {width:100%;}

.orderDate #id_ord_tmh_from,
.orderDate #id_ord_tmm_from,
.orderDate #id_ord_tmh_to,
.orderDate #id_ord_tmm_to {width:4em; display: inline-block;}


.orderDate.Check #id_ord_tmh_from,
.orderDate.Check #id_ord_tmm_from,
.orderDate.Check #id_ord_tmh_to,
.orderDate.Check #id_ord_tmm_to {width:100%}

.aaMarkFilterTm span {font-size:.85em; display:block;}
.aaMarkFilterFlag {display:none;}

.orderDate.Check .section {background:transparent;}
.orderDate.Check {padding-right:1.5em;}

.orderDate.Step3 input[type="text"] {border:none; border-bottom:1px solid #ccc;  padding:.6em 0;}
.orderDate.Step3 .span2 {grid-column: span 3; white-space:nowrap;}
.aaRO {background:/*#f6f6f6*/none; font-weight:600; color:#333;}

.PersonalDataAll,
.OrderDetailAll,
.aaOrderDetail  {background:#edf0f2; overflow:hidden;}

.aaOrderCheck.OrderRO > h2,
.aaOrderCheck > h2,
.OrderHeaderDone,
.OrderHeaderAuth {font-size: 1.3em; line-height: 2.6em; height:2.6em; padding:0 .5em;}

.OrderHeaderDone {background:#a8afb2; color:white;}
.OrderHeaderAuth {background:var(--color-darkblue); color:white;}  

.OrderDetailAll .aaOrderCheck {padding:.5em 1em; line-height: 1.1em;}
.aaOrderCheck > h2 {line-height: 1.1em; }

.aaOrderCheck > h2 {border-top:2px dashed #ccc; font-weight:600;}
.aaOrderCheck.OrderRO > h2 {border-top:none; padding-top:0; line-height:1;}

.buttonNextOrder a,
.buttonNextOrder input {border:none; background:transparent; color:white; cursor:pointer; margin:0;padding:0; width:100%; text-align:right; padding-right:2em; font-weight:600; transition:all ease .75s;}
.buttonNextOrder input:hover {padding-right:4em;}
.buttonNextOrder {background:var(--color-darkblue); color:white; font-size: 1.3em; line-height: 2.6em; height:2.6em; padding:0; font-weight:500;}
.buttonNextOrder:hover {background:#a20000;}
a.buttonNextOrder {font-size:1em; width:75%; display:block; float:right; text-align:center;}

.buttonPrevOrder a,
.buttonPrevOrder input {border:none; background:transparent; color:white; cursor:pointer; margin:0;padding:0; width:100%; text-align:right; padding-right:2em; font-weight:600; transition:all ease .75s;}
.buttonPrevOrder input:hover {padding-right:4em;}
.buttonPrevOrder {background:#555; color:white; 
    font-size: 1.3em;
    line-height: 2.6em;
    height: 2.6em;
font-weight:600; margin-bottom:.2em;
}
.buttonPrevOrder:hover {background:#555;}
a.buttonPrevOrder {font-size:1em; width:75%; display:block; float:right; text-align:center;}


.aBack {text-align:left;}
.aBack:hover {color:#333; cursor:pointer;}

.blockConditions {background:transparent;}
.blockConditions > div > div,
.blockConditions ul li p,
.blockConditions ul li {padding:.5em 0; font-size:0.85rem; padding:.3em 0;}
.blockConditions > div {padding:.5em 1em 0 1em;}
.blockConditions > div h2 {font-size: 1rem; font-weight:600; margin:0 0 .6em 0;}
.blockConditions > div > div:before,
.aaOrderFreeOption li:before {background: #5a985e; color:white; content:"\2714"; display:inline-block; border-radius:50%; width:1.7em; height:1.7em; line-height:1.7em; text-align:center; margin-right:.5em}
.blockConditions > div > div:before {background: #00AEEF;}
.blockConditions > div:nth-child(2) {border-left:1px solid #ccc;}

.aaLogin span {}
.button {border: none; background: transparent; color: white; cursor: pointer;  margin: 0; display:inline-block; text-align: center; padding-right: 0; font-weight: 600; transition: all ease .75s;
    font-size: 1em; line-height: 2; padding: .6em 1em;  font-weight: 600; float:right; overflow:hidden;}
.bBack  {width:100%;}
.button.bRed  {background: var(--color-darkblue);}
.button.bGray  {background: #424242;}
.button.bBack.bGray:hover  {background: #333333; color:#f0f0f0;}
.butIndex {width:100%;margin-top:1em; widtt:100%;}

@-webkit-keyframes unhide { from {opacity: 0;} to {opacity: 1;}}
@keyframes unhide {from {opacity: 0;} to { opacity: 1;}}
.unhide { -webkit-animation-name: unhide; animation-name: unhide;}

/*******Order Detail*****/
.aaOrderDetail .col span {font-size:.85em; position:relative; top:.3em;}
.aaOrderDetail .aaMarkInfo {text-align:center; padding:0 1em 1em 1em;}
.aaOrderDetail .aaMarkInfo h3 {margin:0; padding:0; font-size:1.3em; margin-top:.5em;}
.aaOrderDetail .aaMarkInfo h4 {margin:0 0 .5em 0; padding:0;}
.aaOrderDetail .aaMarkPropertiesLine {display:flex;}
.aaOrderDetail .aaLink {font-size:2em; text-decoration:none;}
.aaOrderDetail .OrderImg {width:100%;}
.aaOrderDetail .OrderImg > img {width:100%; margin:0 auto; max-width:400px; border: 1px solid #a7a7a7;}
.aaServiceList > li {padding:.5em 0;}
.aaServiceList input[type="checkbox"] {width:1.2em; height:1.2em;}

.aaOrderDetail .col #id_ord_mark_info .aaMarkPropertiesLine {border-top:none;}
.aaOrderDetail .col #id_ord_mark_info span { font-size: 1.2em;  position: relative;  top: .3em;}

.ProfileRO {padding:1em;}
.OrderRO.ProfileRO  {padding:0;}
.OrderRO.ProfileRO div {width:100%; display:flex;}

.OrderRO form select,
.OrderRO form input[type="text"],
.OrderRO form input[type="submit"] {width:100%;}

.OrderRO.ProfileRO div,
.ProfileRO > div {display:flex; align-items:center;}
.OrderRO.ProfileRO div span,
.ProfileRO > div > span {display:block; padding-right:1em;}
.OrderRO.ProfileRO div span {white-space:nowrap;}
.OrderRO.ProfileRO  div label,
.ProfileRO > div label {font-size:.8em;}
.OrderRO.ProfileRO input[type="text"],
.aapProfile.ProfileRO input[type="text"] {border:none; border-bottom:1px solid #ddd; padding:.4em .2em;} 

.aapProfile > div label {font-size:.8em; line-height:1;} 
.aapProfile > div label a {font-size:1em; line-height:1; text-decoration:underline;}
.aapProfile > div label a:hover {color:var(--color-darkblue);}

/********Order Tariff****/

.aaOrderTariff h2 {font-size:1.3em}
.optionTariff  h2 {font-size:1.3em; font-weight:600;}

.ServiceLine {display:grid; border-bottom:1px dashed #ccc;  grid-template-columns: 1fr 150px; grid-gap: 1em; padding:0.6em 0;}
.ServiceLine span:nth-child(2) {white-space:nowrap;}
.ServiceLine span s {font-size:80%; margin-right:.5em;}

.ServiceLine span s.butPriceOld {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 90%;
    white-space: nowrap;
    padding: 0 .15em;
    --strike-angle: -14deg;
    --strike-width: 2px;
    --strike-color: #d00;
text-decoration:none;
}


.ServiceLine span s.butPriceOld::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -12%;
    width: 124%;
    border-top: var(--strike-width) solid var(--strike-color);
    transform: translateY(-50%) rotate(var(--strike-angle));
    transform-origin: center;
    pointer-events: none;
}


.autoserv {padding:.3em 0; display:grid; border-bottom:1px dashed #ccc;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 0.5em;
    margin: .6em 0;
}
.ServiceLine span {display:block;}
.ServiceLine.Depozit {font-weight:600;}
.ServiceLine.AmountTotal  {font-weight:600; border-top:2px solid #ccc; margin-top:.5em;}
.ServiceLine.Depozit span, 
.ServiceLine.AmountTotal span  {font-size:1.2em}
.ServiceHead {font-size:1.2em; display:block; padding:.4em 0; font-weight:600;}
.ServiceBlock .ServiceLine span {font-size:0.85em;}
.ServiceBlock .ServiceLine:last-child {border-bottom:none;}
.ServiceBlock ul li {border-bottom:1px dashed #ccc;}
.ServiceBlock ul li:last-child {border-bottom:none;}


/*************News Index***********/
.News .col > img {width:100%;margin:1em 0;}
.News .col .NewsSummaryLink a {font-size:1.4em; line-height:1.2;}
.News .col ul {list-style:disc; padding-left:1em;}
.News .col ul li {margin-bottom:.5em;}
.News .col.span_4_of_12 > img {width:100%;margin:1em 0 0 0;}

.news.Content ul {list-style:disc; padding-left:2em;}
.news.Content ul li {margin-bottom:.5em;}
.news.Content img.w100 {max-height:240px; object-fit: cover;}
#NewsPostDetailReturnLink a {display:inline-block; padding:.6em 1em; border:2px solid var(--color-red); color:var(--color-red); float:right;}

/*****cookie******/
.aaCookiesPopup {background:rgba(0,0,0,.5); color:white; padding:2em; text-align:center;}
.aaCookiesPopup * {color:white;}
.aaCookiesPopup input[type="button"] {background:#444;color:white; padding:.6em 1em; text-align:center; border:1px solid rgba(255,255,255,.3); cursor:pointer;}
.aaCookiesPopup input[type="button"]:hover {background:#222;}

/*****top*****/
.top a:hover {color:var(--color-darkblue);} 

/*************filter*****************/
.aaMarkFilter .col {margin: 0%;}

.aaMarkFilter .filterMark {border:2px solid #aaa; padding:.5em;}
.aaMarkFilter ul li {display:inline-block; cursor:pointer; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .75s; padding:.5em 1em; font-size:.85em; text-transform:uppercase;
border:2px solid #efefef; margin:.2em; cursor:pointer;}
.aaMarkFilter ul li:hover {background:var(--color-darkblue); color:white;}
.aaMarkFilter ul li.aaChecked {background:var(--color-red); color:white; padding-right:3em; position:relative;}
.aaMarkFilter ul li.aaChecked:after {content:"\2716"; position:absolute;right:1em; top:.5em;}
.aaMarkFilter ul li.FilterName.aaChecked,
.aaMarkFilter ul li.FilterName {border:2px solid #fff; font-weight:bold; color:#777; background:transparent; padding-right:1em;}
.aaMarkFilter ul li.FilterName.aaChecked:after {content:""; position:absolute;right:0; top:0;}
a.clean_filter {display:inline-block; cursor:pointer; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .75s; padding:.5em 1em; font-size:.85em; text-transform:uppercase;
border:2px solid #efefef; margin:.2em; cursor:pointer; padding-right:3em; position:relative;}
a.clean_filter:after {content:"\2716"; position:absolute; right:1em; top:.5em;}

/******************LK*******************/
.filterOrder {/*border:2px solid #aaa; padding:0;*/ padding:0; margin:0;}
.contentall .filterOrder ul,
.filterOrder ul {display:grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); grid-gap:.5em; padding:0; margin:0 0 1em 0; padding-left: 0; margin-top:1em;}
.contentall .filterOrder ul li,
.filterOrder ul li {list-style:none; padding:0; margin:0; border:1px solid #f0f0f0; text-align:center; border-radius:var(--radius);}
.filterOrder ul li a {line-height:2em; height:2em; display:block; text-decoration:none; font-size:90%; width:100%; border-radius:var(--radius);}
.filterOrder ul li a:hover {background:#eee;color:#333;}
.filterOrder ul li a.aaCur {background:#ccc;color:#333;}

/****/
.section.blue {background:#0072c0; background: radial-gradient(circle farthest-side at center 100px, #00b0dc, #0070bd);}
.section.blue * {color:white;}
.section.blue h3 {text-align:center;}
.section.blue .col {text-align:center;}


/****************/
.section.Footer {background:#666; padding-top:2em;}
.section.Footer * {color:white;}
.section.Footer .phone {margin:0 0 .6em 0; display:block; font-size:1.2em;}
.section.Footer .menu a {margin:0 0 .6em 0; display:block;}
.copyright {border-top:1px solid #888;padding:1.5rem 0;}
.copyright p {font-size:.8em; text-align:center; margin:0; padding:0; line-height:1.5;}

.popup .jsOrderError {display:flex; align-items:center; height:100%; text-align:center; justify-content:center; flex-wrap:wrap; flex-direction:column;}
.popup .aaErrMsg {font-size:1em; font-weight:normal; color:var(--color-darkblue); width:100%;}


/*заказ авто*/

.bgred {background:var(--color-darkblue);}
.bgblue {background:#00aeef;} 
.bgblue *,
.bgred * {color:white;}

/***********TIMELINE***********/
.timeline {display:flex;}
.timeline .col {margin:0%; padding:0 .5em; font-weight:600; background:url(/img/timeline-white.svg) 100% 50% no-repeat;}
.timeline .col:last-child {background:none;}
.timeline .col:nth-child(n) > p {white-space:nowrap; margin:.5em 0 .5em .5em; font-size:.9em;}
.timeline .col:nth-child(n) > p b {font-weight:normal;}
.timeline .col:nth-child(n) input {border:none; background:none; font-weight:600; display:inline-block; font-size:1em; margin:0;padding:0;}

.timeline .col:nth-child(n) > input:before,
.timeline .col:nth-child(n) > p:before {display:inline-block; background:white; color:#333; text-align:center; width:2em; height:2em; border-radius:50%; line-height:2em; margin-right:.5em; font-weight:600;}
.timeline .col:nth-child(1) > input:before {content:"1";}
.timeline .col:nth-child(1) > p:before {content:"1";}
.timeline .col:nth-child(2) > p:before {content:"2";}
.timeline .col:nth-child(3) > p:before {content:"3";}
.timeline .col:nth-child(4) > p:before {content:"4";}
.timeline .col.current {background:var(--color-darkblue) url(/img/timeline-white-cur.svg) 100% 50% no-repeat;}
.timeline .col.current:last-child {background:var(--color-darkblue);}
.timeline .col.done {background:#a8afb2 url(/img/timeline-white.svg) 100% 50% no-repeat;}
.timeline .col.donecur {background:#a8afb2 url(/img/timeline-white-donecur.svg) 100% 50% no-repeat;}

.aaPayType {padding:1em;}
.aaMsg, .warning {background:var(--color-warning-back); padding:1em; border:1px solid #ccc; font-size:.9em;}

.aaOrderTariff {padding:1em 0;}
input[type="text"]:focus {background:#ffffe0;}

/******news template************/
.NewsSummary {border-bottom:1px solid #ddd;}
.NewsSummary .col .NewsSummaryField {padding-top:1em;}
.NewsSummary .col .NewsSummaryField > img {width:100%; margin-top:1em;}
.NewsSummary .col ul {padding-left:2em;}
.NewsSummary .col ul li {list-style:circle;}

.aaLink.jsServiceInfo {color:white; background:var(--color-lightblue); border:none; display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; border-radius:50%; font-size:0.9em; font-weight:bold; margin-top:0; margin-left:.5em;}

div.autoserv label {display:flex;}
div.autoserv label .can-toggle__label-text {flex:2;}
div.autoserv label .aaSrvAmount {flex:1;}

/****************** form ********************/

.formbuilderform select,
.formbuilderform textarea,
.formbuilderform input {border:1px solid #ccc; padding:.6em;}

.formall .col label {width:100%; font-size: 0.8em; display: block;}
.formall .col input[type="text"] {width:90%;}
.formall .radio {display:flex; flex-wrap:wrap;}
.formall .radio div {display:flex; padding:.3em 2em .3em .3em;}
.formall .radio label {cursor:pointer;}
.formall .radio input[type="radio"] {border-radius:50%; margin:0 0.7em 0 0; width:.7em; height:.7em; box-shadow: 0px 0px 0px 2px #ccc; border:2px solid #fff; background:#ccc; cursor:pointer;}
.formall .radio input[type="radio"]:checked {border-radius:50%; background:var(--color-blue);}
.formall textarea {width:95%;}
.formall select {cursor:pointer; padding:.6em 1.6em .6em .6em; position:relative;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' fill-rule='evenodd' class='cls-1' d='M8,0L4.141,6.993,0.012,0.156Z'/%3E%3C/svg%3E%0A");  background-repeat: no-repeat; background-color: #fff; background-position: right 13px center; padding-right: 30px; display: inline-block;
}
.formall select:after {position:absolute; border:1px solid red; display:block; width:16px; height:16px;}

/******Всплывающая карточка авто *******************/

#id_ord_mark_popup {}
#id_ord_mark_popup h1 {font-size:1.1rem; margin:0; margin-bottom:.5em;}
#id_ord_mark_popup .aaMarkCardOther p,
#id_ord_mark_popup .aaMarkCardMain p {font-size:1em; margin:0; padding:0;}

#id_ord_mark_popup .aaMarkCardOther ul,
#id_ord_mark_popup .aaMarkCardMain ul {display:flex; flex-wrap:wrap;}

#id_ord_mark_popup .aaMarkCardOther ul li,
#id_ord_mark_popup .aaMarkCardMain ul li {width:50%; font-size:.75em; display:flex; padding:0 0 .5em 0;}

#id_ord_mark_popup .aaMarkCardOther span,
#id_ord_mark_popup .aaMarkCardMain span {font-size:1em; line-height:1em;}

#id_ord_mark_popup .aaMarkCardOther span:before,
#id_ord_mark_popup .aaMarkCardMain span:before {content:attr(title-tooltip); margin-right:1em; oferflow:hidden; display:inline-block; line-height:1.1; font-weight:bold; font-size:.85em; line-height:.85em;}
#id_ord_mark_popup .aaMarkCardOther span:before {content:attr(title); font-weight:bold;}

#id_ord_mark_popup .aaMarkCardMain li span:after {display:none;}

#id_ord_mark_popup .aaMarkWrapper .span_4_of_12:nth-child(3) {display:none;}
#id_ord_mark_popup .aaMarkWrapper .span_4_of_12:nth-child(2) {width:60%;}
#id_ord_mark_popup .aaMarkCardOther {margin:0;padding:0;}
#id_ord_mark_popup .aaMarkCardDescr {display:none;}


#id_ord_mark_popup  .aaPropertyColorList div.color {display:block; width:32px; height:16px; margin:0; padding:0; border-radius:1em; border:1px solid #ccc; box-sizing:border-box;}
#id_ord_mark_popup .aaTable th,
#id_ord_mark_popup .aaTable td {border:1px solid #ccc; padding:.2em; text-align:center;}

.aaContactList h2 {color:var(--color-blue); margin-top:1em;}

.deptlist {display: grid; grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); grid-gap: 3rem;}


.deptlist p.warning,
.deptlist p[style="color:#c20000;"] {background:#ffffdd; padding:1em; border:1px solid var(--color-blue); font-size:90%; color:black !important;}

h1.err404 {font-size:12vmin;}

/********************стили гостевой****************/


.accordion {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



/*****accordion******/
.accordion label {display: block; position: relative;}
.accordion input {display: none; position: absolute; visibility: hidden; left: 50%; top: 50%; z-index: 1;}
.accordion .header {background-color: white; cursor: pointer; padding: 1em; position: relative; z-index: 2; transition:all ease .5s; border-bottom:1px solid #f0f0f0;}
.accordion .header h2 {margin:0;padding:0; font-size:1.4rem; color:#555; margin-right:3em;}
.accordion .header:hover {background-color: #e0e0e0;}

/*sign plus*/
.accordion .header:hover:before, 
.accordion .header:hover:after {background-color: #333;}
.accordion .header:before, 
.accordion .header:after {background-color: red; content: ''; display: block; position: absolute; z-index: 3;}
.accordion .header:before { height: 2px; margin-top: -1px; top: 50%; right: 20px; width: 16px;}
.accordion .header:after { height: 16px; margin-top: -8px; top: 50%; right: 27px; width: 2px;}
.accordion input:checked ~ .header {background: gray; color: white;}
.accordion input:checked ~ .header h2 {color: white;}
.accordion input:checked ~ .header:hover { background-color: gray; color: white;}
.accordion input:checked ~ .header:before { background-color: white;}
.accordion input:checked ~ .header:after { display: none;}

/*sign plus*/
.accordion .content { background:white; display: none; padding: 1em;}
.accordion .content ul li {list-style:square; margin-bottom:.6em;}
.accordion .content ul  {padding-left:2em}
.accordion input:checked ~ .content {display: block;}
/*****accordion******/

.cms-guestbook-showform-button {padding:1em 0;}
.cms-guestbook-showform-button .cms_submit {display: inline-block; padding: 0.5em 1em; cursor:pointer; transition:all ease .5s;}
.cms-guestbook-showform-button .cms_submit:hover {background:#666; color:white;}

.gbook_entry {border-bottom:2px solid #f0f0f0; padding:1em 0;}
.gbook_entry .gbook_message   {-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-ms-line-clamp: 2;-webkit-line-clamp: 2;line-clamp: 2; display: -webkit-box;display: box;word-wrap: break-word;-webkit-box-orient: vertical;box-orient: vertical; margin-bottom:1em;}
.gbook_name {text-align:right; font-size:90%;}
.gbook_date {text-align:right; font-size:80%;}
.gbook_entry .answer {-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-ms-line-clamp: 2;-webkit-line-clamp: 2;line-clamp: 2; display: -webkit-box;display: box;word-wrap: break-word;-webkit-box-orient: vertical;box-orient: vertical; margin-bottom:1em; font-weight:600; color:#999; border-left:5px solid #ccc; padding-left:1.5em; padding-top:1em;}
.gbook_field textarea,
.gbook_field input {width: 100%; border: 1px solid #a7a7a7; padding: 0.8em; outline: 0; margin: 0.5em 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important;   box-sizing: border-box;}
.gbook_field label {display:block;}

.gbook_form .cms_submit {background: var(--color-darkblue); color: white; cursor: pointer; font-weight: bold; border: 1px solid var(--color-darkblue); width: 100%; border: 1px solid #a7a7a7;
    padding: 0.8em; outline: 0; margin: 0.5em 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; box-sizing: border-box;}
.gbook_field_error {color:red;}
.gbook_field_error textarea,
.gbook_field_error input {border:1px solid red;}

/********************стили гостевой****************/
.cms-guestbook-entry {border-bottom:2px solid #f0f0f0; padding:1em 0; overflow:hidden;}
.cms-guestbook-entry-location {font-weight:bold;}
.cms-guestbook-entry .cms-guestbook-entry-location,
.cms-guestbook-entry .cms-guestbook-entry-sender  {-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-ms-line-clamp: 2;-webkit-line-clamp: 2;line-clamp: 2; display: -webkit-box;display: box;word-wrap: break-word;-webkit-box-orient: vertical;box-orient: vertical; margin-bottom:1em;}
.cms-guestbook-entry-sendername {text-align:right; font-size:90%; display:block;}
.cms-guestbook-entry-posted {text-align:right; font-size:80%; display:block;}
.cms-guestbook-entry-text {font-weight:400; color:black; -ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-ms-line-clamp: 4;-webkit-line-clamp: 4;line-clamp: 4; display: -webkit-box;display: box;word-wrap: break-word;-webkit-box-orient: vertical;box-orient: vertical; margin-bottom:1em; font-style:italic;}
.cms-guestbook-entry-text:after {content:"C уважением, администратор сайта RENTCARS.RU"; display:block; font-size:90%;}
.cms-guestbook-div-insert {padding:1.5em; background:#f0f0f0; margin:1em 0;}

.cms-guestbook-entry-text {border-left:3px solid #f0f0f0; padding-left:1.5em; margin-bottom:1em;}
.cms-guestbook-entry-text p {font-size:85%;}
.cms-guestbook-entry-text br + br {display:none;}
.cms-guestbook-entry-text p + br  {display:none;}

#.label {position: relative;}
#.label input {background: none; display: block; font-size: 1rem; padding: 1.2rem 1.2rem .5rem; border: 1px solid #a7a7a7;  margin-bottom:.6em;}
#.label .placeholder {position: absolute; top: 1rem; font-size: 1rem; left: 1.2rem; transition:all ease .5s;}
#.label input:focus + .placeholder {font-size: .7rem; top: .4rem; transition:all ease .5s;}
#.label .placeholder.on {font-size: .75rem; top: .5rem; transition:all ease .5s;}

.payButton {display: flex; align-items: center; justify-content: center; width: 80%; height: 40px; background-color: var(--color-blue); color: #FFF; text-decoration: none; margin: 1em auto; cursor: pointer;}

.gbBut {border:2px solid #f0f0f0; display:inline-block; padding:.35em .8em; float:right; overflow:hidden; font-size:90%; transition:all ease .75s;}
.gbBut:hover {border:2px solid var(--color-blue);}


#content {background:white; padding:5vmin;}

/*****dar new lk orders list*************/
.OrderList * {box-sizing:border-box;}
.OrderList {display: grid;  grid-template-columns: 1fr; grid-gap: 0.5em; }
.OrderList > div {display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); grid-gap: 0.5em;}
.ListPay > div,
.OrderList > div {border: 1px solid #f0f0f0; padding: 1em; border-radius:var(--radius); background:#fff; transition:all ease .5s;}
.ListPay > div:hover,
.OrderList > div:hover {background:#f0f0f0; border: 1px solid #999;}
.ListPay > div {padding: 1em 0.8em 0.6em 0.8em;}

.OrderList div a {display:block; text-decoration:none; white-space:nowrap;}
.OrderList div.num   a {font-weight:bold;}
.OrderList div.price {text-align:right;}
.OrderList div.price a {color:var(--color-blue); font-size:110%; font-weight:bold;}
.OrderList div.date {grid-column: span 2; white-space:nowrap;}
.OrderList div.date a {white-space:nowrap; width:100%; dasplay:block;}
.OrderList div.canceled {opacity:.5;}
.OrderList div.new div:nth-child(1) a {color:var(--color-new);}

.OrderList div.received {border:2px solid var(--color-done);}
.OrderList div.received div.price a {color:var(--color-done);}
.OrderList div.received div.status a {color:var(--color-done);}
.OrderList div.canceled div.price a {color:#999;}
.OrderList div.canceled div.status a {color:#999;}

.OrderList div.approved {border:2px solid var(--color-approved);}
.OrderList div.approved div.price a {color:var(--color-approved);}
.OrderList div.approved div.status a {color:var(--color-approved);}


.OrderList.Card {display: grid;  grid-template-columns: repeat(auto-fill, minmax(48%, 1fr)); grid-gap: 0.5em; margin:2em 0;}
.OrderList.Card div.Card {display: block; background:#f0f0f0; border-radius:1em;}
.OrderList.Card div.Bind {background:#ffffff; border:none;  display: grid;  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));  grid-gap: 0.5em;}
.OrderList.Card div.Card span  {display:block; font-weight:bold; font-size:80%; margin-top:1em;}
.OrderList.Card div.Bind span {display:block; font-weight:bold; font-size:80%;}
.OrderList.Card div.Bind p {margin:0;}
.OrderList.Card div.Bind a {display:inline-block; line-height:1.2; border:2px solid var(--color-red);color:var(--color-red); padding: .6em 1em;}
.OrderList.Card div.Bind a.aaLink {white-space: normal;}

.OrderList.Penalty .span2 {grid-column: span 2;}
.OrderList.Penalty div div:nth-child(3) {grid-column: span 1;}
.OrderList.Penalty span {display:block; font-size:80%;}
.OrderList.Penalty div div:nth-child(5) {text-align: left;}
.OrderList.Penalty div.price {font-size:110%;font-weight:bold;}
.OrderList.Penalty a:hover {color:var(--color-red);}

.penaltycard form {display:grid; grid-template-columns: 40% 60%; grid-gap: 1em; padding:0 1em 0 0;}
.penaltycard form * {display:block;}
.penaltycard form input {border:none;}

.span2,
.penaltycard form h2 {grid-column: span 2;}
.penaltycard form h2 {font-weight:normal;}
.penaltycard ul:not([class]) {padding:0;}
.penaltycard li {padding:0;}
.penaltycard .price {font-size:130%;}



form.order-card {display:grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); grid-gap: 2em;}
form.order-card .aaOrderCheck.info  {display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-gap: 1em;}
form.order-card .aaOrderCheck.info input {width:100%; box-sizing:border-box; max-width:340px;}
form.order-card .aaOrderCheck.info input[readonly] {border:none;}
form.order-card div.ServiceLine {display: grid; grid-template-columns: 1fr 7em; gap:1em; margin:0; padding:.3em 0; border-bottom:1px solid #f0f0f0;}

form.order-card .aaNote {grid-column: span 2; background:var(--color-warning-back); padding:.5em .75em; border-radius:var(--radius); margin:.5em 0;}
form.order-card .aaNote div {font-size:90%;}

form.order-card div h3 {font-size:1.2rem; font-weight:bold;}
form.order-card div.avto {display:block;}
form.order-card div.avto a {font-size:120%; line-height:2em; display:block; background:#f0f0f0; text-align:center; border-radius:1em; font-weight:bold; padding:.8em; white-space:nowrap; }
form.order-card .aaOrderCheck.info div.lb_is_expirience,
form.order-card .aaOrderCheck.info div.avto, 
form.order-card .aaOrderCheck.info div.spancol2
{grid-column: span 2;}
form.order-card .aaOrderCheck.info div.lb_is_expirience {display:flex;}
.aaProfileWrapper .buttonNextOrder  {width:100%; border-radius:var(--radius); margin:.5em 0;}

form.order-card div.ServiceLine.period * {font-weight:bold; }
form.order-card div.ServiceLine.period {border-top:2px solid #ccc;}

.notes {font-size:85%;}

.ListPay  {display: grid; grid-template-columns: 100%; grid-gap: 0.5em;}
.ListPay > div {display: grid; grid-template-columns: 36px 200px 1fr 1fr; grid-gap: 1em;}
.ListPay > div > div span {font-size:70%; line-height:1; display:block;}
.ListPay > div > div b {display:block; font-size:95%;}

.ListPay .cSuccess {border:1px solid #ccc; background:#eeFFee;}
.ListPay .cSuccess.cPayBlock {background:#ffFFee;}
.ListPay .price {font-weight:bold; font-size:100%; white-space:nowrap;}

h3.payHeader  {font-weight:bold; margin-top:.5em;}
.butPay span {font-size:80%; display:block; line-height:1.3;}


/****Личный кабинет*********/
.section.grid.lk {display:flex;}
.section.grid.lk > ul {width:300px; padding-right:2em;}
.section.grid.lk > ul li a {display: block; padding: 0.6em 0; border-bottom: 1px solid #A8AFB2; text-decoration:none;}
.section.grid.lk > ul li a span {font-weight:bold;color:var(--color-red);}
.section.grid.lk > ul li a i {display:none;}
.section.grid.lk .contentall {width:100%;}
.section.grid.lk .aaLoginWrapper {width:50%; min-width:320px; margin:2em auto;}
.section.grid.lk .aaLoginWrapper .formLine input.w50 {width:100%;}


.ul-auto-grid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-gap: 4em;
}


.ul-auto-grid h3 {font-size: 1.4em;}
.ul-auto-grid img {width:100%;}
.ul-auto-grid .aButton {display:inline-block; border-radius:.5em; border:2px solid var(--color-blue); text-decoration:none; padding:.5em 1em;}
.ul-auto-grid .aButton:hover {border:2px solid var(--color-blue); color:black;}

.butPayCity a {background: #aaa; color: white; cursor: pointer; font-weight: bold; display:inline-block; margin:.5em; padding:.5em 1em; width:96%; text-align:center;}
.butPayCity a:hover {background: #666;}
.butPayCity a.active {border:2px solid var(--color-darkblue); background:white; color:black;}

.js-pay-dst {display:none; color:var(--color-darkblue);}  
.js-pay-dst.active {display:block;} 

.section.clientMark .electro {position:absolute; background:var(--color-darkblue); top:1em; position:absolute; right:0; display:inline-block; padding:.3em 1em; color:white; font-weight:bold; border-radius: 2em 0 0 2em;}

p.aaMarkClass {font-size:120%; padding-bottom:1em;}

div.aaTariffList > table {width:99%;}

/*.aaCmdOrder a {color:red; font-weight:bold;}*/
.aaRadio {-webkit-appearance: radio;}
.aaCheckbox {-webkit-appearance: checkbox;}
.aaBorder {border:1px solid red; margin:5px;}
.aaErrMsg {color:red; font-weight:bold;}
.hide {display:none;}
a.aaLink {text-decoration:underline;}
a.aaCur {color:blue; font-weight:bold;}

table.aaTable {width:99%}

.ico.testMode {color:blue; font-weight:bold;}

input.ebRO {background-color:#ddd;}
input.ebRO:focus {background-color:#ddd;}

#content ul li {list-style: inside;}


.fb_invalid * {color:var(--color-error);}

ol.num {list-style: numeric; padding-left:1.2em;}​
ol.num li {padding-bottom:1em;}


.aaPrfOkMsg {height:50vh; padding:2em; background:#f0f0f0; border-radius:1em; margin:1em 0;}
.aaProfileWrapper {max-width:800px; width:100%;margin:1em auto;}


/********************Платежка***********/
.ps3-iframe {}

@media only screen and (max-width: 1400px) {
.section.menumob ul a span {font-size:0.9em;}
.section.menumob ul a {padding: 0.6em;}
}


@media only screen and (max-width: 1260px) {
.aaMarkCardMain .col.span_6_of_12 {width:100%; padding:0;}
.aaMarkCardMain .col.span_6_of_12:nth-child(n) {width:100%; padding:0;}

/****иконки в списке авто****/
.aaMarkPropertiesLine li {padding:0.3em;}
.aaMarkPropertiesLine li span {display:block; position:relative; font-size:1.2vw; padding-left:1.2em; cursor: help;}
.aaMarkPropertiesLine li .number_doors:before,
.aaMarkPropertiesLine li .number_seats:before,
.aaMarkPropertiesLine li .number_luggage:before,
.aaMarkPropertiesLine li .transmission:before {width:1em; height:1em; position:absolute; left:0;}

.section.menumob ul a span {font-size:0.85em;}
.section.menumob ul a {padding: 0.6em;}

}


@media only screen and (max-width: 1000px) {

/****иконки в списке авто****/
.aaMarkPropertiesLine li {padding:0.3em;}
.aaMarkPropertiesLine li span {display:block; position:relative; font-size:1.2vw; padding-left:1.2em; cursor: help;}
.aaMarkPropertiesLine li .number_doors:before,
.aaMarkPropertiesLine li .number_seats:before,
.aaMarkPropertiesLine li .number_luggage:before,
.aaMarkPropertiesLine li .transmission:before {width:1em; height:1em; position:absolute; left:0;}

}


@media only screen and (max-width: 900px) {
.aaMarkWrapper > .section > .col {width:100%;}
}


@media only screen and (max-width: 560px) {

.col img {width:100%;}
.col {  margin: 1% 0 1% 0%; }
.otstup > .col {  margin: 1% 0 1% 0%; }
.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, 
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
.otstup > .span_1_of_12, .otstup > .span_2_of_12, .otstup > .span_3_of_12, .otstup > .span_4_of_12, .otstup > .span_5_of_12, .otstup > .span_6_of_12, .otstup > .span_7_of_12, .otstup > .span_8_of_12, .otstup > .span_9_of_12, .otstup > .span_10_of_12, .otstup > .span_11_of_12, .otstup > .span_12_of_12 {width: 100%;}
.otstup3 > .span_6_of_12:nth-child(1) {padding-right:0em;}
.otstup3 > .span_6_of_12:nth-child(2) {padding-left:0em;}

.section.top {margin-top:12vh;}
.section.menumob span.icomenu {display:none;}
.section.menumob:nth-child(1) {border-bottom:1px solid rgba(255,255,255,.2)}
.section.menumob ul {display:flex; margin:0;}
.section.menumob ul li {display:block; background:var(--color-darkblue);}
.section.menumob ul li a span,
.section.menumob ul li a {color:white;}
.section.menumob ul li a.currentpage {}
.section.menumob ul li a:hover {border:1px solid rgba(255,255,255,.6); transition:all ease .7s;}

.nomobile {display:none;}

.contentall h1 {font-size:1.5em;}
.contentall h3 {font-size:1.4em;}

.nomob .leftMenu {display:none;}
.butPayCity {box-sizing:border-box;}
.butPayCity a  {box-sizing:border-box; width:100%; margin:1em 0;}

/****Личный кабинет*********/
.section.grid.lk {display: block;}
.section.grid.lk > ul {width: 100%; padding-right: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(48px, 1fr));  grid-gap: 2vmin;}
.section.grid.lk > ul li {display:block;}

.section.grid.lk > ul li > i,
.section.grid.lk > ul li a {display:block; width:100%; height:auto; text-align:center; position:relative; min-height:auto; padding-top:56px; border:none; font-size:2.3vmin; border-radius:.5em;}

.section.grid.lk > ul li > i {display:block; width:100%; height:auto; font-style:normal; font-size:2.3vmin; text-align:center;}
.section.grid.lk > ul li a > i {display:block; width:100%; height:auto; font-style:normal; font-size:2.3vmin; text-align:center;}

.section.grid.lk > ul li.ico i {border-radius:.8em;}

.section.grid.lk > ul li.Order a {background:url(/img/ico-order2.svg) center 12px no-repeat; background-size:42px 42px;}
.section.grid.lk > ul li.Acc a  {background:url(/img/ico-dataprof.svg) center 10px no-repeat; background-size:42px 42px;}
.section.grid.lk > ul li.Card a {background:url(/img/ico-card.svg)    center 10px no-repeat; background-size:42px 42px;}
.section.grid.lk > ul li.Penalty a {background:url(/img/ico-penalty.svg) center 10px no-repeat; background-size:42px 42px;}
.section.grid.lk > ul li.Exit a    {background:url(/img/ico-exit.svg) center 10px no-repeat; background-size:42px 42px;}


.section.grid.lk > ul li.Order a.current {background:#f0f0f0 url(/img/ico-order2.svg) center 12px no-repeat; background-size:42px 42px;}
.section.grid.lk > ul li.Acc a.current  {background:#f0f0f0 url(/img/ico-dataprof.svg) center 10px no-repeat; background-size:42px 42px;}
.section.grid.lk > ul li.Card a.current {background:#f0f0f0 url(/img/ico-card.svg)    center 10px no-repeat; background-size:42px 42px;}
.section.grid.lk > ul li.Penalty a.current {background:#f0f0f0 url(/img/ico-penalty.svg) center 10px no-repeat; background-size:42px 42px;}
.section.grid.lk > ul li.Exit a.current    {background:#f0f0f0 url(/img/ico-exit.svg) center 10px no-repeat; background-size:42px 42px;}


.section.grid.lk .filterOrder {display:none;}

.section.grid.lk > ul li > span {display:none;}
.section.grid.lk > ul li > a > b {display:none;}
.section.grid.lk > ul li a span {font-weight:bold;color:var(--color-red); display:none;}
.section.grid.lk > ul li a.current i {font-weight:bold;}



/*******popup*******/
.popup {width:100%; box-sizing:border-box; height:100vh; overflow-y:auto;}
.close {top: 0.5em; right: 0.5em; border-radius: 0; content:url(/img/close-red.svg);}

/*****mob menu ввести уникальный класс для верх меню, пример .menumob *****/
.section.menumob {overflow:hidden;}
.section.menumob:hover {height:auto;}
.section.menumob ul {position:relative; margin-top:13vmin; height:auto;overflow:hidden; transition:max-height ease .5s; display:block;}
.section.menumob {position:fixed; z-index:999; top:0; left:0; overflow:hidden; width:100%; min-height:14vmin; padding:0; margin:0;}
.section.menumob span.icomenu {display:block; cursor:pointer; position:absolute; top:2vmin; right:2vmin; height:9vmin; color:white; z-index:1001;}
.section.menumob span.icomenu:before {content:""; width:9vmin; height:9vmin; background:url(/img/menu.svg); display:block; position:relative; top:0; left:0; background-size:cover;}
.section.menumob li {display:block; overflow:hidden; border-bottom:0.5vmin solid rgba(255,255,255,.3);box-sizing:border-box; -moz-box-sizing:border-box; width:100%; }
.section.menumob li a {display:block; height:14vmin; border:none; line-height:14vmin; text-decoration:none; text-align:left; text-transform:uppercase;box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:0 3vmin; font-size:5vmin; text-align:left;}
.openmenu {max-height:90vh;}
.closemenu {max-height:0vh;}
.section.top .logo {margin-top:0; z-index:1000; position:fixed; top:2.5vmin; left:4vmin; width:auto; height:8vmin; }
.section.top .ico.Login {margin-top:0; z-index:1000; position:fixed; top:2.5vmin; left:43%; width:auto; height:8vmin; color:white; font-size:.5px;}
.section.top .ico.City  {margin-top:0; z-index:1000; position:fixed; top:2.5vmin; left:55%; width:auto; height:8vmin;}
.section.top .ico.City:before {display:none;}
.section.top .ico.City {padding-left: 0;}
.section.top .ico.Lang  {margin-top:-2em; display:none;}
.section.top .ico.phone {font-size: 3.5vmin;}
.section.top .span_1_of_5:nth-child(3) {display:none;}
.section.top .span_1_of_5:nth-child(4) {margin-top:-2em;}
.section.top .span_1_of_5:nth-child(5) {display:flex; margin-top:2em;}
.section.top .span_1_of_5:nth-child(5) > a {width:50%;}
.section.top .nomobile {display:none;}
.section.top { border-top: none; margin-top:0;}
.aaOrderWrapper form {padding: 0;}

.filterMark {display:none;}
.allParkURL {box-sizing:border-box; -moz-box-sizing:border-box; }
.allParkURL a {width:100%; box-sizing:border-box; -moz-box-sizing:border-box; }


.clientMark .col {padding: 1em; position: relative; min-width: 100%; max-width: 100%; width:100%; margin:0 0 2vmin 0; flex-grow: 1;}

div.butPrice {box-sizing:border-box; -moz-box-sizing:border-box; padding:0; border:0; display:block;}
a.butPrice span,
a.butPrice {box-sizing:border-box; -moz-box-sizing:border-box; padding:0; border:0; display:block;}
a.butPrice span:after,
div.butPrice:after {content:"Заказать авто"; display:block; background:var(--color-darkblue); width:100%; padding:.6em 1em; box-sizing:border-box; -moz-box-sizing:border-box; color:white; margin-top:.5em;}
.clientMark .col:hover .butPrice {background:none; border:2px solid white; transition:all ease 1s;}

h1 {font-size: 6vmin; color: #718B91; line-height: 1.1; margin:0 0 2vmin 0;}
h2 {font-size: 5vmin;font-weight: normal;  line-height: 1.1; margin:4vmin 0 2vmin 0; color:var(--color-darkblue); font-weight:600;}

/*
.orderDate #id_ord_tmh_from, .orderDate #id_ord_tmm_from, .orderDate #id_ord_tmh_to, .orderDate #id_ord_tmm_to {width:23%;display: inline-block;}
*/
.timeline .col:nth-child(n) > p {white-space: nowrap; margin: .5em 0 .5em .5em;  font-size: 3vmin;}
.timeline .col:nth-child(n) > p > b {display:none;}

/*****************filter***************/
.aaMarkFilterFlag {display:none;}
a.clean_filter.aaDisable {display:none;}

.contentall {min-height:75vh;}

.leftMenu ul li a {font-size:3.5vmin;}
.leftMenu {margin-bottom:2em;}

.orderDate.Check {padding:0 2vmin;}
.orderDate.Check .span_6_of_12 {width:50%;}
.orderDate.Check .span_3_of_12 {width:25%;}
.aaOrderDetail .col span,
.button.bGray {font-size:3.5vmin;}
.orderDate.Step3 input[type="text"] {padding: 2vmin 0; margin: .5vmin 0;}
.orderDate.Step3 .col {margin: .5vmin 0;}
.blockConditions > div {padding: .5em 2vmin 0 2vmin;}
.ServiceLine span:first-child {margin-right:4vmin;}
.ServiceLine span:last-child {font-size:4vmin;}
.OrderDetailAll .aaOrderCheck {padding: 2vmin 2vmin;}

.leftMenu ul {padding: 0;}
.filterOrder {overflow-y:auto; width:100%; position:relative; }
.filterOrder ul {top:0; left:0; display:block;}
.filterOrder ul li {float:left;}
.aaTable th {font-size:.8em;}
.aaTable th,
.aaTable td {white-space:nowrap; font-size:.9em;}
.OrderList  {overflow-y:auto; width:100%; position:relative;}

.aaMarkCardOther {padding-left:0em;}

.timeline .col:nth-child(n) input {width:1em; overflow:hidden;}

.aaServiceList > li {margin:0;padding:0; position:relative;}
.aaServiceList > li > div {display:flex; padding:.5em;}
.can-toggle label {width:100%; margin:.3em 0;}
.can-toggle label .can-toggle__label-text {padding-left: .5em; line-height:1; font-size:3vmin; display:block;}
.can-toggle {border-bottom:none;margin:0;}
.can-toggle label .aaSrvAmount {width:30%;}

.ServiceHead {font-size: 4.5vmin;}
.ServiceLine {display: grid; border-bottom: 1px dashed #ccc; grid-template-columns: 1fr auto;}
.ServiceLine span:first-child {}
.ServiceLine span {font-size: 3vmin;}
.ServiceLine > div {font-size: 3.5vmin;} 


#id_ord_mark_popup .aaMarkCardOther ul li,
#id_ord_mark_popup .aaMarkCardMain ul li {width:100%; font-size:.75em; display:flex; padding:0 0 .5em 0;}
#id_ord_mark_popup .aaMarkCardNew {display:none;}
#id_ord_mark_popup .aaMarkCardHit {display:none;}



.xdsoft_datetimepicker {position:fixed !important; top:0 !important; left:0 !important; width:100%; height:75vh; box-sizing:border-box !important; padding:1em !important;}
.xdsoft_datetimepicker * {box-sizing:border-box !important;}
.xdsoft_datepicker {width:100% !important;}
.xdsoft_datetimepicker .xdsoft_datepicker {margin:0 !important;}
.xdsoft_datetimepicker .xdsoft_month {width:35% !important; min-width:100px !important;}
.xdsoft_datetimepicker .xdsoft_year { width:35% !important; min-width: 48px !important;}
.xdsoft_scrollbar {width:2em !important; margin-left:1em !important; background:#f0f0f0;}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {right:1em !important;}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {padding: .5em 2.5em .5em .5em !important;}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {right:1em !important;}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {max-height:65vh !important;}
.xdsoft_datetimepicker .xdsoft_calendar td > div {text-align:center !important; padding:0 !important;}
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {width: 2em; min-width: 0;}
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {height: 4em !important; line-height: 4em !important;}

/****иконки в списке авто****/
.aaMarkPropertiesLine li {padding:1vh;}
.aaMarkPropertiesLine li span {display:block; position:relative; font-size:3vh; padding-left:3.6vh; cursor: help;}
.aaMarkPropertiesLine li .number_doors:before,
.aaMarkPropertiesLine li .number_seats:before,
.aaMarkPropertiesLine li .number_luggage:before,
.aaMarkPropertiesLine li .transmission:before {width:3vh; height:3vh; position:absolute; left:0;}

/****сетка тарифов***************/
.aaTariffList .tariff .row {flex-wrap:wrap; border:none; background:#f6f6f6; border-radius:.5em; margin-bottom:.5em;}
.aaTariffList .tariff .row.head {}
.aaTariffList .tariff .row > div:nth-child(1) {width:100%; font-weight:bold; text-align:center;}
.aaTariffList .tariff .row > div:nth-child(2) {display:none;}
.aaTariffList .tariff .row > div:nth-child(6) {width:100%; text-align:center;}
.aaTariffList .tariff .row > div:nth-child(6) a {border-radius:0; border:2px solid #EC1A3B; color:#EC1A3B; text-align:center; text-decoration:none; display:inline-block; padding:.3em 2em;}
.aaTariffList .tariff .row > div {flex-grow: 1; padding: .2em .3em;}

.row.tariffinfo.open {border:none;}

.aaTPD {margin:.2em .6em;}
.aaTPD li:nth-last-child(2) { width: 100%;  border-bottom: 1px solid #fff;  font-weight: 600;  color: #00AEEF;}
.aaTPD li:nth-last-child(1) { width: 100%;  border-bottom: 1px solid #fff;  font-weight: 600;  color: #777;}

/**************форма заказа**************/
.aaOrderCheck.OrderRO > h2, .aaOrderCheck > h2, .OrderHeaderDone, .OrderHeaderAuth {font-size: 1.15em; line-height: auto; padding:0 .6em;}
.aaOrderCheck > h2 {border-top: 2px dashed #ccc; font-weight: 600; padding-top:.5em; display:none;}
.aaOrderCheck > div.ServiceLine {/*border-top: 2px dashed #ccc;*/ padding-top:.5em;}
.ServiceLine .butPriceOld {font-size:75%; color:var(--color-red); display:block;}

.OrderHeaderDone {text-align:center; line-height:2.6em;}
.buttonNextOrder a, .buttonNextOrder input,
.buttonPrevOrder a, .buttonPrevOrder input {padding: 0; font-size:1.1rem; margin:0; text-align:center;}  

.aapProfile > div > div > b {line-height:1.2; padding:.4em 0; display:block;}
.aapProfile textarea {width:100%;height:10vh}

.CardAuto.Tarif .TarifPrice, .CardAuto.Tarif .TarifPeriod { display: grid; grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); grid-gap: 0;}

.markCard.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 2em;
}

.aaMarkCardOther {background:#f6f6f6; padding:4vmin; border-radius: var(--radius);}
.aaMarkCardOther div {background:none;}
.aaMarkCardOther .section.grid > div {border-bottom:1px dashed #ddd; padding-top:.2em; padding-bottom:.2em;}

.markCardHeader.mobgrid {display: block;}
.markCardHeader.mobgrid .aaMarkClass {font-size:85%;}

.CardAuto.Tarif {display:flex;}
.CardAuto.Tarif.TarifDate {display:block;}
.CardAuto.Tarif > div {width:50%;}

.CardAuto.Tarif .TarifPrice,
.CardAuto.Tarif .TarifPeriod {display:grid; grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); grid-gap: 0;}

.aaMarkCardMain .grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); grid-gap: 0.75em 0.75em;}
.aaMarkCardMain .grid > div {display: grid; grid-template-columns: 1fr 45px; grid-gap: 1em; line-height: 1;}

.aaMarkWrapper > h2 .markers {right: 0;}
.aaMarkWrapper > h2 {padding-right:20%;margin-bottom:.5em;}

.aaMarkWrapper h2 .markers .aaMarkCardHit {position: absolute; top: 3em; right: 0; z-index:9999;}
.aaMarkWrapper h2 .markers .aaMarkCardNew {position: absolute; top: 0; right: 0; z-index:9999;}

.aaMarkCardPhoto {margin-top:.5em;}

.section.Footer * {font-size:.75rem; margin-top:.5rem;}
.section.Footer div {text-align:center;}
.section.Footer .phone {margin:0 0 .6em 0; display:block; font-size:1.2em;}
.section.Footer .menu a {margin:0 0 .6em 0; display:block; font-size:.75rem;}
.section.Footer {background: #666; padding-top: 1em;}
.copyright {border-top:1px solid #888;padding:1rem 0;}
.copyright p a {white-space:nowrap}


#bx-pager {overflow: hidden; display: grid;  grid-template-columns: repeat(auto-fill, minmax(50px, 16.66%));  grid-gap: 0;  margin: .5em 0 .2em 0;}
.bx-wrapper .bx-pager {display:none;}
.page_park .leftMenu {display:none;}

.clientMark > li a.aaMarkPreview > img {width:80%; margin-left:10%;}
.formLine input.w50 {width: 100%;}

form.order-card {display:grid; grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); grid-gap: 1em;}

form.order-card .aaOrderCheck.info div.lb_is_expirience,
form.order-card .aaOrderCheck.info div.lb_station_from,
form.order-card .aaOrderCheck.info div.lb_addr_from,
form.order-card .aaOrderCheck.info div.lb_station_to,
form.order-card .aaOrderCheck.info div.lb_addr_to,
form.order-card .aaOrderCheck.info div.avto {white-space:normal;}

.ListPay > div {display: grid; grid-template-columns:28px 65px 1fr 1fr; grid-gap: 4vmin;}
.ListPay > div > div b {font-size:2.75vmin;}
.ListPay > div > div span {font-size:2.2vmin;}
.spancol2.notes {font-size:2.75vmin;}
.butPay span {font-size:3.5vmin;}

.placeholder {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-gap: 0;}

/****Личный кабинет*********/
.section.grid.lk {display: grid; grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));   grid-gap: 1rem;}
.OrderList > div {display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-gap: 0.5em;}
.OrderList.Card div.Bind a {font-size:3vmin;}

.orderAddress {padding: 0 2vmin;}

input.toggle + label { padding-top: 0;}

.orderDate > div {
    display: grid;
    grid-template-columns: auto 4em 4em;
    grid-gap: 0.2em 0.5em;
}

.accordion .header h2 {margin:0;padding:0; font-size:4.75vmin; color:#555; margin-right:3em; font-weight:500;}

}

.headSplit {width:80%; max-width:300px;}
.but.split {background:var(--color-red); border-radius:.5em; color:white; font-weight:bold; margin:2em 0; width:100%; white-space:normal; box-sizing:border-box;}
.aaPS3Wrapper {text-align:center;}
.ps3Mess {background:rgb(246, 247, 249); border-radius:.5em; padding:1em; margin:1em 0;}
.ps3TextSmall {background:rgb(246, 247, 249); border-radius:.5em; padding:1em; margin:1em 0; opacity:.6;}
.ps3TextSmall p {font-size:.7rem; text-align:left;}

p img.logoMir  {width:7em;}

/***gCaptcha******/

.grecaptcha-badge {visibility: hidden;}
.gCaptha {font-size:70%; margin:.5em 0;}
.gCaptha a {font-size:100%; margin:.5em 0; color:var(--color-darkblue2);}

.butPrice div.butPriceOld {position:relative; display:inline-block; font-weight:normal; font-size:90%;
white-space: nowrap;     /* чтобы линия не «ломалась» на переносе */
  padding: 0 .15em;        /* лёгкий отступ по бокам */
  --strike-angle: -14deg;  /* угол наклона линии */
  --strike-width: 2px;     /* толщина линии */
  --strike-color: #d00;    /* цвет линии */
}
div.butPriceOld::after{/*content:"";position:absolute;left:0; right:0;top:50%;transform:translateY(-50%); border-top:3px solid #d00;*/
  content: "";
  position: absolute;
  top: 50%;
  left: -12%;              /* чуть шире контейнера, чтобы линия шла «вразлёт» */
  width: 124%;
  border-top: var(--strike-width) solid var(--strike-color);
  transform: translateY(-50%) rotate(var(--strike-angle));
  transform-origin: center;
  pointer-events: none;
}