:root{
	--primary-color:#b11b1b;
	--primary-color-rgb:177,27,27;
	
	--primary-color-light:#e44e4e;
	--primary-color-light-rgb:228,78,78;
	
	--primary-color-dark:#921616;
	--primary-color-dark-rgb:146,22,22;
	
	--secondary-color:#3b3f44;
	--secondary-color-rgb:59,63,68;
	
	--secondary-color-light:#6b727b;
	--secondary-color-light-rgb:107,114,123;
	
	--secondary-color-dark:#2e3135;
	--secondary-color-dark-rgb:46,49,53;
	
	--beige-color:#f0dbc3;
	--beige-color-light:#f9f6f2;
	--beige-color-dark:#cab38f;

	--gray-color:#f0f0f0;
	--gray-color-light:#fafafa;
	--gray-color-dark:#d0d0d0;

	--brown-color:#77512c;
	--khaki-color:#6f5f48;
	--magenta-color:#6f4848;

	--bs-border-color:#888888;
	--bs-container-width:100%;

	--plyr-color-main:var(--secondary-color)
}

*, :after, :before {
    outline: 0 none!important;
    box-sizing: border-box;
}
:focus {
    outline-style: none!important;
    outline-width: 0px !important;
    outline-color: none !important;
}

button.no-shadow:focus{
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
}

/* default styles */
.default-font{
	font-family:Arial!important;
}
.primary-font{
	/*
	font-family: 'Montserrat'!important;
    */
	font-family:tahoma!important;
	font-weight: 300;
    font-style: normal;
}
.secondary-font{
	font-family: 'panton_full'!important;
    font-weight: normal;
    font-style: normal;
}


.primary-color{
	color:var(--primary-color);
}
.primary-color-light{
	color:var(--primary-color-light);
}
.primary-color-dark{
	color:var(--primary-color-dark);
}
.secondary-color{
	color:var(--secondary-color);
}
.secondary-color-light{
	color:var(--secondary-color-light);
}
.secondary-color-dark{
	color:var(--secondary-color-dark);
}

.border-primary-color{
	border:3px solid var(--secondary-color)
}

.border-secondary-color{
	border:3px solid var(--secondary-color)
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1;
	/*
	color:var(--secondary-color)
	*/
}

a, button {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
a:hover{
	color:var(--primary-color)
}

.marked-list > ul{
	padding-left:1.25rem
}
.marked-list li {
    position: relative;
    list-style-type: none;
}
.marked-list li:before {
    content: "\f0da";
    font: normal normal normal 26px/1.4 'icomoon';
    position: absolute;
    left: -1.25rem;
    top: 0.125rem;
    font-weight: bold;
    font-size: 14px;
    color: var(--primary-color)
}

.marked-list.italic li:before {
	font-style:italic
}

.badge{
	width:17px;
	height:17px;
	background:rgba(var(--secondary-color-rgb), 0.15);
	top:-8px;
	right:-8px;
	font-size:10px;
	line-height:11px;
	z-index:1
}

/**/

/* block background styles*/
.bg_overlay{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.bg_overlay.overlay_1:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background: url(/template/img/pattern/pattern_black.png);
	opacity:0.4;
	z-index:1;
	transition: 0.2s ease-in-out;
	cursor:pointer
}
.bg_overlay.overlay_2:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background: url(/template/img/pattern/pattern_black.png);
	opacity:0.4;
	z-index:1;
	transition: 0.2s ease-in-out;
	cursor:pointer
}
.bg_overlay.overlay_2:after{
    content:'';
	width:100%;
	height:100%;
	position:absolute;
	background-image: linear-gradient(90deg, rgba(71,63,59,1) 10%, rgba(71,63,59,0) 100%);
	z-index:1;
	cursor:pointer
}

.bg_overlay.overlay_1:hover:before{
	opacity:0.6;
}

.bg_overlay.overlay_1:after{
    font-family: 'icomoon' !important;
	content:'\e986';
	text-align:center;
	position:absolute;
	color:#fff;
	width:40px;
	height:40px;
	opacity:0;
	top:calc(50% - 20px);
    left:calc(50% - 20px);
	z-index:1;
	font-size:36px;
	line-height:36px;
	transition: 0.2s ease-in-out;
	cursor:pointer
}
.bg_overlay:hover:after{
	opacity:1;
}


.bg-primary{
	background:var(--primary-color)!important
}
.bg-gray-light{
	background:var(--gray-color-light)!important
}
.bg-gray-dark{
	background:var(--gray-color-dark)!important
}

.bg-secondary{
	background:var(--secondary-color)!important
}
.bg-secondary-light{
	background:var(--secondary-color-light)!important
}
.bg-secondary-dark{
	background:var(--secondary-color-dark)!important
}

.bg-gray{
	background:var(--gray-color)!important
}
.bg-gray-light{
	background:var(--gray-color-light)!important
}
.bg-gray-dark{
	background:var(--gray-color-dark)!important
}

.bg-gray-gradient {
    background-color: var(--gray-color);
    background-image: linear-gradient(90deg, var(--gray-color-light) 0%, var(--gray-color-dark) 100%);
}
.bg-gray-light-gradient {
    background-color: var(--gray-color-light);
    background-image: linear-gradient(90deg, var(--gray-color) 0%, var(--gray-color-light) 60%);
}
.bg-gray-dark-gradient {
    background-color: var(--gray-color-dark);
    background-image: linear-gradient(90deg, var(--gray-color) 0%, var(--gray-color-dark) 60%);
}

.bg-primary-transparent-gradient {
    background-image: linear-gradient(90deg, var(--gray-color) 40%, transparent 100%);
}

.bg-primary-gradient {
    background-color: var(--primary-color);
    background-image: linear-gradient(90deg, var(--primary-color-light) 0%, var(--primary-color-dark) 100%);
}
.bg-primary-light-gradient {
    background-color: var(--primary-color-light);
    background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color-light) 60%);
}
.bg-primary-dark-gradient {
    background-color: var(--primary-color-dark);
    background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color-dark) 60%);
}
.bg-primary-gradient.invert {
    background-image: linear-gradient(270deg, var(--primary-color-light) 0%, var(--primary-color-dark) 100%);
}
.bg-primary-light-gradient.invert {
    background-image: linear-gradient(270deg, var(--primary-color) 0%, var(--primary-color-light) 60%);
}
.bg-primary-dark-gradient.invert {
    background-image: linear-gradient(270deg, var(--primary-color) 0%, var(--primary-color-dark) 60%);
}

