/*
Theme Name: peskostruiptm
Theme URI: https://seopenza.ru/
Author: SEOPenza
Author URI: https://seopenza.ru/
Description: Best
Version: 1.0
License:
License URI:
Text Domain:
Tags:
*/
html,body{width:100%;height:100%;margin:0;padding:0;font-family:areal,verdana;font-size:12px;line-height:18px;color:#010101;background:#fff;}
a{text-decoration:none;color:#e5ad02;}
a:hover{text-decoration:underline;}
h1{padding:0;margin:30px 0 30px 0;font-size:24px;line-height:30px;color:#212529;}
h2{padding:0;margin:30px 0 15px 0;font-size:20px;line-height:26px;color:#212529;font-weight:normal;}
h3{padding:0;margin:30px 0 15px 0;font-size:16px;line-height:20px;color:#212529;}
p{margin:5px 0 10px 0;font-size:14px;}
.center{text-align:center;}
.minheight{min-height:auto!important;}
.wrapper{width:1140px;margin:0 auto;}
.button{padding:10px 20px;font-size:16px;line-height:36px;border-radius:3px;color:#333333;background:#FFD109;border-color:#FFD109;}
.button:hover{color:#333333;background:#FFDB33;border-color:#FFDB33;cursor:pointer;text-decoration:none;}
.header{float:left;clear:both;width:100%;height:120px;}
.header img.logo{width:auto;height:80px;margin:20px 20px 20px 0;}
.contact{float:right;margin:42px 0 30px 50px;}
.contact div{float:left;height:30px;margin-left:50px;}
.contact div div{float:right;margin-left:10px;padding:0 0;font-size:14px;font-weight:bold;line-height:18px;}
.contact div img{width:36px;height:36px;}
.contact a{color:#333;}
.contact a:hover{color:#565656;}
.navigation{float:left;clear:both;width:100%;height:60px;background:#333;color:#fff;}
#mainnav-menu li form{margin:0 25px;}
#mainnav-icon{display:none;}
#mainnav-menu {width:100%;}
#mainnav-menu ul {display:inline-block;font-size:14px;list-style:none;margin:0;padding:0;text-align:center;}
#mainnav-menu li {display:inline-block;position:relative;}
#mainnav-menu a {color:#fff;display:block;position:relative;line-height:60px;padding:0 50px 0 0;}
#mainnav-menu ul ul {display:none;float:left;margin:0;padding:0;position:absolute;top:60px;left:0;min-width:200px;z-index:99999;}
#mainnav-menu ul ul ul {left:90%;top:0;}
#mainnav-menu ul ul a {position:relative;min-width:200px;margin:0;padding:0 15px;line-height:32px;color:#010101;background:#fff;text-align:left;}
#mainnav-menu li:hover > a {color:#fff;text-decoration:none;}
#mainnav-menu ul ul :hover > a {color:#fff;background:#010101;}
#mainnav-menu a:focus {color:#fff;text-decoration:none;}
#mainnav-menu li:hover > a,#mainnav-menu a:focus {color:#FFDB33;}
#mainnav-menu ul li:hover > ul {display:block;}
#mainnav-menu .current-menu-item > a {color:#fff;text-decoration:none;}
#mainnav-menu .current-menu-ancestor > a {color:#fff;}
#mainnav-menu .current_page_item > a {color:#FFDB33;}
#mainnav-menu .current_page_ancestor > a {color:#fff;}
.slider{float:left;clear:both;width:100%;height:450px;background:#f2f2f2;}
.slide{float:left;clear:both;width:100%;height:450px;background:url(//peskostruiptm.ru/wp-content/themes/pesok/images/slide.jpg) center no-repeat;}
.slider h1{padding:0;margin:0;text-align:left;}
.sh{width:50%;margin:150px 0 0 0;}
.sp{width:50%;margin:20px 0 0 0;font-size:16px;}
.sb{margin:30px 0 0 0;}
.content{float:left;clear:both;width:100%;min-height:600px;margin:20px 0 40px 0;}
.block{float:left;width:30.33%;margin:10px 1.5% 30px;text-align:center;}
.block img{display:block;width:100%;height:200px;border-radius:5px 5px 0 0;}
.block div{width:90%;height:160px;margin:0;padding:15px 5%;background:#f2f2f2;border-color:#f2f2f2;border-radius:0 0 5px 5px;}
.block h3{padding:0;margin:10px 0 15px;font-size:24px;font-weight:normal;}
.block b{font-size:18px;font-weight:bold;}
.block p{padding:0;margin:10px 0 10px;font-size:14px;font-weight:normal;color:#767676;}
.services{float:left;margin:0;}
.services .block{margin:10px 3% 30px 0;}
.block:hover div{background:#ffffab;}
small{float:left;display:block;margin:0 0 20px;padding:15px 10px;color:#8c8c8c;}
.content iframe{max-width:100%;margin:5px 0 20px 0;clear:both;}
.alignleft {float:left;margin:0 20px 20px 0;}
.alignright {float:right;margin:0 0 20px 20px;}
.alignnone {margin:20px 0 20px 0;clear:both;}
.aligncenter{margin:20px 0 20px 0;text-align:center;clear:both;}
.alignleft, .alignright, .alignnone, .aligncenter{max-width:100%;height:auto;}
.gallery img{border:none!important;}
.gallery-item {text-align:left!important;}
.content2{float:left;clear:both;width:100%;margin:20px 0 20px 0;}
.content3{float:left;clear:both;width:100%;background:#f3f3f3;margin:20px 0 0 0;padding:20px 0;}
.content3 h1{font-weight:normal;}
.block2{float:left;width:30.33%;margin:10px 1.5% 30px;text-align:left;}
.block2 img{float:left;width:100px;height:100px;margin-right:20px;border-radius:50%;}
.block2 span{line-height:100px;font-size:16px;}
.block3{float:left;width:13.66%;margin:20px 1.5% 20px;text-align:center;}
.block3 img{width:40px;height:40px;}
.block3 div{width:100%;height:60px;margin:0;padding:15px 0;}
.footer{float:left;clear:both;width:100%;height:140px;background:#333;color:#fff;}
.footer img.logo{width:auto;height:40px;margin:25px 20px 20px 0;}
.footer .contact{float:right;margin:30px 0 30px 50px;}
.footer .contact div{float:left;height:30px;margin-left:50px;}
.footer .contact div div{float:right;margin-left:10px;padding:0 0;font-size:12px;font-weight:normal;line-height:15px;}
.footer .contact div img{width:30px;height:30px;}
.footer .contact a{color:#fff;}
.footer .contact a:hover{color:#fff;text-decoration:underline;}
.footer .contact .email div{margin-top:6px;}
.bottom{float:left;clear:both;width:100%;height:40px;padding:7px 0 0;border-top:1px solid #767676;color:#767676;}
.bottom a{color:#767676;}
.copy{float:left;width:50%;color:#777;line-height:30px;font-size:12px;}
.copy a{color:#fff;}
.copy a:hover{color:#e8e8e8;}
.site{float:left;width:50%;text-align: right;}
.site a{height:40px;line-height:30px;font-size:10px;font-weight:normal;color:#767676;text-decoration:none;}
.site a span{height:15px;width:15px;padding:7px 2.5px;margin:0 2px 0 0;line-height:20px;border-radius:15px;background:#767676;color:#303030;text-align:center;}
.site a:hover{color:#5f5f5f;}
.site a:hover span{background:#5f5f5f;}
.z{display:block;float:left;width:80%;margin:20px 0;padding:20px 10% 25px;text-align:center;background:#f2f2f2;border-radius:5px;}
.z b{display:block;float:left;clear:both;width:100%;margin:10px 0 20px;font-size:20px;font-weight:bold;}
.z i{display:block;float:left;clear:both;width:100%;margin:0 0 20px;font-size:14px;font-style:normal;}
.wpcf7-spinner{display:none!important;}
.popup_bg{float:left;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);visibility:hidden;z-index:99;}
.popup.sl_form {position:fixed;left:50%;margin:0 0 0 -140px;visibility:hidden;z-index:99;background:#fff;text-align:left;border-radius:5px;}
.popup_bg.active,.popup.active{visibility:visible;}
.sl_form{top:100px;right:0;width:240px;height:auto;padding:20px;background:#fff;white-space:normal;}
#contact_form_pop h3{font-size:22px;line-height:24px;margin:5px 0 5px;padding:0;font-weight:normal;}
#contact_form_pop input{width:90%;margin:10px 0 0;border:1px solid #dbdbdb;padding:5px 5%;font-size:12px;line-height:20px;border-radius: 5px;font-family:verdana,areal;}
#contact_form_pop textarea{width:90%;margin:10px 0 0;height:60px;border:1px solid #dbdbdb;padding:5px 5%;font-size:12px;line-height:20px;border-radius: 5px;font-family:verdana,areal;}
#contact_form_pop input[type="submit"]{margin:0 auto 0;width:100%;border:1px solid #006ac3;}
@media screen and (max-width:1200px) {
.wrapper{width:96%;margin:0 auto;}
.block2 img{width:50px;height:50px;}
.block2 span{line-height:50px;font-size:14px;}
.alignleft, .alignright{max-width:50%;height:auto;}
}
@media screen and (max-width:1020px) {
h1{margin:20px 0 20px 0;font-size:20px;line-height:24px;}
h2{margin:20px 0 15px 0;font-size:18px;line-height:22px;}
h3{margin:20px 0 15px 0;font-size:16px;line-height:20px;}
p{margin:5px 0 10px 0;font-size:12px;}
.button{padding:8px 15px;font-size:14px;line-height:24px;}
.header{height:100px;}
.header img.logo{width:200px;height:auto;margin:20px 20px 20px 0;}
.contact{margin:30px 0 30px 0;}
.contact div{height:30px;margin-left:20px;}
.contact div div{font-size:12px;line-height:16px;}
.contact div img{width:20px;height:20px;margin-top:6px;}
.navigation{height:40px;}
#mainnav-menu ul {font-size:12px;}
#mainnav-menu a {line-height:40px;padding:0 20px 0 0;}
.slider{height:250px;}
.slide{height:250px;background:url(//peskostruiptm.ru/wp-content/themes/pesok/images/slide.jpg) center no-repeat;}
.slider h1{padding:0;margin:0;text-align:left;}
.sh{width:50%;margin:50px 0 0 0;}
.sp{width:50%;margin:20px 0 0 0;font-size:14px;}
.sb{margin:30px 0 0 0;}
.block{margin:10px 1.5% 20px;}
.block img{height:150px;}
.block div{height:140px;}
.block h3{margin:10px 0 5px;font-size:18px;}
.block b{font-size:14px;}
.block p{font-size:12px;}
.block2 span{font-size:12px;}
.block3{width:30.33%;margin:20px 1.5% 20px;}
.block3 div{height:40px;margin:0;padding:15px 0;}
.gallery-item {margin:0 100px 20px 0!important;}
.footer .contact{margin:30px 0 30px 0;}
.footer .contact div{height:30px;margin-left:20px;}
.footer .contact div div{font-size:12px;line-height:16px;}
.footer .contact div img{width:20px;height:20px;margin-top:6px;}
}
@media screen and (max-width:860px) {
.block{width:46%;margin:10px 2% 20px;}
.block2{width:46%;margin:10px 2% 20px;}
.footer{height:auto;}
.footer .contact{width:100%;clear:both;float:left;margin:0;}
.footer .contact div{height:30px;margin:0 20px 20px 0;}
.bottom{height:auto;}
.copy{float:left;width:100%;}
.site{float:left;width:100%;text-align:left;padding-bottom:10px;}
}
@media screen and (max-width:680px) {
.alignleft, .alignright{float:left;max-width:100%;height:auto;margin:20px 0;}
}
@media screen and (max-width:620px) {
.contact{display:none;}
.slider{display:none;}
.gallery-item {margin: 0 30% 20px 0!important;}
}
@media screen and (max-width:580px) {
.wrapper{width:90%;margin:0 auto;}
.block{width:92%;margin:10px 4% 20px;}
.block img{height:auto;}
.services .block{width:100%;margin:10px 0 20px 0;}
.block2{width:90%;margin:10px 2% 20px 8%;}
.block3{width:46%;margin:20px 2% 20px;}
#mainnav-icon{display:block;padding:0;width:100%;height:40px;line-height:40px;font-size:14px;color:#fff;}
#mainnav-icon span{margin:0 10px 0 0;font-size:14px;line-height:26px;}
#mainnav-icon:hover {cursor:pointer;text-decoration:none;}
.menu{float:left;width:200px;border:1px solid #DFDFDF;z-index:9999;}
#mainnav-menu ul{float:left;margin:0;text-align:left;border-bottom:none;}
#mainnav-menu ul ul {top:40px;left:0;border-bottom:none;}
#mainnav-menu{position:static;display:none;width:auto;z-index:9999;padding:0 0 30px;text-align:left;}
#mainnav-menu li{float:left;display:block;clear:both;width:100%;}
#mainnav-menu li:hover > a {background:#F9F9F9;color:#444;opacity:1;}
#mainnav-menu a{margin-top:0;padding:0 15px;opacity:1;background:#f6fafd;color:#444;}
#mainnav-menu .sub-menu {display:block;position:static;padding-left:20px;background:#f6fafd;}
#mainnav-menu .sub-menu .sub-menu {display:none;}
#mainnav-menu .current-menu-ancestor > a {color:#624F9A;}
#mainnav-menu .current-menu-item > a{background:#f6fafd;color:#444;}
#mainnav-menu .search-form{display:none;}
}
@media screen and (max-width:420px) {
.gallery-item {width:80%!important;height:auto!important;margin: 0 10% 20px 0!important;}
}