/*   
Theme Name: Компания
Theme URI: sitepenza.ru
Description: Тема для разработки сайтов.
Author: Wolf
Author URI: sitepenza.ru
Version: 1.0
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/


@media (max-width: 921px) {
	.header{text-align: center;}
	.header .text-right{text-align: center!important;}
	.header .loc{padding: 10px 0px;}
	.header .logo, .header .tel, .footer .logo, .footer .tel{text-align: center;font-size: 30px;}
	#menu a{color: black;font-weight: bold;text-decoration: none;text-transform: uppercase;}
	#menu .btm{text-align: center;display: block;padding-top: 15px;padding-bottom: 15px;}
	#nav .nav{flex-direction: column;text-align: center;}
	#block2 .tabs{flex-wrap: nowrap; overflow-x: auto;-webkit-overflow-scrolling: touch;}
	#block2 .tabs::-webkit-scrollbar {height: 2px;width: 15px; -webkit-appearance: none;}
	#block2 .tabs::-webkit-scrollbar-thumb {background: #007aa5;}
	#nomer .item{margin-bottom: 20px;}
	#block2 .tab-content img{padding-bottom: 20px;}
	
	.page h1{text-align: center;}
	
	.btn-back-top {left: 15px;right: auto;bottom: 15px!important;}

	.alignright{width: 100%;height: auto;padding-left: 0px!important;}
	
	

}

@media (min-width: 992px) {
	.btm{display: none;}
	#nav{display: block;}
	#tags li {width: 32%;float: left;}
	
}
@media (min-width: 1200px) {
	
} 

html, body{
	font-family: 'Open Sans', sans-serif!important;
	font-size: 17px!important;
	margin: 0px;
	padding: 0px; 
}
h1,h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 40px!important;padding-top: 40px!important;font-weight: 300!important;text-transform: uppercase;}
.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}

.header{background-color: white;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid gainsboro;background-image: url(images/bg2.jpg);}
.header .cont{font-size: 18px;}
.header .loc{font-size: 18px;}
.header a{color: black;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: #f8f8f8!important;
    border-color: #e7e7e7!important;}

.thumb{padding: 5px!important;}

.btn-back-top {opacity: 0;background: #007aa5;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 55px;transition: .5s;z-index: 1030;}
.btn-back-top:hover{opacity: 1!important;}
.btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);}

#stellsPartner1 {margin-bottom: 0px!important;}

.wbutton{
	display: block;
	background-color: #db0e4e;
	padding: 10px;
	color: white;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px;
}


/* Анимация */
.header a, #tags a, .num a, #block2 .tabs .nav-item a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none!important;}
/* Hover */
.header a:hover, #tags a:hover, .bron a:hover{color: #2783c4;}

#menu{border-bottom: 1px solid #d8d8d8;}
#menu .nav{justify-content: space-between;}
#menu .nav li{padding-top: 10px;padding-bottom: 10px;}
#menu .nav li a{color: black;text-transform: uppercase;font-size: 14px;transition: all 0.3s;-webkit-transition: all 0.3s;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#menu .nav li a:hover, #menu .nav .current-menu-item{font-weight: bold;}

#bron{padding-top: 20px;}

#tags{background-color: #007aa5;color: white;padding-top: 30px;}
#tags a{color: black;font-weight: 600;text-decoration: none;}
#tags a:hover{color: #007aa5;}
#tags img{border-radius: 10px;}
#tags h3{font-size: 18px;padding-top: 10px;}
#tags hr{border-top: 1px solid #FFFFFF30;margin: 50px 0px;}

#tags ol, #tags ul{padding: 0;margin: 0;list-style: none;margin-left: -5px;margin-right: -5px;display: flow-root;}
#tags li{background-color: white;color: black;margin: 5px;height: 50px;border-radius: 10px;align-items: center;display: flex;justify-content: center;text-align: center;}



