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


@media (max-width:767px){
	.navbar-default a{font-size: 18px;border-bottom: solid 1px #555;padding: 15px 0px!important;text-align: center;}
	.navbar-default .navbar-toggle {border-color: #fff!important;margin: 0px;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff!important;}
	.navbar-default .navbar-header{width: 100%;text-align: center;justify-content: center;display: flex;margin-top: 10px;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #253746!important;}
	.navbar-nav{margin: 0px!important;}
	.navbar-collapse{border: none!important;}
	
	.tovarinfo .price{font-size: 50px;text-align: center;}
	.tovarinfo .button{font-size: 12px;}
	
	#ivpa-content, .tovarinfo .product_meta{text-align: center;}
	#ivpa-content .ivpa_attribute{text-align: center;display: inline-block;}
	.tovarinfo .woocommerce-variation-price{padding-top: 0px;padding-bottom: 10px;}
	
	.contpage table {margin-top: 30px;}
	.contpage table td:nth-child(odd) {float: left;clear: both;}
	.contpage table td:nth-child(even) {float: left;width: 190px;}
	
	.tovars .tovar h2{font-size: 20px!important;}
	.product_cat{display: grid;}
	
	.header{padding: 20px 0px!important;}
	.aws-container{margin: 10px 0px;}
	
	#prod{padding: 10px 0px!important;}
	#prod .title{font-size: 16px!important;}
	#prod .raz{font-size: 14px!important;}
	
	.footer{text-align: center;}
	.footer img{display: block;}
}

@media (min-width: 768px) {
	.content{padding: 0 30px;}
	.header,.footer{padding-left: 30px;padding-right: 30px;}
	.navbar-default a{padding: 5px 0px!important;}

	
	.tovarinfo .price{font-size: 30px;}
	.tovarinfo .button{font-size: 14px;}
	.tovars .tovar h2{font-size: 18px!important;}
	
	.product_cat{display: grid;grid-template-columns: repeat(3,1fr);}
	
	.header .navbar-collapse{padding: 0px;}
	.header{display: grid;grid-template-columns: 1fr 1fr 2fr;align-items: center;gap: 20px;justify-content: space-between;}
	.header .navbar-nav{display: flex;gap: 15px;margin: 0px;}
	.header .navbar-nav a{text-align: center;font-size: 13px;}
	
	.footer ul{gap: 15px;display: flex;}
}

@media (min-width: 992px) {
	.tovarinfo .price{font-size: 40px;}
	.product_cat{display: grid;grid-template-columns: repeat(4,1fr);}
	
	
}
@media (min-width: 1200px) {
	.header{gap: 40px;grid-template-columns: 1fr 1fr 2fr;}
	.header,.footer{padding-left: 30px;padding-right: 9%;}
	.content{padding: 0.2% 9% 0 16.66666667%;}
	.tovarinfo .price{font-size: 50px;}
	.tovars .tovar h2{font-size: 18px!important;}
	.header .navbar-nav{gap: 15px;}
	.header .navbar-nav a{text-align: center;font-size: 16px;}
} 

html, body{
	font-family: 'Open Sans', sans-serif!important;
	font-size: 16px!important;
	margin: 0px;
	padding: 0px;
	background: black;
	color: white;
}
h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 40px!important;padding-top: 20px!important;font-weight: 300!important;}
h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: 300!important;}
.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
.thumb{padding: 5px!important;}
.gallary{display: inline-block;width: 100%;padding-bottom: 10px;}

.breadcrumbs{color: #949489;font-size: 13px;}
.breadcrumbs a{color: #949489;}

.header,.footer{padding-top: 40px; padding-bottom: 40px;}
.footer{background: #1b1b1b;margin-top: 20px;}
.ft{min-height: calc(100vh - 195px);}

.navbar-default{
	background-color: transparent!important;
	border: none!important;
	margin-bottom: 0px;
	min-height: 40px;
}
.header .navbar-nav:before, .header .navbar-nav:after{display: none;}

.navbar-default a{text-transform: uppercase;color: white!important;text-decoration: none;}
.navbar-default a:hover{border-bottom: 2px solid white;}
.navbar-default .active a{background-color: transparent!important;border-bottom: 2px solid white;}

.aws-container .aws-search-field{color: white;}
.aws-container .aws-search-form, .aws-container .aws-search-form .aws-form-btn{background-color: transparent;}
.header .aws-search-field,.aws-container .aws-search-form .aws-form-btn{border-top: 0px;border-left: 0px;border-right: 0px;padding-left: 0px;border-color: #363636;}
.header .aws-search-field::placeholder{font-size: 16px;}
.header .aws-form-btn{background: transparent;border-top: 0px;border-right: 0px;border-left: 0px;}
#ms .aws-search-field{border-left: 0px;border-right: 0px;background-color: #fcfcfc;border-color: #efefef;}
#ms .aws-search-field::placeholder{font-size: 16px;}
#ms .aws-form-btn{background: transparent;border-right: 0px;border-left: 0px;background-color: #fcfcfc;border-color: #efefef;}



#product .head{text-align: center;}
#product .head .breadcrumbs, #product .head .breadcrumbs a{margin-bottom: 20px;font-size: 16px;color: #a9a9a9;}
#product .image img{border-radius: 50%;}
#product h3{margin-top: 0px;}
#product .params{border: 1px solid #363636;}
#product .params td, #product .params th{border-color: #363636;vertical-align: middle;}
#product .params img{max-width: 50px;height: auto;border-radius: 50%;}

#prod{border-top: 1px solid #363636;padding: 20px;}
#prod a:hover{color: #c53b33;}
#prod a{display: flex;align-items: center;justify-content: space-between;color: white;text-decoration: none;}
#prod .left{display: flex;align-items: center;}
#prod .title{font-weight: bold;font-size: 18px;}
#prod img{max-width: 100px;height: auto;border-radius: 50%;margin-right: 20px;}
#prod .raz{font-size: 15px;margin-top: 10px;}

#tovars > div:last-child{border-bottom: 1px solid #363636;}
.woocommerce-ordering{display: none!important;}
.catimage img{border-radius: 50%;}
.product_cat{gap: 15px;margin-bottom: 20px;}
.product_cat a{color: white;text-decoration: none;}
.product_cat a:hover{color: #c53b33;}
.product_cat h2{font-size: 20px!important;height: 70px;}


.catalog{margin-bottom: 20px;}
.catalog .item{padding: 0px;}
.catalog img{width: 100%;}
.catalog img:hover{background: rgba(0, 0, 0, 0.5);}

.catalog .over{
	opacity: 0;
	float: none;
    width: 100%;
    height: 100%;
    position: absolute;
	top: 0;
    left: 0;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.catalog .item:hover .over{
	opacity: 1;
	float: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.catalog .over .tbl {
  display: table;
  width: 100%;
  height: 100%;
}
.catalog .over .tbl-cl {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  font-size: 28px;
  line-height: 30px;
  text-decoration: none;
}


/* Форма заказа в строку */
.woocommerce .remove, .woocommerce .product-quantity{font-family: 'Arial', sans-serif!important;}
.woocommerce-checkout h2{padding-bottom: 15px; border-bottom: 1px solid #d4d4d4;}
.woocommerce-checkout a{color: white;}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3{display: none;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: 100%;float: none;}
.woocommerce form .form-row label{width: 50%;display: inline-block;font-weight: 500;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,  .woocommerce form .form-row select{width: 50%;display: inline-block;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{    position: relative!important;}
.woocommerce-additional-fields .control-label{font-weight: bold!important;}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img{width: 150px;}


.woocommerce-checkout input, .woocommerce-checkout textarea, .woocommerce-checkout select{
	background-color: transparent;
	color: white;
}

 .woocommerce-checkout select option{color: black;}
 
 .woocommerce-cart-form input{font-size: 18px;background-color: transparent;color: white;border: 1px solid #afafaf;}

 #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background: #253746;}
 .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background-color: #c53b33;}
 .woocommerce-terms-and-conditions a{color: white!important;}
 .woocommerce table.shop_table{border: 1px solid rgba(255, 255, 255, 0.2);}
 
 
 .woocommerce-ordering{display: inline-block;}
 .woocommerce-ordering .form-control{
	 width: auto;
 }
 
 

.pagination>li>a, .pagination>li>span{color: #949489;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #949489;
    border-color: #949489;
}





.product_cat .subitem{
	border: 1px solid #5d5d5d;
    border-radius: 5px;
}
.product_cat .subitem .catimage{
	display: table-cell;
    vertical-align: middle;
	width: 90px;
	height: 90px;
	padding-left: 10px;
}
.product_cat .subitem .catname{
	display: table-cell;
    vertical-align: middle;
	padding: 0px 12px;
	height: 80px;
}
.product_cat .subitem .catname h2{
	padding: 0px!important;
	margin: 0px!important;
	font-size: 16px!important;
	display: table-cell;
    vertical-align: middle;
 
}



.tovars .tovar{padding-bottom: 20px;padding: 20px 5px;text-align: center;}
.tovars .tovar .image{
	border: 1px solid #5d5d5d87;
    min-height: 250px;
    position: relative;
    border-radius: 5px;
}
.tovars .tovar img{max-height: 100%;position: absolute;margin: auto;left: 0;top: 0;bottom: 0;right: 0;}
.tovars .tovar a{color: white;}
.tovars .tovar a:hover{text-decoration: none;}
.tovars .tovar h2{
    padding-top: 10px!important;
    padding-bottom: 0px!important;
    margin-bottom: 10px!important;
    overflow: hidden;
	height: 51px;
}
.tovars .tovar .price .amount{font-size: 23px;}
.tovars .tovar .sku{color: #949489;padding-top: 5px;font-size: 15px;}

ins {border: none;text-decoration: none;}
.tovars .tovar del .amount,.tovars .tovar del, .tovarinfo del{color: #999!important;font-size: 18px!important;}
.tovars .tovar ins .amount, .tovars .tovar ins, .tovarinfo ins {color: #fd2976!important;font-weight: bold;}

.tovars .tovar .button{
	border: 1px solid #949489;
    display: block;
    text-align: center;
    padding: 3px;
    color: #949489;
	text-transform: uppercase;
}

.tovars .tovar .button:hover{background-color: #949489;color: white;}
.tovars .tovar .added_to_cart{display: none;}
.tovars .tovar .added:after{content: "\2714"; padding-left: 5px;}


.tovarinfo{padding-top: 20px;}
.tovarinfo h1{padding-bottom: 20px!important;padding-top: 0px!important;}
.tovarinfo a{color: white;}
.tovarinfo .wp-post-image{max-width: 100%;height: auto;display: block;margin-right: auto;margin-left: auto}
.tovarinfo .thumbnails{display: inline-block;width: 100%;}
.tovarinfo .sku_wrapper{display: none;}
.tovarinfo .sku{color: #949489;}
#ivpa-content{margin-bottom: 0px!important;}
#ivpa-content .ivpa_attribute.ivpa_image .ivpa_term{width: 70px!important;height: 70px!important;}
#ivpa-content .ivpa_attribute.ivpa_text.ivpa_background .ivpa_term.ivpa_active.ivpa_instock{background-color: #949489;}
.tovarinfo .price{display: block;padding-bottom: 25px;font-weight: 100;margin-top: 10px;line-height: 1.428571429;}

.tovarinfo .upakovka{padding-bottom: 20px;}


.tovarinfo .quantity{margin-right: 10px;}
.tovarinfo .variations_button{display: flex;}
.tovarinfo .quantity input{width: 100px;padding: 5px 10px;font-size: 20px;background-color: transparent;color: white;border: 1px solid #afafaf;}

.tovarinfo .desc{padding-top: 20px;}

.tovarinfo .button{
	color: #949489;
    border: 1px solid #949489;
	background: none;
    text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 40px;
	padding-right: 40px;
	text-transform: uppercase;
}
.tovarinfo .button:hover{background: #949489;color: white;}
.tovarinfo .product_meta{padding-top: 10px;}
.tovarinfo del .amount {color: #999!important;text-decoration: line-through;font-size: 28px;font-weight: 500;}

.tovarinfo .info{padding-top: 20px;}
.tovarinfo .pr{
	border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 10px;
	font-size: 18px;
}
.tovarinfo .pr .fa{padding-right: 10px;font-size: 30px;vertical-align: middle;color: #fd5582;}
.tovarinfo h3{padding-bottom: 10px;}

#slider img{max-height: 700px; object-fit: cover;}
#slider .owl-prev{position: absolute; top: 43%; z-index: 10; left: 20px;}
#slider .owl-next{position: absolute; top: 43%; z-index: 10; right: 20px;}
#slider button{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #515151; border-radius: 50%; transition: 0.5s;}
#slider button:hover{background-color: black;}
#slider button.disabled{opacity: 0;}
#slider .owl-dots{display: none;}
@media (max-width:767px){#slider img{min-height: 220px !important; max-height: 220px;}#slider button{width: 20px !important; height: 20px !important;}}