.bg-secondary-gradient {
    background-color: var(--secondary-color);
    background-image: linear-gradient(90deg, var(--secondary-color-light) 0%, var(--secondary-color-dark) 100%);
}
.bg-secondary-light-gradient {
    background-color: var(--secondary-color-light);
    background-image: linear-gradient(90deg, var(--secondary-color) 0%, var(--secondary-color-light) 60%);
}
.bg-secondary-dark-gradient {
    background-color: var(--secondary-color-dark);
    background-image: linear-gradient(90deg, var(--secondary-color) 0%, var(--secondary-color-dark) 60%);
}
.bg-secondary-gradient.invert {
    background-image: linear-gradient(270deg, var(--secondary-color-light) 0%, var(--secondary-color-dark) 100%);
}
.bg-secondary-light-gradient.invert {
    background-image: linear-gradient(270deg, var(--secondary-color) 0%, var(--secondary-color-light) 60%);
}
.bg-secondary-dark-gradient.invert {
    background-image: linear-gradient(270deg, var(--secondary-color) 0%, var(--secondary-color-dark) 60%);
}

.bg-primary-secondary-gradient, .bg-secondary-primary-gradient.invert{
    background-color: var(--primary-color);
	background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.bg-secondary-primary-gradient, .bg-primary-secondary-gradient.invert {
	background-color: var(--secondary-color);
    background-image: linear-gradient(270deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.bg-img{
	position:relative;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	z-index:0;
}

.gradient.bg-img:before{
	content:'';
	position:absolute;
	width:100%;
	height:calc(100% + 0px);
	opacity:0.93;
	top:0px
}

.gradient.gradient-1.bg-img:before {
    background-image: linear-gradient(90deg, rgba(var(--secondary-color-rgb), 1) 0%, rgba(var(--primary-color-rgb), 1) 100%);
}

.gradient.gradient-2.bg-img:before{
	background: linear-gradient(135deg,rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.bg-img.img_3{
	background-image: url(/template/img/bg_img_3.jpg);
}
.bg-img.fixed{
	background-attachment: fixed!important;
}

.bg-mask{
	position:relative
}

.bg-mask:before{
	content:'';
	position:absolute;
	width:100%;
	height:calc(100% + 0px);
	top:0px;
	left:0px;
	z-index:1;
	opacity:1;
}

.bg-mask.visible_20:before{
	opacity:0.2;
}
.bg-mask.visible_40:before{
	opacity:0.4;
}
.bg-mask.visible_60:before{
	opacity:0.6;
}
.bg-mask.visible_80:before{
	opacity:0.8;
}

.bg-mask.mask_dark_1:before{
	background: url(/template/img/pattern/pattern_black_1.png);
}
.bg-mask.mask_dark_2:before{
	background: url(/template/img/pattern/pattern_black_2.png);
}
.bg-mask.mask_dark_3:before{
	background: url(/template/img/pattern/pattern_black_3.png);
}
.bg-mask.mask_white_1:before{
	background: url(/template/img/pattern/pattern_white_1.png);
}
.bg-mask.mask_white_2:before{
	background: url(/template/img/pattern/pattern_white_2.png);
}
.bg-mask.mask_white_3:before{
	background: url(/template/img/pattern/pattern_white_3.png);
}
.bg-mask.black:before{
	background: #000;
}
.bg-mask.white:before{
	background: #fff;
}
/**/

/* forms */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

input, textarea, select {
	outline:none;
	caret-color:#333;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input:focus {
  background:#fff;
  border-color: var(--secondary-color)!important;
  box-shadow: none;
  outline: 0 none;
}

input.form-control, textarea.form-control{
	border-color:#cccccc
}

input.form-control.bordered, textarea.form-control.bordered{
	border:1px solid var(--gray-color-dark)
}
input.form-control.bordered:focus, textarea.form-control.bordered:focus{
	border:1px solid var(--primary-color)
}

.form-group{
	border-radius: 0.5rem;
}
.form-group input, .form-group select, .form-group textarea{
	background:rgba(255,255,255, 0.9);
}

.form-group label, .form-group .help-block{
	font-size:12px
}

.form-control {
    padding: .375rem 1rem;
}
.form-control:focus {
    box-shadow:none!important;
}

.form-control.sm {
    padding: .35rem .7rem;
	font-size:14px;
	height:28px;
	width:100px;
}


.has-success label{
	color:#3c763d;
}
.has-success input, .has-success select, .has-success textarea{
	border-color:#3c763d!important;
	background:#e6ffe6!important;
}

.has-error label, .has-error .help-block{
	color:#a94442;
}
.has-error input, .has-error select, .has-error textarea{
	border-color:#a94442!important;
	background:#ffe6e6!important;
}

div.label_name{
	cursor:pointer;
	font-size:13px;
	line-height:18px
}

div.checkbox_radio{
	margin-top:2px;
	position: relative;
    width: 15px;
    height: 15px;
}

div.checkbox_radio label{
	cursor:pointer;
}

div.checkbox_radio label.unchecked:after{
	opacity:0!important;
}

div.checkbox_radio label.checked:after{
	opacity:1!important;
}

input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked),
input[type="radio"]:checked,
input[type="radio"]:not(:checked)
{

	position: absolute;
    left: 0px;
	right: 0px;
	width:15px;
	height:15px;

	visibility:hidden;
}

.checkbox_radio label,
input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked),
input[type="radio"]:checked,
input[type="radio"]:not(:checked)


input[type="checkbox"]:checked + label,
input[type="checkbox"]:not(:checked) + label,
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
	left:0px!important;
	top:0px!important;
    display: block;
	margin: 0!important;
    padding: 0!important;
    position: absolute;
    line-height: 20px;
    width: 15px!important;
    height: 15px!important;
    cursor: pointer;
}

input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    content: "";
    left:0px;
	top:-1px;
    margin: 0;
    padding: 0;
    position: absolute;
    line-height: 20px;
    width: 17px;
    height: 17px;

	border: 2px solid var(--secondary-color);
	background:#fff;
	
	/*
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
	*/
}

input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 0px;
}

input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    border-radius: 100%;
}

input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after,
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after {
    left: 3px;
    top: 4px;
    width: 11px;
    height: 6px;
    border-radius: 1px;
    border-left: 3px solid var(--primary-color-dark)!important;
    border-bottom: 3px solid var(--primary-color-dark)!important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input:disabled[type="checkbox"]:checked + label:before,
input:disabled[type="checkbox"]:not(:checked) + label:before,
input:disabled[type="radio"]:checked + label:before,
input:disabled[type="radio"]:not(:checked) + label:before {
	border-color:#999!important;
}
input:disabled[type="checkbox"]:checked + label:after,
input:disabled[type="checkbox"]:not(:checked) + label:after,
input:disabled[type="radio"]:checked + label:after,
input:disabled[type="radio"]:not(:checked) + label:after {
	border-color:#999!important;
}

.form-group .checkbox_radio label{
	/*
	top:-3px;left:0px;right:inherit;
	*/
}


.sortable-chosen input[type="checkbox"]:checked + label:after,
.sortable-chosen input[type="checkbox"]:checked + label:after, .sortable-chosen input[type="checkbox"]:not(:checked) + label:after {
    border-left: 3px solid #fff!important;
    border-bottom: 3px solid #fff!important;
}

form.sortable-chosen.sortable-fallback.sortable-drag{
	display:none!important;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    left: 4px;
    top: 3px;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color:var(--primary-color-dark);
}

input[type="checkbox"]:not(:checked) + label:after,
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}

