/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

#kovriki img.checkbox-image {
	padding: 25px!important;
	border: none!important;
}
#kovriki .tc-col.tc-element-container {
	max-width: 284px;
}
#kovriki .tc-col.tc-element-container li:nth-child(3) span{
	width: max-content;
	flex-direction: column;
}
/*}*/
#kovriki .tc-col.tc-element-container li:nth-child(3) img.checkbox-image {
	padding: 25px 50px!important;
}
.tm-extra-product-options .tm-collapse .tc-epo-label.tm-section-label {
	font-size: 14px;
	font-weight: 600;
}
.tm-extra-product-options .tcwidth-100, .tm-extra-product-options .tc-cell.tcwidth-100, .tc-cell.tcwidth-100, .tcwidth-100 {
	font-size: 14px;
	font-weight: 400;
}
.tm-extra-product-options .radio-image, .tm-extra-product-options .checkbox-image {
	border: none;
	box-shadow: none;
}
.radio-image-label-inline, .checkbox-image-label-inline {
	margin: auto;
}
.tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap img.radio-image {
	border-radius: 50%;
    padding: 0px;
}

/* woocommerce */
.variations {
   display: none !important;
}
.woocommerce-variation {
   display: none !important;
}

/* variations */
.withparent {
	margin-bottom: 20px;
	position: relative;
}

.withparent .vline {
    display: none;
    position: absolute;
    border-left: 1px solid lightgray;
    height: calc(100% - 67px);
    width: 1px;
    top: 27px;
    left: 13px;
}

.full_block {
	position: relative;
	margin-bottom: 10px;
}

.checkbox_site label {
	cursor: pointer;
	display: inline-block;
}

.checkbox_wrapper {
	border: 1px solid #DDD;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}

.item_parent .full_block::after {
    position: absolute;
    content: '';
    display: block;
    border-top: 1px solid lightgray;
    height: 1px;
    width: 18px;
    top: 13px;
    left: -22px;
}

.prc, .leftcheckbox {
    margin-left: 45px;
    font-weight: normal !important;
}

span.woocommerce-Price-currencySymbol {
    margin-left: 3px;
}

.bysplit {
    margin-bottom: 0;
    display: inline-block;
    margin-left: 35px;
    font-size: 10pt;
    font-weight: normal!important;
    color: #000;
}
.dotted {
    text-decoration: none;
    border-bottom: 1px dotted;
    margin-bottom: 10px;
}

.arrrignt {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB8SURBVHjanNJBCsIwEAXQV3HhXi2eS1x4Bi+mUPFaKqVnGDdSaklqyMDs8sifTJqIUFMrtfW9sUMUdhcRI9zjXYB6tFMIpwJ4HlPOHue2gO4/483gLhO5R7sE4ZiL+A/CdYIeyU1k4BZPDDik4Dqz3gEXbPBKHWhqv9xnAIWWbUFly89tAAAAAElFTkSuQmCC) no-repeat right;
    padding-right: 20px;
    position: relative;
}

.withparent .item_parent {
    padding-left: 35px;
}

.item_parent .full_block {
    position: relative;
}

/* custom-subtotal */
.custom-subtotal-wrapper {
    display: inline-flex;
    margin-left: 10px;
    vertical-align: text-bottom;
}

/* custom */
.not-selectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox_site input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* Styling checkbox */
	width: 16px;
	height: 16px;
	margin: 5px;
	background-color: none;
	border: 1px solid #DDD;
	cursor: pointer;
}
.checkbox_site input[type="checkbox"]:checked {
	background-color: green;
}


/* custom constructor (start) */
.d-none {
    display: none;
}

.constructor {
    /*background: linear-gradient(0deg, #313437, #313437), #F3F3F3;*/
    height: 340px;
    padding: 20px 0 20px 0;
}

.constructor .wrapper {
    position: relative;
    text-align: center;
    width: 100%;
}

.constructor .wrapper img {
    position: absolute;
}
/* custom constructor (end) */

