@font-face {
    font-family: 'Play';
    src: local('Play'), local('Play Regular'), url('./fonts/play-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Play';
    src: local('Play'), local('Play Bold'), url('./fonts/play-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/*конец*/

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
@viewport{user-zoom: fixed;}

html, body, div, span, p, a, h1, h2, h3, em, img, strong, form, label, b, u, i, ul, li { font-style: normal; margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline: none; font-weight: normal; }
u { text-decoration: none; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

ol, ul { list-style: none; }
input, a { outline: none; }
div, span, ul, ul li { float: left; }
table { border-collapse: collapse; border-spacing: 0; }

strong { font-weight: bold; }

a { color: #007afc; text-decoration: none; }
a:hover { color: #ff007e; text-decoration: underline; }

input[type=text] { -webkit-appearance: none; }

.brd5 { border-top-left-radius: .5em; border-top-right-radius: .5em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; }
.brd35 { border-top-left-radius: .35em; border-top-right-radius: .35em; border-bottom-left-radius: .35em; border-bottom-right-radius: .35em; }
.bsh5 { box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -o-box-shadow: 0 0 5px #888; -ms-box-shadow: 0 0 5px #888; }

input[type=text]:focus::-webkit-input-placeholder { color: #999; }

.placeholder { color: #999; }
::-webkit-input-placeholder { color: #999 }


button { cursor: pointer; outline: none; background: none; border: none; }


body { background: url(/i/bgt.jpg) top no-repeat; }

.w100 { width: 100%; }
.w1000 { float: none; max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 1.5em 0 1.5em; }

#subhead { background: url(/i/bg-footer.png); }
#menu { white-space: nowrap; font: 100%/1 Play, Arial; color: #ccc; width: 100%; text-align: center; }
#menu a { text-decoration: none; color: #ccc; line-height: 3; }
#menu a:hover { color: #fff; }
#menu > li { width: 14.28%; }
#menu > li:first-child { text-align: left; }
#menu-more { position: relative; cursor: pointer; line-height: 3; }
#menu-more:hover { color: #fff; }
#menu-more:hover ul { display: block; }
#menu-more:after { content: "▼"; font-size: 50%; }
#menu-more ul { top: 100%; right: 0; display: none; font: 100%/1.5 Play, Arial; position: absolute; background: #fff; padding: 1em; box-shadow: 0 2px 3px #ccc; z-index: 5; }
#menu-more ul a { color: #444; line-height: 1.5; }
#menu-more ul a:hover { text-decoration: underline; color: #000; }

#close-menu, #mobile-menu { display: none; cursor: pointer; }

#header { border-top: 7px solid #ffd618; }

#top-phone { float: right; background: #ffd618; padding: .7em 1em 1em 1em; text-align: center; width: 21em;
-webkit-border-bottom-right-radius: .8em;
-webkit-border-bottom-left-radius: .8em;
-moz-border-radius-bottomright: .8em;
-moz-border-radius-bottomleft: .8em;
border-bottom-right-radius: .8em;
border-bottom-left-radius: .8em;
}
#top-phone a { font: bold 200%/1.2 Play, Arial; float: left; width: 100%; color: #111; margin: .5em 0 .5em 0; display: block; text-shadow: 1px 1px 0 rgba(255,255,255,.5); text-decoration: none; cursor: default; }
#top-phone button { float: left; font: 1.1em/1 Play, Arial; width: 100%; height: 2em; }
#top-phone span { width: 100%; font: 115%/1.3 Play, Arial; }

h1 { color: #c71502; float: left; font: bold 350%/1.1 Play, Arial; text-transform: uppercase; margin-top: .6em; }
h1 b { color: #111; display: block; text-transform: none; font-size: 60%; font-weight: bold; }

#main-img { text-align: center; padding-top: 1em; }
#main-img img { width: 70%; }

#type-auto { text-align: center; margin: 2em 0 4em 0; }
#type-auto a, #type-auto i { text-decoration: none; font: bold 1.2em/1 Play; color: #222; float: left; margin-top: 1em; width: 100%; text-align: center; }
#type-auto ul { width: 100%; }
#type-auto li { width: 25%; }
#type-auto img { width: 80%; }
#type-auto b { width: 100%; float: left; text-align: center; font: bold 1.5em/1 Play; margin-top: .5em; color: #b72b23; }
#type-auto b:before { content: "от "; color: #999; }
#type-auto b:after { content: " р."; color: #555; }

#type-auto img:hover+a, #type-auto a:hover{
    color: #ff007e !important;
    cursor: pointer !important;
}

#type-auto img:hover{
    cursor: pointer !important;
}

#message { font: 220%/1.2 Play; text-align: center; }
#message i { color: green; }
#message h2 { float: left; width: 100%; }


#benefits { margin: 5em 0 3em 0; }
.benefit { width: 50%; font: 100%/1.2 Play, Arial; margin: 0; padding: 0 3em 0 0em; height: 10em; }
.benefit b { text-transform: uppercase; font-weight: bold; }
.benefit p { margin: .5em 0 0 0; }
.benefit img { float: left; width: 6em; height: 6em; margin: 0 2em 0 0; }
#bnf-price {  padding-right: 0; }
#bnf-location { padding-right: 0; }



#cheap p, #cheap h2 { float: left; width: 100%; }
#cheap h2 { font: bold 180%/1 Play, Arial; }
#cheap p { font: 85%/1.5 Arial; margin-top: 1.5em; }
#cheap-text { float: right; width: 50%; }

#calc { width: 40%; border: 1px solid #ccc; background: #f7f7f7; font: 100%/1 Play, Arial; }
#wrap-calc { padding: 1em; }
#calc-type-auto div { width: 33.333%; margin: 1em 0 1em 0; text-align: center; }
#calc input[type="radio"], #calc input[type="checkbox"] { position: absolute; left: -9999px; }
#calc input[type="radio"] + label:before, #calc input[type="checkbox"] + label:before { content: ""; position: absolute; background-color: #fff; border: 1px solid #999; width: 17px; height: 17px; }
#calc input[type="radio"] + label:hover:before, #calc input[type="checkbox"] + label:hover:before { border-color: #444; }
#calc input[type="radio"] + label:before { border-radius: 5em; }
#calc-type-auto label { color: #006fd7; position: relative; font-size: 85%; cursor: pointer; float: left; width: 100%; }
#calc-type-auto label:hover { color: #111; }
#calc-type-auto label:before { top: 1.2em; left: 0; margin-top: -5px; }
#calc-type-auto input:checked + label:before { border-color: #69a718; background: #69a718 url(/i/wtick.png) no-repeat 50%; }
#calc-type-auto input:checked + label { color: #000; }
#calc-type-auto img { vertical-align: bottom; margin: 0 0 .8em .5em; }

#calc input[type="text"] { float: left; width: 100%; background: #fff url(/i/ic-phone.png) no-repeat .5em 50%; border: 1px solid #999; font: 100%/1 Play, Arial; border-radius: .25em; padding: .7em 0 .7em 2.5em; }

#calc-block-wheels { margin-top: 1.5em; }
#calc-block-wheels label { color: #0e80b0; position: relative; cursor: pointer; float: left; padding: .1em 0 0 1.8em; width: 20%; }
#calc-block-wheels label:hover { text-decoration: underline; }
#calc-block-wheels label:before { top: 0; left: 0; }
#calc-block-wheels input:checked + label:before { border-color: #69a718; background: #69a718 url(/i/wtick.png) no-repeat 50%; }
#calc-block-wheels input:checked + label { color: #000; }

#calc h4 { float: left; margin: 0; font: bold 140%/1.2 Play, Arial; padding: .5em 0 .5em 0; text-align: center; width: 100%;
background-color: #599500;
background-image: -webkit-gradient(linear, left top, left bottom, from(#94cc00), to(#599500));
background-image: -webkit-linear-gradient(top, #94cc00, #599500);
background-image: -moz-linear-gradient(top, #94cc00, #599500);
background-image: -ms-linear-gradient(top, #94cc00, #599500);
background-image: -o-linear-gradient(top, #94cc00, #599500);
background-image: linear-gradient(to bottom, #94cc00, #599500);
color: #fff;
}
#calc b { font-weight: bold; float: left; color: #222; }
#calc-type-auto b { width: 33.3333%; padding-top: 1.8em; }
#calc-block-wheels b { width: 100%; margin: 0 0 .75em 0; }

#ls-check { margin-top: 2em; font-weight: bold; cursor: pointer; padding-top: .15em; float: left; position: relative; padding-right: 2em; }
#ls-check:before { top: 0; right: 0; border-radius: .2em; }
#locked-steering:checked + #ls-check:before { border-color: #69a718; background: #69a718 url(/i/wtick.png) no-repeat 50%; }

#calc-distance { margin: 1.7em 0 1.7em 0; }
#calc-distance select { border-radius: .25em; border: 1px solid #aaa; padding: .3em 0 .3em 0; font: 90%/1 Play, Arial; outline: none; margin: -.5em 0 0 .5em; }

#calc-total { margin: 1em 0 1.25em 0; width: 100%; text-align: center; font: 105%/1 Play, Arial; color: #555; }
#calc-total i { font-size: 150%; font-weight: bold; color: green; }
#calc-total:after { content: " рублей"; }

#calc button { float: left; width: 100%; font: 120%/1.8 Play, Arial; }

#price-phone { color: #444 !important; text-align: center; margin-bottom: 2em !important; float: left; width: 100%; font: bold 180%/1.5 Play, Arial !important; margin-top: .1em; }
#price-phone a { display: block; font: bold 150%/1.5 Play, Arial; color: #1f3f81; text-decoration: none; cursor: default; }

#map { height: 25em; border-top: 7px solid #ffd618; }

#wrecker-text { font: 100%/1.4 Arial; color: #333; }
#wrecker-text p { font-size: 80%; margin-top: 1.5em; }
#wrecker-text b { font-weight: bold; }
#wrecker-text h2, #wrecker-text h3 { font: bold 180%/1 Play, Arial; display: block; }
#wrecker-text h3 { font-size: 140%; }
#wrecker-text hr { float: left; width: 100%; margin: 3em 0 3em 0; background: none; border: none; border-top: 3px dotted #59d58e; }
#wrecker-text img { float: right; width: 25em; }
#wrecker-text #pravila { font-size: 80%; color: #222; width: 100%; counter-reset: item; padding: 0; }
#wrecker-text #pravila li { width: 100%; position: relative; padding-left: 6em; margin-top: 2em; }
#wrecker-text #pravila li:before { position: absolute; left: 0;
text-align: center; width: 2em; font: 250%/1 Play, Arial; color: #999;
content: counter(item) '. ';
counter-increment: item;
float: left;
}
#wrecker-text button { display: none; }

#crash-car { float: none; font-size: 80%;padding-left: 2em; }
#crash-car li { float: none; background: url(/i/tick16.png) no-repeat 0 50%; padding-left: 2em; margin-top: .5em; }

#achievments { margin: 4em 0 4em 0; }
#achievments ul { width: 100%; text-align: center; color: #444; font: 100%/1.2 Play, Arial; }
#achievments li { width: 25%; }
#achievments i { display: block; font: bold 250%/1 Play, Arial; color: #1a8547; }

#working { margin: 2em 0 1em 0; font: 120%/1.4 Play, Arial; padding: 2em 0 2em 0; background: url(/i/evak-working.png) no-repeat 50%; width: 100%; background-size: 20%; }
#working b { color: #1f3f81; font-size: 350%; margin-right: .25em; float: left; line-height: .85; }
#working span { width: 35%; }
#work-today { text-align: right; }
#work-today b { float: right; margin: 0 0 0 .25em; color: #333; }
#today-free { float: right; }


#price { margin-top: 5em; }
#price h2 { font: bold 180%/1 Play, Arial; float: left; width: 100%; }
#price p { font: 85%/1.5 Arial; color: #111; margin: 1em 0 2em 0; float: left; width: 100%; }

#price table { float: left; width: 100%; font: 90%/1.3 Arial; }
#price td { border: 1px solid #999; padding: .4em 0 .4em .7em; }
#price tr:nth-child(2n) { background: #f0f0f0; }
#price tr:hover { background: #e0ffed; }
#price h3 { float: left; width: 100%; font: bold 120%/1 Play, Arial; margin-bottom: 1.2em; }
.evak-price { width: 47%; }
.pc-rub { width: 9em; }
#price-city-out { float: right; }


 
#reviews { background: url(/i/bg-review.png); padding: 3em 0 4em 0; border-top: 1px dashed #aaa; margin-top: 5em; }
#reviews h2 { float: left; font: bold 200%/1 Play, Arial; color: #222; }
#reviews button { float: right; font: 120%/1.7 Play, Arial; width: 100%; width: 13em; }

.review { width: 100%; margin-top: 3em; font: 95%/1.5 Arial; background: #fff; box-shadow: 0 1px 3px #ccc; padding: 1.5em; border: 1px solid #ccc; border-radius: .35em; }
.review p { float: right; width: 70%; border-left: 2px dotted #ccc; padding-left: 2em; }

.user { width: 30%; }
.user i, .user b { float: left; font: 100%/1.5 Play, Arial; width: 100%; }
.user i { margin: .3em 0 .3em 0; }
.user b { font-weight: bold; }

.rating-star { position: relative; float: left; width: 100px; height: 20px; background-repeat: repeat-x; background-size: contain;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTkwRTcxNEI0NTZGMTFFMzlGNDI5MUE3MTZGMUEzREIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTkwRTcxNEM0NTZGMTFFMzlGNDI5MUE3MTZGMUEzREIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTBFNzE0OTQ1NkYxMUUzOUY0MjkxQTcxNkYxQTNEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTBFNzE0QTQ1NkYxMUUzOUY0MjkxQTcxNkYxQTNEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po5d/n0AAAJhSURBVHjarJRbT1NBEMf3fvb0tBiVS45SKQEMFzVpYqKPPvAd/KB+AJ+UxPiqD0YNSVEQgar0dO+7TmtCSq1SApvMbrJnzm92d/4zOKWELhrlYvMm+FUHX/bsRb4ETTEANk8RKabxnQqIMd7mnLWuBViWd0rO6GxR5LPXAgwIrQnGVVEUN9Y3t9iVgHNzJaYIrXLOFZeSCiYWrgRMyd9OhJQA1IwyxxiZ/5cvpWzIGl5hsbn0hFA6j1M8jjHhGEOKMTrC2UqWZVoIoTDQEcElSAh1u10anc9iioOwcrgg9AlsdwjEBB9lnG/kuVwdPFsIHvkYB3KJUuQnQmTKQRDwFFLKjULmM5o4EZxDENxHEndSTCdD1qiw2+3243q9sQ4ScQBMKaQBE/DJRxeSsgY7pUilDDNWE23MYTDmTVX1+mcSG6+Uzc2te43GTLtWywdvEmzwyRmHjLPIG4u0d8jBaqzZ7Z1W76vTH+GcZieVXrPZqhWNYrtRLzi4OOt9GoVpo98d7n/9PCk5E3XV6ez2QTJ1FwLNZf4rAXDkZEhpXV1KNlmtWFJWt0xfMW80HoV5C6syrUsBcUz3QdAOI2RtiN5q/aFfVSd9pZk2HkNqb4HMsqmuLDJIBsYriRIFujtSqv92f69zLIT8CLp7ijG5C5mnEGwg8s5fhxlPCvy4Rgh9LovaDiPk1dH3b/rclSh9AMtDsIMYwsv/ArmQ8ATxGWG8zrl40fvZndh9IeAaVMgyfHwNJdUbb55nRhnPwB5xnvHR/UkGz7IE08L4PhtvBzCdWqvdFG1c/elu58dvAQYACHR6UQ85B1EAAAAASUVORK5CYII="); }


.rating-star > span { height: 100%; background-repeat: repeat-x; background-size: contain;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTk0OTU4QUU0NTZGMTFFMzk1MTRFNzREMzJFNDg3RjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTk0OTU4QUY0NTZGMTFFMzk1MTRFNzREMzJFNDg3RjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OTQ5NThBQzQ1NkYxMUUzOTUxNEU3NEQzMkU0ODdGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OTQ5NThBRDQ1NkYxMUUzOTUxNEU3NEQzMkU0ODdGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpKqL90AAAHBSURBVHjarNS9S8NAGAbw99IWPxYdRKei4OTiIH5AqUppFR10ENRJ0KEoVnRxUAQdiiDopIPi7tKKgwgFoThY/BPEpQ4iCEW3+tkmr0/OSD9jUurB00ty7/0I18sJZibLlhCtpNELDXDaqlQhO02jDlKpyU6pPVClMNDA/4BXohNYN1Dv/4AaDQMjCV6IuurAuFAAjRpgG/DB6kCV2hGPBDVyIH7T2iPh1Dv5QzciiGJ9rZKYrKBn9K/IEFKLe5LJ0jRFxDNlKI3rGuPNG+QclS5xd+001ukemcPDJTlRzUsO03s3sB15nav5QtaQB50SBRs7LjYwsIW4ymAEjIqwODJLIX4sv4Z+3kbBGJK0gR3I2jys9A1/27loBhID0GWCrdAC79v/l8c5BeDdBNNzV9m2ORUeYL0mmJ6ZykCNRoC5DOwT2URieWA/7YlGe2AEGzQD8Ae7RQIU5DD6CeTYAPXjzGsPzJAPWA8mnSE+YAn5PMQftMzzeLZo7NWQNXgiHMD6UBxFJoGlSmas8iHGpoAqFBbuv8Es1cs9qG/WIGum3+06RwHu4gNtKR5yFh0GGvIE7M3yWGPUsVzRgvYtwACnR+YuUCOvdwAAAABJRU5ErkJggg=="); }

.rating-star > span:after { color: #555; content: ""; font: bold 85%/1.6 Play, Arial; position: absolute; left: 105%; width: 7em; }

.rating-star > span > span {
    display: none;
}

.mark0  { width: 0%; }
.mark1 { width: 20%; }
.mark2 { width: 40%; }
.mark3 { width: 60%; }
.mark4 { width: 80%; }
.mark5 { width: 100%; color: green; }
.mark1:after { content: " — плохо" !important; }
.mark2:after { content: " — плохо" !important; }
.mark3:after { content: " — нормально" !important; }
.mark4:after { content: " — хорошо" !important; }
.mark5:after { content: " — отлично" !important; }
.mark4:after, .mark5:after { color: #01a209 !important; }
.mark3:after { color: #e16a00 !important; }
.mark1:after, .mark2:after { color: #c71502 !important; }


#footer { position: relative; background: url(/i/bg-footer.png); padding-bottom: 1em }
#footer:before { content: ""; background: url(/i/techwork.png); height: .7em; width: 100%; position: absolute; left: 0; bottom: 100%; }

#footer-phone { padding-top: 1.5em; color: #fff; float: right; width: 16em; font: 100%/1 Play, Arial; text-align: center; text-shadow: 1px 1px 0 #000; }
#footer-phone b, #footer-phone a, #footer-phone button { float: left; width: 100%; }
#footer-phone a { white-space: nowrap; margin: .5em 0 .5em 0; color: #fff; cursor: default; text-decoration: none; font-weight: bold; font-size: 180%; }
#footer-phone button { font: 100%/2 Play; }

#contacts { color: #ccc; margin-top: 1em; font: 80%/1.8  Arial; text-shadow: 1px 1px 0 #000; width: 40%; float: left; }
#contacts > span { width: 100%; }
#contacts > span > span { float: none; }
#contacts b { font-weight: bold; }


#footer-menu { width: 20%; font: 90%/1 Play, Arial; margin-top: 1.5em; }
#footer-menu li { clear: left; margin-bottom: .5em; }
#footer-menu a { color: #ccc; text-decoration: underline; }
#footer-menu a:hover { color: #fff; }
#friends { margin-top: .75em; }

#subfooter { background: #222; border-top: 1px solid #111; text-align: center; padding: .5em 0 .5em 0; }
#home { color: #a2a2a2; text-decoration: none; font: 80%/1.5 Arial; }
#home span { float: none; }
#home span:before { content: "«"; }
#home span:after { content: "ок»"; }


#step { margin: 4em 0 0 0; }
#step ol { margin: 0; float: left; color: #222; position: relative; width: 100%; padding: 0; font: 130%/1.3 Play, Arial; text-align: center; }
#step ol:after { content: ""; position: absolute; left: 20%; right: 20%; top: 2.8em; border-top: 3px dotted #aaa; }
#step ol li { width: 33.3333%; float: left; }
#step img { width: 90%; max-width: 5em; position: relative; z-index: 2; border: .3em solid #fff; }
#step i {  font-weight: bold; display: block; }

#callback { background: #ffd618 url(/i/right.png) no-repeat 45% 50%; padding: 3em 0 3em 0; }
#callback p { float: left; margin-top: .25em; font: bold 160%/1.5 Play, Arial; width: 70%; background: url(/i/24hour.png) no-repeat left; padding-left: 3.5em; text-shadow: 1px 1px 0 rgba(255,255,255,.4); }
#cb-form { float: right; width: 30%; }
#callback input { width: 100%; float: left; font: bold 120%/1 Play; background: #fff url(/i/ic-phone.png) no-repeat .5em 50%; border: 2px solid #ab9010; border-radius: .25em; padding: .5em 0 .5em 2em; margin-bottom: .8em; }
#callback input:focus { border-color: #006cff; box-shadow: 0 0 7px #7fa9e2; }
#callback button { font: 115%/1.9 Play, Arial; width: 100%; }


.shim { overflow: hidden; }
.shim #shim { display: block; }
#shim { overflow: auto; font-size: 95%; z-index: 15; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); -webkit-overflow-scrolling: touch; }
.wrap-mod { display: none; text-shadow: 1px 1px 0 #fff; padding-top: 3em; font: 100%/1.4 Play, Arial; float: none; margin: 0 auto; width: 100%; max-width: 410px; }
.wrap-mod > div { width: 100%; margin-bottom: 5em; background: #fff url(/i/bg-sh.png); padding: 1.3em 2em 1.5em 2em; box-shadow: 0 2px 15px 1px #000; position: relative; }
.close-shim { position: absolute; right: 0; top: 0; background: #fff; text-align: center; font: 300%/1 Arial; width: 1em; border-radius: 0 0 0 .25em; cursor: pointer; color: #aaa; }
.close-shim:hover { color: #777; }
.wrap-mod b, .wrap-mod p, .wrap-mod i, .wrap-mod input[type="text"], .wrap-mod button { float: left; width: 100%; }
.wrap-mod b, .wrap-mod p { text-align: center; }
.wrap-mod b { font: bold 200%/1.2 Play; color: #222; margin-bottom: .5em; }
.wrap-mod input[type="text"], .wrap-mod textarea { font: 170%/1 Play, Arial; padding: .4em 0 .3em .5em; border: 1px solid #999; border-radius: .2em; box-shadow: 1px 1px 0 #fff; }
.wrap-mod textarea { font-size: 120%; outline: none; width: 100%; height: 5em; }
.wrap-mod input[type="text"]:focus, .wrap-mod textarea:focus { border-color: #214ebf; box-shadow: 0 0 10px #95a9dd; }
.wrap-mod i { font-weight: bold; font-size: 110%; margin: 1.3em 0 .5em 0; color: #222; }
.wrap-mod button { font: 150%/2 Play; margin: 1.3em 0 1em 0; }
.wrap-mod em { display: block; font-size: 150%; }
.wrap-mod p { font: 95%/1.5 Play; color: #444; }
.wrap-mod input[type="radio"] { position: absolute; left: -9999px; }
#rev-mark { width: 100%; font: 140%/1.7 Play; border: 1px solid #0040aa; border-radius: .2em; color: #444; text-align: center; }
#revm1 + label { border: none; }
.wrap-mod label { cursor: pointer; width: 20%; float: left; border-left: 1px solid #0040aa; }
.wrap-mod label:hover { color: #000; background: rgba(0,0,0,.07); }
.wrap-mod input:checked + label { color: #fff; background: #0040aa; text-shadow: none; }

.frm-red { border-color: #e70842 !important; box-shadow: 0 0 10px #ffb6c9 !important; }

#callback i { display: none; font: bold 220%/1.2 Play, Arial; float: left; width: 100%; text-align: center; }
.snx-tcb p, .snx-tcb input, .snx-tcb button { display: none; }
#callback.snx-tcb i { display: block; }

.snx-calc #calc-phone, .snx-calc #calc-total, #calc-snx { display: none; }
.snx-calc #calc-snx { display: block; margin: 0 0 1em 0; font: 100%/1.4 Play, Arial; float: left; width: 100%; text-align: center; }



#fixmessage { display: none; position: fixed; padding: .7em 0 .7em 0; z-index: 15; top: 0; left: 0; width: 100%; background: #fff; }
#fixmessage span { margin-right: 2em; font: 95%/1.2 Play, Arial; color: #333; }
#fixmessage span em { float: left; margin: .15em 0 0 .8em; }
#fixmessage img { float: left; background: #ffd618; border-radius: 5em; padding: .5em; width: 2.5em; border: 1px solid rgba(0,0,0,.25); }
#fixmessage button, #fixmessage a { float: right; }
#fixmessage button { font: 100%/2 Play, Arial; }
#fixmessage a { font: bold 140%/1 Play, Arial; color: #444; text-decoration: none; cursor: default; }
#fixmessage a:after { content: "Вызов эвакутора круглосуточно"; margin-top: .5em; text-transform: uppercase; font-weight: normal; font-size: 52%; display: block; margin-right: 2em; }

#call { display: none; }



.btn {
position: relative;
-webkit-border-radius: .35em;
-moz-border-radius: .35em;
border-radius: .35em;
border: 1px solid rgba(0,0,0,.3);
border-bottom: 1px solid rgba(0,0,0,.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
text-shadow: 1px 1px 0 rgba(0,0,0,.35);
}

.btn:hover { border-color: rgba(0,0,0,.6); }
.btn:active { border-color: rgba(0,0,0,.5); box-shadow: inset 0 1px 6px #555; text-shadow: none; }

.g-green {
background-color: #444444;
background-image: -webkit-gradient(linear, left top, left bottom, from(#94cc00), to(#599500));
background-image: -webkit-linear-gradient(top, #94cc00, #599500);
background-image: -moz-linear-gradient(top, #94cc00, #599500);
background-image: -ms-linear-gradient(top, #94cc00, #599500);
background-image: -o-linear-gradient(top, #94cc00, #599500);
background-image: linear-gradient(to bottom, #94cc00, #599500);
color: #fff;
}

.g-green:hover {
background-color: #444444;
background-image: -webkit-gradient(linear, left top, left bottom, from(#82b300), to(#4e8300));
background-image: -webkit-linear-gradient(top, #82b300, #4e8300);
background-image: -moz-linear-gradient(top, #82b300, #4e8300);
background-image: -ms-linear-gradient(top, #82b300, #4e8300);
background-image: -o-linear-gradient(top, #82b300, #4e8300);
background-image: linear-gradient(to bottom, #82b300, #4e8300);
}
.g-green:active { background: #699c00; }


.g-orange {
background-color: #444444;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcb900), to(#eb7000));
background-image: -webkit-linear-gradient(top, #fcb900, #eb7000);
background-image: -moz-linear-gradient(top, #fcb900, #eb7000);
background-image: -ms-linear-gradient(top, #fcb900, #eb7000);
background-image: -o-linear-gradient(top, #fcb900, #eb7000);
background-image: linear-gradient(to bottom, #fcb900, #eb7000);
color: #fff;
}
.g-orange:hover {
background-color: #d36500;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbb000), to(#e76300));
background-image: -webkit-linear-gradient(top, #fbb000, #e76300);
background-image: -moz-linear-gradient(top, #fbb000, #e76300);
background-image: -ms-linear-gradient(top, #fbb000, #e76300);
background-image: -o-linear-gradient(top, #fbb000, #e76300);
background-image: linear-gradient(to bottom, #fbb000, #e76300);
}
.g-orange:active { background: #f18700; }






.btn, #calc
{ -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



@media (max-width:320px) {}
@media (min-width:481px) {}
@media (min-width:641px) {}
@media (min-width:768px) {}
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

#geoloc {
    text-align: center;
    width: 100%;
}
#geoloc p {
    color: #555;
}
#geoloc p b { font-weight: bold; }

#agw {
    font-size: 130%;
    line-height: 1.8;
}