input[type="checkbox"]:checked + label:after,
input[type="radio"]:checked + label:after {
    opacity: 1;
}

button, button:active, button:focus {
    outline: none!important;
}

.lead_form_block{
	max-width:500px
}
/**/

/* search*/
.search{
	left:32px;
	width:calc(100% - 22px);
	display:none;
	background:var(--gray-color-light)
}
.search.opened{
	display:block
}
.search input{
	padding-right:34px;
	background:#fff
}
.search button.close{
	font-size: 16px;
	line-height:10px;
	top:18px;
	right:12px;
	border:none;
	background:none;
	font-weight:bold;
	opacity:0.8;
	
}
.search button.close:hover{
	opacity:1;
}

/**/

/* buttons */
.btn{
	border-radius:0px;
	transition: all 0.2s linear
}
.btn > i, .btn > span{
	position:relative;
	z-index:1;
	line-height:inherit!important
}
.btn.btn-md{
	height:50px!important
}

.btn.primary, .btn.secondary, .btn.white{
	min-height:40px;
	position:relative;
    padding: 8px 30px;
    font-size: 15px;
	line-height: 18px;
    font-weight: 600;
	overflow:hidden;
}
.btn.primary:before, .btn.secondary:before, .btn.white:before{
	content:'';
	width:100%;
	position:absolute;
	right:0;
	z-index:0;
	transition: all 0.2s linear;
}

.btn.primary, .btn.primary:not(.this_color):active, .btn.secondary, .btn.secondary:not(.this_color):active{
	background:var(--secondary-color);
	color:#fff!important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border:1px solid var(--primary-color)
}

.btn.secondary, .btn.secondary:not(.this_color):active{
	background:var(--primary-color);
	border:1px solid var(--secondary-color)
}

.btn.primary:not(.this_color):hover{
	border:1px solid var(--secondary-color)
}

.btn.secondary:not(.this_color):hover{
	border:1px solid var(--secondary-color)
}

.btn.primary:before, .btn.secondary:before{
	height:100%;
	background:var(--primary-color);
	bottom:0;
}

.btn.secondary:before{
	background:var(--secondary-color)
}

.btn.primary:hover:before, .btn.secondary:hover:before{
	height:0%;
}

.btn.primary.this_color, .btn.primary.this_color:active{
	background:rgba(var(--primary-color-rgb),0.8);
	border:1px solid var(--primary-color)
}

.btn.secondary.this_color, .btn.secondary.this_color:active{
	background:rgba(var(--secondary-color-rgb),0.8);
	border:1px solid var(--secondary-color)
}

.btn.primary.this_color:before, .btn.secondary.this_color:before{
	height:0%;
	top:0;
}
.btn.primary.this_color:hover:before, .btn.secondary.this_color:hover:before{
	height:100%;
}


.btn.white, .btn.white:active{
	background:var(--gray-color-light);
	color:#333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	border:1px solid var(--gray-color)
}
.btn.white:hover{
	color:#000;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	border:1px solid var(--gray-color-dark)
}

.btn.white:before{
	background:#fff;
	height:0%;
	top:0;
}
.btn.white:hover:before{
	height:100%;
}
/**/


.card{
	background:none
}
.card.incart .btn.add2cart{
	background:var(--secondary-color)!important
}
.card .btn.add2cart > span.added, .card.incart .btn.add2cart > span:not(.added){
	display:none!important;
}
.card.incart .btn.add2cart > span.added{
	display:block!important
}

.card button.add2compare, .card button.add2favorite{
	color:var(--primary-color)!important
}
.card.incompare button.add2compare, .card.infavorite button.add2favorite{
	color: red!important;
}


.logo img{
	width:120px;
}
.logo img.logo_2{
	display:none
}

.logo .name{
	width:80px;
	line-height:16px;
	margin:0;
	margin-left:55px
}
/**/

html {
    height: 100%;
    overflow: visible !important;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}

body {
	transition: all 0.2s linear;
	background:#fff;
    margin: 0;
    padding: 0;
    height: 100%;
    min-width: 320px;
    overflow-y: scroll;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
	font-size: 15px;
    line-height: 21px;
	overflow-x: hidden
}
body > section, .modal-content > section {
    top: 0rem;
    height: calc(100% - 0rem);
    overflow-y: scroll;
}

/* loader*/
body.loader{
	overflow:hidden;
	position:relative;
}
body.loader:before{
	top:0px;
	left:0px;
	content:'';
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:9999;
}
.loader_block{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:0;
	display:none;
}
.loader_block .inner {
    position:relative;
    width:100%;
	height:100%;
	display:block;
}
.loader_block .inner img{
	position:absolute;
	top:50%;
	margin-top:-50px;
    left:50%;
	margin-left:-50px;
	width:100px;
	height:100px;
}
body.loader .loader_block{
	z-index:9999;
	display:block
}
/**/

header {
	position:relative
}

/* _header widget */
.header{
	background: none
}

.header > .position-relative{
	height:65px
}

body.header_static header{
	position:absolute;
	z-index:2!important;
	background-image:none!important;
	box-shadow:none!important;
	background-color: rgba(0, 0, 0, 0) !important;
}
body.header_static header:before{
	display:none
}
body.header_static header .header{
	background:none!important
}
body.header_static header .header > div{
	background:none!important;
	border:none!important
}

body.header_static.dark header{
	color:white!important
}
body.header_static header .header > div.position-relative:before{
	content:'';
	position:absolute;
	left:0%;
	right:0%;
	width:100%;
	height:100%;
	background:rgba(0,0,0, 0.2);
	z-index:0
}
body.header_static.dark header .header > div.position-relative:before{
	background:rgba(0,0,0, 0.2);
}
body.header_static.light header .header > div.position-relative:before{
	background:rgba(255,255,255, 0.4);
}

body.header_static.dark header .logo img.logo_1{
	display:none
}
body.header_static.dark header .logo img.logo_2{
	display:block
}

/**/