.dostavka_item {
	border: 1px solid #F5F5F5;
	padding: 30px 50px 20px 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.dostavka_item:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.dostavka_item_text {
    width: calc(100% - 76px);
    padding-left: 40px;
}

.tip_deflektor-ul .tc-active label span {
    background-color: #D42F3B;
    color: #fff;
}

.pluses {
	background: #FFFFFF;
	position: relative;
	padding-top: 35px;
	padding-left:50px;
	padding-right:50px;
	overflow: hidden;
}
.pluses:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 352px;
	height: 352px;
}
.pluses:after {
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% + 18px);
	height: 100%;
	width: 100%;
	z-index: 1;
}
.pluses .inner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.pluses .inner:before {
	content: '';
	width: 280px;
	height: 248px;
	position: absolute;
	bottom: 0;
	left: calc(50% + 18px);
	z-index: 2;
}
.pluses .left {
	width: 36.5%;
	padding-bottom: 54px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	z-index: 3;
}
.pluses .left h3 {
	max-width: 308px;
	margin-bottom: 29px;
	color: #404549;
}
.pluses .left p {
	color: #292E31;
	opacity: 0.8;
	margin-bottom: 0;
	max-width: 360px;
}
.pluses .center {
	width: 35%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	z-index: 3;
}
.pluses .center {
	width: 35%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.pluses .center .hint {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 200px;
}
.pluses .center .hint .circle-container {
	width: 52px;
	height: 52px;
	background: rgba(212, 47, 59, 0);
	border-radius: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	order: 2;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.pluses .center .hint .circle-container:hover {
	background: rgba(212, 47, 59, 0.1);
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
}
.pluses .center .hint .circle-container .circle {
	background: linear-gradient(122.25deg, rgba(242, 75, 205, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #CE1D1D;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	position: relative;
}
.pluses .center .hint .circle-container .circle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(90deg);
	background: #fff;
	height: 2px;
	width: 12px;
}
.pluses .center .hint .circle-container .circle:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	height: 2px;
	width: 12px;
}
.pluses .center .hint .text {
	order: 1;
	background: #CE1D1D;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.92em;
	line-height: 1.38;
	font-family: 'Gilroy-Semibold';
	padding: 23px 25px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
}
.pluses .center .hint .circle-container:hover + .text {
	opacity: 1;
}
.pluses .center .hint .text:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 12px solid #CE1D1D;
}
.pluses .center .hint.white .circle-container {
	background: rgba(255, 255, 255, 0);
}
.pluses .center .hint.white .circle-container:hover {
	background: rgba(255, 255, 255, 0.1);
}
.pluses .center .hint.white .circle-container .circle {
	background: #fff;
}
.pluses .center .hint.white .circle-container .circle:before {
	background: #D42F3B;
}
.pluses .center .hint.white .circle-container .circle:after {
	background: #D42F3B;
}
.pluses .center .hint.white .text {
	background: #fff;
	color: #404549;
}
.pluses .center .hint.white .text:before {
	border-top: 12px solid #fff;
}
.pluses .center .hint-1 {
	top: 150px;
	left: -98px;
}
.pluses .center .hint-2 {
	top: -10px;
	left: -20px;
}
.pluses .center .hint-3 {
	top: 0px;
	right: 0px;
}
.pluses .center .hint-4 {
	top: 170px;
	right: 0px;
}
.pluses .right {
	width: 28.5%;
	position: relative;
	z-index: 3;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 25px;
}
.pluses .right .row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 24px;
}
.pluses .right .row span {
	width: 127px;
	text-align: right;
	letter-spacing: 0.17em;
	text-transform: uppercase;
	color: #292E31;
	opacity: 0.7;
	font-size: 0.85em;
	font-family: Gilroy-Semibold;
}
.pluses .right .row p {
	margin: 0 0 0 54px;
	font-size: 2.16em;
	color: #292E31;
}

.wd-nav-main:not(.wd-offsets-calculated) .wd-dropdown-menu { opacity:1 !important;pointer-events: unset !important;}

.infoboxwidth .info-box-icon {width:52px}

@media only screen and (max-width : 1025px) {
	.pluses:after,
	.pluses .inner:before,
	.pluses:before {
		display: none;
	}

	.pluses .inner {
		justify-content: center;
	}
	.pluses .left {
		display: none;
	}
	.pluses .center {
		max-width: 400px;
		width: 100%;
		order: 2;
		margin-right: -110px;
	}
	.pluses .right {
		width: 100%;
		order: 1;
		margin-top: 40px;
		padding-bottom: 0;
	}
.pluses .right .row p {
	margin: 0 0 0 20px;
	font-size: 2.16em;
	color: #292E31;
}	

}


.wd-nav-mobile {
	--nav-mobile-link-color-hover: #c72c2c !important;
    --nav-mobile-link-color-current: #c72c2c !important;
}

#home { color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; height: 100vh; overflow: hidden; }
#home .gradient-overlay { background: #000000;  opacity: 0.6; position: absolute; top: 0; left:0;right:0;bottom:0;}
.bgvid_h1 {line-height: 76px;
    font-size: 66px;
    color: #ffffff;
position:absolute;
top:20vh;
left:0;
width:100%;
}
#video-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -999;
}

#video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%; 
    //min-height: 100%;
    width: auto;
    //height: auto; 
}

 @supports (object-fit: cover) {
     #video-bg > video {
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
 }