@font-face { font-family:"Dnc"; src:url("./dnc.eot"); src:url("./dnc.eot?iefix") format("eot"), url("./dnc.woff") format("woff"), url("./dnc.ttf") format("truetype"), url("./dnc.svg#Dnc") format("svg") }

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

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: #555; }
::-webkit-input-placeholder { color: #555; }




@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@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 */ }

.pic-artc { width: 70%; margin: 0 15% 0 15%;  }

#message { width: 100%; font: 300%/2  Dnc; color: #333; text-align: center; }
#message:before, #message:after { font: 100%/1 Arial; color: #bbb; }
#message:before { content: "В« "; }
#message:after { content: " В»"; }

#ab-h2 { font: 180%/1.4 Arial; width: 100%; max-width: 15em; color: #222; margin-top: 2em; }
#ab-h2 b { color: #4a16cf; }

#callback { font: 100%/1 Arial; background: #c6d8f9; padding: 1em 0 1em 0; }
#callback input { margin-top: .3em; font: 130%/1 Arial; float: left; width: 30%; padding: .5em 0 .5em 2em; border-radius: .25em; background: #fff url(/i/ic-phone.png); background-repeat: no-repeat; background-position: .5em 50%; border: 3px solid #3a5d9c; }
#callback input:focus { box-shadow: inset 1px 1px 2px #999; }
#callback p { font: 130%/1.4 Arial; float: left; color: #001e55; width: 40%; text-shadow: 1px 1px 0 rgba(255,255,255,.4); }
#send-cb { margin-top: .2em; float: right; font-size: 170%; line-height: 1.8em; width: 27%; }

#header { width: 100%; height: 550px; position: relative; background: url(/i/longbg.jpg); background-position: bottom; text-shadow: 1px 1px 0 #fff; height: 550px; }
.w1000 { float: none; margin: 0 auto; width: 100%; max-width: 1024px; }