/* _header main_menu widget */
section .main_menu > ul{
    margin:0;
	padding:0
}
section .main_menu > ul li{
    display: inline-block;
	padding:0 0.75rem
}
section .main_menu > ul > li > a{
	position:relative;
	/*
	font-family: 'Montserrat'!important;
    */
	font-family:tahoma;
	font-weight: 400;
	text-transform:none;
	transition: all 0.2s;
    font-size: 16px;
    display: inline-block;
    padding:0;
	/*
	color:#fff;
	*/
}
section .main_menu > ul > li > a:hover{
	color:var(--primary-color)
}
section .main_menu > ul > li > a::before{
    display:none;
	content: "";
	position: absolute;
	width: 100%;
    height: 1.5px;
    border-radius: 2px;
    left: 0;
    bottom: -4px;
    transition: all 0.2s;
	background:var(--primary-color);
	opacity: 0;
}
section .main_menu > ul > li > a:hover::before, section .main_menu > ul > li.active > a::before{
    opacity: 1;
}
/**/

/* stuck-nav widget*/
.stuck-nav {
    width: 100%;
	top:0px;
	left:0px;
	min-height:60px;
    position: fixed;
    transform: translate3d(0, -110%, 0);
    z-index: 999;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.stuck-nav.opened{
    transform:none
}

.stuck-nav .logo img{
	width:120px;
}
.stuck-nav .logo .name {
   margin-left: 35px;
}
.stuck-nav .search{
	background:#fff
}

/**/

/* mobile_menu widget*/
.mobile_menu {
    position: fixed;
    top: 0px;
    bottom: 0;
    z-index: 500;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: calc(100vw - 0px);
    min-width: 320px;
    max-width: 320px;
    height: 100%;
    background-color: #fff;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.mobile_menu.left {
    right: auto;
    left: 0;
    transform: translate3d(-110%, 0, 0);
}
.mobile_menu.opened {
    transform: none!important;
    z-index: 999;
}

.mobile_menu button.close{
	border:none;
	background:none;
	top:0px;
    right:-12px;
	opacity:0.8
}
.mobile_menu button.close:hover{
	opacity:1
}

.mobile_menu button.close i{
	font-size: 16px;
}

.mobile_menu .logo img {
	width: 120px;
}

.mobile_menu .overlay {
    min-height: calc(100dvh - 1.5rem);
}

.mobile_menu .main_menu{
	margin-left:20px
}

.mobile_menu .main_menu ul{
	list-style-type:none;
	margin:0;
	padding:0
}

.mobile_menu .main_menu ul > li{
	font-size:16px;
	padding:15px;
	padding-left:20px;
	border-bottom:1px solid rgba(0,0,0, 0.05);
	/*
	margin-bottom:1.25rem;
	*/
	text-transform:none
}

.mobile_menu .main_menu.marked-list ul > li:before{
	top:1rem;
	left:0
}

.mobile_menu a:not(.btn){
	opacity:0.8
}

.mobile_menu a:hover, .mobile_menu li.active a{
	opacity:1;
	color:#000
}
/**/

/* sidebar_menu widget*/
.sidebar_menu{
	background:rgba(255,255,255,1)
}

.catalog.sidebar_menu{
	height:100%;
	max-height: calc(100svh - 60px - 3rem);
	overflow:hidden;
}

.sidebar_menu > .wrapper{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	padding:0 2px 2px 2px
}
.sidebar_menu > .wrapper > div > ul{

}

.sidebar_menu ul{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0
}
.sidebar_menu ul > li{
	width:100%;
	display:grid;
}

.sidebar_menu ul > li > a{
	width:100%;
	font-size:16px;
	padding:15px;
	padding-left:2.25rem;
	padding-right:1rem;
	border-top:1px solid rgba(0,0,0, 0.05);
	border-left:3px solid transparent;
	text-transform:none
}

.sidebar_menu ul > li.submenu > .caret{
	 position:absolute;
	 width:20px;
	 height:20px;
	 right:5px;
	 top:16px
}

.sidebar_menu ul > li.submenu > a{
	padding-right:2.25rem
}

.sidebar_menu ul > li > ul{
	background:#fafafa;
}
.sidebar_menu ul > li > ul > li{
	position:relative
}
.marked-list ul > li > ul > li:before {
    content: "\f0da";
    left: 2.5rem!important;
    top: 0.75rem!important;
    font-weight: bold;
    font-size: 12px;
    color: var(--secondary-color);
	cursor:pointer;
}

.sidebar_menu ul > li > ul > li > a{
	padding:10px;
	padding-left:3.5rem;
	padding-right:1rem;
	font-size:14px;
	line-height:20px;
}


.sidebar_menu.marked-list ul > li:before{
	top:1rem;
	left:1.25rem;
	cursor:pointer;
}
.sidebar_menu li a:hover, .sidebar_menu li a.active{
	border-left:3px solid var(--secondary-color)
}


.sidebar_menu a, .sidebar_menu button.close{
	opacity:0.8
}
.sidebar_menu a:hover, .sidebar_menu button.close:hover{
	opacity:1
}

.sidebar_menu a:hover, .sidebar_menu li.active > a{
	color:#000;
}
/**/

/* table widget*/
.element-table{
	/*
	line-height: 18px;
	*/
}

.element-table.table th, .element-table.table tr:nth-child(even) > td, .row.compare_attribute:nth-child(even) > div{
    background:var(--gray-color-light);
}
.element-table.table, .element-table.table tr{
    transition: all 0.2s linear;
}

.element-table.table tr > td{
    min-width:120px;
	background:none;
	transition: all 0.2s linear;
}

.element-table.table tr:hover > td, .element-table.table td.hover, .row.compare_attribute:hover > div{
    background: rgba(var(--secondary-color-rgb), 0.075)!important;
}

/**/

/* filter widget*/
.filter {
    position: fixed;
    top: 0px;
    bottom: 0;
    z-index: 500;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: calc(100vw - 0px);
    min-width: 320px;
    max-width: 320px;
    height: 100svh;
    background-color: #fff;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.filter.right {
    left: auto;
    right: 0;
    transform: translate3d(110%, 0, 0);
}
.filter.opened {
    transform: none!important;
    z-index: 999;
}

.filter.sidebar_menu > .wrapper{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	padding-top:56px;
	margin-top:-56px
}
.filter.sidebar_menu > .wrapper > div{
	height: calc(100%);
}

.filter button.close{
	border:none;
	background:none;
	color:#fff;
	top:0px;
    right:-12px;
}

.filter button.close i{
	font-size: 16px;
}
/**/

/* _breadcrumbs widget*/
.page_body > .breadcrumb{
	background:#fff
}

body.header_static .breadcrumb{
	display:none
}

.breadcrumb > div > div{
	min-height:44px
}

.breadcrumb ul{
    margin:0
}
.breadcrumb a span{
	color:#444;
	transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.breadcrumb span, .breadcrumb a:hover span{
	color:var(--secondary-color);
}

.breadcrumb > li:before {
    padding-left:10px;
    content: "/\00a0";
	color:#333;
}
.breadcrumb > li:first-child:before {
    display:none;
}
.breadcrumb > li.active{
    color:#ff0000;
}
/**/

/* pagination widget*/
.pagination ul {
    padding: 0px;
	margin:auto;
}
.pagination li {
	background:#fff;
    width:32px;
	height:32px;
	float: left;
    margin: 0 1px;
	border: 1px solid #cccccc;
    list-style: none;
	text-align:center;
	line-height:16px;
	transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.pagination li i{
	line-height:17px;
}
.pagination li a {
	width:100%;
	height:100%;
	display: inline-block;
}
.pagination li.active, .pagination li:hover, .pagination li a:hover {
    background: var(--secondary-color);
	color:#fff;
	border-color:var(--secondary-color)
}
.pagination li.active, .pagination li a, .pagination li.prev, .pagination li.next{
	padding-top:7px;
}
.pagination li.prev, .pagination li.next{
	opacity:0.5
}
/**/

/* _footer widget*/
footer .logo{
	height: 65px;
}

footer .logo img{
	width: 120px;
}

footer .marked-list li:before {
    /*
	color: var(--beige-color)
	*/
}

.footer-menu li{
    margin-bottom: 0.75rem;
}
.footer-menu li.active a, .footer-menu li a:hover{
	color:var(--secondary-color)
}
.light .footer-menu li.active a, .light .footer-menu li a:hover{
	color:var(--primary-color)
}
/**/

/* social icons styles*/
.social_icons {
    padding: 0;
    display: flex;
    line-height: 1;
    font-size: 20px;
    list-style: none;
    align-items: center;
    margin: 0;
	justify-content: flex-start;
}
.social_icons > li:not(:first-child){
    margin-left:6px;
}
.social_icons .icon {
    width: 28px;
    height: 28px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	position:relative;
	font-size:16px;
	border:none
}
.social_icons .icon.before{
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .85) !important;
	opacity:0.75
}
.social_icons .icon.whatsapp {
    background:#29a71a;
	font-size:22px;
}
.social_icons .icon.max {
	font-size:17px;
	background-color: #6023e3;
	background-image: linear-gradient(61deg, rgba(61, 179, 251, 1) 0%, rgba(54, 92, 253, 1) 50%, rgba(109, 19, 245, 1) 100%);
}
.social_icons .icon.telegram {
    background:#428bca;
}
.social_icons .icon.vk {
	font-size: 18px;
    background:#0073f7;
}
.social_icons .icon.fb {
    background:#0c5098;
}
.social_icons .icon.youtube {
    background:#f70000;
}
.social_icons .icon:hover{
	opacity:1;
}
.social_icons .icon.more{
	background:none;
	color:var(--primary-color);
	opacity:0.85;
	text-shadow:none;
}
.social_icons .icon.more:hover{
	/*
	border:1px solid var(--secondary-color);
	color:var(--secondary-color);
	text-shadow: 0 1px 2px rgba(0, 0, 0, .75) !important;
	*/
	opacity:1
}

/**/

/* swiper slider styles*/
.swiper-button-next, .swiper-button-prev {
    position: absolute;
	opacity:0;
	cursor: default!important;
	z-index:10;
	top: 50%;
    height: 50px;
    width: 50px;
	background: var(--secondary-color);
    color: #fff;
    margin-top: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.2s linear;
	/*
	border:1px solid #fff!important
	*/
}

.swiper-button-next > svg, .swiper-button-prev > svg{
	display:none
}

.swiper_block .swiper-button-next, .swiper_block .swiper-button-prev {
    top: calc(50% - 5px);
}

.swiper-button-next{
    right:-5%!important;
}
.swiper-button-prev{
    left:-5%!important;
}

.swiper_block .swiper-button-next{
    right:-10%!important;
}
.swiper_block .swiper-button-prev{
    left:-10%!important;
}

.swiper_block.hover .swiper-button-next{
    right:-10px!important;
}
.swiper_block.hover .swiper-button-prev{
    left:-10px!important;
}

.swiper_block.full.hover .swiper-button-next{
    right:-33px!important;
}
.swiper_block.full.hover .swiper-button-prev{
    left:-33px!important;
}

.swiper_block.hover .swiper-button-next, .swiper_block.hover .swiper-button-prev{
    opacity:0.75;
	cursor:pointer!important
}

.swiper_block.hover .swiper-button-next:hover, .swiper_block.hover .swiper-button-prev:hover {
	opacity:1!important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: 'icomoon'!important;
    font-size: 15px;
    line-height: 40px;
	font-weight:normal;
	z-index:2;
	transition: all 0.2s linear!important;
}
.swiper-button-next:after{
	content:'\f054';
	margin:0
}
.swiper-button-prev:after{
	content:'\f053';
	margin:0
}

.swiper-button-next:hover:after{
	margin-left:3px
}
.swiper-button-prev:hover:after{
	margin-right:3px
}

.slider_move {
    opacity: 0;
    transform: translate3d(0, -200%, 0);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1)
}
.swiper-slide-active .slider_move{
	opacity:1!important;
	transform:none!important;
	top:0px
}

.swiper-horizontal .swiper-pagination-bullets{
    bottom: -24px!important;
	min-width:150px!important
}
.swiper-horizontal .swiper-pagination-bullet{
	width: 14px!important;
	height: 14px!important;
    border-radius:3px;
	margin:0 8px!important;
	background:#000;
	opacity:0.4;
}
.carousel-dark .swiper-horizontal .swiper-pagination-bullet{
	background:#fff;
	opacity:0.5;
}
.slider.swiper-horizontal .swiper-pagination-bullets, #element_images .swiper-pagination-bullets{
    bottom: 24px!important;
}
.swiper-horizontal .swiper-pagination-bullet-active{
    background:none!important;
	border:2px solid var(--secondary-color)!important;
	opacity:1!important;
}

