html, body { padding: 0; margin: 0;	outline: none;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;	 color: #000000; min-width: 300px;  height: 100%; }





/*  100 300 normal bold 500 900 */
html, body { font-family:'PF Centro Sans Pro'; font-size: 16px;	font-weight: normal; line-height:1.4em; }


/* 100 300 normal bold 500 900 */
html, body { font-family:'Cera Pro'; font-size: 16px;	font-weight: normal; line-height:1.4em; }






/* targetdigit */
.targetspec { display:none; position:fixed; background:#fff; top:0; z-index:9999; } 




/* block css */
.prewrap { display:block; width:100%; height:100%; }
.wrap {  min-height: 100%;  min-width: 280px; max-width:100%; background:#fff;  margin: 0 auto; display: flex; align-items:flex-start;  flex-direction:column; }

/* main config */
.disnone { display:none; }
.boxsize { -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; }
.flexdisplay { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex;  }
.mainwidth {  width:100%;  min-width: 280px; margin:0 auto; max-width: 1300px;  }
.transition { -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.divider { flex-grow:1; }



p { margin:20px 0 0 0; line-height:1.5em; font-size:1em; text-align:left; }
p:first-child { margin:0; }
p strong { font-weight:600; font-size:1.1em; }
p.subline { border-bottom:1px #000 solid; }
p.posthead { font-weight:600; color:#585858; font-weight:600; font-size:1.2em; }
p.author { font-style:italic; }
p.red { color:#f00; font-weight:600; }

.linkpage {  }
.linkpage span { color:#146bae; font-weight:500; border-bottom:1px #146bae dotted; }
.linkpage:hover span { color:#000; font-weight:500; border-bottom:0; }


ul  { list-style-position:inside; padding:20px 0 0 0; }
ul li { list-style-type: disc; margin:0 0 5px 0; line-height:1.4em; }
ul li span { font-weight:500; }
ul li strong { font-weight:600; }


ol  { list-style-position:inside; padding:0 0 20px 0; }
ol li { list-style-type: decimal; margin:0 0 10px 0; line-height:1.4em; }



.textlink { color:#135c74; }
.textlink span { border-bottom:1px #135c74 dotted; }
.textlink:hover { color:#000; }
.textlink:hover span { border-bottom:0px; }









/*  darkoverlay darkoverlay darkoverlay   */
#overlay {	z-index: 3000; position: fixed; background-color: #000; opacity: 0.8; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display:none; } 















/**************** topfixed **********/
.topfixed { width:100%; min-width:100%; background:#1364a2; position:fixed; top:0px; left:0; padding:0px 20px 0 0; display:none; align-items:center; }

.topfixed { -webkit-box-shadow: 0px 0px 10px 4px rgba(34, 50, 80, 0.3);
-moz-box-shadow: 0px 0px 10px 4px rgba(34, 50, 80, 0.3);
box-shadow: 0px 0px 10px 4px rgba(34, 50, 80, 0.3); } 

.topfixed-inside { align-items:center; }
.topfixed-call, .topfixed-call a { color:#fff; font-weight:600; font-size:1.2em; }




/**************** leftmenu **********/
.leftmenu-modal { width:400px; z-index: 4000; position: fixed; top:0; height:100%; background:#fff; left:-420px; overflow-y: auto; display:none; }
.leftmenu-modal-widthfull { width:100%; }
.close-leftmenu-modal { display:block; text-align:center; padding:20px 0; border-bottom:1px #e0e0e0 solid; color:#bbb; justify-content:center; line-height:1em; font-weight:600; text-decoration:none; }
.close-leftmenu-modal:hover { color:#000; }

.leftmenu-modal-block { flex-direction:column; padding:0 0 30px 0; }
.leftmenu-modal-block-link { padding:20px 30px; border-bottom:1px #c4c4c4 dotted; font-size:1.2em; font-weight:500; }
.leftmenu-modal-block-link:hover { background:rgba(0,0,0,0.1); }

.leftmenu-modal-contact { padding:20px 30px 50px 30px; }
.leftmenu-modal-contact span { display:block; font-size:1.4em; font-weight:600; color:#4c4c4c; line-height:1.4em; }
.leftmenu-modal-contact span:first-child { margin:0 0 10px 0; }






/* menusand-fixed */
.menusand-fixed { margin:0 0 0 0px; padding:10px 20px; }
.menusand-main { margin:0 20px 0 10px; display:none;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px;  behavior: url(../scripts/border-radius.htc); padding:10px 10px; }

.menusand { align-items:center;  cursor:pointer;  }
.menusand-div { display: block; width:25px; min-width:25px;	cursor: pointer;  }
.menusand-div .divide { display: block; height: 4px; margin-bottom: 5px; background: #fff; }

.menusand-div .divide:last-child { margin-bottom:0px; }
.menusand:hover { background:#fff; }
.menusand:hover .menusand-div .divide { background: #000; }
.menusand-text { color:#fff; font-size:0.9em; font-weight:600; margin: 5px 0px 0 16px; }
.menusand-text { display:none; }



/* shortshapka */
.shortshapka { flex:0 0 auto; width:100%; min-width:100%; background:url('../images/short700.jpg') center no-repeat; height:500px; display:none; } 
.shortshapka { flex-direction:column; align-items:center; }

.shortshapka-logo { width:170px; margin:60px 0 0 0; }
.shortshapka-logo img { display:block; width:100%; }

.shortshapka h1 { text-align:center; margin:20px 0 0 0; font-size:1.9em; font-weight:600; line-height:1.4em; }



/* shortshapka-second */
.shortshapka-second { flex:0 0 auto; width:100%; min-width:100%; background:url('../images/short700.jpg') center no-repeat; height:250px; display:none; } 
.shortshapka-second { flex-direction:column; align-items:center; }

.shortshapka-logo { width:170px; margin:60px 0 0 0; }
.shortshapka-logo img { display:block; width:100%; }









/* topshapka */
.topshapka-long { flex:0 0 auto; width:100%; min-width:100%; height:500px;  }

.topshapka-long-left { flex:1 0 auto; background:url('../images/shapka-fon-left.jpg') right top no-repeat; }
.topshapka-long-center { flex:0 0 auto; background:url('../images/shapka-fon-center.jpg') left top; width:1300px; }
.topshapka-long-right { flex:1 0 auto; background:url('../images/shapka-fon-right.jpg') left top no-repeat; }


/* short */
.short-long { flex:0 0 auto; width:100%; min-width:100%; height:160px;  }

.short-long-left { flex:1 0 auto; background:url('../images/short-fon-left.jpg') right top no-repeat; }
.short-long-center { flex:0 0 auto; background:url('../images/short-fon-center.jpg') left top; width:1300px; }
.short-long-right { flex:1 0 auto; background:url('../images/short-fon-right.jpg') left top no-repeat; }




.tslong { height:170px;  }
.tslong-logo { min-width:200px; width:200px;  }
.tslong-post {  flex:1 0 auto; }

.tslong-uppost { align-items:center; padding:20px 20px 0 15px; }
.tslong-uppost-adres { padding:0; font-weight:normal; color:#fff; }

.tslong-uppost-mail { color:#fff; font-size:0.9em; }

.tslong-uppost-iconsoc { align-items:center; margin:0 0 0 30px; }
.tslong-uppost-iconsoc-pic { width:30px; margin:0 0 0 10px;}
.tslong-uppost-iconsoc-pic img { width:100%; display:block; }


.tslong-post-menu { align-items:center; margin:20px 0 0 0; }
.tslong-menu-link { padding:5px 15px; }
.tslong-menu-link span { color:#fff; font-weight:500; border-bottom:1px #fff dotted; }
.tslong-menu-link:hover span { border:0; }
.tslong-call { color:#fff; font-weight:600; font-size:1.5em; padding:0 20px 0 0; }


.ts-anons { padding:20px 0 0 25px; }
.ts-anons-main { line-height:1.4em; font-size:2.3em; font-weight:500; text-transform:uppercase; }
.ts-anons-main span { display:block; font-weight:600; font-size:1.03em; }
.ts-anons-post { line-height:1.4em; font-size:1.8em; font-weight:600; color:#df0b29; }




/* subtopshapka */
.subtopshapka { background:#ee3200; text-align:center; padding:20px 10px; color:#fff; font-weight:600; font-size:1.1em; flex:0 0 auto; width:100%; min-width:100%; }



/* preanons */
.preanons { flex:0 0 auto; width:100%; min-width:100%; background:#fff; padding:0 20px; border-top:5px #1464a3 solid; border-top:0px; }
.preanons-inside { padding:30px 0;  display:grid; gap:20px; grid-template-columns: repeat(2, 1fr); }
.preanons-block { display:grid; gap:20px; grid-template-columns: 200px 1fr; }
.preanons-block-pic {  }
.preanons-block-pic img { width:100%; display:block; border-bottom:3px #ee3200 solid; }
.preanons-block-about { padding:5px; }
.preanons-block-about-head { font-weight:600; font-size:1.4em; line-height:1.3em; margin:0 0 5px 0; color:#ee3200; }
.preanons-block-about-text { line-height:1.4em; }

.preanons-block-about { flex-direction:column;  }



/* caranons  */
.caranons { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#eee; }
.caranons-inside { padding:40px 0; }

.caranons-inside h1 { margin:0 0 20px 0; color:#000; font-weight:500; line-height:1.4em; font-size:2em; }

.caranons-metro { display:grid; gap:20px; grid-template-columns: repeat(2, 1fr); }


.caranons-block { display:grid; gap:20px; grid-template-columns: 250px 1fr; padding:15px; background:#fff; }
.caranons-block {
-webkit-box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.1);
box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.1);
}
.caranons-block:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.3);
box-shadow: 0px 0px 10px 0px rgba(34, 60, 80, 0.3);
}

.caranons-block-anons { flex-direction:column;  }

.caranons-block-pic {  }
.caranons-block-pic img { display:block; width:100%; margin:0 auto; }

.caranons-block-car { font-size:1.6em; font-weight:600; line-height:1.4em; margin:0 0 5px 0; color:#1363a2; }
.caranons-block-cardata { font-size:0.8em; line-height:1.4em; padding:0 0 8px 0; border-bottom:1px #9f9f9f solid; margin:0 0 8px 0;  }


.caranons-block-cardata-post { align-items:center; margin:15px 0 0 0; }

.caranons-block-price { margin:0; line-height:1em; flex:1 0 auto; }
.caranons-block-price span { font-size:1.4em; font-weight:500; }

.caranons-block-button span { background:#eeeeee; color:#000; padding:5px 20px; font-size:0.8em; font-weight:600; }
.caranons-block:hover .caranons-block-button span { background:#1464a3; color:#fff; padding:7px 20px; }




/* mainabout */
.mainabout { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#fff; }
.mainabout-inside { padding:40px 0; }

.mainabout h1 { font-size:2.2em; font-weight:600; margin:0 0 20px 0; color:#1363a2; line-height:1.4em; }
.mainabout h2 { font-size:1.6em; font-weight:500; margin:10px 0 20px 0;  line-height:1.4em; }



.mainabout-metro { display:grid; gap:20px; grid-template-columns: repeat(2, 1fr); }
.mainabout-metro-left {  }



/* advan */
.advan { lex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#eee url('../images/advanfon.jpg') center bottom no-repeat; }
.advan-inside { padding:50px 0; }

.advan h1 { font-size:2.0em; font-weight:600; margin:0 0 50px 0; color:#1363a2; text-align:center; line-height:1.4em; }

.advan-metro { display:grid; gap:20px; grid-template-columns: repeat(4, 1fr); padding:0 0 120px 0; }
.advan-metro-block {  }
.advan-metro-icon { margin:0 0 10px 0; }
.advan-metro-icon img { display:block; width:40%; margin:0 auto; }
.advan-metro-name { text-align:center; font-weight:600; font-size:1.2em;}




/* vopros */
.vopros { lex:0 0 auto; width:100%; min-width:100%; padding:0 20px; }
.vopros-inside { padding:50px 0; }

.vopros h1 { font-size:2.0em; font-weight:600; margin:0 0 50px 0; color:#585858; }

.vopros-metro { display:grid; gap:30px; grid-template-columns: repeat(2, 1fr);  }

.vopros-metro-column {  }
.vopros-metro-vopros { margin:0 0 20px 0; line-height:1.4em; }
.vopros-metro-vopros:last-child { margin:0;  }
.vopros-metro-vopros span { font-weight:600; display:block; }






/* rules */
.rules { flex:1 0 auto; width:100%; min-width:100%; padding:0 20px;  }
.rules-inside { padding:40px 0;  }

.rules-metro { display:grid; gap:30px; grid-template-columns: 1fr 350px; }
.rules-main {  }
.rules-main p { text-align:justify; line-height:1.4em; margin:20px 0 0 0;  }
.rules-main p:first-child { margin:0; }

.rules-main h1 { margin:0 0 0 0; font-size:1.6em; font-weight:600; color:#1364a2; line-height:1.4em; }
.rules-main h2 { margin:30px 0 0 0; font-size:1.2em; font-weight:600; line-height:1.4em;  }

.rules-right {  }
.rules-right h1 { margin:0 0 0 0; font-size:1.4em; font-weight:600; color:#1364a2; line-height:1.4em; }





/* rates */
.rates { flex:1 0 auto; width:100%; min-width:100%; padding:0 20px; }
.rates-inside { padding:40px 0;  }

.rates-inside h1 { margin:0 0 0 0; font-size:1.6em; font-weight:600; color:#1364a2; line-height:1.4em; }

.rates-table { margin:30px 0 0 0; }
.rates-table-row { display:grid; gap:10px; grid-template-columns: 1fr 0.4fr 0.4fr 0.4fr 0.4fr; padding:10px 0; border-bottom:1px #000 dotted; align-items:center; }
.rates-table-row-name-value { text-align:center; padding:0 10px; }

.rates-table-row-head { background:#1a5a8c; color:#fff; }

.rates-table-row-head > div { font-size:0.9em; }
.rates-table-row-head > div > span { display:block; font-size:1.2em; font-weight:600; }


.rates-table-row-name { padding:0 20px;  }
.rates-table-row-name-car { font-size:1.1em; font-weight:600; } 
.rates-table-row-name-subcar { font-size:0.7em; }



/* rentcar */
.rentcar { flex:1 0 auto; width:100%; min-width:100%; padding:0 20px; }
.rentcar-inside { padding:40px 0;  }

.rentcar-inside h1 { margin:0 0 20px 0; font-size:1.6em; font-weight:600; color:#1364a2; line-height:1.4em; }
.rentcar-inside h2 { margin:0 0 30px 0; font-size:1.3em; font-weight:600; color:#000; line-height:1.4em; }


.rentcar-metro { display:grid; gap:30px; grid-template-columns: 1fr 450px; margin:0 0 20px 0; }

.rentcar-metro-rates {  }
.rentcar-metro-rates-head { font-size:1.2em; font-weight:500; border-bottom:1px #5b5b5b solid; color:#5b5b5b; line-height:1.4em; margin:0 0 20px 0; }
.rentcar-metro-rates-cover {  }
.rmr-row { padding:7px 0; border-bottom:1px #5b5b5b dotted; }
.rmr-col-name { flex:1 0 auto; padding:0 0 0 0px; }


.rentcar-metro-pic {  }
.rentcar-metro-pic img { width:100%; display:block; }



/* rentcar-metro-buttons-cover */
.rentcar-metro-buttons-cover { align-items:center; margin:30px 0 0 0; }
.rentcar-metro-price { padding:20px 35px; font-size:1.4em; background:#d6d6d6; line-height:1em; margin:0 10px 0 0; text-align:center; }
.rentcar-metro-price span {  font-weight:600;  }
.rentcar-metro-order { padding:20px 35px; font-size:1.4em; font-weight:500; background:#1465a4; line-height:1em; color:#fff; text-align:center; margin:0 10px 0 0; }
.rentcar-metro-order:hover { background:#0e598c; }

.rentcar-metro-whatsapp { padding:10px 35px;  background:#1daa61; color:#fff; text-align:center; }
.rentcar-metro-whatsapp span { font-size:0.8em; font-weight:500; line-height:1em; }
.rentcar-metro-whatsapp > div  { font-size:1.2em; font-weight:500; line-height:1em; }

.rentcar-metro-whatsapp:hover { background:#167946; }

/* mainwork-subnav */
.mainwork-subnav { margin:0 0 20px 0; }
.mainwork-subnav-divider { margin:0 10px; font-size:0.8em; }
.mainwork-subnav-link {  }
.mainwork-subnav-link span { font-size:0.8em; color:#01577c; border-bottom:1px #01577c dotted; }
.mainwork-subnav-link:hover span { font-size:0.8em; color:#21aaad; border-bottom:0; }











/* tarif-table */
.tarif-table { margin:30px 0 0 0; }
.tarif-table-row { border-bottom:1px #000 dotted; align-items:center; padding:10px 0; }
.tarif-table-row-head { background:#1a5a8c; color:#fff; padding:10px 20px; font-size:1.1em; font-weight:600; }

.tarif-table-row-name { flex:1 0 auto; flex-direction:column; padding:0 10px; }
.tarif-table-row-name-car { font-size:1.1em; font-weight:600; }
.tarif-table-row-name-subcar { font-size:0.7em; }
.tarif-table-row-name-value { padding:0 10px; text-align:right; }





/* contacts */
.contacts { flex:1 0 auto; width:100%; min-width:100%; padding:0 20px; }
.contacts-inside { padding:40px 0;  }

.contacts-inside h1 { margin:0 0 0 0; font-size:1.6em; font-weight:600; color:#1364a2; line-height:1.4em; }



/* yandexmap */
.yandexmap { flex:0 0 auto; width:100%; min-width:100%;  }





/* bottom */
.bottom { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#1a5a8c; }
.bottom-inside { padding:50px 0; align-items:flex-start; }

.bottom-logo { width:100px; min-width:100px; margin:0 30px 0 0; }
.bottom-logo img { display:block;width:100%; }

.bottom-company {  }
.bottom-company h1 { font-size:1.2em; color:#fff; font-weight:500; line-height:1.4em; }
.bottom-company-name, .bottom-company-adres, .bottom-company-name a { color:#fff; line-height:1.4em; margin:5px 0 0 0; text-decoration:none; }

.bottom-contact { text-align:right; }
.bottom-contact-call, .bottom-contact-call a { color:#fff; font-size:1.8em; font-weight:500; line-height:1.4em; text-decoration:none; }
.bottom-contact-time { color:#fff; line-height:1.4em; margin:5px 0 0 0; }
.bottom-contact-mail { color:#fff; line-height:1.4em; margin:5px 0 0 0; }



.subbottom-inside { padding:0 0 30px 0; justify-content:center; flex:0 0 auto; width:100%; min-width:100%;  }
.subbottom-link {}
.subbottom-link span { border-bottom:1px #fff dotted; color:#fff; }
.subbottom-link:hover span { border-bottom:0px #fff dotted; color:#fff; }













/**************** center-modal **********/

.center-modal-cover { display:none;  }
.center-modal { width:100%; height:100%; position: fixed; top:0; left:0;  z-index: 5000;  justify-content:center; align-items:center; overflow-y: auto; }
.center-modal-block { background:#fff; padding:30px 40px; flex-direction:column; width:500px; overflow-y: auto; }

.center-modal-block-confirm { text-align:center; }
.center-modal-block-confirm span { display:block; font-weight:600; }


.order_head { color:#f00; text-align:center; line-height:1.4em; font-size:1.2em; font-weight:600; margin-bottom:20px; }
.order_subhead { color:#5e5e5e; text-align:center; line-height:1.4em; font-size:1.2em; font-weight:600; margin-bottom:20px; }


.order_prehead { background:#e3e3e3; padding:10px 15px; font-size:1.0em; font-weight:600; margin:0 0 10px 0; }


.order-row-car { margin:0 0 10px 0; align-items:center; }
.order-row-car-head { font-weight:600; margin:0 10px 0 0; width:110px; }
.order-row-car-value {  }
.order-row-car-select { width:100%; padding:5px 7px; }



.order-row { margin:0 0 10px 0; align-items:center; }
.order-row:last-child { margin:15px 0 0 0; }   
.order-row-grid {  display:grid; gap:10px; grid-template-columns: 1fr 1fr; }




.order-col-head { width:160px; min-width:160px; margin:0 10px 0 0; }


input.order-col-input  { width:100%; padding:5px 7px; }
.order-col-input-alarm { background:#fdc6c0; border:1px #ff4c39 solid; }


.order-alarm { color:#f00; text-align:center; font-weight:600; margin:10px 0 10px 0; display:none; }

.order-button { background:#eee; text-align:center; padding:10px 0px; font-weight:500;  }
.order-button-open { background:#1465a4; color:#fff;  }
.order-button-open:hover { background:#0e598c; }

.order-button-close { background:#989898; color:#fff; }
.order-button-close:hover { background:#858585; }











































/*  display 1300 display 1300 display 1300 display 1300 display 1300 display 1300 display 1300   */
@media (max-width: 1300px) {

	.dis1300 { display: block; }
	.disnone1300 { display: none; }
	.flex1300 { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex; }

	.topshapka-long-center { min-width: 280px; width:100%; }
	.short-long-center { min-width: 280px; width:100%; }
	
	
	.caranons-block { display:grid; gap:20px; grid-template-columns: 150px 1fr; padding:15px; background:#fff; }	
	
}






/*  display 1200 display 1200 display 1200 display 1200 display 1200     */
@media (max-width: 1200px) {

	.dis1200 { display: block; }
	.disnone1200 { display: none; }


}






/*  display 1150 display 1150 display 1150 display 1150 display 1150    */
@media (max-width: 1150px) {

	.dis1150 { display: block; }
	.disnone1150 { display: none; }




}






/*  display 1100 display 1100 display 1100 display 1100 display 1100    */
@media (max-width: 1100px) {

	.dis1100 { display: block; }
	.disnone1100 { display: none; }


	.rentcar-metro { display:grid; gap:30px; grid-template-columns: 1fr 400px; margin:0 0 20px 0; }
}





/*  display 1000 display 1000 display 1000 display 1000    */
@media (max-width: 1000px) {

	.dis1000 { display: block; }
	.disnone1000 { display: none; }
	.flex1000 { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex; }


	.tslong-post-menu { align-items:center; margin:17px 0 0 0; }


	.caranons-metro { display:grid; gap:20px; grid-template-columns: repeat(1, 1fr); }
	.caranons-block { display:grid; gap:20px; grid-template-columns: 300px 1fr; padding:15px; background:#fff; }	


	.mainabout-metro { display:grid; gap:20px; grid-template-columns: repeat(1, 1fr); }

	.rules-metro { display:grid; gap:30px; grid-template-columns: 1fr; }
	
	.rentcar-metro { display:grid; gap:30px; grid-template-columns: 1fr 300px; margin:0 0 20px 0; }	
	
	
	.preanons-block { display:block; gap:20px;  }

}







/*  display 900 display 900 display 900 display 900 display 900    */
@media (max-width: 900px) {

	.dis900 { display: block; }
	.disnone900 { display: none; }


	.rentcar-metro { display:grid; gap:30px; grid-template-columns: 1fr; margin:0 0 20px 0; }
	.rentcar-metro-pic { order:-1; }
	
}





/*  display 800 display 800 display 800 display 800 display 800    */
@media (max-width: 800px) {

	.dis800 { display: block; }
	.disnone800 { display: none; }

	.caranons-block { display:grid; gap:20px; grid-template-columns: 250px 1fr; padding:15px; background:#fff; }	
	
	.advan-metro { display:grid; gap:40px 20px; grid-template-columns: repeat(2, 1fr); padding:0 0 120px 0; }
	
	
	
	.bottom-inside { padding:50px 0; align-items:flex-start; flex-direction:column; align-items:center; }


.bottom-logo { width:150px; margin:0 0 20px 0; }
.bottom-logo img { display:block;width:100%; }

.bottom-company { text-align:center; margin:0 0 10px 0; }


.bottom-contact { text-align:center;; }
.bottom-contact-call { color:#fff; font-size:1.2em; font-weight:500; line-height:1.4em; }
.bottom-contact-time { color:#fff; line-height:1.4em; margin:5px 0 0 0; }
.bottom-contact-mail { color:#fff; line-height:1.4em; margin:5px 0 0 0; }


.rentcar-metro-buttons-cover { flex-direction:column; }
.rentcar-metro-price { margin:0 0 10px 0; width:400px; }
.rentcar-metro-order { margin:0 0 10px 0; width:400px; }
.rentcar-metro-whatsapp { width:400px;  }


}



/*  display 700 display 700 display 700 display 700 display 700    */
@media (max-width: 700px) {

	.dis700 { display: block; }
	.disnone700 { display: none; }
	
	.caranons-block { display:grid; gap:20px; grid-template-columns: 200px 1fr; padding:15px; background:#fff; }	
	
	.vopros-metro { display:grid; gap:20px; grid-template-columns: repeat(1, 1fr);  }
	

	
}










/*  display 600 display 600 display 600 display 600 display 600 display 600     */
@media (max-width: 600px) {

	.dis600 { display: block; }
	.disnone600 { display: none; }
	.flex600 { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex; }



	.tslong { justify-content:center;  }
	.tslong-logo { }
	
	.caranons-block { display:grid; gap:20px; grid-template-columns: 1fr; padding:15px; background:#fff; }		
	
	/* padding */
	.caranons { padding:0 10px; }
	.mainabout { padding:0 10px; }
	.bottom { padding:0 10px; }
	.vopros { padding:0 10px; }
	.advan { padding:0 10px; }
	.rates { padding:0 10px; }
	.preanons { padding:0 10px; }
	.newyear { padding:0 10px; }
	
	
.caranons-inside h1 { margin:0 0 20px 0; color:#000; font-weight:500; line-height:1.4em; font-size:1.6em; }	
.rules-main h1 { margin:0 0 0 0; font-size:1.6em; font-weight:600; color:#1364a2; line-height:1.4em; }
.rules-main h2 { margin:30px 0 0 0; font-size:1.2em; font-weight:600; line-height:1.4em;  }
.vopros h1 { font-size:1.6em; font-weight:600; margin:0 0 50px 0; color:#585858; }
.advan h1 { font-size:1.6em; font-weight:600; margin:0 0 50px 0; color:#1363a2; text-align:center; line-height:1.4em; }
}





/*  display 500 display 500 display 500 display 500 display 500    */
@media (max-width: 500px) {


	.dis500 { display: block; }
	.disnone500 { display: none; }
	.flex500 { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex; }


.caranons-block-car { font-size:1.4em; font-weight:600; line-height:1.4em; margin:0 0 5px 0; color:#1363a2; }



.advan-metro-icon { margin:0 0 10px 0; }
.advan-metro-icon img { display:block; width:50%; margin:0 auto; }
.advan-metro-name { text-align:center; font-weight:600; font-size:1.0em;}

.shortshapka h1 { text-align:center; margin:20px 0 0 0; font-size:1.7em; font-weight:600; line-height:1.4em; }

.rentcar-metro-price { margin:0 0 10px 0; width:100%; }
.rentcar-metro-order { margin:0 0 10px 0; width:100%; }
.rentcar-metro-whatsapp { width:100%;  }


.rmr-row { flex-direction:column; }
.rmr-col-value { font-size:1.2em; font-weight:600; }




.center-modal-block { background:#fff; padding:20px 10px; flex-direction:column; width:500px; overflow-y: auto; }
.order-row-grid {  display:grid; gap:10px; grid-template-columns: 1fr; }


.preanons-inside { padding:20px 0;  display:grid; gap:20px; grid-template-columns: 1fr; }


.newyear-inside  { padding:20px 0; font-size:1.1em; }

}	



/*  display 400 display 400 display 400 display 400     */
@media (max-width: 400px) {

	.dis400 { display: block; }
	.disnone400 { display: none; }


.caranons-block-cardata-post { align-items:center; margin:15px 0 0 0; }

.caranons-block-price { margin:0; line-height:1em; flex:1 0 auto; font-size:0.9em; }
.caranons-block-price span { font-size:1.4em; font-weight:500; }

.caranons-block-button span { background:#eeeeee; color:#000; padding:5px 20px; font-size:0.8em; font-weight:600; }
.caranons-block:hover .caranons-block-button span { background:#1464a3; color:#fff; padding:7px 20px; }


}	






