*{outline:none}
html{height:100%;overflow:auto;overflow-y:scroll}
body{position:relative;height:100%;margin:0px;color:#333;font-family:Tahoma;font-size:14px;line-height:1.4;}
form{margin:0px}
img{border:0px}
table{border-collapse:collapse}

a{color:#f80012}
a:hover{text-decoration:none}
a.js{border-bottom:1px dotted;text-decoration: none !important}

h1, h2, h3{margin:15px 0px;font-weight: normal}
h1{font-size:26px;margin:0px 0px 20px 0px;line-height:1;border-bottom:1px solid;padding-bottom:8px}

hr{border:dotted #666;border-width: 1px 0px 0px 0px;margin:15px 0px}

.body{position: relative;width:1200px;margin:0 auto;}

#doc{max-width:1366px;min-width: 1200px;min-height:100%;margin: 0 auto;overflow: hidden;background: url("../img/body_bg.png");box-shadow: 0px 0px 12px rgba(0,0,0,0.2)}

#head{overflow: hidden;background: url("../img/head_bg.png");position: relative;z-index: 20}
#head .body{height:140px;}
#logo{position: absolute;top:35px;}
#head .masters{position: absolute;right:32px;bottom:0px}

#head .phone{position: absolute;top:35px;left:28%;padding-left:33px;background: url("../img/phone.png") 0% 14px no-repeat}
#head .phone strong{font-size:11px;font-weight: normal;text-transform: uppercase;color:#f80012}

#head .address{position: absolute;top:35px;left:52%;padding-left:42px;background: url("../img/address.png") 0% 14px no-repeat;line-height: 1.1;font-size:13px}
#head .address strong{font-size:11px;font-weight: normal;text-transform: uppercase;color:#f80012;line-height:1.6}
#head a{color:#000}


#mainmenu{height:60px;background: url("../img/menu_bg.png");position: relative;z-index: 10}
.mainpage #mainmenu{box-shadow: 0px 0px 120px #000;}
.innerpage #mainmenu{margin-bottom:40px}
#mainmenu ul{margin:0px;padding:0px;list-style-type: none}
#mainmenu ul li{float:left;border-right:1px solid rgba(255,255,255,0.15)}
#mainmenu ul li:first-child{border-left:1px solid rgba(255,255,255,0.15)}
#mainmenu ul li a{display:block;line-height:60px;width:140px;text-align: center;text-transform: uppercase;color:#FFF;text-decoration: none;font-size: 15px}
#mainmenu ul li a.has-children{background: url("../img/bottom.png") 50% 45px no-repeat}
#mainmenu ul li a:hover{text-decoration: underline}
#mainmenu .master{
    display:block;position: absolute;top:0px;right:0px;height:60px;width:240px;padding:12px 20px 0px 78px;box-sizing: border-box;
    color:#FFF;font-size:15px;text-decoration: none;line-height:1.2;text-transform: uppercase;
    background: url("../img/call.png") rgba(255,53,6,0.8) 24px 15px no-repeat;
}
#mainmenu ul ul{position: absolute;display: none}
#mainmenu ul ul li{float:none;border:0px !important;background: linear-gradient(#555, #333);}
#mainmenu ul ul li a{line-height:40px;width:auto;text-align: left;padding:0px 20px 1px 20px;text-transform: none}


#slider{margin-bottom:40px}
.owl-dots {height:30px;background: url("../img/menu_bg.png") 0% 60%;text-align: center;padding-top:9px;box-sizing: border-box}
.owl-dots .owl-dot{display: inline-block;width:10px;height:10px;border-radius: 50%;background: #DDD;margin-left:8px;border:1px solid #DDD;box-shadow: inset 0px 0px 0px 2px #555}
.owl-dots .owl-dot:first-child{margin:0px}
.owl-dots .owl-dot.active{background:#ff7200}


.blocks:after{content:"";display: block;clear:both}
.blocks .item{
    display:block;float:left;width: 270px;margin:0px 0px 40px 40px;background: #FFF;text-decoration: none;box-sizing: border-box;
    border:1px solid #FFF;
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2), 0px 0px 0px 2px rgba(0,0,0,0.2)
}
.blocks .item:nth-child(4n+1){margin-left:0px;clear:left}
.blocks .item:nth-child(4n){margin-left:0px;float:right}
.blocks .item span.img{display:block;width:180px;margin:30px 0px 0px 45px}
.blocks .item span.img img{
    width:100%;
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}

.blocks .item b {display: table;width:100%;margin-top:20px;margin-bottom:15px;}
.blocks .item b span{display:table-cell;padding:0px 25px;text-align: center;color:#000;font-size:15px;line-height:20px;height:40px;vertical-align: middle}
.blocks .item i{display:block;padding:8px 20px 20px 20px;text-align:center;font-style: normal;color:#999;line-height:20px;height:20px}
.blocks .item:hover {box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.4), 0px 0px 0px 2px rgba(0,0,0,0.4)}
.blocks .item:hover b{color:#ff000a}
.blocks .item:hover span img{
    width:100%;
    filter: grayscale(0%);
    filter: none; /* IE 6-9 */
}
.blocks .item span.toolbar{display:block;padding:10px 0px 30px 0px;text-align: center}
.blocks .item span.toolbar .btn{margin-left:8px}
.blocks .item span.toolbar .btn:first-child{margin-left:0px}


.content {float:left;width:890px}
.column{float:right;width: 270px}

.clear-after:after{content:"";display: block;clear:both}

#foot{margin-top:40px;min-height: 190px;max-height: 200px;overflow: hidden;background: url("../img/foot_bg.png") 0% 100%;color:#FFF;color:rgba(255,255,255,0.6)}
#foot a{color:#FFF;color:rgba(255,255,255,0.9)}
#foot .body{padding:30px 0px}
#foot ul{margin:0px 0px 0px 0px;padding:0px;list-style-type: none}
#foot ul li{float:left;margin-right:25px}
#foot table {margin-top:30px}
#foot p{margin:0px 0px 12px 0px;line-height: 1.2}
#foot .counters{margin-top:30px}
#foot .counters img{float:right;margin-left:10px}


.btn{
    display: inline-block;line-height:28px;padding:0px 15px 2px 15px;color:#FFF;cursor: pointer;
    border:1px solid #FF3606;border-radius: 5px;box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.5);
    background: rgba(255,53,6,0.8);background: linear-gradient(#FF6622, #F63000);text-decoration: none
}
.btn.gray{border-color: #666;background: #666666;background: linear-gradient(#888888, #555555);}
.btn.gray:hover,.btn.gray:active{background: linear-gradient(#555555, #888888)}
.btn.light{color:#444;border-color: #AAA;background: #DDD;background: linear-gradient(#EEEEEE, #CCCCCC);}
.btn.light:hover,.btn.light:active{background: linear-gradient(#CCCCCC, #EEEEEE)}


.gatemenu {margin-bottom:40px}
.gatemenu ul{margin:0px;padding:0px;list-style-type:none}
.gatemenu ul li a{
    display: block;padding:12px 12px 12px 52px;margin-bottom:10px;
    color:#FFF;text-decoration: none;transition: 0.3s padding-left;font-size: 16px;line-height:1.12;
    background: url("../img/menu_bg.png");opacity: 0.8;
}
.gatemenu ul li a:hover{opacity:1}
.gatemenu ul li a span{content:"";position:absolute;display: block;width:24px;height:24px;background-size: contain;;margin:-1px 0px 0px -36px}
.gatemenu ul li a.active{background: url("../img/menu_bg_a.png");opacity: 1;}


.mod-form-inner.ajax{padding:10px;max-width: 340px}
.mod-form-inner.ajax .buttons{text-align: center}


.children .item{clear:both;border:1px solid #CCC;background: #FFF;margin-bottom:20px}
.children .item:after{content:"";display: block;clear: both}
.children .item img{float:left;margin-right:20px}
.children .item a.title{display: inline-block;margin-top:15px;font-size:18px;color:#000;line-height: 1}
.children .item a.title:hover{color:#f80012}
.children .item a.btn{margin-right:10px}
.children .item p{color:#666;line-height:19px;height:38px;overflow: hidden}


.tabs{margin-top:25px;padding-left:10px}
.tabs a{
    display:block;float:left;margin-left:5px;padding:7px 14px;border-radius: 4px 4px 0px 0px;margin-top:2px;
    font-size:15px;color:#000;text-decoration: none;border:1px solid #CCC;border-width: 1px 1px 0px 1px;background: #F0F0F0;
    position: relative;z-index: 1;
}
.tabs a:hover{color:#f80012;}
.tabs a.active{color:#f80012;text-decoration: none;border-top:3px solid #f80012;margin-top:0px;z-index: 3;background: #FFF;}

.tab-content {position: relative;z-index: 2;display:none;border:1px solid #CCC;background: #FFF;padding:20px;margin-top:-1px;border-radius:6px}
.tab-content:first-child{display: block}
.tab-content p:first-child, .tab-content h2:first-child{margin-top:0px}
.tab-content p:last-child{margin-bottom:0px}

.black{color:#000}


.vorota {table-layout: fixed;width: 100%;border-collapse: collapse;margin-bottom:25px}
.vorota td{padding:0px;vertical-align: top}
.vorota td:nth-child(2){width: 3%}
.vorota a img{width: 100%;height:auto;border-radius: 6px}
.vorota .desc b{text-transform: uppercase;color:#999;font-style: italic;display:block;margin-top:15px;margin-bottom:15px}
.vorota .desc .phone{position: relative;padding-left:34px;margin-bottom:15px;font-size:24px;}
.vorota .desc .phone i{display:block;font-size:12px;color:#999}
.vorota .desc .phone:before{content:"";position: absolute;margin:12px 0px 0px -34px;display: block;width:24px;height:24px;background: url("../img/phone_red.png") 0 0 no-repeat}
.vorota .desc .email{position: relative;padding-left:34px;margin-bottom:15px;font-size:16px;}
.vorota .desc .email i{display:block;font-size:12px;color:#999}
.vorota .desc .email a{color:#000}
.vorota .desc .email:before{content:"";position: absolute;margin:5px 0px 0px -34px;display: block;width:24px;height:24px;background: url("../img/email.png") 0 0 no-repeat}
.vorota .desc .btn{margin:5px 0px}

table.gallery {width:100%;table-layout: fixed;border-collapse: collapse}
table.gallery td{padding:0px}
table.gallery td img{width:100%;height:auto}
table.gallery.gal2 td{padding:2px}

table.price{table-layout: fixed}
table.price td{padding:5px;text-align: center}
table.price tr:first-child td{font-weight: bold}


.clients{height:40px;overflow: hidden;padding:20px;margin-top:25px;background-color:#FFF;border-radius:15px;box-shadow:0px 0px 8px rgba(0,0,0,0.3);}
.clients img{float:left;margin-left:27px;margin-bottom:20px;height:40px;width:auto}
.clients img:first-child{margin-left:5px}

.running-line{line-height: 60px; font-size: 20px; text-transform: uppercase; background: #000; color: #fff; margin: -40px 0 40px 0}
.running-line p{margin: 0}


@media screen and (max-width: 980px) {
    #content{float:none;width:auto}
    #column {float:none;width:auto}
    .body{padding:0px 10px;box-sizing: border-box}
    #head .module-callback{right:10px}
    #foot .address{left:10px}
    .foot-menu{right:10px}
    .counters{right:10px}
}