/*   
Theme Name: your-clean-template-3 (uncommented)
Theme URI: https://github.com/saxap/clean-wp-template
Version: 3.0
Tags: clean, development, html5, bootstrap
Description: Clean wordpress theme with minimal bootstrap3 markup for fast development starting
Author: saxa:p
Author URI: http://dontforget.pro
*/
@font-face {
    font-family: 'PT Serif';
    src: local('PT Serif'), local('PTSerif-Regular'),
        url(/fonts/pt-serif.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans'), local('Opensans-Regular'),
        url(/fonts/open-sans.ttf) format('truetype');
}
img {max-width:100%;}
a {transition:.3s}
body {
    font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#333;
	}
h1, h2, h3, h4, h5, h6 {font-family: 'PT Serif', serif;}

@media (min-width: 979px) { 
	ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu {
		display: block;
	}
	.comment-list .children {
		padding: 0;
		margin-left: 74px;
		padding-bottom: 15px;
	}
	.comment-list .media {
		margin-top: 0;
	}
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
header {position:relative}
.head {background: rgba(255,255,255,.8);}
.cont {width:90%;max-width:1600px;margin:0 auto;}
.menu-block {background:#fafafa;}
.head {padding:16px 0}
.navbar-default {background:transparent;border:none;}
.navbar {margin-bottom:0;min-height:46px;text-transform:uppercase;font-weight:600;}
.nav>li>a {padding-left:15px;padding-right:15px;margin-right:10px}
.navbar-collapse {padding-right: 0px;padding-left: 0px;}
header .search-block input {border:1px solid #3369a7;height:40px;width:100%!important;border-radius:6px;font-size: 16px;}
.search-block {padding-top: 12px;padding-left: 35px;}
.search-block .form-group {width:85%!important;max-width:400px;}
.search-block .btn-group-sm>.btn, .btn-sm {padding: 0px 10px;height: 40px;width: 60px;margin-left: -8px;font-size: 24px;color: white;background: #3369a7;border: 1px solid #3369a7;border-radius: 0 6px 6px 0;}
.phone-block {text-align: right;}
.phone {font-size:24px;display:block;}
.phone-block a {color:#333;text-decoration:underline;transition:.3s}
.phone-block a:hover {color:#3369a7}
.callback {font-size:18px}
.main-block {color:white;margin-top: -160px;padding-top: 300px;padding-bottom:130px;background-repeat: no-repeat;background:linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,.3)), url(/wp-content/uploads/2019/04/building-a-house-in-los-angeles-e1556029693801.jpg);background-size: cover;}
.main-block h1 {font-size:50px;max-width:800px;margin-left: 70px;margin-top:50px}
.main-block a {color:white;width:100%;max-width:210px;padding:6px;border:1px solid white;display:inline-block;margin-top:50px;text-align:center;margin-left:70px}
.main-block a:hover {background:white;color:#333;text-decoration:none}
.inner-block {max-width:900px;margin:0 auto;}
.white-line {background:white;height:1px;width:100%;max-width:300px;}
.inner {border-left: 1px solid white;}
.grid-sizer,.grid-item { width: 49.5%; margin-bottom:15px}
.gutter-sizer { width: 1%; }
.grid {margin:15px 0;}
#main-grid {color:white;font-size:18px;}
#main-grid .grid-item {padding-left:5%;transition:.5s}
#main-grid .grid-item:hover {transition:.5s}
#main-grid h2 {font-family:'Open Sans';margin-bottom:30px}
#main-grid a {color:white;text-decoration:underline;margin-bottom:10px;margin-left:6px;display:inline-block}
#main-grid a:hover {color:red}
footer {background:#333;color:white;padding:20px 0}
footer a {color:white}
footer .callback {color:white}
footer .addr-footer {text-align:right}
.pw {margin-top:30px;color:#fafafa;text-decoration: underline;display:block}
.pw:hover {color:#3369a7}
#bottom-nav li {display:block;width:100%}
#bottom-nav>li>a {padding: 2px 15px;text-decoration:underline}
#bottom-nav>li>a:hover {color:red;background-color:transparent}
footer img {margin-bottom:25px}
#side-menu {border:1px solid #ccc;border-radius:6px;border-top:6px solid #ccc;border-bottom:6px solid #ccc;max-width: 300px;}
#side-menu h3 {margin-bottom:0;margin-top: 7px;border-bottom: 1px solid #ccc;padding-left: 10px;display: block;padding-bottom: 10px;font-family: "open sans"; font-weight: 700; font-size: 22px;}
#side-menu li {list-style-type: none;}
#side-menu ul {padding-left:0px;margin-bottom:0}
#side-menu a {color:#333;border-bottom: 1px solid #ccc;padding: 6px 0;display:block;padding-left:10px;}
#side-menu a:hover {text-decoration:none;background:#3369a7;color:white}
.cat {margin-top:25px;margin-bottom:25px}
#side-menu>ul>li>ul>li>a {padding-left:25px}
.greyline {background:#ccc;height:1px;margin-top:20px}
.breadcrumbs a {color:#333;text-decoration:underline;}
.catalog h1 {font-family:'open sans';margin-bottom:20px;font-size: 30px;}
.catalog a {color:#333;text-decoration:underline;margin-bottom:35px;display:block}
.cont .navbar-default .navbar-nav>.active>a {background:transparent;}
.menu-block #top-nav-ul>li>a {border-bottom:1px solid #3369a7;color:#3369a7}
.img {margin-bottom:6px}
.item {padding:10px 15px;border:1px solid #ccc;border-radius:6px;margin-bottom:20px;min-height: 220px;}
.item a {margin-bottom:0}
.item h3 {margin-top: 10px;margin-bottom: 15px;font-family:'Open Sans';font-size:20px}
.item .price {background:#fafafa;border:1px solid #ccc;border-radius:6px;padding:4px 12px;font-size:16px;display:inline-block}
.item .red-button, .item-main .red-button, #rashet .red-button, #callback .red-button, #order .red-button, #action .red-button, #montazh .red-button, #matt .red-button {background:#E31E24;color:white;font-size:16px;padding:6px;text-decoration:none;width:100%;max-width:180px;margin-top:15px;border-radius:6px;text-align:center;border:none}
.item .red-button:hover, .item-main .red-button:hover, #callback .red-button:hover, #order .red-button:hover, #montazh .red-button:hover, #action .red-button:hover, #matt .red-button:hover {background:#666;}
#rashet .red-button, #callback .red-button, #order .red-button, #montazh .red-button, #action .red-button, #matt .red-button {margin:0 auto;display:block}
.item-page {margin-top:20px}
.item-img {margin-bottom:20px}
.gallery-row {padding:0 20px}
.gallery-row img {height:auto}
.item-main h1 {margin-top:0}
.bg {font-size:30px}
.shop_attributes {width: 100%;padding: 0 15px;}
.item a {text-decoration:none}
.price b {font-size:24px}
.underline {
    border-bottom: 1px solid #cccccc;
}
.inner-block {
    padding: 0 15px;
}
@media (min-width: 1024px) {
.shop_attributes > .row {
    display: table;
    width: 100%;
    margin: 0;
}
.shop_attributes > .row > div {
    width: 49%;
}
.shop_attributes > .row > div {
    float: none;
}
.shop_attributes > .row > div {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}
.shop_attributes > .row > div > .row {
    display: table;
    width: 100%;
}
.shop_attributes > .row > div > .row > div {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.shop_attributes > .row > div.separate-block {
    width: 2%;
    border: none!important;
}
}
#side-menu .active {background:#3369a7;color:white}
.gallery-row img, .item-img {border-radius:6px}
#rashet .col-md-6 input, #callback .col-md-6 input, #order .col-md-6 input, #montazh .col-md-6 input, #action .col-md-6 input, #matt .col-md-6 input {border:1px solid #ccc;height:36px;width:100%;border-radius:6px;padding-left:10px}
#soglasenp {font-size:12px;text-align:center;margin-top:20px}
#callback p, #order p, #montazh p, #action p {text-align:center;font-size:12px}
#callback h3, #order h3, #montazh h3, #action h3 {text-align:center}
.attr h3 {font-family:"open sans";padding-left:15px}
.dropdown-menu>li>a {
    padding: 7px 20px;
    font-size: 16px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #3369a7;
}
.contact-form input {display:block;border:1px solid #3369a7;height:40px;margin-bottom:10px;border-radius:6px;width:100%;padding-left:10px;}
.contact-form .mess {height:120px;}
.contact-form .bl-btn {background:#3369a7;color:white;border:none}
.contact-form .bl-btn:hover {background:#999;}
.obr {margin-top:0}
.mont-item {background:#fafafa;height:480px;margin-bottom:20px;border-radius:6px;}
.item-cont{padding:15px;}
.mont-img {border-radius:6px 6px 0 0}
.mont-item .price span {font-weight:bold;font-size:24px}
.mont-item .red-btn {transition:.3s;background: red;color: white;width: 100%;max-width: 200px;padding: 6px;border-radius: 6px;display: block;text-align: center;}
.mont-item .red-btn:hover {text-decoration:none;background:#999;}
.action-cont {background:#fafafa;padding:20px;border-left:3px solid #ccc;}
.action-cont h3 {margin-top:10px}
.big-red-btn {background:red;color:white;border-radius:6px;width:100%;display:block;max-width:300px;font-size:20px;padding:9px;margin-top:15px;transition:.3s;text-align:center}
.big-red-btn:hover {background:#666;text-decoration:none;color:white;}
@media (max-width:1024px) {
	body {font-size:14px}
	.callback, #side-menu {display:none}
	.phone {text-align: right;font-size: 18px;}
	.mn {text-align:left!important}
	.cont {width: 100%;padding: 0 10px;}
	.row-head>div {padding-left:2px;padding-right:2px;text-align: right;}
	.row-head {margin-left:0;margin-right:0}
	.head {padding:7px 0}
	.row-head .fa{font-size:30px}
	.paddingmob {padding-top:10px}
	.row-head {color:#3369a7!important}
	.row-head .navbar {min-height:0}
	.main-block {margin-top: 0;padding-top: 30px;padding-bottom: 30px;}
	.main-block h1 {font-size: 26px;max-width: 800px;margin-left: 10px;margin-top: 10px;}
	.main-block a {max-width: 160px;margin-top: 30px;margin-left: 10px;}
	.grid-sizer, .grid-item { width: 100%;margin-bottom: 15px;padding-bottom:20px}
	.grid-item {height:auto!important;font-size:14px!important;}
	#main-grid h2 {margin-bottom: 10px;font-size:20px!important}
	.head {border-bottom: 1px solid #ccc;}
	footer .addr-footer, footer .phone {text-align:left}
	footer .phone {margin-top:20px}
	#bottom-nav > li > a {padding: 2px 0px;text-decoration: underline;}
	
}
#topnavmob a{padding-left:30px;font-size:16px;color:white;text-align:left;}
#topnavmob li {border-top:1px solid white;border-bottom:1px solid white;}
#topnavmob ul {background:#3369a7;border-radius:6px;}
.item .col-md-5 img{max-height:190px}
#main-screen {
    background-image: url(/wp-content/uploads/2018/09/3_0.jpg);
    background-size: cover;
    height: 750px;
    padding-top: 250px;
    padding-bottom: 100px;
    color: white;
    font-size: 18px;
    margin-top:-150px;
}
.forma-zamery {padding: 20px 30px;background: white;border-radius: 6px;color: #333;}
.forma-zamery input {padding-left:20px}
.forma-zamery h3 {margin-top:0;margin-bottom:25px;font-size:27px}
.forma-zamery input {height:35px;border:1px solid #ccc;margin-bottom:7px;display:block;width:100%;border-radius:6px;}
.forma-zamery input[type=submit] {border:1px solid red;background:red;color:white;transiton:.3s;margin-top:20px;height:40px;font-size:20px;font-weight:bold}
.forma-zamery input[name=address] {height:90px}
#main-screen p {font-size:24px;text-shadow: 1px 1px 2px black}
#what-we-do, #mat {background: #fafafa;padding: 20px 0 60px;text-align: center;}
#what-we-do .row-price>div>div, #mat .row-price>div>div {padding: 16px; border: 0px solid #ccc;border-radius: 5px;background-color: #fff; box-shadow: 0 0 6px 0 #bdbaba;transition: 0.6s;}
#what-we-do h2, #mat h2 {margin-bottom:30px;}
#what-we-do h3, #mat h3 {font-family:'open sans';font-size: 20px;font-weight: bold;}
#what-we-do .price, #mat .price {font-size:24px; padding:7px 20px;background:#3369a7;color:white;border-radius:6px;width:200px;margin:0 auto;margin-bottom:20px;display:none}
#portfolio {padding-top:40px;padding-bottom:50px;font-size:16px;text-align:center}
.row-portfolio {margin-top:30px}
.remark {margin-top:20px}
#culc {background: #3369a7;color: white;padding: 40px 0;text-align: center;}
.labels label {padding: 5px 20px;border: 1px solid white;border-radius: 6px;font-weight: normal;margin-right: 7px;transition:.3s;cursor:pointer;}
.labels label:hover {background:white;color:#333}
.labels input:checked+label{background:white;color:#333}
.labels input[type=radio] {display:none}
.zag {width: 40%;margin: 30px auto 10px;padding: 7px;border-bottom:1px solid white; font-size: 20px;}
label {font-weight:normal}
#culc ::-webkit-input-placeholder {color:#333; opacity:1;font-family: 'Open Sans';}/* webkit */
#culc  ::-moz-placeholder          {color:#333; opacity:1;font-family: 'Open Sans';}/* Firefox 19+ */
#culc  :-moz-placeholder           {color:#333; opacity:1;font-family: 'Open Sans';}/* Firefox 18- */
#culc :-ms-input-placeholder      {color:#333; opacity:1;font-family: 'Open Sans';}/* IE */
#culc :focus::-webkit-input-placeholder, .forma-zamery :focus::-webkit-input-placeholder {opacity:0;}/* webkit */
#culc :focus::-moz-placeholder, .forma-zamery :focus::-moz-placeholder {opacity:0;}/* Firefox 19+ */
#culc :focus:-moz-placeholder, .forma-zamery :focus:-moz-placeholde {opacity:0;}/* Firefox 18- */
#culc :focus:-ms-input-placeholder, .forma-zamery :focus:-ms-input-placeholder {opacity:0;}/* IE */
.square {height:40px;width:240px;border-radius:6px;    border: 1px solid grey; text-align:center; color: #333;}
.mat2 {display:none}
.mat2actv {display:block}
.mat2 img {width:240px;}
.mat2 label {width:240px;background:white;color:#333;border:3px solid white;margin-bottom:7px;}
.mat2 label:hover {border-color:red}
.mat2 span {display:block;}
.mat2 input:checked+label{border-color:red}
#labelformat {margin-bottom:20px}
.rbutton {background: red;color: white;padding: 10px;display: block;width: 240px;margin: 0 auto;margin-top: 40px;border-radius: 6px;font-size: 18px;font-weight: bold;border: 1px solid red;transition:.3s}
.rbutton:hover {background:white;color:#333;text-decoration:none}
.divider-bar:before {content:'\f100';position:absolute;left:-50px;top:160px;color:white;font-size:20px;font:normal normal normal 20px/1 FontAwesome;padding:5px 10px;background:#3369a7;border-radius:50%}
.divider-bar:after {content:'\f101';position:absolute;left:20px;top:160px;color:white;font-size:20px;font:normal normal normal 20px/1 FontAwesome;padding:5px 10px;background:#3369a7;border-radius:50%}
#mat img {width:170px;margin-bottom:15px}
.stena label {background:white;color:black}
.stena label img {
	display:block;
	margin:0 auto;
	height:90px;
}
.stena input:checked+label {
    border-color:red;
}
.bl-button {    
	background: red;
    padding: 5px 20px;
    color: white;
    border-radius: 5px;
	transition:.5s;
	border:1px solid red;
}
.bl-button:hover {
	background:white;
	border:1px solid black;
	color:black;
	text-decoration:none;
	transition:.5s
}
.opisanie {
	margin-bottom:45px;
	margin-top:35px;
}
.phone {
	color:red;
}
footer .phone {
	color:white;
}
.phone img {
	margin-right: 5px;
	margin-top: -4px;
}
.phone {
	font-size:22px;
}
.callback {
    background: red;
    color: white!important;
    padding: 6px 20px;
    border-radius: 6px;
    margin-top: 2px;
    display: inline-block;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: white;
    text-decoration: none;
    background-color: #3369a7;
}
#cont .obr {
	color:red;
}
.culc-button {
	display:block;
	margin: 15px auto;
	background: #3369a7;
    padding: 5px 5px;
    color: white;
    border-radius: 5px;
    transition: .5s;
    border: 1px solid #3369a7;
}
.culc-button:hover {
	background:white;
	color:black;
	text-decoration: none;
}