/**/

/*  */
.contacts_widget{
    right:5%;
	bottom:100px;
	display: inline-block;
    width: 56px;
    height: 56px;

    z-index: 2;
	position:fixed!important;
}

.contacts_widget .btn, .contacts_widget .btn:focus{
	opacity:0.85;
    position:absolute;
	left:4px;
	bottom:0;
	z-index:3;
	width: 48px;
    height: 48px;
	border-radius:0.6rem;
	color: rgba(var(--primary-color-rgb), 1);
	background:#fff!important;
	transition: all 0.2s linear;
	font-size:28px
}
.contacts_widget .btn.toggle{
    left:0px;
	width: 56px;
    height: 56px;
}
.contacts_widget .btn.toggle > i.icon-close{
    font-size:24px;
	transform: scale(1.00)!important;
}
.contacts_widget:not(.opened) .btn.toggle > i.icon-bubbles{
	opacity:1!important
}
.contacts_widget.opened .btn.toggle > i.icon-close{
	opacity:1!important
}

.contacts_widget .btn.phone, .contacts_widget .btn.telegram, .contacts_widget .btn.whatsapp, .contacts_widget .btn.max{
	bottom:0;
	opacity:0;
	z-index:1
}
.contacts_widget .btn.telegram{
	background:#428bca!important;
	font-size:24px
}
.contacts_widget .btn.whatsapp{
    background:#29a71a!important;
	font-size:32px
}
.contacts_widget .btn.max{
    background-color: #6023e3!important;
	background-image: linear-gradient(61deg, rgba(61, 179, 251, 1) 0%, rgba(54, 92, 253, 1) 50%, rgba(109, 19, 245, 1) 100%)!important;
	font-size:28px
}

