@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 li { width: 100%; text-align: left; }
#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; }

#logo { color: #c71502; text-decoration: none; float: left; font: bold 350%/1.1 Play, Arial; text-transform: uppercase; margin-top: .6em; }
#logo 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%; }

#content { color: #222; }
#content p b { font-weight: bold; }
#content h1, #content h2 { font: bold 200%/1 Play, Arial; }
#content h2 { font-size: 140%; margin: 2em 0 .7em 0; }
#content p { font: 100%/1.5 Arial; margin-bottom: 1.4em; }
#about-ul { font: 100%/1.4 Arial; margin-bottom: 1em; }
#about-ul li { background: url(/i/tick16.png) no-repeat 1em 50%; padding-left: 3em; margin-bottom: 1em; }
#about-photo { width: 100%; margin-bottom: 3em; }
#about-photo li { width: 15%; margin-right: 2%; }
#about-photo li:last-child { margin-right: 0; }
#about-photo a, #about-photo img { float: left; width: 100%; }
#about-photo a { padding: .5em; border: 1px solid #aaa; border-radius: .2em; }
#about-photo a:hover { border-color: #555; }
#evakuator-video { float: left; width: 100%; text-align: center; margin: 1em 0 3em 0; }

.price-page { float: left; width: 100%; text-align: left; font: 100%/1.4 Arial; margin-bottom: 3em; }
.price-page td, .price-page th { border: 1px solid #999; padding: .5em 0 .5em 1em; }
.price-page th { background: #efefec; }
.pp-col { width: 10em; }
.pp-hid { display: none; }


#pp-table { width: 100%; margin-bottom: 1.5em; }
#pp-table input { position: absolute; left: -9999px; }
#pp-table label { float: left; font: bold 100%/2 Play, Arial; color: #444; padding: 0 1em 0 1em; border: 1px solid #aaa; border-radius: .25em; margin-right: 1em; cursor: pointer; }
#pp-table label:hover { border-color: #888; color: #111; background: #f7f7f7; }
#pp-table input:checked + label { color: #fff; background: #1f47bb; border-color: transparent; }

#contacts-table { float: left; width: 65%; font: 100%/1.4 Play, Arial; }
#contacts-table td { border: 1px solid #999; padding: .5em 0 .5em 1em; }
.ct-col { width: 10.5em; }
#contacts-map { float: right; width: 30%; height: 20em; background: url(/i/map.jpg); margin-bottom: 6em; }

.m-bottom { margin:  0 0 5em 0; float: left; width: 100%; background: none; border: none; height: 1px; }
.oc-form-l, .oc-form-r { width: 45%; margin-bottom: 2.2em; background-position: 0 85%; background-repeat: no-repeat; padding-left: 2.5em; }
#clc1 { background-image: url(/i/calc-kol.png); } #clc2 { background-image: url(/i/calc-wheel.png); }
#clc3 { background-image: url(/i/calc-locA.png); } #clc4 { background-image: url(/i/calc-locB.png); }
#clc5 { background-image: url(/i/calc-user.png); } #clc6 { background-image: url(/i/calc-phone.png); }
.oc-form-r { float: right; }
#oc-form { width: 100%; font: 110%/1 Play, Arial; }
#oc-form b, #oc-form input, #oc-form select { float: left; width: 100%; }
#oc-form b { font-weight: bold; margin-bottom: .5em; }
#oc-form input, #oc-form select { outline: none; border: 1px solid #777; border-radius: .25em; font: 100%/1 Play, Arial; padding: .6em 0 .6em .8em; }
#oc-form input:focus { border-color: #004eaf; box-shadow: 0 0 10px #acd1ff; }
#oc-form button { float: right; width: 45%; font: bold 110%/2 Play, Arial; }
#oc-form p { float: left; width: 45%; font: 115%/2 Arial; color: #444; }
#oc-form p i { color: green; font-size: 130%; }
#oc-type { width: 100%; text-align: center; font: 100%/1 Play, Arial; margin: 1em 0 4em 0; }
#oc-type input { position: absolute; left: -9999px; }
#oc-type li { width: 20%; }
#oc-type label { float: left; width: 100%; color: #0b50d0; position: relative; padding-bottom: 2.5em; cursor: pointer; }
#oc-type label:hover { color: #333; }
#oc-type label:hover:before { border-color: #666; background: #efefec; }
#oc-type input:checked + label { font-weight: bold; color: #000; }
#oc-type input:checked + label:before { background: #78a806 url(/i/wtick.png) no-repeat 50%; border-color: transparent; }
#oc-type label:before { content: ""; position: absolute; width: 1.5em; height: 1.5em; border: 1px solid #999; border-radius: 5em; bottom: 0; left: 50%; margin-left: -.75em; }
#oc-type img { width: 100%; max-width: 150px; margin-bottom: 1em; }
#snx-oc-form { float: right; width: 45%; }


#map { background: url(/i/map.jpg); height: 20em; border-top: 7px solid #ffd618; }


#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; }


#reviews { background: url(/i/bg-review.png); padding: 3em 0 4em 0; border-top: 1px dashed #aaa; margin-top: 2em; }
#reviews h1 { float: left; font: bold 200%/1 Play, Arial; color: #222; }
#reviews button { float: right; font: 120%/1.7 Play, Arial; width: 100%; width: 13em; }

#catalog { width: 100%; font: 95%/1.4 Arial; }
#catalog td { width: 50%; border: 1px solid #ccc; padding: 1em; }
#catalog a, #catalog span { float: left; width: 100%; }
#catalog a { font-weight: bold; text-decoration: underline; }
#catalog b { font-weight: bold; }

.ultick { font: 100%/1.5 Arial; color: #333; }
.ultick li { width: 100%; padding-left: 2.8em; background: url(/i/tick16.png) no-repeat 1em 50%; margin-bottom: 1em; }
.ultick.ulstar li { background-image: url(/i/ulstar.png); background-position: .5em .3em; }

#paginator { float: left; width: 100%; font: 100%/2 Play, Arial; text-align: center; margin-top: 2em; }
#paginator a, #paginator i { float: left; width: 2em; border-radius: 3em; margin-right: .5em; }
#paginator a:hover { background: #efefec; }
#paginator i { background: #dedede; color: #666; }

#gotohome100 { font: bold 150%/2 Play, Arial; width: 100%; margin-bottom: 2em; }

.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; }

#breadcrumbs { color: #777; margin: .5em 0 2em 0; float: left; width: 100%; padding: 0; font: 85%/1 Play, Arial; }
#breadcrumbs span { float: none; }
#breadcrumbs a { color: #000; float: left; text-decoration: underline; }
#breadcrumbs a:hover { color: red; }
#breadcrumbs li:after { content: " → "; float: left; margin: 0 .5em 0 .5em; }
#breadcrumbs li:last-child:after { display: none; }

#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: "»"; }


#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; }


#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; }

#other-firm { width: 100%; font: 100%/1.4 Arial; margin-bottom: 3em; }
#other-firm li { width: 30%; margin-right: 2%; border-radius: .5em; padding: 1em; }
#other-firm span { font-size: 90%; margin-top: .5em; }
#other-firm a { display: block; font-weight: bold; text-decoration: underline; }
.first-firm { background: #ecffc6; border: 1px solid rgba(0,0,0,.1); }


.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; }

.g-red {
background-color: #a70000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff3636), to(#a70000));
background-image: -webkit-linear-gradient(top, #ff3636, #a70000);
background-image: -moz-linear-gradient(top, #ff3636, #a70000);
background-image: -ms-linear-gradient(top, #ff3636, #a70000);
background-image: -o-linear-gradient(top, #ff3636, #a70000);
background-image: linear-gradient(to bottom, #ff3636, #a70000);
color: #fff;
}
.g-red:hover {
background-color: #970101;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e63131), to(#970101));
background-image: -webkit-linear-gradient(top, #e63131, #970101);
background-image: -moz-linear-gradient(top, #e63131, #970101);
background-image: -ms-linear-gradient(top, #e63131, #970101);
background-image: -o-linear-gradient(top, #e63131, #970101);
background-image: linear-gradient(to bottom, #e63131, #970101);
}
.g-red:active { background: #b71414; }


.btn, #pp-table, #oc-type label
{ -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; }