#head { padding: 3em 0 0 14em; }
h1 { float: left; width: 100%; font: 350%/1 Dnc, Arial Narrow, Arial; color: #111; text-transform: uppercase; }
h1 i { color: #0064b9; display: block; text-transform: none; }

#service { width: 70%; font: 140%/1 Arial; margin-top: 1.3em; }
#service li { width: 100%; background: url(/i/tick.png); background-repeat: no-repeat; padding-left: 1.7em; margin-top: 1em; padding-top: .1em; }

#imglock { float: right; width: 30% }


#top-phone { height: 100px; position: absolute; bottom: 0; }

#benf { border-top: 1px dashed #999; padding: 1.5em 0 2.5em 0; }

#benefits { width: 98%; color: #333; }
#benefits li { width: 25%; margin: 1em 0 0 0; }
#benefits i { float: left; font: 130%/1.2 Dnc; width: 75%; padding: .2em 0 0 .7em; }
#benefits img { float: left; width: 23%; }

#alltime { float: left; font: 70%/1 Arial; color: #444; width: 5em; margin-left: 10%; text-align: center; }
#alltime img { float: left; width: 5em; }

.w100 { float: left; width: 100%; }

#contact { width: 100%; }

a.phone { text-decoration: none; cursor: default; float: left; font: 260%/1.3 Dnc, Arial Narrow, Arial; margin-top: .3em; color: #fff; text-shadow: 1px 1px 0 #000; padding: 0 .6em 0 .6em; border-radius: .15em; }

#getdoc { float: right; width: 50%; font: 130%/1.1 Arial; color: #333; }

#free-master { width: 35%; float: right; font: 210%/1.1 Dnc; text-align: center; color: #333; }
#free-master b { color: #4a16cf; }

#about-short { padding: 3em 1em 1em 1em; }
#about-short b { font-weight: bold; }
#about-short img { float: left; width: 45%; }
#about-short p { float: left; width: 45%; font: 95%/1.5 Arial; margin-bottom: 1.5em; margin-left: 5%; }


#map { height: 350px; }

#wrap-serv { width: 100%; height: 300px; }

/*new*/
#logo { padding: .8em 0 .8em 4.5em; background: url(/i/logo.png) no-repeat left; text-shadow: 0 1px 0 #000; vertical-align: bottom; text-transform: lowercase; float: left; text-decoration: none; font: 73%/1 Arial; color: #fff; }
#logo:before { color: #ccc; content: "Домофёнок"; font: 259%/1 Dnc; display: block; text-transform: uppercase; margin-bottom: .07em; }
#logo:hover:before { color: #fff; }

#nav { background: url(/i/menubg.png); border-bottom: 3px solid #000; }
#nav-menu { z-index: 15; float: right; text-align: center; color: #999; font: 95%/1 Arial; border-left: 1px solid #000; border-right: 1px solid rgba(255,255,255,.1); }
#nav-menu li { border-right: 1px solid #000; border-left: 1px solid rgba(255,255,255,.1); }
#nav-menu a { text-decoration: underline; float: left; color: #ccc; width: 100%; text-align: center; padding: 1.6em 1.2em 1.55em 1.2em; }
#nav-menu a:hover { background: rgba(0,0,0,.2); color: #fff; }
#nav-menu a.act { cursor: default; text-decoration: none; color: #fff; background: rgba(0,0,0,.5); }
#mobile-menu { display: none; }

#page-head { background: url(/i/phbg.png); padding: 3em 0 1em 0; border-bottom: 1px dotted #ccc; }
#head-pic { float: left; width: 30%; }
#page-head h1, #page-head p, #breadcrumbs { float: right; width: 65%; }
#page-head h1 { font: 300%/1.2 Dnc; text-transform: none; }
#page-head p { font: 170%/1.3 Arial; color: #222; margin: .75em 0 1.4em 0; }
#page-head p i { color: #4a16cf; }

#breadcrumbs { padding: 0; margin: .5em 0 2em 0; font: 85%/1 Arial; color: #666; }
#breadcrumbs a { text-decoration: underline; float: left; }
#breadcrumbs span { float: none; }
#breadcrumbs li:after { content: "в†’"; float: left; margin: 0 .6em 0 .6em; }
#breadcrumbs li:last-child:after { display: none; }
#ph-phone { float: left; background: #1949c0; font: 250%/1.7 Dnc; border-radius: .15em; text-decoration: none; cursor: default; color: #fff; margin: 0 0 0 1.3em; padding: 0 .7em 0 .7em; text-shadow: 0 1px 2px #111; }

#content { padding-top: 3.5em; }
#content p { font: 100%/1.5 Arial; color: #111; margin-bottom: 1em; }
.ulti { width: 100%; font: 100%/1.5 Arial; color: #111; margin-bottom: 1.5em; }
.ulti li { width: 100%; padding-left: 3em; margin-top: 1em; background: url(/i/tick16.png) no-repeat .7em .3em; }
#content h2 { margin: 1em 0 .3em 0; float: none; }
#content h3 { margin: 1em 0 .3em 0; float: none; text-transform: none; }
#content strong, #content b { font-weight: bold; }

.olti { list-style-type: decimal; width: 100%; font: 100%/1.5 Arial; color: #111; margin-bottom: 1.5em; }
.olti li { width: 100%; margin-top: 1em; }

.uslugi-pic { float: left; border-radius: 10em; border: 5px solid #ccc; width: 7em; margin: 0 1.5em .7em 0; }
#content .w1000 { padding: 0 1.5em 0 1.5em; }

.w50 { width: 50%; padding: .5em; }

#photo { width: 100% !important; float: left; padding: 0 !important; list-style-type: none !important; }
#photo li { width: 20% !important; padding: 1em; }
#photo img { float: left; width: 100%; border: 7px solid #fff; box-shadow: 0 1px 3px #999; border-radius: .5em; }

#wiki a { color: #777; text-shadow: none; clear: right; text-decoration: none; border-bottom: 1px dashed #888; float: right; margin-top: .5em; }

#brands { width: 100%; text-align: center; margin: 1em 0 2em 0; }
#brands a { color: #888; text-decoration: none; border-bottom: 1px dotted #999; font: 80%/1.5 Arial; }
#brands li { width: 14%; }
#brands img { width: 100%; float: none; max-width: 120px; }

#brand-list { width: 100%; text-align: center; font: 80%/1 Arial; color: #888; }
#brand-list li { width: 33.333%; margin-top: 1.5em; }
#brand-list img { width: 70%; display: block; margin: 0 0 .5em 15%; }

#price-list { width: 100%; margin-bottom: 2em;}
#price-list td, #price-list th { border: 1px solid #aaa; padding: .5em .7em .5em 1em; font: 95%/1.4 Arial; }
.prc-p { width: 10em; }
#prc-z { font-size: 80% !important; margin: 0 0 2.5em 0 !important; }
#price-list th { text-align: center; background: #efefec; font-weight: bold; }

.video { width: 100%; margin-bottom: 2em; }
.video p { float: left; margin-bottom: .25em; font: 95%/1.4 Arial; color: #444; width: 100%; }
.video img { width: 100%; }

#video-cnt { width: 60%; margin: 2em 0 2em 0; }
#video-cnt img { float: left; width: 100%; }

#cont-tab { width: 100%; font: 100%/1.4 Arial; }
#cont-tab td { border: 1px solid #999; padding: .5em 1em .5em 1em; }

#cont-map { width: 100%; background: url(/i/mapdel.jpg); height: 10em; margin: 3em 0 3.5em 0; }

/*endnew*/



/**/

#a_header { background: #0781d8; border-bottom: 5px solid #095992; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
#a_header a { float: left; color: #fff; font: 140%/2 Dnc; text-transform: uppercase; width: 14%; text-decoration: none; border-right: 1px solid rgba(0,0,0,.2); }
#a_header a:hover { color: #eee; }
#a_header a.act { color: #fff; background: #0d69aa; }

#a_multinp { margin: 1em 0 1em 0; }
#a_multinp input[type="text"] { float: left; width: 100%; font: 150%/1.1 Arial; border: 4px solid rgba(0,0,0,.2); padding: .4em 0 .4em .7em; border-radius: .2em; }
#a_multinp input[type="text"]:focus { border-color: rgba(78,45,199,.5); }

#a_mi_help { width: 100%; font: 105%/1.8 Arial; color: #2d34c7; }
#a_mi_help li { width: 100%; cursor: pointer; padding-left: .7em; border-radius: .3em; }
#a_mi_help li:hover { background: rgba(0,0,0,.07); }
#a_mi_area { font: bold 115%/1.5 Arial; float: left; width: 100%; }

#a_city { float: left; width: 100%; color: #c50000; font: bold 140%/1.8 Arial; cursor: pointer; }
#a_city:hover { color: #555; }

.cpm_sms { width: 50%; }
.cpm_sms input { float: left; margin: .3em .5em 0 0; }
.cpm_sms label { font: 95%/1.5 Arial; cursor: pointer; float: left; }
.cpm_sms input:checked + label { color: #2d34c7; }
.cpm_sms label:hover { color: #2d34c7; }
.cpm_sms label:active { color: #c50000; }

.mb-1 { margin-bottom: .7em; }

#create-order, #reset-order { font: 150%/2 Dnc; padding: 0 1em 0 1em; background: #efefec; border: 1px solid #888; color: #333; margin: 1em 1em 0 0; border-radius: .25em; cursor: pointer; }
#create-order { background: #007afc; color: #fff; border-color: #007afc; }
#create-order:hover { background: #004987; border-color: #004987; }


h3 { float: left; width: 100%; font: 150%/1.5 Dnc; text-transform: uppercase; }

#a_usluga { width: 100%; color: #2d34c7; }
#a_usluga li { cursor: pointer; text-align: center; font: 110%/2 Arial; border: 1px dashed #2d34c7;  padding: 0 1em 0 1em; border-radius: .25em; margin-right: 1em; }
#a_usluga li:hover { background: rgba(0,0,0,.08); }
#a_usluga li.act { background: #2d34c7; color: #fff; }

#a_usl_comm { float: left; font: 90%/1.5 Arial; width: 100%; height: 6em; border-radius: .35em; border: 1px solid aaa; outline: none; margin: 1em 0 0 0; padding: .5em; }

#city-price { width: 100%; font: 90%/2 Arial; float: left; margin: 1em 0 1em 0; }
#city-price td { border: 1px solid #999; padding-left: .8em; }
#city-price tr:hover { background: rgba(0,0,0,.07); cursor: pointer; }
.a_cp_name { width: 60%; }

#city-master { width: 100%; font: 80%/2 Arial; float: left; margin: 1em 0 1em 0; }
#city-master td { border: 1px solid #999; padding-left: .8em; }
#city-master tr:hover { background: rgba(0,0,0,.07); cursor: pointer; }

.a_zleft { width: 55%; }
.a_zright { width: 40%; float: right; }

.cpm_ok { color: green; }
.cpm_maybe { color: #000; }
.cpm_not { color: red; }

.cpm_perc, .cpm_money { text-align: center; padding: 0 !important; width: 15%; }
.cpm_perc:after { content: "%"; }
.cpm_phone { width: 35%; }

.cpm_change { float: left; width: 100%; font: 150%/1 Arial; padding: .3em 0 .3em .5em; outline: none; cursor: pointer; }

#cp_ { clear: right; }

/**/

.txt { width: 33%; padding: 1em; }
.txt b, .txt strong { font-weight: bold; }
.txt p { float: left; width: 100%; padding: 0; font: 90%/1.5 Arial; color: #111; margin-bottom: 1em; }
h2 { float: left; width: 100%; font: 160%/1.1 Dnc; margin-bottom: 1em; }
span.h2 { float: left; width: 100%; font: 160%/1.1 Dnc; margin-bottom: 1em; }
#cont3 { margin: 2em 0 2em 0; }

#price { float: left; width: 100%; font: 90%/2 Arial; color: #222; margin-bottom: 2em; }
#price td { border: 1px solid #aaa; padding: 0 0 0 .6em; }
.price-serv {  }

#services { width: 100%; font: 90%/1.5 Arial; padding-left: 1em; }
#services li { width: 100%; background: url(/i/tick16.png); background-position: left; background-repeat: no-repeat; padding-left: 1.7em; margin-bottom: .2em; }

#serv-h { font: bold 95%/1 Arial; margin: 1em 0 .5em 0; float: left; width: 100%; }

#citys { text-align: center; margin-bottom: 1em; }
#citys a, #citys p { color: #777; font: 80%/1 Arial; text-decoration: none; cursor: default; }
#citys p { line-height: 1.5; }


#all-city { display: none; position: fixed; width: 30%; height: 80%; top: 10%; left: 50%; margin-left: -15%; overflow: hidden; padding: 2em; overflow-y: auto; z-index: 100; background: #fff; box-shadow: 0 0 10px #111; border-radius: .5em; }
#all-city ul { width: 100%; font: 120%/1.5 Arial; margin-top: 1em; }
#all-city li { width: 100%; margin-bottom: .2em; }
#all-city a { float: left; width: 100%; }
#all-city p { float: left; font: 200%/1 Dnc; }
#all-city span { float: right; font: 300%/.6 Arial; color: #aaa; cursor: pointer; }
#all-city span:hover { color: #c50000; }



#bottom-phone, #text-phone { font-size: 220%; }
#text-phone { float: right; }

#ch-master { font: 140%/1 Arial; float: left; width: 100%; margin-bottom: 1em; }

#ms-mast { width: 100%; float: left; font: 100%/2.5 Arial; text-shadow: 1px 1px 0 #fff; }
#ms-mast td { border: 1px solid #999; }
#ms-mast tr { cursor: pointer; }
#ms-mast tr:hover { background: rgba(0,0,0,.07); }
.ms-name, .ms-phone { padding-left: 1em; }
.ms-phone { width: 12em; }
.ms-allz, .ms-compl, .ms-perc, .ms-money { text-align: center; width: 7em;  }

.ms-grn { color: green; }
.ms-red { color: red; }

#ms-add { width: 100%; border: 1px dashed #007afc; cursor: pointer; color: #007afc; text-align: center; border-radius: .2em; font: 150%/2 Arial; margin-top: 3em; }
#ms-add:hover { color: #fff; background: #007afc; }


body.shim { overflow: hidden; }
body.shim #shim { display: block; }
#shim { display: none; position: fixed; z-index: 10; background: rgba(0,0,0,.5); top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; }
.shim-w { display: none; width: 100%; max-width: 35em; margin: 0 auto; float: none; }
.swrp { width: 100%; background: #fff; box-shadow: 0 0 10px #000; margin: 3em 0 5em 0; padding: 1.5em; position: relative; }
.close-shim { position: absolute; right: 0; top: 0; font: 300%/1 Arial; color: #ccc; cursor: pointer; width: 1em; text-align: center; }
.close-shim:hover{ color: #888; }

.sh4 { float: left; width: 100%; margin: 0 0 1em 0; padding: 0; font: 160%/1.2 Dnc, Arial; text-align: center; }
#firms { width: 100%; font: 95%/1.5 Arial; }
#firms span { width: 100%; }
#firms li { width: 100%; border-top: 1px dashed #ccc; padding: 1em 0 1em 0; }
#firms li i, #firms li b { font-weight: bold; }
#firms li a { font-weight: bold; }

.firm-contacts { width: 50%; font: 100%/1.5 Arial; margin: .5em 0 1.5em 3.1em; }
.firm-contacts span { width: 100%; }
.firm-contacts b { font-weight: bold; }

#other-firms { width: 100%; font: 100%/1.4 Arial; margin: 1em 0 2.5em 0; }
#other-firms li { width: 30%; margin-right: 3%; padding: 1em; border-radius: .5em; }
#other-firms a, span { width: 100%; width: 100%; }
#other-firms a { font-weight: bold; }
.first-company { background: #dfffc0; border: 1px solid rgba(0,0,0,.15); }

#situation { float: left; width: 100%; font: 100%/1.5 Arial; list-style-type: decimal; }
#situation li { width: 100%; float: left; }

#region { float: left; width: 100%; font: 100%/1 Arial; }
#region li { width: 50%; margin-bottom: 1em; }
#region a { text-decoration: underline; }


.sw-h { float: left; font: 200%/1 Dnc; cursor: default; }
.sw-c { float: right; font: 400%/.5 Arial; color: #aaa; cursor: pointer; }
.sw-c:hover { color: #c50000; }

.sw-menu { width: 100%; text-align: center; background: #007afc; color: #fff; font: 120%/2 Arial; margin: 1em 0 1em 0; border: 1px solid #095592; border-right: none; }
.sw-menu li { width: 25%; cursor: pointer; border-right: 1px solid #095592; position: relative; }
.sw-menu li i { position: absolute; right: 0; top: 0; font: 65%/1.5 Arial; background: #095592; padding: 0 .5em 0 .5em; }
.sw-menu li.act { background: #095592; }

.sw-tr { width: 100%; font: 115%/1.5 Arial; padding: 1em 0 1em 0; border-bottom: 1px dotted #ccc; }
.sw-tr input[type="text"] { width: 100%; float: left; border: 1px solid #999; border-radius: .2em; font: 110%/1 Arial; padding: .6em 0 .5em 1em; }
.sw-tr input[type="checkbox"] { float: left; margin: .6em 1em 0 0; }
.sw-tr label { float: left; }

.sw-tr-name { width: 25%; }
.sw-tr-sett { width: 75%; }

.sw-tr-city { width: 100%; float: left; border: 1px solid #999; border-radius: .2em; font: 110%/1 Arial; padding: .3em 0 .3em .7em; }
#sw-tr-comment { width: 100%; float: left; border: 1px solid #999; border-radius: .2em; font: 100%/1 Arial; height: 5em; padding: .5em 0 .5em .7em; }
#sw-tr-stat { width: 100%; float: left; border: 1px solid #999; border-radius: .2em; font: 110%/1 Arial; padding: .3em 0 .3em .7em; }

.sw-wrap { width: 100%; }

.sw-zamet { width: 100%; padding: 1em; background: #eee; border-radius: .5em; margin-top: 2em; }
.sw-zamet p, .sw-zamet textarea { width: 100%; float: left; }
.sw-zamet p { font: 90%/1.5 Arial; }
.sw-zamet p b { cursor: pointer; color: #007afc; float: right; }
.sw-zamet p b:hover { color: #c50000; }
.sw-zamet textarea { width: 100%; float: left; border: 1px solid #999; box-shadow: 1px 1px 0 #fff; border-radius: .25em; height: 5em; margin-top: 1em; padding: .5em; font: 100%/1.5 Arial; }

.mast-zak { float: left; width: 100%; font: 90%/2 Arial; }
.mast-zak td { border: 1px solid #888; padding-left: .7em; }
.mast-zak tr:hover { cursor: pointer; color: #007afc; }

.mast-st-grn { background: #d0f099; }
.mast-st-gry { background: #b7bcae; }

.maz-price:after { content: " СЂСѓР±."; }
.maz-pay { text-align: center; width: 5em; padding-left: 0 !important; }

.mast-bal { float: left; width: 100%; font: 90%/1.5 Arial; }
.mast-bal td { border: 1px solid #888; padding: .5em 0 .5em .7em; }

.mb-date, .mb-minus, .mb-plus { text-align: center; padding-left: 0 !important; }
.mb-date { width: 7em; }
.mb-minus { width: 6em; }
.mb-plus { width: 8em; }

.del-mb-pay, .md-qopl { display: none; float: none; font-size: 80%; cursor: pointer; color: #007afc; }
.mast-bal tr:hover .del-mb-pay { display: inline; }
.del-mb-pay:hover, .md-qopl:hover { color: #c50000; }

.mb-name a { color: #004987; }

#mb-add-min td { padding: 0; }
#mb-add-min input { font: 100%/1 Arial; float: left; width: 100%; border: none; padding: .7em; }

.md-qopl { display: block; width: 100%; float: left; }

.mast-delete { float: left; width: 100%; text-align: center; margin-top: 5em; font: 90%/1 Arial; }
.mast-delete a { color: #888; }
.mast-delete a:hover { color: #c50000; }

#joun-table {  }
#joun-table input[type="text"] { float: left; width: 100%; font: 100%/1 Arial; }
#joun-table select { float: left; width: 100%; padding: .5em; font: 100%/1 Arial; }

#joun-map { width: 100%; height: 20em; background: url(/i/mapdel.jpg); }

#close-joun { float: left; width: 100%; font: 150%/2 Arial; background: #eee; text-align: center; cursor: pointer; margin-top: 1em; border-radius: .25em; border: 1px solid #aaa; color: #444; }
#close-joun:hover { color: #000; }




#ms-orders { width: 100%; font: 85%/1.5 Arial; text-shadow: 1px 1px 0 #fff; }
#ms-orders td { border: 1px solid #888; padding-top: .5em; padding-bottom: .5em; }
#ms-orders tr { cursor: pointer; }
#ms-orders tr:hover { background: rgba(0,0,0,.07); }

.mo-num { width: 4.5em; }
.mo-date { width: 10em; }
.mo-city { padding-left: .7em; }
.mo-trbl { width: 6em; }
.mo-adress { padding-left: .7em; }
.mo-stat { width: 6em; }
.mo-price { width: 4em; }
.mo-pay { width: 5em; }

.order-ok { background: #c2e49b; }
.order-no { background: #bfbab2; text-shadow: none; }
.order-nomoney { background: #f5d5a6; }

.mo-num, .mo-date, .mo-trbl, .mo-stat, .mo-price, .mo-pay { text-align: center; }





#indicators { font-size: 120%; margin: 2.5em 0 .5em 0; }
#indicators ul { width: 100%; }
#indicators li { width: 30%; }
#indicators li:first-child { width: 40%; }
#indicators b, #indicators i { float: left; }
#indicators i { font: 400%/1 Dnc; color: #057bc8; }
#indicators b { font: 160%/1.1 Arial; margin-left: .6em; color: #334352; }

#how-it-work { margin-bottom: 5em; }
#how-it-work ul { width: 100%; font: 150%/1.2 Dnc; }
#how-it-work li { width: 33%; text-align: center; padding: 0 1em 0 1em; }
#how-it-work p { float: left; width: 100%; margin-top: .5em; }
#how-it-work img { width: 35%; }

#lockpick { background: #e6e6e6; padding: 2em 1em 2em 1em; margin-bottom: 1.5em; text-shadow: 1px 1px 0 #fff; }
#lockpick b, #lockpick strong { font-weight: bold; }
#lockpick h3 { text-transform: none; float: left; width: 60%; font: 220%/1 Dnc; }
#lockpick p { float: left; width: 65%; font: 80%/1.5 Arial; margin: 1.5em 0 0 0; color: #222; }
#lockpick ul { font: 80%/1 Arial; list-style-type: square; color: #222; padding-left: 1.5em; }
#lockpick ul, #lockpick li { width: 65%; }
#lockpick li { margin-top: 1em; }

#wiki { float: right; width: 30%; }
#wiki img { float: left; width: 100%; }
#wiki ul, #wiki li { width: 100%; margin-top: 1em; }
#wiki ul { font: 80%/1.5 Arial; list-style-type: square; }
#wiki li { margin-top: 1em; }

#menu { border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; padding: 2em 0 2.5em 0; }
#menu ul { width: 100%; font: 130%/1 Dnc; text-align: center; }
#menu li { width: 20%; }
#menu li a { width: 100%; float: left; text-decoration: underline; }
#menu li a.act { color: #000; text-decoration: none; cursor: default; }
#menu img { width: 60px; height: 60px; }

#quest { text-align: center; font: 180%/1 Dnc; color: #888; margin: .5em 0 1.5em 0; }

#reviews { text-shadow: 1px 1px 0 #fff; border-bottom: 1px dashed #999; margin: 1em 0 1.5em 0; }
#reviews h2 { font: 220%/1 Dnc; }
.review { width: 100%; margin: 0 0 2em 0; background: #dcebf9; padding: 1em; border-radius: .5em; }

.review span { width: 30%; }

.user-name, .date-time { width: 100%; float: left; font: 95%/1.5 Arial; }
.date-time { color: #777; }
.user-name { font-weight: bold; }
.review-text { width: 70%; float: right;font: 95%/1.5 Arial; border-left: 5px solid #fff; padding-left: 1.5em; }

#add-review { width: 100%; margin-bottom: 2.5em; }
#add-review input, #add-review textarea { margin: 0 0 1em 0;  float: left; width: 47%; border: 1px solid #777; font: 120%/1 Arial; border-radius: .3em; padding: .5em 0 .5em .8em; outline: none;  }
#add-review textarea { height: 5.7em; float: right; }

#send-review { position: relative; left: 50%; margin-left: -13%; font: 150%/2 Dnc; color: #003db9; cursor: pointer; border: 2px solid #003db9; text-shadow: none; border-radius: .25em; padding: 0 1em 0 1em; width: 26%; text-align: center; }
#send-review:hover { color: #fff; background: #003db9; }

#sett-adr, #sett-phone { width: 50%; padding: 1em; }
#sett-adr strong, #sett-phone strong { float: left; width: 100%; font: 150%/1 Dnc; text-align: center; margin-bottom: 1em; }

#sett-adr { border-right: 1px dashed #aaa; }
#sett-phone table { font: 90%/1 Arial; width: 100%; }
#sett-phone table td { border: 1px solid #666; }
#sett-phone input { float: left; width: 100%; margin: 0; padding: .6em 0 .5em .8em; font: 95%/1 Arial; border: none; }

.phn-city { width: 45%; padding-left: .5em; }
.adr-city { width: 40%; padding-left: .5em; }

#sett-adr table { font: 90%/1 Arial; width: 100%; }
#sett-adr table td { border: 1px solid #666; padding: .5em; }
#sett-adr input { float: left; width: 90%; margin: 0 0 1em 0; padding: .6em 0 .5em .8em; font: 90%/1 Arial; border: 1px solid #aaa; }
#sett-adr span { float: right; width: 10%; font: 200%/1.15 Arial; text-align: right; cursor: pointer; color: #aaa; }
#sett-adr span:hover { color: #c50000; }
#sett-adr a { font: 80%/1 Arial; margin-bottom: .5em; float: left; width: 100%; }

.a-rev-wrap { width: 100%; border-bottom: 1px dashed #aaa; padding: 1em 0 1em 0; }
.arv-c { width: 25%; }
.a-rev-wrap b, .a-rev-wrap i, .a-rev-wrap em, .a-rev-wrap u  { float: left; width: 100%; font: 90%/1 Arial; margin-bottom: .5em; }
.a-rev-wrap b  { font-weight: bold }

#a-rev { margin-top: 2em; }
#a-rev p { font: 95%/1.5 Arial; width: 75%; float: right; }
#a-rev input, #a-rev label { float: left; }
#a-rev label { font: 95%/1.5 Arial; cursor: pointer; }
#a-rev input { margin: .4em .5em 0 0; }
#a-rev a { float: left; width: 100%; font: 95%/1 Arial; margin-top: .5em; }

.set-filt { width: 100%; font: 120%/2.5 Dnc;margin-bottom: 1em; }
.set-filt li {  background: rgba(0,0,0,.07); border-radius: .5em; padding: 0 1em 0 1em; margin-right: 1em; cursor: pointer; }
.set-filt li:hover { background: rgba(0,0,0,.15); }
.set-filt li.act { background: #0a44a5; color: #fff; }

.rep { width: 100%; text-align: center; }
.rep td { border: 1px solid #888; font: 100%/2 Arial; }
.rep tr:hover { background: rgba(0,0,0,.07); }

.rep-old { float: left; width: 100%;text-align: center; font: 100%/1.5 Arial; margin: 2em 0 2em 0; }


#call-now { display: none; z-index: 6; position: fixed; bottom: 1em; right: 1em; width: 4em; height: 4em; background: #2dc149 url(/i/call-now.png); background-repeat: no-repeat; background-position: 50%; background-size: 45%; border-radius: 3em; }


@media (max-width:940px) {
	#head { padding-left: 10em; }
	#price { font-size: 80%; }
}

@media (max-width:865px) {
	#head { padding-left: 7em; }
	.txt { width: 50%; }
	
	#indicators { font-size: 90%; }
}

@media (max-width:810px) {
	#alltime { margin-left: 3%; }
	#message { width: 100%; line-height: 2; font-size: 250%; }
	#page-head h1 { font-size: 200%; }
	#page-head p { font-size: 130%; }
	#ph-phone { font-size: 220%; background-size: 1.5em; }
}

@media (max-width:768px) {
	#header { background-position: right; }
	#head { padding-left: 2em; padding-right: 1em; }
	#alltime { margin-left: 5%; }
	
	#benefits li { width: 25%; margin: 1em 0 0 0; text-align: center; }
	#benefits i { float: left; font: 130%/1.2 Dnc; width: 100%; padding: .2em 0 0 .7em; }
	#benefits img { float: none; width: 40%; }
	#imglock { margin-top: 2em; }
	
	#alltime { display: none; }
	#free-master { width: 40%; }
	
	#all-city { display: non; position: fixed; width: 90%; height: 90%; top: 5%; margin-left: -45%; }
	
	#indicators { font-size: 70%; }
	#indicators li { width: 27%; }
	#indicators li:first-child { width: 45%; }
	
	#callback { padding: 1em .5em 1em .5em; }
	#callback input { width: 45%; }
	#callback p { width: 100%; font: 170%/1 Dnc; margin-bottom: .5em; }
	#send-cb { width: 45%; }
	
	#ab-h2 { font-size: 160%; }

	#nav { font-size: 90%; padding-left: .8em; }
}

@media (max-width:675px) {
	#nav-menu { display: none; }
	#mobile-menu { display: block; }
	#mobile-menu { float: right; width: 4.2em; height: 4.2em; outline: none; cursor: pointer; background: url(/i/mobile-menu.png) no-repeat 50%; border: none; }
	#mobile-menu.act { background-color: #fff; background-image: url(/i/close-menu.png); }
	#nav-menu { width: 100%; padding: 1em; border: none; text-shadow: none !important; font: 100%/1 Arial !important; position: absolute; top: 3.9em; left: 0; background: #fff; box-shadow: 0 4px 5px #999; }
	#nav-menu li { width: 100% !important; border: none; }
	#nav-menu a { line-height: 2em; text-align: left; color: blue !important; padding: 0 0 0 .5em; }
	#nav-menu a:hover, #nav-menu a.act { background: none; }
}


@media (max-width:620px) {
	a.phone { font-size: 220%; }
	#free-master { font-size: 180%; }
	h1 { font-size: 270%; }
	
	#wrap-serv { height: 330px; }
	
	.txt { width: 100%; font-size: 90%; }
	
	#message { width: 100%; line-height: 2.5; font-size: 170%; }
	
	#photo li { width: 33.333% !important; }

}

@media (max-width:481px) {
	#head { padding: 1em; }
	h1 { font-size: 220%; text-align: center; }
	#imglock { display: none; }
	#service { font: 115%/1.4 Arial; width: 100%; margin-top: .5em; }
	#service li { padding-top: 0; }
	#wrap-serv { width: 100%; height: auto; }
	a.phone { width: 100%; margin-top: 1em; text-align: center; }
	#free-master { width: 100%; margin-top: 4.6em; }
	
	#benefits { padding-left: 1em; }
	#benefits li { width: 100%; margin: 1em 0 0 0; text-align: left; }
	#benefits i { float: left; font: 130%/1.2 Dnc; width: 75%; padding: .2em 0 0 .7em; }
	#benefits img { float: left; width: 20%; }
	
	#about-short img, #about-short p { width: 100%; }
	
	#indicators { font-size: 70%; }
	#indicators li { width: 100%; padding: 1em 0 1em 3em;; }
	#indicators li:first-child { width: 100%; }
	
	#how-it-work li { width: 100%; margin-bottom: 1.5em; }
	
	#citys { display: none; }
	
	#reviews { font-size: 85%; padding: 1em; }
	#reviews h2 { font: 220%/1 Dnc; float: left; width: 100%; text-align: center; }
	.review { margin: 0 0 1em 0; border-radius: 0; }

	.review span { width: 100%; }
	.user-name { font-weight: bold; }
	.review-text { width: 100%; font: 95%/1.5 Arial; border: none; padding: 0; }

	#add-review { width: 100%; margin-bottom: 2.5em; }
	#add-review input, #add-review textarea { margin: 0 0 1em 0;  float: left; width: 100%; border: 1px solid #777; font: 120%/1 Arial; border-radius: .3em; padding: .5em 0 .5em .8em; outline: none;  }
	#add-review textarea { height: 5.7em; float: right; }

	#send-review { position: static; margin: 0; width: 100%; }
	#send-review:hover { color: #fff; background: #003db9; }
	#quest { font-size: 150%; }
	
	#lockpick { margin-bottom: 1em; }
	#lockpick span { width: 100%; margin: 1em 0 1em 0; }
	#lockpick h3 { float: left; width: 100%; text-align: center; }
	#lockpick p { width: 100%; }
	#lockpick ul, #lockpick li { width: 100%; }
	#lockpick li { margin-top: 1em; }
	
	#menu { padding: 1em 0 1em 3em; }
	#menu ul { width: 100%; font: 130%/1 Dnc; text-align: left; }
	#menu li { width: 100%; }
	#menu li a { width: 100%; float: left; text-decoration: underline; }
	#menu img { width: 45px; height: 45px; float: left; margin: .5em .5em 0 0; }
	
	#message { width: 100%; line-height: 1.4; font-size: 200%; margin: .5em 0 .5em 0; }
	
	#callback input { width: 100%; }
	#callback p { width: 100%; font: 150%/1 Dnc; text-align: center; }
	#send-cb { width: 100%; margin-top: .7em; }
	
	#ab-h2 { max-width: 100%; text-align: center; margin-top: 3.5em; }

	#call-now { display: block; }
	#map {height: 8em;}
	#nav-menu { font-size: 75%; padding-bottom: 1em; text-shadow: 0 1px 0 #000; }
	#nav-menu li { width: 33.333%; padding: 0; margin-top: 1em; }
	#nav-menu a { color: #ccc; text-decoration: underline; }
	
	#page-head { padding: 1.5em 0 1em 0; }
	#head-pic { width: 40%; margin-left: 30%; }
	#page-head h1, #page-head p, #ph-phone { width: 100%; text-align: center; }
	#page-head br, #breadcrumbs { display: none; }
	#page-head h1 { font-size: 160%; }
	#page-head p { line-height: 1.5; font-size: 100%; margin: 1em 0 .7em 0; }
	#ph-phone { font-size: 200%; padding: 0; margin: .25em 0 .2em 7%; width: 86%; }
	
	#content { font-size: 82%; }
	
	.w50 { width: 100%; }
	
	.swrp { margin: 0; }
	.sh4 { font-size: 130%; }
	.sh4 br { display: none; }
	#firms { font-size: 80%; }
	#situation { font-size: 85%; }
	#region li { width: 100%; text-align: center; }
	
	#photo li { width: 50% !important; }
	#photo img { border: 5px solid #fff; border-radius: .25em; }
	
	#brand-list li { width: 50%; }
	
	.prc-p { width: 8em; }
	.pic-artc { width: 90%; margin: 0 5% 0 5%; }
	.firm-contacts { width: 100%; margin: .5em 0 1.5em 0em; padding: 0 0 0 1em; }
	#other-firms li { width: 100%; margin: 0; padding: 1em; }
	.first-company { font-size: 110%; }
	
	#video-cnt { width: 100%; }

}





.btn {
position: relative;
cursor: pointer;
font: 100%/1.5 Dnc, Tahoma, Arial;
text-transform: uppercase;
border: 1px solid transparent;
color: #fff;
text-align: center;
border-top-left-radius: .2em; border-top-right-radius: .2em;
border-bottom-left-radius: .2em; border-bottom-right-radius: .2em;
-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,.5);
border-color: rgba(0,0,0,.35);
}

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

.gr-orn {
background: #ffb600;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0e55bd), to(#5110d2));
background-image: -moz-linear-gradient(#0e55bd, #5110d2);
background-image: -ms-linear-gradient(#0e55bd, #5110d2);
background-image: -o-linear-gradient(#0e55bd, #5110d2);
background-image: -webkit-linear-gradient(#0e55bd, #5110d2);
}


/*.gr-orn:hover { background: #3e24cc; }
.gr-orn:active { background: #2d17a6; }*/

.gr-grn {
background: #86b100;
background-image: -webkit-gradient(linear, left top, left bottom, from(#86b100), to(#5a9500));
background-image: -moz-linear-gradient(#86b100, #5a9500);
background-image: -ms-linear-gradient(#86b100, #5a9500);
background-image: -o-linear-gradient(#86b100, #5a9500);
background-image: -webkit-linear-gradient(#86b100, #5a9500);
}

.gr-grn:hover { background: #558200; }
.gr-grn:active { background: #3e6700; }

.btnl { background: none; }
.btnl i { visibility: hidden; }
.btnl:before {
content: ""; position: absolute; left: 0; top: 0;
width: 100%; height: 100%; background: url(/i/loading.gif);
background-position: 50%; background-repeat: no-repeat;
}

.btn.btnl { background: none; border: 1px solid transparent; box-shadow: none; cursor: default; }

.gr-gry {
background: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d7d7d7));
background-image: -moz-linear-gradient(#eeeeee, #d7d7d7);
background-image: -ms-linear-gradient(#eeeeee, #d7d7d7);
background-image: -o-linear-gradient(#eeeeee, #d7d7d7);
background-image: -webkit-linear-gradient(#eeeeee, #d7d7d7);
}

.btn.dsbl {
background: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d7d7d7));
background-image: -moz-linear-gradient(#eeeeee, #d7d7d7);
background-image: -ms-linear-gradient(#eeeeee, #d7d7d7);
background-image: -o-linear-gradient(#eeeeee, #d7d7d7);
background-image: -webkit-linear-gradient(#eeeeee, #d7d7d7);
}


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


#noty_top_layout_container span {float: none;}
#noty_top_layout_container div {float: none;}
#noty_top_layout_container li {float: none;}