.contacts_widget.opened .btn.phone, .contacts_widget.opened .btn.whatsapp, .contacts_widget.opened .btn.max, .contacts_widget.opened .btn.telegram {
    opacity:1
}

.contacts_widget .btn > i{
	transform: scale(1.00);
	transition: all 0.2s linear;
}

.contacts_widget .btn:hover{
	opacity:1
}

.contacts_widget .btn:hover > i{
	transform: scale(1.1);
}

.contacts_widget::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 56px;
    height: 56px;
    -webkit-animation: ripple 1.6s;
	animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background-image: -webkit-linear-gradient(0deg, var(--secondary-color) 0%, var(--secondary-color) 100%);
    border-radius: 0.75rem;
}

.contacts_widget.opened::after {
	display:none
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2); }
}
/**/

/* scroll styles */
.scroll_top, .scroll_bottom{
    opacity: 0.6;
    visibility: visible;

	display: inline-block;
    width: 50px;
    height: 50px;

    z-index: 1;
	position:fixed!important;
	bottom:-100px;
	color: rgba(0, 0, 0, 0.33);
	border-radius:0.5rem!important
}

.scroll_top i, .scroll_bottom i{
	font-size:16px;
}

.scroll_top i{
	margin-top:-2px
}

.scroll_top.active, .sb .scroll_bottom.active, .modal-content .scroll_bottom.active{
	bottom:25px!important;
}

.sb .scroll_bottom.active, .modal-content .scroll_bottom.active{
	bottom:100px!important;
}

.scroll_top:hover, .scroll_bottom:hover{
	opacity:1;
}
.scroll_top > i, .scroll_bottom > i{
	transition: all 0.2s linear
}
.scroll_top:hover > i{
	margin-bottom:3px
}
.scroll_bottom:hover > i{
	margin-top:3px
}
/**/

/* modals styles*/

.modal {
	/*
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.25rem;
	*/
}

.modal-content {
	background: none;
}
.modal-header {

}

.modal-header button.close {
    border: none;
    background: none;
    color: #fff;
    top: 0px;
    right: -12px;
	opacity: 0.8
}
button.close > i{
	font-weight:bold!important
}

.modal-header button.close:hover {
    opacity: 1;
}

.modal-footer {
	border:none;
    display: flex;
    justify-content: flex-start;
	padding: var(--bs-modal-padding);
}
.modal-footer .btn.btn-success, .btn.btn-secondary{
	border-radius: 3px;
    background: var(--secondary-color)!important;
    position: relative;
    padding: 8px 30px;
    font-size: 1rem !important;
    font-weight: 600;
    border: none!important;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
	padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
	text-shadow: 0 1px 2px rgb(0 0 0)!important;
}
.modal-footer .btn.btn-success:hover, .btn.btn-secondary:hover{
    background: #c00000!important;
}
/**/

/* datetime picker*/
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    background: #fff
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    background:#f5f5f5;
	opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--primary-color);
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: var(--primary-color)!important;
    color:#fff!important;
	box-shadow:none!important;
}
.xdsoft_option:hover, 
.xdsoft_time_box > div > div:hover, 
.xdsoft_current.xdsoft_disabled:hover
{background:var(--primary-color)!important}
/**/

/* alerts */
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
/**/

/* cart */
._cart_item .img{
	min-width:100px
}

.btn-delete, .btn-remove {
	background:none;
	border:none;
    opacity:0.7;
}
.btn-delete:hover, .btn-remove:hover{
    opacity:1;
}

.sticker{
	font-family:Arial!important;
}

/**/

/* html block styles*/
.html{

}
.html dl, .html ol, .html ul {
    /*
	list-style-position: inside;
	*/
	padding-left:1.25rem;
	margin-left:1rem
}
.html ul li{
	margin-bottom:0.5rem;
	text-align:left;
}
.html ul li::marker{
	color:var(--primary-color);
}
.html a{
	color:var(--secondary-color)!important;
}
.block_dark .html a{
	color:var(--primary-color)!important;
	text-decoration:underline;
}

.html a:hover{
	text-decoration:underline;
}

.html b, .html strong {
    font-weight: bold;
}
.html p  span{
	color:var(--primary-color)
}

/**/

/* ymaps styles*/
[class*="ymaps-2"][class*="-ground-pane"] {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 3.5+ */
	-webkit-filter: grayscale(100%);
	/* Chrome 19+ & Safari 6+ */
}
ymaps.ymaps-2-1-79-controls__toolbar, ymaps.ymaps-2-1-79-copyright__wrap, ymaps.ymaps-2-1-79-map-copyrights-promo{
	display:none
}
.ymaps-2-1-79-controls__bottom .ymaps-2-1-79-controls__control{
	inset: auto 10px 10px auto!important
}

/**/

/* project customs styles */
.page_body{
	font-size: 15px;
    line-height: 22px;
}

.sticky-top{
	top:calc(60px + 2rem)
}

.nav-tabs .nav-link {
	border:1px solid transparent!important;
	border-radius:0!important;
	color:#444;
}

.nav-tabs .nav-item, .nav-tabs .nav-link{
	width:100%;
}

.nav-tabs .nav-link:hover {
	color:var(--primary-color);
}
.nav-tabs .nav-link.active {
	border:1px solid var(--primary-color)!important;
	color:var(--primary-color);
	box-shadow: var(--bs-box-shadow-sm) !important;
}

.border, .border-top, .border-bottom{
    border-color: var(--gray-color)!important;
}

.border.border-dark {
    border-color: var(--gray-color-dark)!important;
}

