body,html,p{
    margin:0;
    padding:0
}
.logo table,a{
    text-decoration:none
}
.order2,.order3,.ship{
    overflow:hidden
}
body{
    background: #fff;
    font-size:16px;
    line-height:1;
    color:#4c535b;
    font-family:din_regular,sans-serif
}
@media (min-width: 1300px) {
	body{
	    background: url(/images/joints.webp) repeat-y #fff;
	    background-size: contain;
	    background-position: center;
	}
}
.callme{
    color:#00779e;
}
.callme:hover{
    color:#005580;
    text-decoration:underline;
    cursor:pointer;
}
.logo-phone h1,b{
    font-family:din_medium
}
b{
    font-weight:400
}
.wrap{
    width:960px;
    margin:0 auto
}
.clear{
    clear:both
}
.header{
    height:90px;
    background:#333
}
.logo,.logo table{
    width:295px;
    height:75px
}
.logo{
    float:left;
    margin:10px 0 0
}
.logo table,.logo table td{
    margin:0;
    padding:0;
    border:0
}
.logo table{
    text-align:center;
    line-height:14px;
    border-spacing:0
}
.phone,.phone a{
    line-height:30px
}
.logo table td{
    vertical-align:top
}
.logo-phone,.logo-phone h1{
    font-size:30px;
    margin-top:7px
}	
.logo table a{
    color:#a8e0f3
}
.logo-phone{
    float:left;
    color:#fff;
    text-align:center;
    margin-left:40px
}
.logo-phone h1{
    color:#FFF;
    text-transform:uppercase;
    margin-left:0
}
.phone{
    float:right;
    color:#efefef;
    font-size:24px;
    text-align:right;
    margin-top:5px
}
.phone a,.phone a:link{
    color:#fff
}
.order,h2{
    text-align:center
}
.phone a{
    font-size:30px;
    margin-top:0
}
.phone div{
    font-size:18px;
    color:#26c4ff;
    text-decoration:underline;
    line-height:15px
}
.phone div:hover{
    color:#fff;
    border-bottom:none;
    line-height:15px;
    cursor:pointer;
    text-decoration:none
}
.order_block,.orderform input, select{
    border:1px solid #c8c8c8
}
.order{
    background-image:linear-gradient(to bottom,#1889e6,#fff);
    color:#fff;
    font-size:24px;
    font-family:din_light;
    padding-top:20px;
    height:625px
}
.order .wrap{
    height:690px;
    position:relative;
    background:url(/images/detskie-prazdniki-background.png) no-repeat
}
.order h2{
    color:#FFF;
    font-size:26pt;
    font-family:din_medium;
    text-transform:uppercase;
    margin:5px 0
}
.timer_block,h1{
    color:#fff;
    text-transform:uppercase;
    font-family:din_medium
}
h1{
    font-size:36px
}
.timer_block{
    width:303px;
    height:305px;
    padding:179px 10px 0 139px;
    margin:44px 0 0 200px;
    font-size:30px;
    line-height:24px;
    float:left
}
.timer,.timer .container{
    width:280px;
    position:relative
}
.timer_block em{
    font-size:36px;
    line-height:40px;
    font-family:din_medium;
    color:#000
}
.left,.timer .container em{
    font-size:16px;
    color:#000;
    text-transform:lowercase;
    font-family:din_regular
}
.left{
    margin-top:5px
}
.timer{
    float:left;
    margin:5px 0 0 12px;
    height:74px;
    background:url(/images/timer-container-bg.png) center no-repeat
}
.timer .container{
    height:85px;
    left:4px
}
.timer .container div{
    height:55px;
    width:27px;
    float:left;
    position:relative
}
div.dayPlay,div.hourPlay,div.minutePlay,div.secondPlay{
    background:url(/images/bg/timer0_9.png);
    margin-top:1px
}
div.minute6Play,div.second6Play{
    background:url(/images/bg/timer0_5_l.png);
    margin:1px 0 0 11px
}
div.day1Play,div.hour2Play{
    background:url(/images/bg/timer0_2_l.png);
    margin:1px 0 0 11px
}
.timer .container em{
    position:absolute;
    bottom:-33px;
    text-align:center;
    width:57px;
    left:-30px
}
.order_block{
    width:300px;
    height:341px;
    background:#f5f5f5;
    padding-top:10px;
    float:right;
    margin-top:204px
}
.order_block span{
    display:block;
    width:302px;
    height:101px;
    background:#373737;
    padding-top:15px;
    color:#fff;
    font-size:24px;
    font-family:din_light;
    margin:0 0 20px -1px
}
.order_block span em{
    color:#02a9f4;
    font-size:36px;
    font-family:din_medium
}
.orderform input, select{
    width:230px;
    height:35px;
    line-height:35px;
    border-radius:5px;
    margin-bottom:10px;
    background:#fafafa;
    color:#767778;
    font-size:18px;
    font-family:din_regular;
    padding:0 10px 0 35px;
    box-shadow:inset 1px 1px 1px rgba(64,64,64,.15),0 1px 0 #fff
}
.orderform select{
    width:275px;
}
.input_data{
    color:darkblue;
    font-size:10pt;
    text-align:left;
    height:35px;
    line-height: 35px
}
input.input_checkbox{
    float:left;
    width:35px;
    height:35px;
    margin-left:10px;
    margin-right:10px;
}
input.input_name{
    background:url(/images/input_name.png) 10px no-repeat
}
input.input_email{
    background:url(/images/input_email.png) 10px no-repeat
}
input.input_phone{
    background:url(/images/input_phone.png) 10px no-repeat
}
input.input_tg{
    background:url(/images/input_tg.png) 10px no-repeat
}
input.bttn{
    padding:0;
    width:276px;
    height:56px;
    border:none;
    box-shadow:none;
    color:#e9ff92;
    font-size:26px;
    cursor:pointer;
    text-shadow:0 1px 0 rgba(0,0,0,.33);
    background:url(/images/bttn.png) no-repeat
}
input.bttn:hover{
    color:#fff;
    background-position:0 -56px
}
input.bttn:active{
    color:#fff;
    background-position:0 -112px
}
.ship,.textblock h2,h2{
    color:#4c535b
}
.textblock p{
    padding:10px 0 0 0;
     text-align:justify;
}
.textblock img.main_img{
    margin: 5px;
     float: left;
}
.textblock img.big {
    width: 96%;
    height: auto;
}
.ships{
    /*background:url(/images/joints.png) center -60px no-repeat #fff;*/
    padding:130px 0 10px
}
h2{
    font-size:48px;
    font-family:din_medium;
    text-transform:uppercase;
    margin-bottom:60px
}
.how_one,.pluses h2 em,.ship,.ships h2 em,h2 em{
    font-family:din_light
}
.ships h2{
    text-align:left;
    margin:0 0 20px 110px
}
.how_one,.ship,.textblock h2{
    text-align:center
}
.pluses h2 em,.ships h2 em{
    font-size:30px
}
.ship{
    width:200px;
    height:225px;
    font-size:24px;
    line-height:24px;
    float:left;
    margin:0 15px
}
.s13,.s14,.s3-4,.s4-4{
    margin-right:0
}
.s3-1{
    background:url(/images/series/04_01.jpg) top no-repeat
}
.s3-2{
    background:url(/images/series/04_02.jpg) top no-repeat
}
.s3-3{
    background:url(/images/series/04_03.jpg) top no-repeat
}
.s3-4{
    background:url(/images/series/04_04.jpg) top no-repeat
}
.s4-1{
    background:url(/images/series/05_01.jpg) top no-repeat
}
.s4-2{
    background:url(/images/series/05_02.jpg) top no-repeat
}
.s4-3{
    background:url(/images/series/05_03.jpg) top no-repeat
}
.s4-4{
    background:url(/images/series/05_04.jpg) top no-repeat
}
.s13,.s14{
    background:url(/images/series/a.jpg) top no-repeat
}
.how{
    background-color:#f0f4ff;
    padding:60px 0 80px
}
.how_one{
    width:320px;
    float:left;
    padding-top:155px;
    font-size:18px;
    line-height:28px
}
.how_one span,.textblock h2{
    font-family:din_medium;
    text-transform:uppercase
}
.how_one span{
    display:block;
    font-size:24px;
    line-height:24px;
    margin-bottom:20px
}
.textblock{
    padding:30px 0;
    font-size:14pt
}
.textblock ul{
    margin-left:20px;
}
.textblock h2{
    font-size:28pt;
    margin:20px
}
.video-responsive{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
	text-align: center;
}
.video-responsive embed,.video-responsive iframe,.video-responsive object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.h1{
    background:url(/images/06_01.png) top no-repeat
}
.h2{
    background:url(/images/06_02.png) top no-repeat
}
.h3{
    background:url(/images/06_03.png) top no-repeat
}
.h4{
    background:url(/images/06_04.png) top no-repeat
}
.h5{
    background:url(/images/06_05.png) top no-repeat
}
.h6{
    background:url(/images/06_06.png) top no-repeat
}
.pluses{
    /*background:#fff;*/
    padding:90px 0 100px
}
.pluses h2{
    font-size:60px;
    background:url(/images/pluses_h2.png) center 15px no-repeat
}
.pluses_col1{
    float:left;
    margin-left:30px;
    width:460px
}
.pluses_col2{
    float:right;
    width:460px
}
.plus{
    font-size:24px;
    padding:24px 0 0 100px;
    min-height:48px;
    margin-bottom:15px
}
.p1{
    background:url(/images/07_01.png) left top no-repeat
}
.p2{
    background:url(/images/07_02.png) left top no-repeat
}
.p3{
    background:url(/images/07_03.png) left top no-repeat
}
.p4{
    background:url(/images/07_04.png) left top no-repeat
}
.p5{
    background:url(/images/07_05.png) left top no-repeat
}
.p6{
    background:url(/images/07_06.png) left top no-repeat
}
.p7{
    background:url(/images/07_07.png) left top no-repeat
}
.p8{
    background:url(/images/07_08.png) left top no-repeat
}
.problems_bg{
    background:url(/images/txtr2.png)
}
.problems{
    padding:70px 0 1px;
    background-color:#f4f4f4
}
.problems h2 em{
    font-family:din_light
}
.problem{
    font-size:18px;
    line-height:20px;
    background:url(/images/problem.png) center 40px no-repeat;
    margin-bottom:50px;
    text-align:justify
}
.problem span{
    font-family:din_medium;
    display:block;
    margin-bottom:7px
}
.engine,.support_cap,.support_one{
    font-family:din_light;
    text-align:center
}
.problem_name{
    text-align:center;
    text-transform:uppercase;
    font-size:36px;
    margin-bottom:30px;
    color:#af75be
}
.problem_task{
    float:left;
    width:410px
}
.problem_sol{
    float:right;
    width:400px
}
.engines{
    /*background:#fff;*/
    padding:90px 0
}
.engines h2{
    font-size:49px
}
.engine{
    float:left;
    /*font-size:18px;*/
    width:180px;
    margin-right:5px
}
.engine span,.support_cap{
    font-size:30px
}
.engine_img{
    width:180px;
    height:199px;
    margin:30px 0
}
.e1 .engine_img{
    background:url(/images/09_01.png) center no-repeat
}
.e2 .engine_img{
    background:url(/images/kachestvo.webp) center no-repeat
}
.e3 .engine_img{
    background:url(/images/opyt_raboty.webp) center no-repeat
}
.e4 .engine_img{
    background:url(/images/originalnost.png) center no-repeat
}
.e5 .engine_img{
    background:url(/images/druzhba.webp) center no-repeat
}
.support{
    background-color:#f4f4f4;
    padding:40px 0 80px
}
.support h2{
    margin-bottom:5px
}
.support_cap{
    margin-bottom:60px
}
.support_one{
    width:320px;
    float:left;
    padding-top:115px;
    font-size:18px;
    line-height:22px
}
.support_one span{
    display:block;
    text-transform:uppercase;
    font-size:24px;
    line-height:26px;
    font-family:din_medium;
    margin-bottom:20px
}
.su1{
    background:url(/images/10_01.png) top no-repeat
}
.su2{
    background:url(/images/10_02.png) center 5px no-repeat
}
.su3{
    background:url(/images/10_03.png) top no-repeat
}
.order2{
    height:458px;
    background:url(/images/11_02.jpg) no-repeat;
    text-align:center
}
.order3{
    height:443px;
    background:url(/images/order3.jpg) no-repeat;
    text-align:center
}
.order2 .timer_block{
    margin-top:-95px
}
.order2 .order_block{
    margin-top:70px
}
.order3 .timer_block{
    margin-top:-105px
}
.order3 .order_block{
    margin-top:60px
}
.reasons{
    padding:60px 0 30px;
    background-color:#f4f4f4;
    overflow-x:hidden
}
.reasons h2{
    background:url(/images/reasons_h2.png) center 12px no-repeat
}
.reasons_block{
    width:960px;
    background:url(/images/reasons_bg.png) -72px 10px no-repeat
}
.reason{
    width:152px;
    text-align:center;
    float:left;
    margin-right:5px;
    font-family:din_regular;
    font-size:18px
}
.reason_big,.reason_text{
    font-family:din_medium
}
.reason_img{
    width:152px;
    height:152px;
    background:url(/images/reason.png) center no-repeat
}
.r2 .reason_img,.r4 .reason_img,.r6 .reason_img{
    background:url(/images/reason2.png) center no-repeat
}
@keyframes rotate{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
@keyframes rotate2{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(-360deg)
    }
}
.r1{
    margin-left:18px
}
.r1 .reason_img{
    animation:rotate 3s infinite linear;
    -moz-animation:rotate 3s infinite linear;
    -webkit-animation:rotate 3s infinite linear
}
.r2 .reason_img{
    animation:rotate2 3s infinite linear;
    -moz-animation:rotate2 3s infinite linear;
    -webkit-animation:rotate2 3s infinite linear
}
.r3 .reason_img{
    animation:rotate 3s infinite linear;
    -moz-animation:rotate 3s infinite linear;
    -webkit-animation:rotate 3s infinite linear
}
.r4 .reason_img{
    animation:rotate2 3s infinite linear;
    -moz-animation:rotate2 3s infinite linear;
    -webkit-animation:rotate2 3s infinite linear
}
.r5 .reason_img{
    animation:rotate 3s infinite linear;
    -moz-animation:rotate 3s infinite linear;
    -webkit-animation:rotate 3s infinite linear
}
.r6 .reason_img{
    animation:rotate2 3s infinite linear;
    -moz-animation:rotate2 3s infinite linear;
    -webkit-animation:rotate2 3s infinite linear
}
.reason_text em{
    font-size:24px;
    line-height:24px
}
.reason_text{
    margin-top:-152px;
    position:relative;
    margin-bottom:20px
}
.r1 .reason_text{
    font-size:46px;
    line-height:158px;
    margin-bottom:14px
}
.r2 .reason_text{
    font-size:32px;
    line-height:24px;
    padding-top:55px;
    height:97px
}
.r3 .reason_text{
    font-size:46px;
    line-height:158px;
    margin-bottom:14px
}
.r4 .reason_text{
    font-size:44px;
    line-height:36px;
    padding-top:50px;
    height:102px
}
.r5 .reason_text{
    font-size:52px;
    line-height:158px;
    margin-bottom:14px
}
.r6 .reason_text{
    font-size:42px;
    line-height:158px;
    margin-bottom:13px
}
.reason_big{
    text-align:center;
    margin-top:40px;
    color:#6fb3eb;
    font-size:36px;
    text-transform:uppercase
}
.project_name,.project_text,.project_text span{
    font-family:din_light
}
.clients{
    padding:70px 0;
    /*background:#fff*/
}
.clients_logos{
    width:909px;
    height:503px;
    margin:0 auto;
    background:url(/images/partnery.webp) center no-repeat
}
.projects{
    padding:50px 0;
    background:url(/images/txtr3.png)
}
.projects h2{
    color:#3EC3FF;
    width:487px;
    margin:0 auto 60px
}
.projects h2 em{
    color:#fff;
    font-size:18px;
    text-transform:lowercase;
    text-align:right;
    display:block;
    margin-bottom:3px
}
.project{
    width:820px;
    margin:0 auto
}
.pr1{
    background:url(/images/pr1.png) right 125px no-repeat
}
.pr2{
    background:url(/images/pr2.png) right 125px no-repeat
}
.pr3{
    background:url(/images/pr3.png) right 125px no-repeat
}
.pr4{
    background:url(/images/pr4.png) right 125px no-repeat
}
.pr5{
    background:url(/images/pr5.png) right 125px no-repeat
}
.project_name{
    font-size:36px;
    color:#fff;
    height:81px;
    line-height:81px;
    padding-left:120px;
    margin-bottom:40px
}
.project_text{
    width:545px;
    font-size:18px;
    line-height:22px;
    color:#fff;
    margin-bottom:20px;
    text-align:justify
}
.project_text.task{
    color:#ff74a4
}
.project_text.solution{
    color:#26c4ff
}
.project_text.otzyv{
    color:#26ffc4
}
.project_text.result{
    color:#ffc000
}
.project_text span{
    color:#fff
}
.faq_one span,.project_text b{
    font-family:din_medium
}
.project_text ul{
    margin-left:12px;
    list-style-image:url(/images/list.png)
}
.divider{
    width:100%;
    height:2px;
    margin:20px 0 30px;
    background:url(/images/divider.png) repeat-x
}
.pr1 .project_name{
    background:url(/images/pn1.png) left no-repeat
}
.pr2 .project_name{
    background:url(/images/pn2.png) 10px no-repeat
}
.pr3 .project_name{
    background:url(/images/pn3.png) 10px no-repeat
}
.pr4 .project_name{
    background:url(/images/pn4.png) 10px no-repeat
}
.pr5 .project_name{
    background:url(/images/pn5.png) 10px no-repeat
}
.faq{
    /*background-color:#fff;*/
    padding:70px 0 0
}
.faq h2{
    font-size:60px;
    background:url(/images/faq_line.png) bottom no-repeat;
    padding-bottom:60px
}
.faq_one{
    margin-bottom:50px;
    background:url(/images/faq.png) left top no-repeat;
    padding-left:45px;
    font-size:24px;
    line-height:28px;
    text-align:justify
}
.faq_one span{
    display:block;
    line-height:34px;
    font-size:30px;
    margin-bottom:30px;
    text-transform:uppercase
}
.any_q,.contacts{
    font-family:din_light
}
.serts{
    padding:40px;
    /*background:#fff*/
}
a.sert{
    display:block;
    width:200px;
    /*padding:150px 0 10px 10px;*/
    padding:0 0 10px 10px; 
    float:left;
    margin:0 13px 30px ;
    vertical-align: top;
}
.se1{
    background:url(/images/kuzovnoi-remont-primer1.jpg) top no-repeat
}
.se2{
    background:url(/images/kuzovnoi-remont-primer2.jpg) top no-repeat
}
.se3{
    background:url(/images/kuzovnoi-remont-primer3.jpg) top no-repeat
}
.se4{
    background:url(/images/kuzovnoi-remont-primer4.jpg) top no-repeat
}
.se5{
    margin-left:133px!important;
    background:url(/images/se5.png) top no-repeat
}
.se6{
    background:url(/images/se6.png) top no-repeat
}
.se7{
    background:url(/images/se7.png) top no-repeat
}
.zoom{
    color:#384049;
    font-size:14px;
    background:url(/images/zoom.png) right no-repeat;
    height:19px;
    line-height:19px;
    width:60px;
    padding-right:25px;
    margin-left:55px
}
.zoom span{
    border-bottom:#384049 dashed 1px
}
a.sert:hover .zoom span{
    border-color:transparent
}
.contacts{
    padding:30px 0;
    color:#fff;
    background:url(/images/txtr4.png)
}
.any_q,.footer{
    padding:40px 0
}
.contacts h2{
    margin-top:10px;
    color:#fff;
    margin-bottom:10px;
    text-align:center
}
.contacts .wrap{
    width:900px
}
.contacts_left h3{
    font-size:30px;
    line-height:40px
}
.contacts_left{
    float:left;
    font-size:20px;
    line-height:26px;
    margin-left:30px;
    width:340px
}
.contacts_right h3{
    font-size:30px;
    line-height:40px
}
.contacts_right{
    float:right;
    font-size:30px;
    line-height:34px;
    margin-top:0;
    text-align:right;
    color:#fff
}
.contacts_right a{
    font-size:18px;
    line-height:18px;
    color:#26c4ff;
    border-bottom:#26c4ff dashed 1px
}
.contacts_right a:hover{
    border-color:transparent
}
.any_q{
    width:100%;
    background:#fff
}
.any_q .wrap{
    width:940px
}
.any_q span{
    display:block;
    float:left;
    font-size:87px;
    color:#302b2b
}
.any_q a,a.copyright{
    float:right;
    display:block;
    line-height:26px
}
.any_q span em{
    color:#575757
}
.any_q a{
    color:#26c4ff;
    font-size:26px;
    border-bottom:#26c4ff dashed 1px;
    margin-top:30px
}
.any_q a:hover{
    border-color:transparent
}
.footer{
    width:100%;
    font-family:din_regular;
    background:url(/images/footer.png);
    border-top:#00983f solid 3px
}
a.copyright{
    width:125px;
    font-family:din_light;
    background:url(/images/mokselle.png) right no-repeat;
    height:26px;
    padding-right:100px;
    font-size:16px;
    color:#4c4c4c;
    text-transform:uppercase
}
#lean_overlay,#parent_popup,.modal{
    display:none;
    position:fixed
}
#lean_overlay{
    z-index:10000;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#000
}
.complete a,p.msgs{
    position:absolute;
    top:0
}
.modal-box{
    background:#eee;
    width:610px;
    padding:15px 0;
    margin:0 auto;
    border-radius:10px;
    box-shadow:inset 5px 5px 5px rgba(0,0,0,.1),inset -5px -5px 5px rgba(0,0,0,.1)
}
.modal-title{
    font-size:36px;
    text-align:center;
    margin-bottom:30px;
    padding:10px 0;
    background:#373737;
    color:#3ec3ff;
    font-family:din_regular
}
.modal span{
    font-size:18px;
    color:#454545;
    display:block;
    margin-bottom:20px;
    text-align:center
}
.modal input{
    border-radius:5px;
    height:36px;
    width:219px;
    background:#fff;
    font-family:din_light;
    border:1px solid #ccc7bb;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,.12)
}
.modal input.input_name{
    margin:0 15px 20px 31px;
    background:url(/images/input_name.png) 11px no-repeat #fff
}
.modal input.input_email{
    background:url(/images/input_email.png) 11px no-repeat #fff
}
.modal input.input_phone{
    background:url(/images/input_phone.png) 11px no-repeat #fff
}
.modal input.bttn{
    width:266px;
    padding:0;
    height:46px;
    line-height:46px;
    border-radius:4px;
    color:#fff!important;
    border:none!important;
    box-shadow:none;
    font-size:22px;
    background:url(/images/bttn2.png);
    margin-left:182px;
    font-family:din_medium;
    letter-spacing:-1px
}
#question .modal-box{
    width:707px
}
#question .bttn{
    margin:10px 0 5px 217px
}
#question .modal-title{
    margin-bottom:7px
}
.form_left{
    float:left;
    width:264px;
    margin-left:30px
}
.form_left input.input_name{
    margin:0
}
.form_left input{
    margin-bottom:10px!important
}
.form_right{
    float:left;
    width:356px;
    margin-left:20px
}
textarea{
    border-radius:5px;
    color:#6d6d6d!important;
    background:#fff;
    width:336px;
    height:72px;
    border:1px solid #cfc8bc;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,.1);
    resize:none;
    font-size:18px;
    padding:6px 10px;
    line-height:23px;
    font-family:din_light
}
.complete a,.error a{
    height:80px;
    right:0;
    cursor:pointer
}
.hidden_area{
    opacity:0
}
.anim{
    transition:all 1s ease;
    opacity:.01;
    transform:scale(.5,.5)
}
.complete a{
    background:#189b18;
    line-height:75px;
    width:80px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    font-size:30px;
    font-family:tahoma
}
p.msgs,span.complete,span.error{
    width:100%;
    display:block;
    line-height:80px;
    left:0;
    z-index:999
}
.complete a:hover{
    background:#176f17
}
p.msgs{
    padding:0;
    font-size:24px;
    font-family:din_medium;
    color:#000;
    text-align:center
}
#popup,span.complete,span.error{
    color:#fff;
    text-align:center
}
span.complete{
    background:#189b18;
    position:absolute;
    top:0
}
.error a,span.error{
    position:absolute;
    background:red;
    top:0
}
.error a{
    line-height:75px;
    width:80px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    font-size:30px;
    font-family:tahoma
}
#popup,.modal{
    left:50%;
    top:50%
}
.error a:hover{
    background:#5d0202
}
.ymap>*,.ymap>*>*{
    height:300px!important;
    width:100%
}
.modal{
    width:707px;
    height:336px;
    background:0 0;
    margin-left:-353px;
    margin-top:-168px;
    z-index:500;
    opacity:0;
    overflow-y:auto
}
#parent_popup{
    background-color:rgba(0,0,0,.8);
    z-index:501;
    top:0;
    right:0;
    bottom:0;
    left:0
}
#popup{
    width:320px;
    height:184px;
    position:fixed;
    margin-top:-92px;
    margin-left:-160px;
    z-index:7;
    background:#181516;
    border:2px solid #333
}
#popup .h{
    font-size:20px;
    padding-top:40px;
    margin-bottom:10px
}
#popup .ok{
    font-size:18px;
    background:#ffc000;
    color:#222;
    display:block;
    width:70px;
    height:30px;
    line-height:30px;
    margin:35px auto;
    cursor:pointer
}
.gototop,.opacity{
    position:fixed;
    display:none
}
.opacity{
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    opacity:.7;
    z-index:4
}
.gototop{
    font-size:14px;
    right:15px;
    bottom:30px;
    color:#222;
    background:url(/images/scrollup.png) center top 10px no-repeat rgba(255,255,255,.7);
    box-shadow:0 0 6px rgba(255,255,255,1);
    padding:35px 10px 10px
}
.gotoelectro{
    font-size:18px;
    color:#fff;
    display:block;
    width:120px;
    height:30px;
    line-height:30px;
    position:absolute;
    left:0;
    top:160px
}
.gotoelectro:after{
    content:'';
    position:absolute;
    border-left:25px solid transparent;
    border-right:25px solid transparent;
    border-top:15px solid #fff;
    bottom:-15px;
    left:50%;
    margin-left:-25px
}
.perezvoniWidget_button-moving{
    right:auto!important;
    left:80px
}