@charset "utf-8";
@font-face { font-family:"Dnc"; src:url("fonts/dnc.eot"); src:url("fonts/dnc.eot-iefix") format("eot"), url("fonts/dnc.woff") format("woff"), url("fonts/dnc.ttf") format("truetype"), url("fonts/dnc.svg#Dnc") format("svg") }
@font-face { font-family:"Nerissemibold"; src:url("fonts/nerissemibold.eot"); src:url("fonts/nerissemibold.eot-iefix") format("eot"), url("fonts/nerissemibold.woff") format("woff"), url("fonts/nerissemibold.ttf") format("truetype"), url("fonts/nerissemibold.svg#Nerissemibold") format("svg") }
@font-face { font-family:"Nerislight"; src:url("fonts/nerislight.eot"); src:url("fonts/nerislight.eot-iefix") format("eot"), url("fonts/nerislight.woff") format("woff"), url("fonts/nerislight.ttf") format("truetype"), url("fonts/nerislight.svg#Nerislight") format("svg") }

html {margin: 0!important; padding: 0!important;}
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; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
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; }
input[type=text]:focus::-webkit-input-placeholder { color: #999; }
.placeholder { color: #999; }
::-webkit-input-placeholder { color: #999 }

.w1000{float:none;width:100%;max-width:1024px;margin:0 auto;position:relative;padding:0 1em}
.w100{width:100%}
.w1000:before,.w1000:after{content:" ";display:table}
.w1000:after{clear:both}

.inp { border-radius: .35em; background: #fff; border: 1px solid #777; padding: .6em 0 .5em .8em; }
.inp:focus { box-shadow: 0 0 10px #71b6d0, inset 0 1px 3px #999; }
.inpic { padding-left: 2.5em; background-position: .5em 50%; background-repeat: no-repeat; }
.iic-phone { background-image: url(../img/ic-phone.png); }

#sticker { position: absolute; background: url(../img/sticker.png) center no-repeat; padding: 60px 110px; left:410px; top:200px; z-index:10; }


/* АНИМАЦИЯ СALLBACK */
.phone {
    background-color: transparent;
    cursor: pointer;
    height: 100px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 100px;
    z-index: 1000;
	visibility: visible;
	opacity: 0.6;
    right: 130px;
    bottom: 110px;
}
.phone:hover {
    opacity: 1;
}

/* img-circle */
@keyframes circle-img-anim {
0% { transform: rotate(0deg) scale(1) skew(1deg);}
10% { transform: rotate(-25deg) scale(1) skew(1deg);}
20% { transform: rotate(25deg) scale(1) skew(1deg);}
30% { transform: rotate(-25deg) scale(1) skew(1deg);}
40% { transform: rotate(25deg) scale(1) skew(1deg);}
100%, 50% { transform: rotate(0deg) scale(1) skew(1deg);}
}
@-webkit-keyframes circle-img-anim {
0% { transform: rotate(0deg) scale(1) skew(1deg);}
10% { transform: rotate(-25deg) scale(1) skew(1deg);}
20% { transform: rotate(25deg) scale(1) skew(1deg);}
30% { transform: rotate(-25deg) scale(1) skew(1deg);}
40% { transform: rotate(25deg) scale(1) skew(1deg);}
100%, 50% { transform: rotate(0deg) scale(1) skew(1deg);}
}
.img-circle {
    animation: 2s ease-in-out 120s normal none infinite running circle-img-anim;
	-webkit-animation: 2s ease-in-out 120s normal none infinite running circle-img-anim;
	-moz-animation: 2s ease-in-out 120s normal none infinite running circle-img-anim;
    background-color: rgba(0, 175, 242, 1);
	background-image: url(../img/phone.png);
	background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
	width: 70px;
    left: 70px;
	top: 70px;
    opacity: 0.8;
    position: absolute;
}
.phone:hover .img-circle {
    background-color: rgba(103, 240, 130, 1) !important;
}

/* circle */
@keyframes circle-anim {
0% { opacity: 0.1; transform: rotate(0deg) scale(0.3) skew(1deg);}
30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg);}
100% { opacity: 0.1; transform: rotate(0deg) scale(1) skew(1deg);}
}
@-webkit-keyframes circle-anim {
0% { opacity: 0.1; transform: rotate(0deg) scale(0.3) skew(1deg);}
30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg);}
100% { opacity: 0.1; transform: rotate(0deg) scale(1) skew(1deg);}
}
.circle {
    animation: 2.3s ease-in-out 0s normal none infinite running circle-anim;
	-webkit-animation: 2.3s ease-in-out 0s normal none infinite running circle-anim;
	-moz-animation: 2.3s ease-in-out 0s normal none infinite running circle-anim;
    background-color: transparent;
    border: 2px solid rgba(0, 175, 242, 1);
    border-radius: 100%;
    height: 100px;
	width: 100px;
    left: 55px;
	top: 55px;
    opacity: 0.5;
    position: absolute;
    transition: all 0.5s ease 0s;
}
.phone:hover .circle {
    border-color: rgba(117, 235, 80, 1);
    opacity: 0.5;
}

/* circle-fill */
@keyframes circle-fill-anim {
0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg);}
50% { opacity: 0.25; transform: rotate(0deg) scale(1) skew(1deg);}
100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg);}
}
@-webkit-keyframes circle-fill-anim {
0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg);}
50% { opacity: 0.25; transform: rotate(0deg) scale(1) skew(1deg);}
100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg);}
}
.circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running circle-fill-anim;
	-webkit-animation: 2.3s ease-in-out 0s normal none infinite running circle-fill-anim;
	-moz-animation: 2.3s ease-in-out 0s normal none infinite running circle-fill-anim;
    background-color: rgba(0, 175, 242, 0.5);
    border: 2px solid transparent;
    border-radius: 100%;
    height: 85px;
	width: 85px;
    left: 62px;
	top: 62px;
    opacity: 0.75;
    position: absolute;
    transition: all 0.5s ease 0s;
}
.phone:hover .circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75
}
/* КОНЕЦ АНИМАЦИИ */