#block2 .tabs{padding-bottom: 10px;margin-bottom: 10px;}
#block2 .tabs .nav-item a{color: black;padding: 15px 20px;border: 1px solid #00000020;border-radius: 4px;margin-right: 15px;text-transform: uppercase;font-weight: 500;white-space: nowrap;}
#block2 .tabs .nav-item a.active{border: 2px solid #007aa5;}
#block2 .tab-content{font-size: 17px;}
#block2 .tab-content h3{margin-bottom: 20px;font-weight: bold;}
#block2 .tab-content img{border-radius: 6px;}


#faq h2{text-align: left;font-size: 30px!important;}

#bron .wpcf7-submit{padding: 15px 20px;background-color: white;}


#accordion{display: inline-block;width: 100%;}
#accordion .card{border: none;border-radius: 0px;padding: 20px 0px;border-bottom: 1px solid #00000020;background: transparent;}
#accordion .card a{color: black;font-size: 18px;font-weight: 500;padding-bottom: 10px;font-weight: bold;display: flex;justify-content: space-between;}

#accordion .card a:after {
    content:"-";
    float: right;
    color: inherit;
	font-size: 40px;
    line-height: 30px;
	font-weight: bold;
}

#accordion .card .collapsed:after {
    content:"+";
	font-size: 40px;
	line-height: 30px;
	font-weight: bold;
}




.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}




.block {font-weight: 300;padding-bottom: 30px;}
.block h2{text-transform: uppercase;text-align: center;font-size: 35px!important;font-weight: 300;}

.num{text-align: center;}
.num a{color: black;text-decoration: none;}
.num a:hover{color: #007aa5;}
.num .title{padding-top: 5px;font-weight: 500;font-size: 20px;}

.usl{text-align: center;background-image: url(images/bg2.jpg);}
.usl a{color: black;}
.usl .title{font-size: 20px;padding-top: 5px;padding-bottom: 20px;font-weight: 500;}

.bron {background-color: steelblue;color: white;}
.bron a{color: white;}
.bron a:hover{color: white;}
.bron .item{padding-bottom: 10px;}
.bron p{text-align: center;font-weight: 500;padding-bottom: 10px;}
.bron .btn-primary{
	background-color: #333333;
    border-color: #333333;
	text-transform: uppercase;
	margin-top: 10px;
}

.bron2{background-image: url(images/bg2.jpg);}
.bron2 .item{padding-bottom: 10px;}
.bron2 p{text-align: center;font-weight: 500;padding-bottom: 10px;}
.bron2 .btn-primary{
	background-color: #333333;
    border-color: #333333;
	text-transform: uppercase;
	margin-top: 10px;
}

.gal{background-image: url(images/bg.png);}

.news a{color: black;}
.news .title{font-weight: bold;height: 70px;overflow: hidden;}
.news .desc{height: 120px;}

.contacts{padding-top: 50px;padding-bottom: 20px;text-align: center;font-size: 19px;}
.contacts h2{font-size: 42px!important;text-align: center;}
.contacts a{text-decoration: underline;color: black;}
.contacts .tel{padding-top: 10px;padding-bottom: 10px;font-size: 50px;}
.contacts .ad{padding-bottom: 10px;font-size: 24px;}

.cop{text-align: left;font-size: 13px;padding-top: 50px;}

.field{
	margin-bottom: 20px;
}

.field .error-msg{
	font-size: 14px;
	display: block;
	height: 26px;
	color: #e23636;
	margin-top: 2px;
}

.field.error select{
	border: 1px solid #e23636;
}

.woocommerce form .form-row.create-account .input-checkbox{
	position: static;
}

#order_review .product-quantity, #order_review .order-total, #order_review .cart-subtotal, #order_review thead{
	display: none;
}

.woocommerce-table--order-details .product-quantity, .woocommerce-table--order-details .order-total, .woocommerce-table--order-details .cart-subtotal, .woocommerce-table--order-details thead, .woocommerce-table--order-details tfoot{
	display: none;
}
.woocommerce-table--order-details tbody a{
	color: #000;
	text-decoration: none;
	pointer-events: none;
}
.woocommerce-Price-currencySymbol{
	margin-left: 5px;
}

.woocommerce ul.order_details{
	padding: 0;
	margin-top: 30px;
	margin-bottom: 10px;
}