.case_index{
	width:30px;
	text-align:center;
	top:4px;
	left:0px;
	color:var(--secondary-color);
}
.case_index > p{
	font-size:20px;
	line-height: 22px;
}
.case_index > p:before, .case_index > p:after{
	content: '';
    position: absolute;
    left: -0px;
    top: -4px;
    width: 30px;
    height: 30px;
    border: 3px solid;
	border-color: var(--secondary-color)!important;
    border-radius: 5px;
}
.case_index > p:after{
	left: 10px;
    top: 6px;
    width: 24px;
    height: 24px;
    border: none;
    border-right: 3px solid;
    border-bottom: 3px solid;
}

ul.phone li, header ul.phone li i{
	/*
	font-size:20px
	*/
}
ul.phone li i{
	color: var(--secondary-color);
}
ul.phone li a{
	opacity:0.8
}
ul.phone li a:hover{
	opacity:1
}
/*
.back_logo_light:before, .back_logo_dark:before{
    content: ' ';
    display: block;
    width: 130px;
    height: 118px;
    position: absolute;
    top: -38px;
    left: -24px;
	z-index:-1
}

.back_logo_light:before{
    background: url(/template/img/back_logo_light.png);
}
.back_logo_dark:before{
    background: url(/template/img/back_logo_dark.png);
}
*/
.hover_zoom img {
    transform: scale(1) !important;
    transition: 0.2s ease-in-out;
}
.hover_zoom:hover img {
    transform: scale(1.05) !important;
}

.marked-list > li.clock-o:before {
    content: "\e950";
    left: -26px;
    top: -5px;
    font-size: 21px;
    font-weight: normal;
}
.marked-list > li.star:before {
    content: "\e9d9";
    left: -26px;
    top: -5px;
    font-size: 21px;
	font-weight:normal
}
.marked-list > li.marker:before {
    content: "\f042";
    left: -23px;
    top: -10px;
    font-size: 25px;
	font-weight:normal
}
.marked-list > li.phone:before {
    content: "\e904";
    left: -28px;
    top: -9px;
    font-size: 25px;
    font-weight: normal;
}
.marked-list > li.mail:before {
    content: "\f0e0";
    left: -24px;
    top: -3px;
    font-size: 18px;
    font-weight: normal;
}

blockquote {
    color: #000;
    font-weight: normal;
    padding: 0 0 0 24px;
    margin-top: 20px;
    position: relative;
    /*
	font-style: italic;
    */
	border-left: 4px solid var(--secondary-color);
}
.text-white blockquote {
    color: #fff;
}
.text-dark{
	color:#333!important
}
.text-red{
	color:red!important
}
.text-brown{
	color:var(--brown-color)!important
}
.text-khaki{
	color:var(--khaki-color)!important
}

.primary-color span{
	color:var(--secondary-color)!important
}

.text-dark > span, .text-white > span, .secondary-color > span{
	color:var(--primary-color)!important
}

.icon.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15)!important;
}

a.white{
	color:#fff;
}

a.hover-primary-color:hover{
	color:var(--secondary-color)
}

.description > .text {
	display:none
}

.slider_subname {
	max-height:30px;
}
.slider_subname:before, .slider_subname:after{
	content:'';
	position:absolute;
	width:1rem;
	height:100%;
	top:0;
}
.slider_subname:before{
	left:-1rem;
	background: linear-gradient(110deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 50%);
}
.slider_subname:after {
	right:-1rem;
	background: linear-gradient(110deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%);
}

.card{
	transition: all 0.2s linear;
}
.card.product.border-0{
	border-color:var(--gray-color)!important
}
.card:hover{
	border-color:var(--primary-color)!important
}
.card.product:hover{
	border-color:var(--secondary-color)!important
}


.drawing_name_block{
	width:calc(100% + 1rem);
	height:calc(100% + 1rem);
	position:absolute;
	top:-0.5rem; left:-0.5rem;
}
.drawing_name_block > div{
	background:rgba(1,77,91, 0.7);
	opacity:0;
	transition: all 0.2s linear;
}
.drawing_name_block.object > div{
	background:rgba(247,109,9, 0.7);
	opacity:1;
	transition: all 0.2s linear;
}
.drawing_name_block:hover > div{
	opacity:1
}

.works_order > div:not(.image){
	margin-top:-1.5rem
}
.works_order > div:not(.image) > div{
	background:#fae9c7
}

.map_block{
	background:#eeeeee;
	/*
	padding:1px
	*/
}
.map_block > div{
	height:500px;
}
.map_block > div > p{
	text-shadow: 0 1px 2px rgba(255, 255, 255, 1);
	top:3rem;
	left:2rem;
}

.ui-slider-horizontal {
    height: 6px!important
}

.ui-widget-header {
    border: none!important;
    background: var(--secondary-color)!important;
}

.ui-widget.ui-widget-content {
    border: none!important;
    background:var(--gray-color-dark)!important
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0!important;
    background:#414141!important
}

.ui-slider .ui-slider-handle {
    width: 17px!important;
    height: 17px!important;
    cursor: default!important;
    -ms-touch-action: none;
    touch-action: none;
    border-radius: 50px;
    opacity: 1;
    /*
	box-shadow: 0 1px 5px rgba(0,0,0,0.3)!important
	*/
}

.ui-slider .ui-slider-handle:before {
    content:'';
	position:absolute;
	width: 9px!important;
    height: 9px!important;
    background:var(--primary-color-dark)!important;
    border-radius: 50px;
    top: 4px!important;
    left: 4px!important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px!important;
    margin-left: -8px!important;
	cursor:pointer!important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border: none!important;
    background:var(--secondary-color)!important;
    box-shadow: var(--bs-box-shadow) !important;
    outline: 0!important
}

.block_dark .text-white p, .block_dark .text-white span.label_name{
	color:#fff!important;
	font-style:normal!important
}
.block_dark .ui-slider-horizontal .ui-slider-range-min {
    background: #fff;
}

.plyr__poster {
    position: relative;
}
.plyr__poster:before {
	content:'';
    position: absolute;
    top: 0;
	left:0;
    transition: opacity .2s ease;
    width: 100%;
	height:100%;
    z-index: 1;
	opacity:0.6;
	background: url(/template/img/pattern/pattern_black.png);
}
.plyr__poster > .layer_1, .plyr__poster > .layer_2{
	position:absolute;
	display:inline-block;
	background:#fff;
	padding:0.25rem 0.5rem;
	color:#414141;
	z-index:2;
	font-weight:bold;
	top:1.5rem;
	right:2.5rem;

}
.plyr__poster > .layer_1:before, .plyr__poster > .layer_1:after, .plyr__poster > .layer_2:before, .plyr__poster > .layer_2:after{
    content: '';
    position: absolute;
    width: 1rem;
    height: 100%;
    top: 0;
}
.plyr__poster > .layer_1:before, .plyr__poster > .layer_2:before{
    left: -1rem;
    background: linear-gradient(110deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 50%);
}
.plyr__poster > .layer_1:after, .plyr__poster > .layer_2:after{
    right: -1rem;
    background: linear-gradient(110deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%);
}
.plyr__poster > .layer_2{
	background:var(--secondary-color);
	top:4rem;
}
.plyr__poster > .layer_2:before{
    left: -1rem;
    background: linear-gradient(110deg, rgba(var(--secondary-color-rgb), 0) 50%, rgba(var(--secondary-color-rgb), 1) 50%);
}
.plyr__poster > .layer_2:after{
    right: -1rem;
    background: linear-gradient(110deg, rgba(var(--secondary-color-rgb), 1) 50%, rgba(var(--secondary-color-rgb), 0) 50%);
}

