@charset "utf-8";
@import url(jquery.fancybox.css);
@font-face{
    font-family:"Dnc";
    src:url("fonts/dnc.eot");
    src:url("fonts/dnc.woff") format("woff"),url("fonts/dnc.ttf") format("truetype");
}
@font-face{
    font-family:"Nerissemibold";
    src:url("fonts/nerissemibold.eot");
    src:url("fonts/nerissemibold.woff") format("woff"),url("fonts/nerissemibold.ttf");
}
@font-face{
    font-family:"Nerislight";
    src:url("fonts/nerislight.eot");
    src:url("fonts/nerislight.woff") format("woff"),url("fonts/nerislight.ttf") format("truetype");
}
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:0;
    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:0
}
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;
    background-image:url(../img/ic-phone.png)
}
.no-visible{
    display:none;
    visibility:hidden
}
.btn{
    position:relative;
    cursor:pointer;
    font:100%/1.5 Dnc;
    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);
    display: inline-block;
    text-decoration: none !important;
}
.btn:hover{
    border-color:rgba(0,0,0,.5);
    color: #000;
}
.btn:active{
    border-color:rgba(0,0,0,.1);
    box-shadow:inset 0 1px 6px #555;
    text-shadow:none
}
#products{
    margin:3em 0 0 0
}
#products img{
    width:100%
}
#products ul{
    margin:15px 0 40px 0
}
#products li{
    width:25%;
    margin:0 0 3em 0
}
#products span{
    display:block;
    position:absolute;
    text-transform:uppercase;
    background:#ffef72;
    color:#000;
    width:23%;
    max-width:230px;
    padding:5px 0 5px 10px;
    margin-top:-50px;
    margin-left:10px;
    font:120%/1.2 Nerissemibold
}
#products a:hover span{
    background:#0061be;
    color:#fff
}
#products img:hover{
    -webkit-filter:drop-shadow(0px -2px 7px #777);
    filter:drop-shadow(0px -2px 7px #777)
}
#products h2{
    font:250%/1 Nerissemibold;
    text-align:center;
    float:left;
    width:100%;
    margin-bottom:.6em;
    color:#333
}
#products i{
    color:#0061be
}
#sticker{
    position:absolute;
    background:url(../img/sticker.png) center no-repeat;
    padding:60px 110px;
    left:410px;
    top:200px;
    z-index:10
}
#tizf-menu a#tizf-callback{
    float:right;
    font-size:125%;
    padding:0 1em .1em 1em;
    margin:.6em 0
}
#tizer-main{
    overflow:hidden
}
#tizf-p{
    width:60%;
    font:320%/1 Nerissemibold;
    color:#444;
    margin:2em 0 .7em 0;
    display:block
}
#tizf-bg{
    position:absolute;
    top:0;
    right:-30em;
    min-height:100%
}
#tizf-wrap{
    position:relative;
    z-index:5;
    width:100%;
    padding-top:2em
}
#tizf-h1{
    font:250%/1 Nerissemibold;
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,0.8);
    margin-bottom:.4em
}
#tizf-h2{
    font:170%/1.2 Nerislight;
    width:100%;
    margin-top:.4em;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.8)
}
#tizf-h2 b{
    font-family:Nerissemibold;
    color:#ff0
}
.h1-s{
    max-width:620px
}
.h1-h{
    max-width:575px
}
.h1-t{
    max-width:525px
}
.h1-p{
    max-width:525px
}
#tizf-phone{
    font:233%/1 Nerissemibold;
    text-decoration:none;
    color:#fff;
    margin-top:.7em;
    background:rgba(0,0,0,0.6);
    border-radius:3px;
    width:376px;
    padding:5px 5px 40px 10px;
    margin-bottom:2em;
    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
}
#tizf-menu{
    height:3.5em;
    z-index:10;
    background:rgba(255,255,255,.7);
    width:100%;
    box-shadow:inset 0 -2px 2px 0 #d7d7d7
}
#tizf-menu ul{
    font:100%/1 Nerislight;
    margin:1.2em;
}
#tizf-menu ol{
    font:100%/1 Nerislight;
    margin:1.2em 0 0 0
}
#tizf-menu a{
    float:left;
    text-decoration:none;
    margin-right:2.5em;
    border-bottom:1px dotted #007afc
}
#tizf-menu a:hover{
    border-bottom:0
}
.menu-s{
    color:#007afc;
    margin-right:1.8em;
    cursor:default
}
#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:8.3%;
    padding:0 .35em 0 .35em;
    margin-top:.35em
}
#brands a{
    cursor:pointer;
    border:0;
    float:left;
    width:100%;
    opacity:.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:0;
    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;
    margin:0 0 3em 0
}
#grub-consult>span{
    height:22.5em
}
#grub-consult img{
    width:17em;
    position:absolute;
    left:0;
    bottom:0
}
#today{
    float:none
}
.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-position:top;
    padding-top:10em!important
}
.gc-wm #gc-h{
    color:#fff;
    text-shadow:1px 1px 1px #333
}
#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:.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%;
    line-height:1.3em;
    font-size:125%;
    margin-bottom:1em
}
#gc-board p:nth-child(2n){
    margin-bottom:0
}
#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
}
@media(max-width:870px){
    #plus li{
        width:100%;
        margin-bottom: 40px;
    }
    #plus li:last-of-type{
        margin-bottom: 0;
    }
}
#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:.25em;
    padding:.8em 0 .25em 0;
    text-transform:uppercase
}
#reasons{
    padding:1em 0 3em 0
}
#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-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-bottom:9em
}
#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-washing .step-num{
    text-shadow:0 1px 3px #000;
    color:#fff
}
.step-washing:before{
    top:3.6em!important
}
.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
}
.yandex-map{
    width:100%;
    position:relative;
    height:23em;
    margin-bottom:3em
}
#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:.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 .8em 2em .8em
}
.firm-item i{
    font-family:Nerissemibold
}
.firm-item a{
    font-family:Nerissemibold;
    color:#000;
    text-decoration:none;
    cursor:default
}
.firm-item{
    height: 8.4em;
}
.badi{
    border-color:#b10000!important;
    background:#f8e9e9
}
#more-firms{
    width:100%;
    position:relative;
    margin:.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-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;
    font:100%/1.4 Nerislight;
    text-align:justify
}
#hello-about ul,#hello-about li{
    float:none
}
#hello-about h2{
    font:170%/1 Nerissemibold;
    float:left;
    width:100%;
    color:#111;
    margin:2em 0 .3em 0
}
#hello-about h1{
    width:100%;
    font:200%/1.2 Nerissemibold;
    color:#444;
    text-align:left
}
#hello-about p{
    width:100%;
    margin-top:1em
}
#hello-about img{
    float:right;
    margin:0 0 0 3em
}
#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-top:.5em
}
.more-wrap{
    float:none;
    display:none
}
.more-info{
    border-bottom:1px dotted #007afc;
    cursor:pointer;
    color:#007afc;
    margin-top:.7em
}
.more-info:before{
    content:"Читать далее"
}
.bul{
    float:left;
    width:100%;
    margin:2em 0 1em 0
}
.ha-wm img{
    width:40%!important
}
.video{
    width:100%;
    margin-top:2.5em;
    text-align:center
}
.more-otzyv{
    width:100%;
    margin-top:2.5em
}
.mo-btn{
    border-bottom:1px dotted #007afc;
    cursor:pointer;
    color:#007afc;
    float:none
}
.wm-h2{
    font:230%/1 Nerissemibold;
    text-align:center;
    float:left;
    width:100%;
    margin-bottom:.6em;
    color:#333
}
.wm-h2 i{
    color:#0061be
}
#wm-for,#wm-for-hol{
    background:url(../img/bg-wm-for.jpg) repeat-x;
    background-position:bottom;
    margin-bottom:4em
}
#wm-for-tv,#wm-for-pl{
    padding-top:1.5em;
    text-align:center
}
#wm-for a,#wm-for-hol a,#wm-for-tv a,#wm-for-pl a{
    float:left;
    color:#111;
    font:100%/1.4 Nerislight;
    text-decoration:underline;
    margin:2em 0 1em 0;
    text-align:center;
    width:100%
}
#wm-for a:hover,#wm-for-hol a:hover,#wm-for-tv a:hover,#wm-for-pl a:hover{
    color:#ff007e;
    text-decoration:none
}
#wm-for li{
    width:33.333%;
    position:relative;
    float:left
}
#wm-for-tv li{
    width:25%;
    position:relative;
    float:left
}
#wm-for-hol li{
    width:20%;
    position:relative;
    float:left
}
#wm-for-pl li{
    width:33%;
    text-align:center;
    float:none;
    display:inline-block;
    vertical-align:top
}
#wm-for img,#wm-for-hol img,#wm-for-tv img,#wm-for-pl img{
    width:100%;
    max-width:330px;
    vertical-align:bottom
}
#price{
    padding-bottom:6em
}
#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:.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%;
    display: inline-block;
    text-decoration: none !important;
}
#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-bottom:5em
}
#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%/1 Nerislight;
    color:#ccc;
    position:relative;
    padding:1em 0 .5em 0
}
#footer li{
    width:100%;
    margin-bottom:12px
}
#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
}
#doc a{
    color:#ccc;
    border-bottom:1px dotted #ccc;
    text-decoration:none
}
#doc a:hover{
    color:#fff;
    border-color:#fff;
    border-bottom:0
}
#breadcrumbs{
    float:left;
    margin:0;
    padding:0;
    font:97%/1 Nerislight;
    overflow:hidden;
    white-space:nowrap;
    color:#007afc
}
#breadcrumbs li{
    float:left
}
#breadcrumbs a{
    margin-right:0
}
#breadcrumbs li:after{
    content:" \00BB ";
    margin:0 .5em 0 .5em;
    color:#777
}
#breadcrumbs li:last-child:after{
    display: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:"Работаем ежедневно с 10:00 до 19:00";
    font:47%/1 Nerislight;
    margin-top:.9em;
    letter-spacing:.5px;
    color:#888
}
#than-rq{
    font:140%/1.2 Nerissemibold;
    color:#0061be
}
.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;
    font:100%/1.4 Nerislight;
}
.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:0;
    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 textarea{
    height: 120px;
}
.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;
    font:100%/1.4 Nerislight;
}
.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:none;
    width:70%;
    color:#111;
    text-align:center;
    font:160%/1.2 Nerislight;
    margin:1em auto 1.3em auto
}
.request-call-2 input,.request-call-2 textarea{
    outline:0;
    border-radius:.15em;
    float:left;
    width:45%;
    font:125%/1.2 Nerislight;
    border:1px solid #777;
    padding:.4em 0 .5em 2.2em;
    margin:0 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:0;
    top:0;
    font:220%/0.4 Nerislight;
    text-align:center;
    cursor:pointer;
    color:#888;
    padding:12px
}
.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 .7em 0
}
#tiz-ra p{
    font:170%/1.2 Nerislight;
    width:100%;
    margin-top:.4em;
    color:#444
}
#tiz-ra b{
    color:#0061be
}
#tiz-ra i{
    font-size:35%;
    margin-top:.5em
}
#text-ra{
    float:none;
    font-size:60%;
    margin-top:5em;
    max-width:650px
}
#change-city{
    padding:2em 0 2em 0;
    background:#efefec url(../img/bg-main.png)
}
#change-city h2{
    float:left;
    width:55%;
    font:150%/1.4 Nerissemibold;
    color:#333
}
#change-city h2 i{
    color:#0061be
}
#change-city input{
    float:left;
    width:100%;
    font:110%/1 Nerissemibold;
    border:1px solid #999;
    border-radius:.3em;
    padding:.5em 0 .5em 2.3em;
    background:#fff url(../img/ic-adress.png);
    background-repeat:no-repeat;
    background-position:.5em 50%
}
#change-city b{
    font:100%/1 Nerissemibold;
    float:left;
    width:100%;
    margin-bottom:.7em;
    color:#444
}
#change-city ul{
    display:none;
    font:100%/2.5 Arial;
    box-shadow:0 2px 2px #aaa;
    border:1px solid #999;
    border-top:0;
    position:absolute;
    top:100%;
    margin-top:-.15em;
    left:0;
    width:100%;
    background:#fff;
    z-index:5;
    padding:1em
}
#change-city li{
    width:100%;
    border-top:1px dotted #ccc
}
#change-city a{
    float:left;
    width:100%;
    text-decoration:none
}
#ch-cit{
    float:left;
    width:35%;
    margin-right:5%;
    margin-top:0;
    position:relative
}
#ch-sec{
    float:left;
    width:35%;
    margin-right:5%
}
#ch-sec select{
    float:left;
    width:100%;
    margin:0;
    border:1px solid #aaa;
    outline:0;
    border-radius:.3em;
    font:110%/1 Arial;
    background:#fff;
    padding:.5em 0 .5em .3em
}
#ch-bt{
    width:20%;
    font-size:155%;
    margin-top:1.1em
}
.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
}
.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-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:0
}
.btnl i{
    visibility:hidden
}
.btn.btnl{
    background:0;
    border:1px solid transparent;
    box-shadow:none;
    cursor:default
}
.gr-gry{
    background:#eee;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#d7d7d7));
    background-image:-moz-linear-gradient(#eee,#d7d7d7);
    background-image:-ms-linear-gradient(#eee,#d7d7d7);
    background-image:-o-linear-gradient(#eee,#d7d7d7);
    background-image:-webkit-linear-gradient(#eee,#d7d7d7)
}
.btn.dsbl{
    background:#eee;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#d7d7d7));
    background-image:-moz-linear-gradient(#eee,#d7d7d7);
    background-image:-ms-linear-gradient(#eee,#d7d7d7);
    background-image:-o-linear-gradient(#eee,#d7d7d7);
    background-image:-webkit-linear-gradient(#eee,#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:.8em;
    width:100%
}
.ochibki li{
    background:0
}
#main-from-firm{
    width:100%;
    font-size:250%;
    margin-top:1.5em
}
input.btn,input#callme.btn{
    margin:0;
    border:0;
    padding:0;
    font-family:Dnc,Tahoma,Arial
}
#pre-footer{
    padding:40px 0;
    background-color:#363636;
    color:#c2c2c2;
    font:90% Nerislight
}
.container{
    margin:0 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
}
#hello-about .video iframe{
    max-width:480px;
    width:100%;
    height:360px
}
.phone{
    background-color:transparent;
    cursor:pointer;
    height:100px;
    width:100px;
    position:fixed;
    transition:visibility .5s ease 0s;
    z-index:1000;
    visibility:visible;
    opacity:.6;
    right:130px;
    bottom:110px
}
.phone:hover{
    opacity:1
}
@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 14s normal none infinite running circle-img-anim;
    -webkit-animation:2s ease-in-out 14s normal none infinite running circle-img-anim;
    -moz-animation:2s ease-in-out 14s 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:1;
    position:absolute
}
.phone:hover .img-circle{
    background-color:rgba(103,240,130,1)!important
}
@keyframes circle-anim{
    0%{
        opacity:.1;
        transform:rotate(0deg) scale(0.3) skew(1deg)
    }
    30%{
        opacity:.8;
        transform:rotate(0deg) scale(0.7) skew(1deg)
    }
    100%{
        opacity:.1;
        transform:rotate(0deg) scale(1) skew(1deg)
    }
}
@-webkit-keyframes circle-anim{
    0%{
        opacity:.1;
        transform:rotate(0deg) scale(0.3) skew(1deg)
    }
    30%{
        opacity:.8;
        transform:rotate(0deg) scale(0.7) skew(1deg)
    }
    100%{
        opacity:.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;
    position:absolute;
    transition:all .5s ease 0s
}
.phone:hover .circle{
    border-color:rgba(117,235,80,1)
}
@keyframes circle-fill-anim{
    0%{
        opacity:.1;
        transform:rotate(0deg) scale(0.7) skew(1deg)
    }
    50%{
        opacity:.4;
        transform:rotate(0deg) scale(1) skew(1deg)
    }
    100%{
        opacity:.1;
        transform:rotate(0deg) scale(0.7) skew(1deg)
    }
}
@-webkit-keyframes circle-fill-anim{
    0%{
        opacity:.1;
        transform:rotate(0deg) scale(0.7) skew(1deg)
    }
    50%{
        opacity:.4;
        transform:rotate(0deg) scale(1) skew(1deg)
    }
    100%{
        opacity:.1;
        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:.75;
    position:absolute;
    transition:all .5s ease 0s
}
.phone:hover .circle-fill{
    background-color:rgba(117,235,80,0.5);
    opacity:.75
}
/* fancybox */
.fancybox-inner{
    overflow: visible !important;
}
.fancybox-wrap{
    padding: 35px 0 0;
}
.fancybox-skin{
    margin-bottom: 35px;
}
.fancybox-overlay{
    background: rgba(0,0,0,0.8);
}
.fancybox-close {
    background: transparent !important;
    top: -35px !important;
    right: -3px !important;
    width: 30px !important;
    height: 30px !important;
    cursor: pointer;
    z-index: 8040;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
@media only screen and (min-width: 992px) {
    .fancybox-close {
        background: transparent !important;
        top: -35px !important;
        width: 40px !important;
        right: -35px !important;
    }
}
.fancybox-close:after{
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    content: "";
    display: block;
    position: absolute;
    background: #333333;
    margin-left: -1px;
}
.fancybox-close:after {
    background: url(../images/close.png) 50% 50% no-repeat;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    content: "";
    display: block;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fancybox-close:hover{
    background: #FF4632;
}
.fancybox-close:hover:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fancybox-skin{
    background: #fff;
    box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.3)  !important;
    border-radius: 0;
}
.fancybox-nav span{
    visibility: visible;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.fancybox-next span {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: -50px;
}
.fancybox-prev span {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    left: -50px;
}
.fancybox-prev span:after,
.fancybox-next span:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.fancybox-prev:hover span:after,
.fancybox-next:hover span:after{
    border-color: #5A47B8;
}
.fancybox-title-float-wrap{
    left: 0;
    margin-bottom: -28px;
    width: 100%;
    text-align: left;
    overflow: hidden;
}
.fancybox-title-float-wrap .child{
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    color: #000;
    display: block;
    font-size: 14px;
    padding: 12px 20px;
    font-weight: normal;
}
.fancybox-title-float-wrap .child{
    white-space: normal;
    width: 100%;
}
/* end fancybox */
.modal {
    display: none;
    width: 560px;
    max-width: 100%;
    padding: 25px;
}
.modal > div{
    float: none !important;
}
#responseMessage .modal-content.error{
    color: #FF4632;
}
*{
    outline: none !important;
}
.modal2 {
    display: none;
    width: 500px;
    max-width: 100%;
    background: #fff;
    padding: 25px;
    font-size: 16px;
    font-family: Nerislight;
}
.modal2 h2{
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    font: 24px/1.2 Nerissemibold;
    color: #444;
}
.modal2 div{
    float: none;
}
.modal2 .fancyClose{
    display: inline-block;
    padding: 5px 30px;
    background: #ffe409;
    text-transform: uppercase;
    color: #000;
    font-size: 17px;
    cursor: pointer;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-appearance: none;
    border: 2px solid #ffe409;
    margin-bottom: 10px;
    border-radius: 3px;
}
.modal2 .fancyClose:hover{
    background: transparent;
    color: #000;
    text-decoration: none;
}
.main-page .content{
    padding: 80px 35px 20px;
}
.main-page #tizf-menu{
    position: relative;
    z-index: 100000 !important; 
}
.content p{
    margin-bottom: 30px;
    line-height: 1.6;
}
.address-section{
    width: 100%;
}
.address-section .inner{
    float: none;
    width: 770px;
    max-width: 100%;
    margin: 0 auto -80px;
    position: relative;
    padding-left: 350px;
    background: #0061be;
    z-index: 100;
    overflow: hidden;
    color: #fff;
    height: 230px;
}
.address-section .block-img{
    width: 350px;
    float: none;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.address-section .block-img img{
    max-width: 100% !important;
}
.address-section .block-content{
    font: 150%/1.3 Nerissemibold;
    float: none;
    width: 100%;
    height: 100%;
    padding: 0 40px;
}
.address-section .block-content span{
    font-size: 16px;
    float: none;
    width: 100%;
}
.table{display:table;width:100%;height:100%; float:none;}
.table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle; float:none;}


@media(max-width:767px){
    .address-section .inner{
        margin: 0 0 20px;
        padding-left: 0;
        height: auto;
    }
    .address-section .block-img{
        width: 100%;
        position: static;
    }
    .address-section .block-content{
        padding: 30px;
    }
}