:root {
    --color-white:  #ffffff;
    --color-lightblue:  #00AEEF;
    --color-blue:  #c20000;
    --color-darkblue:  #c20000;
}

.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: 0px; margin: 0px auto; box-sizing:border-box; -moz-box-sizing:border-box; max-width:1420px; background: #f0f0f0;}
.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%;}

.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%;}


.char .span_6_of_12 {
    width: 100%;
}

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

h1 {
    font-size: 2em;
    margin: 0.67em 0;
    text-align: center;
    color: #0d0d0d;
    font-weight: 800;
}
h1 span {
    display: block;
    font-weight: 5;
    font-size: 21px;
    padding: 20px;
}
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;}
 
.Footer h4 {
    line-height: 0px;
    font-size: 16px;
    padding: 0;
    margin: 15px 0;
}
.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: flex-start; 
    border-bottom: 1px solid #D5D9DB;}
.section.menumob ul li {transition:all ease 1s;}
.section.menumob ul li:hover {background:#2774E9; 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;}

.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;}

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

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

/**************leftMenu 2 level************/
.leftMenu {}
.leftMenu ul {padding:0 2em 0 0;}
.leftMenu ul li {}
.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;}

/*************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*************/


/************* тарифы *******************/
.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%;}
.aaTPD {display: -webkit-flex; display: flex; flex-wrap:wrap; margin:1em; width:100%; }
.aaTPD li {flex-grow:1; border-bottom:2px solid #ddd; padding:.5em; }
.aaTPD li:nth-last-child(2) {width:40%; border-bottom:1px solid #fff; font-weight:600; color:#00AEEF;}
.aaTPD li:nth-last-child(1) {width:40%; border-bottom:1px solid #fff; font-weight:600; color:#777;}
.aaTPD b {font-weight:600;}

.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:flex; flex-wrap:wrap;}
.clientMark .col {border:1px solid #C0C3C4; padding: 2em 0; position:relative;    background: #ffffff;}
.clientMark .col:nth-child(4n+1) {-moz-box-sizing:border-box; box-sizing:border-box; margin-left:0;}
.clientMark .col a.aaMarkPreview {width:100%; display:block; -moz-box-sizing:border-box; box-sizing:border-box;} 
.clientMark .col a.aaMarkPreview > img {width:100%; display:block; -moz-box-sizing:border-box; box-sizing:border-box;}
.clientMark .col .aaLink {font-size:1.2em; text-decoration:none;font-weight: 700; padding: 0 1em; color: #1E1F22;display: block;}
.clientMark .col .aaClass {font-size:0.85em; text-decoration:none; color:var(--color-darkblue);    padding: 0 2em;}


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

.clientMark .col .aaMarkCardHit {position:absolute; top:5em; right:0; display:block; background:var(--color-darkblue); color:white; padding:0.6em 0.8em;}
.clientMark .col .aaMarkCardNew {position:absolute; top:5em; right:0; display:block; background:#00AEEF; color:white; padding:0.6em 0.8em;}
.clientMark .col div.aaMarkCardNew:nth-child(2),
.clientMark .col div.aaMarkCardHit:nth-child(2) {top:8em;}

.aaMarkCardOther {padding-left:2em;}

.aaMarkCardSisters {border-top:1px solid #eee; margin-top:2em;}
.aaMarkCardSisters h4 {font-weight:normal; font-size:1.2em; margin-bottom:.6em;}
.markCard h4 {font-weight:600; font-size:1.2em; margin:0 0 .6em 0;     color: #1E1F22;}
.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;}
.aaMarkCardDescr h4 {margin-top:1em;}

.markCard .aaLink {display:block; background:#2774E9; 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;}

/****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****/


.CardAuto.Tarif {display:flex; width:100%;}
.CardAuto.Tarif > div > div {border-bottom:1px solid #ccc; padding:.3em .6em .3em 0;}
.CardAuto.Tarif {margin-bottom:1em;}
.CardAuto.Tarif .TarifPeriod {font-weight:600; width:50%;}
.CardAuto.Tarif .TarifPrice {width:50%; }
.aaMarkCardTariff p {margin:0;}

.aaPropertyColorList div.color {display:block; width:2em; height:2em; margin:.2em; border-radius:.4em; border:1px solid #ccc;}

#bx-pager {overflow:hidden; display: flex; flex-wrap:wrap;}
#bx-pager a {width:25%; display:block; float:left; }
#bx-pager a img {width:100%}

.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:0.6em 0.8em;}
.aaMarkPropertiesLine li span {display:block; position:relative; padding-left: 2.2em;font-size: 13px;line-height: 15px;}
.aaMarkPropertiesLine li .subt {padding-left: 0;    font-weight: 600;}

.aaMarkPropertiesLine li .number_doors:before {content:url(img/s1.png); width:1.5rem; height:1.5rem; position:absolute; left:0;}
.aaMarkPropertiesLine li .number_seats:before {content:url(img/s2.png); width:1.5rem; height:1.5rem; position:absolute; left:0;}
.aaMarkPropertiesLine li .number_luggage:before {content:url(img/s3.png); 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;}

.aaMarkCardHit {position:absolute; top:6em; right:1em; display:block; background:var(--color-darkblue); color:white; padding:0.6em 0.8em;}
.aaMarkCardNew {position:absolute; top:4em; right:1em; display:block; background:#00AEEF; color:white; padding:0.6em 0.8em;}

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

.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 .col.span_6_of_12 {display: -webkit-flex; display: flex; align-items:baseline;}
/*.aaMarkCardMain .col.span_6_of_12:nth-child(2n+1) {padding-right:1em;}
.aaMarkCardMain .col.span_6_of_12:nth-child(2n) {padding-left:1em;}*/
.aaMarkCardMain .col.span_6_of_12 div:nth-child(1) p {font-size:.9em;}
.aaMarkCardMain .col.span_6_of_12 div:nth-child(3) p {font-weight:600;}
.aaMarkCardMain .col.span_6_of_12 div:nth-child(2) {flex-grow: 1; background:url(img/back-dot.png) repeat-x bottom left;}
.aaMarkCardMain .col.span_6_of_12 div p { margin:0;padding:0; }

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

.butPrice,
.aaMinPrice {padding:.6em 1em; text-align:center; margin:.3em 0; border:2px solid #eee; font-weight:bold; display:block;}
.aaMinPrice:hover {color:white;}
.aaMinPrice span {color:white;}

.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 #2774e9; 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:#2774e9; border:2px solid #2774e9; 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;}
.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
{width: 100%; border: 1px solid #a7a7a7; padding: .8em; outline: 0; margin:.5em 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; box-sizing: border-box;}

.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;3}

.formLine input:-webkit-autofill,
.formLine input:-webkit-autofill:hover, 
.formLine input:-webkit-autofill:focus
.formLine input:-webkit-autofill, 
.formLine textarea:-webkit-autofill,
.formLine textarea:-webkit-autofill:hover
.formLine textarea:-webkit-autofill:focus,
.formLine select:-webkit-autofill,
.formLine select:-webkit-autofill:hover,
.formLine select:-webkit-autofill:focus 
{
color:#999; 
 -webkit-text-fill-color: #999;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%);  
}

.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;}

.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;}
.blockGreen h2 {color:#5a985e;}
.blockGreen p {color:#3a683e; font-size:.8em;}
.blockBlue  {padding:1em; background:#eafbff; border:1px solid #00d2ff; margin:.6em 0;}
.blockBlue h2 {color:#00AEEF;}

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

.blockGreen .aaOrderFreeOption li,
.aaOrderConditions.blockBlue div {font-size:0.9em; margin-bottom:.2em;}
.aaOrderConditions.blockBlue div:before {background: #00AEEF; color: white; content:"!"; display: inline-block; font-weight:bold; border-radius: 50%; width: 1.7em; height: 1.7em; line-height: 1.7em; text-align: center; margin-right: .5em;}



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

.orderDate #id_ord_dt_to,
.orderDate #id_ord_dt_from {width:50%;}
.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:6em; 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;}
.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;}
.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; height:2em; padding:.2em .5em; 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 {padding:.5em 0; font-size:0.85em; padding:.3em 0;}
.blockConditions > div {padding:.5em 1em 0 1em;}
.blockConditions > div h2 {font-size: 1.3em; 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: right; padding-right: 2em; 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:flex; padding:.3em 0; border-bottom:1px solid #f0f0f0;}
.ServiceLine span {display:block;flex:1;}
.ServiceLine span:first-child {flex:2;}
.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;}


/*************News Index***********/
.News {}
.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;}

/*****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 {}
.aaMarkFilter .orderDate {border:2px solid #aaa; padding:.5em; margin-bottom:.5em; background:#edf0f2;}

.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:#a20000; 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;*/ }
.filterOrder ul {display: -webkit-flex; display:flex; list-style:none; padding:0; justify-content:space-around;}
.filterOrder ul li {list-style:none; padding:0; margin:0; flex-grow:1;}
.filterOrder ul li a {display:block;padding:.2em .6em; text-decoration:none; border:2px solid #f0f0f0; border-bottom:2px solid #ccc; transition:all ease .75s;}
.filterOrder ul li a.aaCur {color:white;background:var(--color-darkblue); border:2px solid var(--color-darkblue); transition:all ease .75s;}
.filterOrder ul li a:hover {border:2px solid var(--color-darkblue); transition:all ease .75s;}

.OrderList {margin-top:.5em;}
.OrderList table.aaTable {width:100%;}
.OrderList table.aaTable thead tr th {text-align:left; padding:.5em .5em .5em 1em; font-size:.9em;}
.OrderList table.aaTable tbody tr td a {text-decoration:none; display:block;}
.OrderList table.aaTable tbody tr td a:hover {color:var(--color-darkblue);}
.OrderList table.aaTable tbody tr:hover {background:#f0f0f0;}
.OrderList table.aaTable tbody tr td:nth-child(3),
.OrderList table.aaTable tbody tr td:nth-child(3) a {font-size:.9em;}
.OrderList tr.orderStatus { transition:all ease 2s;}
.OrderList tr.orderStatus > td:first-child  {padding:0 0 0 .5em;margin:0;}
.OrderList tr.orderStatus > td:first-child a {padding:0; margin:0; overflow:hidden; text-overflow:clip; display:block; width:100%; font-size:.9em;}
.OrderList tr.orderStatus.approved > td:first-child {background:#c3e6ff;}
.OrderList tr.orderStatus.new > td:first-child { background:#daffae;}
.OrderList tr.orderStatus.completed > td:first-child {background:#dcdcdc;}
.OrderList tr.orderStatus.denied > td:first-child {background:#ffd8d8;}

.OrderList tr.orderStatus.approved:hover {background:#c3e6ff;  transition:all ease .5s;}
.OrderList tr.orderStatus.new:hover  { background:#daffae; transition:all ease .5s;}
.OrderList tr.orderStatus.completed:hover {background:#dcdcdc; transition:all ease .5s;}
.OrderList tr.orderStatus.denied:hover {background:#ffd8d8; transition:all ease .5s;}


/****/
.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:#000;    padding: 20px 50px 0;}
.section.Footer * {color:white;}
.section.Footer .phone {margin:0; display:block; font-size:1.2em;}
.section.Footer .menu a {margin:0 0 .6em 0; display:block;}
.copyright {    padding-bottom: 20px;}
.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%;}


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

/*.aaOrderMarkFilter {background:yellow; display:flex;}*/
/*.aaOrderMarkList > ul > li {display:flex; border-bottom:2px solid #ddd; padding:1em; justify-content:space-between;}*/
.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;}

.warning {background:#ffffad; padding:1em; border:1px solid #ccc; font-size:.9em;}

.aaOrderTariff {padding:1em 0;}

/*input[type="text"]:focus + input[type="submit"] {background:#ffffe0;}*/
/*input[type="text"]:focus {background:#ffffe0;}*/

/******card car ****************/

.aaMarkCardMain {}

/******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;}


.can-toggle {position: relative; display:flex;  padding:.1em 0;}
.can-toggle *, .can-toggle *:before, .can-toggle *:after { box-sizing: border-box;}
.can-toggle input[type="checkbox"] {opacity: 0; position: absolute; top: 0; left: 0;}
.can-toggle input[type="checkbox"][disabled] ~ label {pointer-events: none; color: rgba(119, 119, 119, 0.5);}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {opacity: 0.4;}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before { content: attr(data-unchecked); left: 0;}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {content: attr(data-checked);}
.can-toggle label {user-select: none; position: relative; display: flex; align-items:center; margin:.3em 0; flex:1;}
.can-toggle label .aaSrvAmount {width:30%; flex:1;}
.can-toggle label .can-toggle__label-text {padding-left: .5em; line-height:1; flex:2;}
.can-toggle label .can-toggle__switch {position: relative;transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); background: #848484; height: 28px;  flex: 0 0 60px;  border-radius: 0;}
.can-toggle label .can-toggle__switch:before {content: attr(data-checked); position: absolute; top: 0; text-transform: uppercase; text-align: center; color: rgba(255, 255, 255, 0.5); left: 30px;  font-size: 1.5em;  line-height: 28px;  width: 30px;  padding: 0 6px;}
.can-toggle label .can-toggle__switch:after { content: attr(data-unchecked);position: absolute;z-index: 5; text-transform: uppercase; text-align: center; background: white; transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1); transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);color: #777; top: 1px;  left: 1px;  border-radius: 0;  width: 29px;  line-height: 26px;  font-size: 1.5em;}
.can-toggle label .can-toggle__switch:hover:after {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch { background-color: #777;}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after { color: #5e5e5e;}
.can-toggle input[type="checkbox"]:hover ~ label {color: #6a6a6a;}
.can-toggle input[type="checkbox"]:checked ~ label:hover {color: var(--color-darkblue);}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {background-color: var(--color-darkblue);}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {color: var(--color-darkblue);}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {background-color: var(--color-darkblue);}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {color: var(--color-darkblue);}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after { transform: translate3d(29px, 0, 0);}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}

.aaLink.jsServiceInfo {color:white; background:#999; border:1px solid #666; display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; border-radius:50%; font-size:0.9em; font-weight:normal; margin-top:.3em;}

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;}


@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;}
}

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

@media only screen and (max-width: 480px) {
.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:#2774E9;}
.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;}

/*******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; left:4vmin; width:auto; height:auto; }
.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:4em;}
.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; }

div.butPrice {box-sizing:border-box; -moz-box-sizing:border-box; padding:0; border:0; display:block;margin: 10px 1em 0;}
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:#2774E9; 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: #1E1F22; 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;}
.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;}
/*
.aaServiceList > li .smtext {display:none; opacity:0; position:absolute; top: 0; transition: all ease 1s; }
.aaServiceList > li:active .smtext {display:block; position:absolute; background:white; z-index:10; top: 12vmin; opacity:1; transition: all ease 1s; }
*/
.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:after {content:"?"; color:white; background:#999; border:1px solid #666; display:block; width:4vmin; height:4vmin; text-align:center; line-height:4vmin; position:absolute; right:1vmin; top:4vmin; border-radius:50%; font-size:3vmin;}
.can-toggle:hover:after {background:rgb(0, 174, 239);}*/
.can-toggle {border-bottom:1px solid #ddd;margin:0;}
.can-toggle label .aaSrvAmount {width:30%;}

.aaLink.jsServiceInfo {color:white; background:#999; border:1px solid #666; display:inline-block; width:4vmin; height:4vmin; text-align:center; line-height:4vmin; border-radius:50%; font-size:3vmin;}


.ServiceHead {font-size: 4.5vmin;}
.ServiceLine span:first-child {width: 60%;}

#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;
}


}
.arenda li {  
	display: block;
    position: relative;
    float: none !important;    
    line-height: 45px;
    padding-left: 3em;
}
.arenda li:before {   
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
}
.arenda .i_1:before {
    content: url(img/d1.png);   
}
.arenda .i_2:before {
    content: url(img/d2.png);   
}
.arenda .i_3:before {
    content: url(img/d3.png);   
}
.arenda .i_4:before {
    content: url(img/d4.png);   
}
.aprice {
    padding: .6em 1em;
    text-align: center;
    margin: .3em 0;
    border: 2px solid #eee;
    font-weight: bold;
    display: block;	
    font-size: 20px;
}
.aprice span{
        color: #808080;
    font-size: 20px;
}