.plyr__poster > .layer_3{
	position: absolute;
	left:1.5rem;
	bottom:4rem;
	z-index:2
}
.plyr__poster > .layer_3 > img{
	width:80px
}
/**/

/* toast widget */
#toast-container > div {
	box-shadow:none!important
}
.toast-close-button {
	position:relative;
    font-size:0px!important;
	width:18px;
	height:18px;
	text-shadow:none!important;
	right:-3px!important;
	top:-3px!important;
	opacity:0.8!important;
	color:white!important
}
.toast-close-button:before {
    content:'\e903';
	position:absolute;
	width:16px;
	height:16px;
	top:1px;
	left:1px;
	font-family: 'icomoon' !important;
	font-size:15px;
	font-weight:normal;
}
.toast-close-button:hover, .toast-close-button:focus {
    color:white!important;
	opacity:1!important
}

#toast-container > .toast {
	background-image:none!important;
	position:relative;
	padding: 15px 15px 15px 45px;
}
#toast-container > .toast:before {
	position:absolute;
	top:13px;
	left:18px;
	color:white;
	font-size:22px;
	font-weight:bold;
	font-family: 'icomoon' !important;
}
#toast-container > .toast.toast-success:before {
	content:'\f058';
}
#toast-container > .toast.toast-error:before {
	content:'\f06b';
}
#toast-container > .toast.toast-info:before {
	content:'\f05a';
}
#toast-container > .toast.toast-warning:before {
	content:'\f071';
	font-size:20px;
}
/**/

/* responsive styles*/
@media (min-width: 480px) {}
@media (min-width: 576px) {
	:root {
		--bs-container-width:540px;
	}
	.search {
		left: 133px;
		width: calc(100% - 227px);
	}
	.stuck-nav .search{
		left: 133px;
		width: calc(100% - 227px);
	}

	ul.nav.nav-tabs{
		height:33px;
		/*
		border: var(--bs-border-width) var(--bs-border-style) #f0f0f0 !important;
		*/
	}

	.nav-tabs .nav-item, .nav-tabs .nav-link{
		width:auto;
	}

	.nav-tabs .nav-link {
		margin-top:-0.2rem;
		padding-top:0.5rem;
		padding-bottom:0.5rem;
	}

	.nav-tabs .nav-link.active {
		border-radius: var(--bs-border-radius-sm) !important;
	}
}
@media (min-width: 768px) {
	:root {
		--bs-container-width:720px;
	}

	.works_order > div{
		margin-left:-0.75rem;
		margin-right:inherit
	}
	.works_order.flex-row-reverse > div{
		margin-left:inherit;
		margin-right:-0.75rem
	}

	.works_order > div.image{
		margin-left:0.75rem;
		margin-right:inherit
	}
	.works_order.flex-row-reverse > div.image{
		margin-left:inherit;
		margin-right:0.75rem
	}
	.works_order > div:not(.image){
		margin-top:inherit
	}
	.bg-img.img_1{
		background-image: url(/template/img/bg_img_1.jpg)!important;
	}
	.bg-img.img_2{
		background-image: url(/template/img/bg_img_2.jpg)!important;
	}
}
@media (min-width: 992px) {
	:root {
		--bs-container-width:960px;
	}

	::-webkit-scrollbar {
		width: 0px;
		height: 0px;
		background-color: transparent;
	}

	::-webkit-scrollbar-thumb {
		border-radius: 0;
		background-color: rgba(120,120,120, 0.1);
	}
	::-webkit-scrollbar-thumb:hover {
		background-color: rgba(var(--secondary-color-rgb), 0.1);
	}


	::-webkit-scrollbar-track {
		-webkit-box-shadow: none;
		border-radius: 0;
		background-color: transparent;
	}
	
	.overflow-x-auto::-webkit-scrollbar {
		height: 6px;
		border-radius:50px;
		background-color: var(--gray-color);
		position:absolute;
	}
	.overflow-x-auto::-webkit-scrollbar-thumb {
		border-radius: 50px;
		background-color: var(--secondary-color);
	}
	
	.lead_form_block{
		max-width:350px
	}

}
@media (min-width: 1200px) {
	:root {
		--bs-container-width:1140px;
	}
	
	.header > .main{
		height:82px
	}

	.header .logo img{
		width:120px;
	}

	.search {
		left: 233px;
		width: calc(100% - 327px);
	}
	.stuck-nav .search{
		left: 208px;
		width: calc(100% - 302px);
	}

}
@media (min-width: 1400px) {
	:root {
		--bs-container-width:1320px;
	}
	.container.container-fluid{
		width:100%!important;
		max-width:calc(100% - 80px)!important
	}
}
@media (max-width: 479.98px) {}
@media (max-width: 575.98px) {
	.nav-tabs .nav-item{
		border-top: var(--bs-border-width) var(--bs-border-style) rgba(0, 0, 0, 0.05) !important;
	}
	
	._cart_item .img{
		min-width:90px
	}
	
}
@media (max-width: 767.98px) {
	.gradient.bg-img{
		background-image:none!important
	}
	.gradient.bg-img:before{
		opacity:1
	}
}
@media (max-width: 991.98px) {
	.catalog.sidebar_menu{
		position: fixed;
		top: 0px;
		right: auto;
		left: 0;
		transform: translate3d(-110%, 0, 0);
		bottom: 0;
		z-index: 500;
		/*
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		*/
		width: calc(100vw - 0px);
		min-width: 320px;
		max-width: 320px;
		height: 100svh!important;
		max-height:inherit!important;
		background-color: #fff;
		transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
		box-shadow: var(--bs-box-shadow) !important;
	}

	.catalog.sidebar_menu > .wrapper{
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		height: 100%;
		padding:0;
		padding-top:56px;
		margin-top:-56px
	}
	.catalog.sidebar_menu > .wrapper > div{
		height: 100%;
		box-shadow:none!important
	}

	.catalog.sidebar_menu.opened{
		transform: none !important;
		z-index: 999;
	}
	.catalog.sidebar_menu button.close{
		border:none;
		background:none;
		top: 0px;
		right: -12px;
		color:#fff
	}
}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}
/**/