#tizer-fridge { overflow: hidden; padding-bottom: 2em; }
#tizf-bg { position: absolute; top: 0; right: -30em; z-index: 1; }

#tizf-wrap { position: relative; z-index: 5; width: 100%; padding-top: 2em; }

#tizf-menu { left: 0; top: 0; z-index: 10; background: rgba(255,255,255,.7); width: 100%; box-shadow: 0 0 5px #aaa; }
#tizf-menu ul { font: 100%/1 Nerislight; margin-top: 1.2em; }
#tizf-menu a { float: left; text-decoration: none; margin-right: 2.5em; }
.menu-s {color: #007afc; margin-right: 1.8em; cursor: default; }

#tizf-callback { float: right; font-size: 125%; padding: 0em 1em 0.1em 1em;; margin: 0.6em 0; }

#tizf-h1 { font: 250%/1 Nerissemibold; font-size: 250%; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); margin-bottom: 0.4em;}
#tizf-h2 { font: 170%/1.2 Nerislight; width: 100%; margin-top: 0.4em; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }
#tizf-h2 b { font-family: Nerissemibold; color: #ffff00; }

#tizf-phone { font: 233%/1 Nerissemibold; text-decoration: none; color: #fff; margin-top: 0.7em; background: rgba(0, 0, 0, 0.6); border-radius: 3px; width: 376px; padding: 5px 5px 40px 10px;margin-bottom: 0.4em; float: none;}
#tizf-phone a { cursor: default; text-decoration: none; color: #fff;}
#tizf-phone b{ font: 70%/1 Nerissemibold;}
#tizf-phone span { float: left; width: 100%; font: 55%/1 Nerislight; color: #E7E7E7; margin-top: .5em; }
#tizf-phone em { color: #fffC02; }

#tiz-imgr { position: absolute; right: 2em; top: 7.5em; width: 35%; z-index: 1; }

#brands-main { float: left; width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; padding: 1.5em 0 1.5em 0; background: url(../img/bg-sh.png); }
#brands-main  li { width: 8.3%; padding: 0 .35em 0 .35em; margin-top: .35em; }
#brands-main  a {	cursor: pointer; border: none; float: left; width: 100%; opacity: 0.5; -webkit-filter: grayscale(100%);	-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);	filter: gray;}
#brands-main  a:hover { cursor: pointer; border: none; float: left; width: 100%; opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);	-o-filter: grayscale(0%); filter: grayscale(0%); filter: none;}
#brands-main  img { float: left; width: 100%; max-width: 130px; }

#brands { float: left; width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; padding: 1.5em 0 1.5em 0; background: url(../img/bg-sh.png); }
#brands li { width: 9%; padding: 0 .35em 0 .35em; margin-top: .35em; }
#brands a {	cursor: pointer; border: none; float: left; width: 100%; opacity: 0.5; -webkit-filter: grayscale(100%);	-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);	filter: gray;}
#brands a:hover { cursor: pointer; border: none; float: left; width: 100%; opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);	-o-filter: grayscale(0%); filter: grayscale(0%); filter: none;}
#brands img { float: left; width: 100%; max-width: 130px; }

#grub-consult { padding: 2em 0 0 0; }
#grub-consult > span { height: 22.5em; }
#grub-consult img { width: 17em; position: absolute; left: 0; bottom: 0; }
.gc-zayavka { background-image: url(../img/bg-gc-zayavka.jpg); background-position: right;background-repeat: no-repeat; }
.gc-zayavka-tv { background-image: url(../img/bg-gc-zayavka-tv.jpg); background-position: right; }
.gc-wm { background-image: url(../img/bg-gc-wm.jpg); background-position: top; padding-top: 10em !important; }
.gc-wm #gc-h { color: #fff; text-shadow: 1px 1px 1px #333; }
.gc-tv { background-image: url(../img/bg-gc-tv.jpg); background-position: top; }

#gc-wrp { position: relative; width: 58%; margin-bottom: 3em; left: 33%;}
#gc-h { color: #0061BE; text-shadow: 1px 1px 1px #fff; width: 100%; font: 200%/1.1 Nerissemibold; margin-bottom: 1em; text-align: center; }
#gc-board { width: 100%; font: 100%/1 Nerislight; background: #fff; border-radius: 0.2em; padding: 1.5em; box-shadow: 0 5px 10px #555; text-align: center; }
#gc-board p, #gc-board i, #gc-board input { float: left; }
#gc-board p { width: 100%; margin-bottom: 1em; line-height: 1.3em; font-size: 125%; }
#gc-board p b { font-family: Nerissemibold; }
#gc-board i { width: 17%; font: 220%/1 Dnc; color: #444; letter-spacing: .05em; }
#gc-board i:after { content: "мин. сек."; display: block; font: 30%/1 Arial; color: #888; margin-left: .8em; }
#gc-board input { width: 45%; font: 100%/1 Arial; border-color: #0061BE; margin: 0 5% 0 8%; }
#gc-board .btn { font-size: 135%; width: 35%; line-height: 1.7em; }

#plus { padding: 3em 0 1em 0; text-align: center; }
#plus ul { width: 100%; font: 100%/1 Nerislight; }
#plus li { width: 33%; padding: 0 .5em 0 .5em; }
#plus p { margin-top: 1em; line-height: 1.2; }
#plus p strong { font-family: Nerissemibold;  font-weight: bold; }
#plus b { width: 100%; float: left; font: 120%/1 Nerissemibold; color: #444; padding-bottom: 0.25em; padding: 0.8em 0 0.25em 0; text-transform: uppercase; }

#reasons { padding: 4em 0 2em 0; border-top: 10px dotted #fff; }
#reas-h { font: 250%/1 Nerissemibold; text-align: center; float: left; width: 100%; margin: 0 0 1.5em 0; color: #333;  }
#reas-h i { color: #0061BE }
#reas-list { width: 100%; font: 100%/1.4 Nerislight; padding-left: 50px;}
#reas-list p { width: 33%; float: left; padding: .5em; margin-bottom: 2em; }
#reas-list img { float: left; margin: 0 3% 0 0; }
#reas-list b { display: block; font: 170%/1 Nerissemibold; margin: 6px 0 10px 0; }

#reas-phone { float: right; color: #0061BE; font: 220%/1 Nerissemibold; margin-top: .7em; text-decoration: none; cursor: default; width: 47%; padding: .5em 0 .5em 3em; background: #fff url(../img/tiz-phone-ic.png); background-position: .5em 50%; background-repeat: no-repeat; border-radius: .3em; }
#reas-phone:after { content: "Работаем ежедневно. Звоните – поможем"; color: #111; font: 46%/1 Nerislight; display: block; margin-top: .7em; }

#process { font: 100%/1.4 Nerislight; text-align: center; padding: 0em 0 4em 0; }
#process ul { position: relative; width: 100%; font: 100%/1.4 Nerislight; background: url(../img/process0.png) no-repeat top center;}
#process ul li { width: 25%; padding: 0 1em 0 1em; position: relative; }
#process ul p { float: left; width: 100%; }
#process ul i { font: 140%/1 Nerissemibold; display: block; margin: 1em 0 1em 0; }
#process .btn { width: 90%; margin: .5em 0 0 5%; font-size: 130%; }
.step-num { width: 100%; background-position: 50%; background-repeat: no-repeat; color: #033383; font: 300%/2.5 Nerissemibold; text-shadow: 2px 2px 5px #fff; }

.step-fridge .step-num { background-image: url(../img/fridge-step.jpg); }
.step-washing .step-num { background-image: url(../img/wm-step.png); text-shadow: 0 1px 3px #000;; color: #fff; }
.step-washing:before { top: 3.6em !important; }
.step-tv .step-num { background-image: url(../img/tv-step.png);  }
.step-tv:before { top: 3.6em !important; }

#proc-h { font: 260%/1 Nerissemibold; float: left; width: 100%; margin: 0 0 1.3em 0; color: #333; }
#proc-h i { color: #0061BE; }

#city-map { height: 23em; margin-bottom: 3em;}
#city-map .w1000 { height: 100%; }

#companies { font: 90%/1.5 Nerislight; text-align: center; padding-bottom: 2em;}
#companies h2 { text-align: center; width: 100%; font: 220%/1.2 Nerissemibold; color: #333; margin-bottom: 0.8em; }
#companies h2 i { color: #0061BE }
.firm-item { border-radius: .25em; width: 30%; height: 10.5em; overflow: hidden; border: 1px dashed #ddd; padding: 1em; margin: 0 0.8em 2em 0.8em; }
.firm-item i { font-family: Nerissemibold; }
.firm-item a { font-family: Nerissemibold; color: #000; text-decoration: none; cursor: default;}
.firm-item {height: 7em;}

.badi { border-color: #b10000 !important; background: #f8e9e9; }

#more-firms { width: 100%; position: relative; margin: 0.7em 0 1em 0; }
#mf-btn { width: 20%; margin-left: 39%; background: #fff; position: relative; z-index: 3; text-align: center; border: 1px solid #ccc; cursor: pointer; color: #888; border-radius: .25em; font: 90%/2 Nerislight; }
#mf-btn:hover { border-color: #aaa; }

#more-call { width: 100%; margin: 2em 0 1em 0; }
#more-call em { font-family: Nerissemibold; }
#more-call p { float: left; font: 150%/1.4 Nerislight; width: 60%; background: url(../img/tiz-phone-ic.png); background-position: left; background-repeat: no-repeat; padding-left: 3.5em; }
#more-call a { float: right; text-decoration: none; cursor: default; background: #007afc; color: #fff; font: 250%/2 Nerissemibold; padding: 0 .5em 0 .5em; border-radius: .25em; text-shadow: 0 1px 1px #333; }

#hello-about { padding: 4em 0 6em 0; }
#hello-about h1, #hello-about p, #hello-about img { float: left; }
#hello-about h1 { width: 100%; font: 200%/1.2 Nerissemibold; color: #444; }
#hello-about p { width: 100%; margin-top: 1.2em; }
#hello-about img { float: right; margin-right: 25px;}
.ha-wrap { width: 55%; font: 100%/1.4 Nerislight; }
.ha-wm img { width: 40% !important; }

.more-info { border-bottom: 1px dotted #777; cursor: pointer; color: #777; }
.more-wrap { display: none; width: 100%; font: 100%/1.4 Nerislight; margin-bottom: 30px;}
.video {width: 100%; margin-top: 2.5em; text-align: center;}
.more-otzyv  {width: 100%; margin-top: 2.5em; }
.mo-btn  {border-bottom: 1px dotted #777; cursor: pointer; color: #777; float: none;}

#wm-for { background: url(../img/bg-wm-for.jpg) repeat-x; background-position: bottom; padding-top: 1.5em; }
.wm-type { width: 33.333%; position: relative; float: left; }
.wm-type img { float: left; width: 100%; max-width: 330px; }

.1wm-type {width: 33%; text-align: center; float: none; min-height: 250px; display: inline-block; vertical-align: top; }
.1wm-type img { margin-top: -40px; vertical-align: top; float: none; max-width: 330px; }

.wm-h2 { font: 230%/1 Nerissemibold; text-align: center; float: left; width: 100%; margin-bottom: 0.6em; color: #333;  }
.wm-h2 i{ color: #0061BE; }
#wm-for a { float: left; color: #111; font: 100%/1.4 Nerislight; text-decoration: none; margin: 2em 0 1em 0; text-align: center; width: 100%; }
#wm-for a:hover { color: #ff007e; }
#wm-for #ff-text { font-size: 130%; margin-top: 4em !important; }
#wm-for-tv {padding-top: 1.5em; }
#wm-for-tv a { float: left; color: #111; font: 100%/1.4 Nerislight; text-decoration: none; margin: 1.5em 0 0em 0; text-align: center; width: 100%; }
#wm-for-tv a:hover { color: #ff007e; }
.wm-type-tv { width: 25%; position: relative; float: left; }
.wm-type-tv img { float: left; width: 100%; max-width: 230px; }

#wm-for-pl {padding-top: 1.5em; text-align: center;}
#wm-for-pl a { float: left; color: #111; font: 100%/1.4 Nerislight; text-decoration: none; margin: 1.5em 0 1em 0; text-align: center; width: 100%; }
#wm-for-pl a:hover { color: #ff007e; }
.wm-type-pl { width: 33%; text-align: center; float: none; min-height: 250px; display: inline-block; vertical-align: top;  }
.wm-type-pl img { float: left; width: 100%; max-width: 330px; margin-top: -15px; }

#wm-for-hol { background: url(../img/bg-wm-for.jpg) repeat-x; background-position: bottom; padding-top: 1.5em; }
#wm-for-hol a { float: left; color: #111; font: 95%/1.4 Nerislight; text-decoration: none; margin: 2em 0 1em 0; text-align: center; width: 100%; }
#wm-for-hol a:hover { color: #ff007e; }
.wm-type-hol { width: 20%; position: relative; float: left; }
.wm-type-hol  img { float: left; width: 100%; max-width: 330px;}

#price { padding: 4em 0 6em 0; }
#price-wrap { float: right; width: 32%; font: 100%/1.5 Nerislight; text-shadow: 1px 1px 0 #fff; }
#price h2 { float: left; text-align: center; width: 100%; font: 220%/1.2 Nerissemibold; color: #333; margin-bottom: 0.8em; }
#price h2 i { color: #0061BE }
#price p { float: left; width: 100%; margin: 2em 0 0 0; }
#price-phone { float: right; font: 192%/1 Nerissemibold; color: #0061BE; text-decoration: none; cursor: default; margin-top: 7px; }
#price-phone span { float: left; width: 100%; font: 55.5%/1 Nerislight; color: #999; margin-top: .5em; }
#price td { border: 1px solid #aaa; padding: .5em 0 .5em 1em; }
#price .btn { width: 93%; margin-top: .5em; font-size: 140%; }

#price table { position: relative; float: left; width: 63%; font: 100%/1.3 Nerislight; background: #fff; }
#price table:before, #price table:after { 
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  left: 10px;
  width: 65%;
  top: 80%;
  max-width:300px;
  background: #888;
  -webkit-box-shadow: 0 15px 10px #888;
  -moz-box-shadow: 0 15px 10px #888;
  box-shadow: 0 15px 10px #888;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#price table:after { 
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
} 

.price-fridge { background-position: top; }

#reviews { font: 95%/1.5 Nerislight; padding: 5em 0 5em 0; }
#reviews h2 { float: left; font: 250%/1 Nerissemibold; color: #333; }
#reviews h2 i { color: #0061BE; }
.review { width: 100%; margin-top: 4em; }
.review p { float: right; width: 70%; background: #fff; box-shadow: 0 1px 5px #999; padding: 1.5em; border-radius: .35em;}
#btn-add-review { float: right; font-size: 150%; padding: 0 .5em 0 .5em; margin-top: .25em; }
.rev {  background: url(../img/up.png); background-repeat: no-repeat; background-position: left; color: #444; float: left; clear: left; text-shadow: 1px 1px 0 #fff; }
.rev b{ color: #000; font-family: Nerissemibold;}
.rev img{ float: left; margin: 0 3% 0 0;}

#footer { background-color: #272727; font: 90%/3 Nerislight; }
#footer-wrap-1 { float: left; width: 60%; text-align: left;}
#footer-wrap-2 { float: right; width: 40%; text-align: right;}
#cr { float: right; color: #ccc; }

#breadcrumbs { float: left; margin: 0; width: 100%; padding: 0; font: 97%/1 Nerislight; overflow: hidden; white-space: nowrap; color: #ccc; padding: 1em 0 0 0; }
#breadcrumbs li { float: left; }
#breadcrumbs a { color: #ccc; float: left; border-bottom: 1px dotted #ccc; }
#breadcrumbs a:hover { color: #fff; border-color: #fff; }
#breadcrumbs li:after { content: " - "; margin: 0 .5em 0 .5em; }
#breadcrumbs li:last-child:after { display: none; }

#firma { float: left; color: #ccc; position: relative; font: 97%/1 Nerislight; padding-top: 1em;}
#doc  { float: right; position: relative; font: 97%/1 Nerislight; padding: 1em 0 0 0;}
#doc  li { width: 100%; height: 27px;}
#doc  a { color: #ccc; border-bottom: 1px dotted #ccc;}
#doc  a:hover  { color: #fff; border-color: #fff; text-decoration: none;}

#ask-br {float: left; }
#ask { padding: 0 0 2.5em 0; }
#ask span { font: 230%/0.75 Nerissemibold; color: #333; }
#ask span i { color: #0061BE; }
#ask span em { font: 47%/1 Nerislight; color: #888; }
#ask span b { font: 43%/1 Nerislight; color: #888; letter-spacing: -0.6px; }

#ask2 { padding: 0 0 2.5em 0; }
#ask2 span { font: 230%/0.75 Nerissemibold; color: #333; }
#ask2 span i { color: #0061BE; }
#ask2 span em { font: 43%/1 Nerislight; color: #888; letter-spacing: -0.6px;  }

#ask-phone { float: right; font: 220%/0.75 Nerissemibold; color: #0061BE; text-decoration: none; cursor: default; letter-spacing:-2px; }
#ask-phone:after { display: block; content: "Работаем ежедневно с 08:00 до 22:00";  font: 47%/1 Nerislight; margin-top: 0.9em; letter-spacing:0.5px;; color: #888; }

#than-rq { font: 140%/1.2 Nerissemibold; color: #0061BE; }

/*.shim { overflow: hidden; }*/
.shim #shim { display: block; }

#shim { display: none; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: 20; overflow: auto; background: rgba(0,0,0,0.6); }

.rq-wrap { display: none; float: none; margin: 0 auto; width: 100%; padding-top: 5em; font-size: 95%; }
.request-call { position: relative; background: #fff; width: 100%; width: 30em; padding: 1.5em 2em 2em 2em; font: 100%/1.4 Nerislight; box-shadow: 0 1px 10px #000; border-radius: 0.35em; margin-left: -15em; left: 50%;}
.request-call b { float: left; width: 100%; color: #333; text-align: center; font: 240%/1 Nerissemibold; margin-bottom: .5em; }
.request-call p { float: left; width: 100%; color: #555; text-align: center; font: 115%/1.2 Nerislight; margin-bottom: 1em;}
.request-call input, .request-call textarea { outline: none; border-radius: .15em; float: left; width: 100%; font: 150%/1.2 Nerislight; border: 1px solid #777; padding: .4em 0 .4em .5em; margin: .4em 0 .4em 0; }
.request-call input.badi { border-color: #b10000; background: #f8e9e9; }
.request-call input:focus { border-color: #0061BE; }
.request-call i { float: left; width: 100%; font: 110%/1 Nerissemibold; margin: 1.4em 0 .5em 0; }
.request-call .btn { width: 100%; font-size: 180%; line-height: 1.8em; margin: .5em 0 0 0; }
.request-call em { display: block; font-family: Nerissemibold; }

.request-call-2 { position: relative; background: #fff; width: 100%; width: 40em; padding: 1.5em 2em 2em 2em; font: 100%/1.4 Nerislight; box-shadow: 0 1px 10px #000; border-radius: 0.35em; margin-left: -20em; left: 50%;}
.request-call-2 b { float: left; width: 100%; color: #333; text-align: center; font: 240%/1 Nerissemibold; margin-bottom: .5em; }
.request-call-2 p { float: left; width: 100%; color: #111; text-align: center; font: 160%/1.2 Nerislight; margin: 1em 0 1.3em 0;}
.request-call-2 input, .request-call-2 textarea { outline: none; border-radius: .15em; float: left; width: 45%; font: 125%/1.2 Nerislight; border: 1px solid #777; padding: .4em 0 .4em .5em; margin: 0em 1.5em 2em 2.2em;}
.request-call-2 input.badi { border-color: #b10000; background: #f8e9e9; }
.request-call-2 input:focus { border-color: #0061BE; }
.request-call-2 i { float: left; width: 100%; font: 110%/1 Nerissemibold; margin: 1.4em 0 .5em 0; }
.request-call-2 .btn { width: 35%; font-size: 150%; line-height: 1.8em;}
.request-call-2 em { display: block; font-family: Nerissemibold; }

.close-shim { position: absolute; right: 8px; top: 2px; font: 200%/1 Nerislight; text-align: center; cursor: pointer; color: #888; border-radius: 0 0 0 .25em; }
.close-shim:hover { color: #111; }

#rev-mark { width: 100%; border: 1px solid #999; border-left: none; }
#rev-mark input { position: absolute; left: -9999px; }
#rev-mark label { float: left; width: 20%; border-left: 1px solid #999; font: 150%/1.7 Nerislight; text-align: center; cursor: pointer; }
#rev-mark label:hover { background: #ebebeb; }
#rev-mark input:checked + label { background: #0061BE; color: #fff; }

#tiz-ra { background: url(../img/bg-main.jpg) no-repeat top center; height: 480px; overflow: hidden; background-size:cover; }
#tiz-ra img { float: right; margin-top: 2em; width: 37%; width: 300px; }
#tiz-ra h1 { float: left; width: 60%; font: 320%/1 Nerissemibold; color: #444; margin: 2em 0 0.7em 0; }
#tiz-ra p { font: 170%/1.2 Nerislight; width: 100%; margin-top: 0.4em; color: #444; }
#tiz-ra b { color: #0061BE; }
#tiz-ra i { font-size: 35%; margin-top: .5em; }

.main-h h1 { font-size: 400% !important; }
.main-h h1 b { display: inline !important; font-size: 100% !important; }
#main-hp { float: left; width: 60%; font: 150%/1.4 Arial; margin-top: 2.5em; }
.i-wrpt { border-top: 1px solid #aaa; }
.i-wrpt h2 { float: left; width: 100%; font: 180%/1.2 Nerissemibold; margin-bottom: .5em; color: #444; }
.i-wrpt h2 i { color: #0061BE; }
.i-wrpt img { float: left; width: 35%; max-width: 300px; }
.i-wrpt .wrp-text { float: right; width: 55%; padding-top: 4em; }
.i-wrpt p { float: left; width: 100%; font: 100%/1.4 Nerislight; margin-bottom: 1.5em; }

.iwrptr img { float: right; }
.iwrptr .wrp-text { float: left; }

.i-ph { font: 170%/1 Nerissemibold; color: #777; text-decoration: none !important; cursor: default; }
.i-ph:hover { color: #777; }
.i-rmo { float: left; font: 110%/2 Nerislight; background: #ffe93f; padding: 0 2em 0 2em;  color: #000; text-decoration: none; margin-right: 1em;}
.i-rmo:hover { background: #ffef72; color: #000; text-decoration: none; }

.i-errors { padding-top: 50px; }
.i-errors h1 { float: left; width: 100%; font: 250%/1.2 Nerissemibold; margin-bottom: .5em; color: #444; }
.i-errors h1 i { color: #0061BE; }
.i-errors img { float: left; width: 35%; max-width: 300px; }
.i-errors .wrp-text { float: right; width: 55%; padding-top: 4em; }
.i-errors p { float: left; width: 100%; font: 100%/1.4 Nerislight; margin-bottom: 1.5em; }
.i-rmo-errors { float: left; font: 130%/2 Nerislight; background: #ffe93f; padding: 0 3em 0 3em;  color: #000; text-decoration: none; margin-right: 1em;}
.i-rmo-errors:hover { background: #ffef72; color: #000; text-decoration: none; }

#hello-about strong, #hello-about b { font-family: Nerissemibold; font-weight: bold; }
#hello-about ul, #hello-about li { width: 100%; }
#hello-about li { background: url(../img/tick.png); background-repeat: no-repeat; background-position: left; padding-left: 2em; line-height: 1.4em; margin-bottom: 0.8em; }
.more-wrap h2 { font: 170%/1 Nerissemibold; float: left; width: 100%; color: #111; margin: 2em 0 .3em 0; }

.bul { float: left; width: 100%; margin: 2em 0 1em 0; }

.btn {
position: relative;
cursor: pointer;
font: 100%/1.5 Dnc, Tahoma, Arial;
text-shadow: 0 1px rgba(255,255,255,.63);
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);
border-color: rgba(0,0,0,.35);
}

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

.gr-orn {
    color: #000;
    border-radius: 4px;
    background: #ffe93f;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe93f), to(#ffdb28));
    background: -webkit-linear-gradient(top, #ffe93f 0%, #ffdb28 100%);
    background:         linear-gradient(to bottom, #ffe93f 0%, #ffdb28 100%);
    -webkit-box-shadow: inset 0 1px 0 #ffe96a;
    box-shadow: inset 0 1px 0 #ffe96a;
}

.gr-orn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffef72), to(#ffe45b));
    background: -webkit-linear-gradient(top, #ffef72 0%, #ffe45b 100%);
    background:         linear-gradient(to bottom, #ffef72 0%, #ffe45b 100%);
}

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

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

.gr-grn:hover { background: #ffef72; }

.btnl { background: none; }
.btnl i { visibility: hidden; }
.btnl:before {
content: ""; position: absolute; left: 0; top: 0;
width: 100%; height: 100%; background: url(../img/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; }

#about-brands { font: 100%/1.4 Nerislight; padding: 5em 0 5em 0; }
#about-brands h1, #about-brands h2, #about-brands h3, #about-brands p { float: left; }
#about-brands h1 { width: 100%; font: 180%/1.2 Nerissemibold; color: #444; }
#about-brands h2 { width: 100%; font: 150%/1.2 Nerissemibold; color: #444; margin-top: 1.5em; }
#about-brands h3{ width: 100%; font: 130%/1.2 Nerissemibold; color: #444; margin-top: 1.5em; }
#about-brands p { width: 100%; margin-top: 1.2em; }
#about-brands a { color: #000; text-decoration: none; }
#about-brands a:hover { color: #000; text-decoration: none;}
#about-brands img { float: right; }
.brands-wrap { width: 60%; font: 100%/1.4 Nerislight; }
.brands-wrap  li { background: url(../img/tick.png); background-repeat: no-repeat; background-position: left; padding-left: 2em; line-height: 1.4em; margin-top: 0.8em; width: 100%;}
.ochibki li { background: none;}

#main-from-firm { width: 100%; font-size: 250%; margin-top: 1.5em;  }

input.btn, input#callme.btn {	margin:0; border:none; padding:0; font-family: Dnc, Tahoma, Arial; }

/* pre-footer */
#pre-footer {padding: 40px 0; background-color: #363636; color: #c2c2c2; font: 90% Nerislight;}
.container {  margin: 0px auto; padding: 0; max-width: 1110px; width: 100%;}
.col-1 {width: 30%;}
.col-1-z {padding-bottom: 10px; font: 125% Nerislight; color: #fff;}
.col-2 {width: 25%;	margin-left: 6%;}
.col-2 ul li{width: 100%;}
.col-2 a{color: #c2c2c2;}
.col-2 a:hover{color: #007afc; text-decoration: none;}
.col-2 h3{padding-bottom: 5px;}
.col-2 h3 a{font: 108% Nerislight; color: #fff}

#reas-list span {float: none;}
textarea {resize: none;}
#hello-about .video iframe{max-width: 480px; width: 100%; height: 360px;}