@import "fonts/Lomax2/stylesheet.css";
@import "fonts/CenturyGothic/stylesheet.css";
@import "fonts/Roboto/stylesheet.css";

:root {
    --company-color: #D21522; /*#BB2221;*/
	--company-color-hover: #AD2122; /*#6F1512;*/
    --primary-color: #BB2221; /*#f97415*/
	--primary-color-hover: #6F1512; /*#e26b16*/
	--primary-color-shadow: #AD212260; /*#f9741560*/
	--primary-color-shadow-2: #AD212255; /*#f9741555*/
	--primary-color-background: #1d222a20; /*#1d222a20*/
	--secondary-color: #E83D3E; /*#e3862b*/
	--darck-primary-color-background: #6F151230; /*#f9741520*/
	--more-color: #A5A5A5; /*#A5A5A5*/
	--border-radius: 6px; /*6px*/
	--darck-background: #1d222a; /*#1d222a*/
	--text-color: #444444; /*#444444*/
	--secondary-text-color: #14181f; /*#14181f*/
	--text-darck-color: #7b899d; /*#7b899d*/
	--border-color: #DFDFDF; /*#DFDFDF*/
	--darck-border-color: #303541; /*#303541*/
	--button-text-color: #eeeeee; /*eeeeee*/
}

html{
	box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

body{
	font-family: 'Roboto', Tahoma, sans-serif;
    background-color: #f9f9f963;
	/*background-image: url(../../../javascript/ppa_home_page/image/light-background.jpg);
    background-attachment: fixed;
    background-size: cover;*/
    color: var(--text-color);
    font-size: 15px;
    position: relative;
    overflow-x: hidden;
    font-weight: normal;
	line-height: 1.42857143;
}
body.overflow{
	overflow: hidden;
}

:active, :hover, :focus, :focus-visible {
    outline: 0!important;
    outline-offset: 0!important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4{
	font-family: 'Century Gothic';
}

img {
    max-width: 100%;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4,
a, button, label, .anm, 
.btn i, .btn-order i, .btn-catalog i, .btn-scroll i, .list-group-item > .fa,
input[type="button"]{
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.hover-scale {
    -webkit-transition: 10.5s ease;
    -moz-transition: 10.5s ease;
    -o-transition: 10.5s ease;
    transition: 10.5s ease;
}

a{
	color: var(--primary-color);
}
.more{
	color: var(--more-color);
	background: transparent;
	border: none;
	padding: 0;
}
.more > i{
	position: relative;
    top: 1px;
    margin-left: 10px;
}
.more:hover,
a:hover,
a:focus{
	color: var(--primary-color-hover);
	text-decoration: none;
}
a, button{
	cursor: pointer;
}
.more-button{
    padding: 8px 30px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: var(--border-radius);
    color: var(--button-text-color);
    font-size: 1.3rem;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    margin: 30px auto 0 auto;
    display: block;
    width: max-content;
}
.more-button:hover{
	background-color: var(--primary-color-hover);
    border: 1px solid var(--primary-color-hover);
	color: var(--button-text-color);
}
button:focus:not(:focus-visible) { outline: none; }

ul.row{
	margin: 0 -15px 0 -15px;
	padding: 0;
}
ul.row > li{
	display: block;
	list-style: none;
}

.heading_title{
	margin-bottom: 50px;
}
.sub_title{
	margin-top: -35px;
	margin-bottom: 100px;
}
.sticky{
	position: sticky;
    top: 70px;
}
#content{
	min-height: 40vh;
}
.alert {
    padding: 10px 15px;
    margin-bottom: 30px;
    border: 1px solid transparent;
    border-radius: var(--border-radius);
    background-color: var(--darck-border-color);
    color: var(--button-text-color);
}
.list-group-item{
	border-color: var(--border-color);
	position: relative;
	overflow: hidden;
}
.list-group-item:first-child {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}
.list-group-item:last-child {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
.list-group-item:has(.fa){
	padding-left: 50px;
}
.list-group-item > .fa{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-color);
    color: var(--button-text-color);
}
.list-group-item:hover > .fa{
	background-color: var(--primary-color);
}
.list-group-item.special{
	background-color: var(--primary-color);
	color: var(--button-text-color)
}
.list-group-item.special:focus,
.list-group-item.special:active,
.list-group-item.special:hover{
	background-color: var(--primary-color-hover);
	color: var(--button-text-color)
}
/*animate*/
.animate{
	-webkit-transition: 0.9s ease;
	-moz-transition: 0.9s ease;
	-o-transition: 0.9s ease;
	transition: 0.9s ease;
}
.animate-1-5{
	-webkit-transition: 1.5s ease;
	-moz-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease;
}
.animate-2{
	-webkit-transition: 1.9s ease;
	-moz-transition: 1.9s ease;
	-o-transition: 1.9s ease;
	transition: 1.9s ease;
}
.js-opacity,
.js-opacity-2,
.animate-slow{
	-webkit-transition: 2.3s ease;
	-moz-transition: 2.3s ease;
	-o-transition: 2.3s ease;
	transition: 2.3s ease;
}
.js-opacity-1{
	-webkit-transition: 1.3s ease;
	-moz-transition: 1.3s ease;
	-o-transition: 1.3s ease;
	transition: 1.3s ease;
}
[class*="js-position"]{
	-webkit-transition: 0.9s ease;
	-moz-transition: 0.9s ease;
	-o-transition: 0.9s ease;
	transition: 0.9s ease;
}
.js-position-top{
	position: relative;
	top: 100%;
	opacity: 0;
}
.js-position-bottom{
	position: relative;
	bottom: 100%;
	opacity: 0;
}
.js-position-left{
	position: relative;
	left: 100%;
	opacity: 0;
}
.js-position-right{
	position: relative;
	right: 100%;
	opacity: 0;
}
.js-position-left.active{left: 0; opacity: 1}
.js-position-right.active{right: 0; opacity: 1}
.js-position-bottom.active{bottom: 0; opacity: 1}
.js-position-top.active{top: 0; opacity: 1}

.js-counter{opacity: 0;}
.js-counter.active{opacity: 1;}

.js-opacity, .js-opacity-2, .js-opacity-1{opacity: 0;}
.js-opacity.active, .js-opacity-2.active, .js-opacity-1.active{opacity: 1;}

@media (max-width: 768px) {
	.js-opacity{opacity: 1;}
	.js-opacity-2{opacity: 1;}
	.js-opacity-1{opacity: 1;}
	.js-position-left{left: 0; opacity: 1}
	.js-position-right{right: 0; opacity: 1}
	.js-position-bottom{bottom: 0; opacity: 1}
	.js-position-top{top: 0; opacity: 1}
}

.breadcrumbs__menu{
    padding: 0;
    margin: 20px 0;
    display: flex;
    align-items: center;
}
.breadcrumbs__menu li{
    display: inline-block;
    list-style: none;
    color: var(--text-darck-color);
    font-size: 13px;
    max-width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs__menu li:not(:last-child):after{
	content: "\f105";
	display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin: 0 10px;
	color: var(--more-color);
}
.breadcrumbs__menu li a{
	display: inline-block;
	padding: 5px 0;
	color: var(--text-darck-color);
}
.breadcrumbs__menu li a:hover{
	color: var(--primary-color);
}
@media (max-width: 925px) {
	.breadcrumbs__menu li{
		max-width: 90%;
	}
	.breadcrumbs__menu li:not(:last-child):after,
	.breadcrumbs__menu li a span{
		display: none;
	}
	.breadcrumbs__menu li:nth-last-child(2) a:after{
		content: "\f104";
		display: inline-block;
		font: normal normal normal 20px / 1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin: -7px 10px 0 0;
		color: var(--more-color);
		font-size: 1.8rem;
		position: relative;
		top: 4px;
	}
}

/*header*/
.main-header{
	position: static;
	top: -150px;
}
.main-header.fixed{
	position: fixed;
	top: 0;
	z-index: 104;
	width: 100%;
}
.main-header nav{
	background: #eeeeee2e;
}
.main-header.fixed nav{
	display: none;
}
.main-header nav .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-header nav ul{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
	overflow: hidden;
}
.main-header nav ul li{
    display: inline-block;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
}
.main-header nav ul li a{
    display: block;
    padding: 5px 5px;
    color: #666;
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px;
}
.main-header nav ul li:not(:last-child) a{
	margin-right: 15px;
}
.main-header nav ul li a:hover{
	color: var(--secondary-text-color);
}
.main-header nav .contacts{
	white-space: nowrap;
}
.main-header nav .contacts a{
    font-family: 'Century Gothic';
    font-weight: bold;
    color: var(--secondary-text-color);
    padding: 10px 0;
    display: inline-block;
	margin-left: 30px
}
.main-header nav .contacts a:hover{
	color: var(--primary-color-hover);
}
.main-header .nav-middle{
	padding: 25px 0;
	background-color: var(--darck-background);
}
.main-header.fixed .nav-middle{
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	-webkit-box-shadow: 0px 6px 7px -4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 6px 7px -4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 6px 7px -4px rgba(34, 60, 80, 0.2);
}
.main-header .nav-middle .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-header .nav-middle .btn-catalog{
	flex: 0 0 119px;
	width: 119px;
}
.main-header .btn-order{
    flex: 0 0 231px;
    width: 231px;
    height: 40px;
    padding: 6px 30px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: var(--border-radius);
    color: var(--button-text-color);
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
}
.main-header .btn-order:hover{
	background-color: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
}
.main-header .btn-order > i{
	position: relative;
	top: 1px;
	left: 0;
	margin-left: 20px;
}
.main-header .btn-order:hover > i{
	left: 10px;
}
.main-header .search{
	width: 100%;
	margin: auto 50px;
	position: relative;
}
.main-header .search > input{
    position: relative;
    z-index: 1;
    padding: 10px 30px 10px 10px;
    border-radius: var(--border-radius);
    border: 1px solid #ccc;
    height: 40px;
	width: 100%;
}
.main-header .search > button{
    position: absolute!important;
    right: 1px;
    top: 4px;
    z-index: 3!important;
    height: 33px;
    width: 53px;
    background: #fff;
    border: none;
    color: #ccc;
}
.main-header .search > button:hover{
	color: #666;
}
.main-header .logo{
	flex: 0 0 190px;
	width: 190px;
	margin-right: 50px;
}
@media (max-width: 1300px) {
	.main-header .logo {
		flex: 0 0 170px;
		width: 170px;
		margin-right: 25px;
	}
	.main-header .search{
		margin: auto 25px;
	}
}
@media (max-width: 1200px) {
	.main-header .btn-order{
		flex: 0 0 183px;
		width: 183px;
		padding: 6px 14px;
	}
}
@media (max-width: 990px) {
	.main-header .search{
		margin: auto 0 auto 25px;;
	}
	.main-header .btn-order{
		display: none;
	}
}
@media (max-width: 925px) {
	.nav-top,
	.main-header .nav-middle .btn-catalog,
	.main-header .search{
		display: none;
	}
	.main-header .nav-middle{
		padding: 15px 0;
	}
}


/*home header*/
.home-header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 101;
	padding: 10px 0;	
}
.home-header.darck{
	background: url(/image/overlay-pattern.png), rgba(0, 0, 0, 0.83);
	background-repeat: repeat;
}
.home-header.light{
	background: url(/image/overlay-pattern.png), rgba(45, 45, 45, 0.83);
	background-repeat: repeat;
}
.home-header .container{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.home-header > .container > ul{
    margin: 0 30px 0 0;
    padding: 0;
    width: 100%;
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.home-header ul li{
	white-space: nowrap;
	display: inline-block;
	list-style: none;
}
.home-header ul li:not(:last-child){
	margin-right: 30px;
}
.home-header ul li a{
	display: block;
	padding: 3px;
	font-size: 14px;
	color: #ccc;
}
.home-header ul li a:hover{
	color: #fff;
}
/*.home-header ul li*/ .btn-catalog{
	padding: 8px 20px;
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: var(--border-radius);
    color: var(--button-text-color);
	font-size: 14px;
}
.nav-bottom__catalog.btn-catalog{
	color: var(--secondary-text-color);
}
/*.home-header ul li*/ .btn-catalog:hover i{
	transform: rotate(180deg);
}
/*.home-header ul li*/ .btn-catalog:hover{
	background-color: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
}
/*.home-header ul li*/ .btn-catalog .fa{
	margin-right: 10px;
}
.home-header .contacts{
	white-space: nowrap;
}
.home-header .contacts a{
	display: inline-block;
	margin-left: 15px;
	padding: 8px 12px;
	font-size: 14px;
	background-color: transparent;
	border: 2px solid #ccc;
	border-radius: var(--border-radius);
	color: #fff;
}
.home-header .contacts a:hover{
	background-color: #eeeeee30;
}
@media (max-width: 925px) {
	.home-header{display: none;}
	.home-intro__content .head{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.home-intro__content .company,
	.home-intro__content .buttons{
		margin: 0 auto 30px auto;
	}
	.home-intro__content .description{
		width: 547px;
		max-width: 90vw;
		margin: 0 auto;
		text-align: center;
	}
}

/*nav-right*/
.nav-right{
	position: fixed;
	right: 0;
	top: calc(50% - 100px);
	z-index: 98;
}
.nav-right > ul{
	padding: 0;
	margin: 0;
	-webkit-box-shadow: -2px 2px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: -2px 2px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: -2px 2px 8px 0px rgba(34, 60, 80, 0.2);
	width: 50px;
}
.nav-right > ul > li{
	display: block;
	height: 50px;
	list-style: none;
}
.nav-right > ul > li > button{
    display: flex;
    align-items: center;
    flex-direction: row;
	min-width: 50px;
	height: 50px;
	border: none;
	float: right;
	padding: 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #eee;
}
.nav-right > ul > li:first-child > button{
	border-top-left-radius: var(--border-radius);
}
.nav-right > ul > li:last-child > button{
	border-bottom-left-radius: var(--border-radius);
}
.nav-right > ul > li > button:hover{
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}
.nav-right > ul > li > button > i{
    flex: 0 0 50px;
    height: 100%;
    width: 50px;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fff;
	color:  var(--secondary-text-color);
}
.nav-right > ul > li > button.active > i{
	background-color: var(--primary-color);
	color: var(--button-text-color);
}
.nav-right > ul > li > button > span{
	display: inline-block;
	width: 0px;
	padding-left: 0;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1rem;
	text-align: left;
}
.nav-right > ul > li > button:hover > span{
	width: 130px;
	padding-left: 10px;
}
.nav-right > ul > li > button .total{
    position: absolute;
    top: 3px;
    left: 3px;
    font-family: 'Century Gothic';
    font-size: 12px;
    background-color: var(--primary-color);
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    line-height: 18px;
    text-align: center;
}
.nav-right > ul > li > button .total[data-total=""],
.nav-right > ul > li > button .total[data-total="0"]{
	display: none;
}
@media (max-width: 925px) {
	.nav-right{display: none;}
}

.nav-bottom{
	position: fixed;
	bottom: 0;
	z-index: 98;
	width: 100%;
	padding: 0 10px;
	background-color: #fff;	
	border-top: 1px solid #ccc;
	display: none;
}
.nav-bottom > ul{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}
.nav-bottom ul > li{
	display: block;
}
.nav-bottom ul > li > button:hover,
.nav-bottom ul > li > button{
	position: relative;
	background: transparent;
	border: none;
	width: 50px;
	height: 50px;
	padding: 0 6px;
}
.nav-bottom ul > li > button > i.fa{
	font-size: 1.6rem;
	margin-right: 0;
}
.nav-bottom ul > li > button.active > i.fa{
	color: var(--primary-color);
}
.nav-bottom ul > li > button > .total{
    position: absolute;
    top: 3px;
    left: 3px;
    font-family: 'Century Gothic';
    font-size: 11px;
    background-color: var(--primary-color);
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    line-height: 18px;
    text-align: center;
}
.nav-bottom > ul > li > button .total[data-total=""],
.nav-bottom > ul > li > button .total[data-total="0"]{
	display: none;
}
@media (max-width: 925px) {
	.nav-bottom{display: block;}
}

/*faq*/
.faq .panel-title{
	margin-bottom: 0;
}
.faq .panel-title a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.faq .panel-title .faq-question{
	font-weight: bold;
}
.faq .panel-title .faq-description{
    display: block;
    font-size: 1.1rem;
    font-family: 'Roboto';
    font-weight: normal;
    color: var(--more-color);
    margin-top: 5px;
}
.faq-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--primary-color-background);
    border-radius: var(--border-radius);
    margin-right: 15px;
}
.faq-thumb i.fa {
    font-size: 24px;
    color: var(--primary-color);
}
.panel-group .panel{
	border-radius: var(--border-radius);
	border-color: var(--border-color);
}

/*service*/
li:has(>.servics_item),
div:has(>.servics_item){
	margin-bottom: 30px;
}
.servics_item{
	display: block;
	border: 1px solid #ccc;
	border-radius: var(--border-radius);
	height: 100%;
	padding: 15px;
	background-color: #fff;
	color: var(--text-color);
	overflow: hidden;
	position: relative;
}
.servics_item:hover{
	border-color: var(--primary-color);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
	color: var(--text-color);
}
.servics_item-thumb{
    display: flex;
	align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--primary-color-background);
    border-radius: var(--border-radius); 
	color: var(--primary-color);
	margin-bottom: 20px;	
}
.servics_item-thumb svg,
.servics_item-thumb img{
	width: 24px;
	height: 24px;
}
.servics_item-thumb i.fa{
    font-size: 24px;
    color: var(--primary-color);
}
.servics_item-image{
	position: relative;
    height: 160px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -15px -15px 30px -15px;
	-webkit-perspective: 800;
    -ms-perspective: 800;
}
.servics_item-image:after{
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2;
	background-color: #00000070;
}
.servics_item-image img{
	position: relative;
	z-index: 1;
	-webkit-transition: 10.5s ease;
    -moz-transition: 10.5s ease;
    -o-transition: 10.5s ease;
    transition: 10.5s ease;
}
.servics_item:hover .servics_item-image img{
	-webkit-transition: 25.5s ease;
    -moz-transition: 25.5s ease;
    -o-transition: 25.5s ease;
    transition: 25.5s ease;
	scale: 1.2;
	transform: rotateY(25deg) rotateZ(3deg);
}
.servics_item-image .total{
	position: absolute;
	bottom: 0;
	right: 10px;
	z-index: 3;
	text-align: right;
	color: #fff;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}
.servics_item-content .h3,
.servics_item-content h3{
    font-family: 'Century Gothic';
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 0;
	margin-top: 0px;
}
.servics_item-content p{
	 margin-top: 20px;
}
.servics_item:hover .servics_item-content .h3,
.servics_item:hover .servics_item-content h3{
	color: var(--primary-color);
}
.servics_item-content > .fa{
	position: absolute;
    bottom: 10px;
    right: 47px;
    font-size: 2rem;
    color: var(--primary-color);
	opacity: 0;
}
.servics_item:hover .servics_item-content > .fa{
	right: 10px;
	opacity: 1;
}
.darck .servics_item{
	background-color: var(--darck-background);
	color: var(--text-darck-color);
	border-color: var(--darck-border-color);
}
.darck .servics_item-content .h3,
.darck .servics_item-content h3{
	color: #eee;
}
.darck .servics_item:hover{
	border-color: var(--primary-color);
	-webkit-box-shadow: 0px 0px 8px 0px var(--primary-color-shadow-2);
	-moz-box-shadow: 0px 0px 8px 0px var(--primary-color-shadow-2);
	box-shadow: 0px 0px 8px 0px var(--primary-color-shadow-2);
	color: var(--text-darck-color);
}
.darck .servics_item-thumb{
	background-color: var(--darck-primary-color-background);
}

/*company*/
div:has(>.company_info){
	margin-bottom: 30px;
}
.company_info{
    display: flex;
    align-items: center;
    justify-content: space-between;	
}
.company_info-items{
	flex: 0 0 45%;
	width: 45%;
	margin-right: 50px;
	margin-bottom: -30px;
}
.company_info-description{
	width: 100%;
}
.company_info-description .h2,
.company_info-description h2{
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 0;
}
.darck .company_info-description p{
	color: var(--text-darck-color);
}
@media (max-width: 1024px) {
	.company_info{
		display: block;
	}
	.company_info-items{
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.company_info-description{
		flex: 0 0 100%;
		width: 100%;
	}
}

/*case*/
.case{
	margin: 15px 0;
	padding: 15px;
	text-align: center;
}
.case > div{
	margin-bottom: 15px;
	font-size: 2rem;
	font-family: 'Century Gothic';
}
.case > div > span{
    font-size: 3rem;
    font-weight: bold;
    position: relative;
    top: 4px;
	color: var(--primary-color);
}
.darck .case{
	color: var(--text-darck-color);
}
.darck .case > div{
	color: #eee;
}
.darck .case > div > span{
	color: var(--primary-color);
}

/*steps*/
div:has(>.step){
	margin-bottom: 30px;
}
.step{
	position: relative;
    padding: 10px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.step__number{
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 8rem;
    font-weight: bold;
    line-height: 6rem;
    color: #cccccc60;
}
.step__thumb{
	position: relative;
	z-index: 2;
	background-color: #eee;
    width: 64px;
    height: 64px;
    border: 2px solid var(--primary-color-shadow);
    border-radius: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 20px;
	color: var(--primary-color)
}
.step:hover .step__thumb{
	border: 2px solid var(--primary-color);
}
.step__thumb svg,
.step__thumb img{
	width: 28px;
	height: 28px;
}
.step__contect{
	position: relative;
	z-index: 2;
}
.step__contect .h4,
.step__contect h4{
	margin: 10px 0;
	font-weight: bold;
}
.step__contect .p,
.step__contect p{
	font-size: 1rem;
}
.darck .step__thumb{
	background-color: var(--darck-background);
}
.step__contect .p,
.step__contect p{
	color: var(--text-darck-color);
}

/*partners*/
.darck .partner img.invert{
	filter: invert(1);
}

/*blog*/
div:has(>.blog-item){
	margin-bottom: 30px;
}
.blog-item{
	display: block;
	border: 1px solid #ccc;
	border-radius: var(--border-radius);
	height: 100%;
	padding: 15px;
	background-color: #fff;
	color: var(--text-color);
	overflow: hidden;
	position: relative;
}
.blog-item:hover{
	border-color: var(--primary-color);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
	color: var(--text-color);
}
.blog-item__thumb{
    position: relative;
    margin: -15px -15px 30px -15px;
    height: 285px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	-webkit-perspective: 800;
    -ms-perspective: 800;
}
.blog-item__thumb:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: #00000070;
}
.blog-item__thumb img{
	position: relative;
	z-index: 1;
	min-height: 100%;
	max-width: none;
	-webkit-transition: 10.5s ease;
    -moz-transition: 10.5s ease;
    -o-transition: 10.5s ease;
    transition: 10.5s ease;
}
.blog-item:hover .blog-item__thumb img{
	-webkit-transition: 25.5s ease;
    -moz-transition: 25.5s ease;
    -o-transition: 25.5s ease;
    transition: 25.5s ease;
	scale: 1.2;
	transform: rotateY(15deg) rotateZ(2deg);
}
.blog-item__thumb .partition{
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 3;
	padding: 4px 12px;
	background-color: var(--primary-color);
	color: var(--button-text-color);
	border-radius: var(--border-radius);
	font-size: 1rem;
}
.blog-item__content-date{
	font-size: 1rem;
	margin-bottom: 10px;
	opacity: 0.7;
}
.blog-item__content-title{
	font-family: 'Century Gothic';
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0px;
}
.blog-item:hover .blog-item__content-title{
	color: var(--primary-color);
}
.blog-item__content > .fa{
	position: absolute;
    bottom: 10px;
    right: 47px;
    font-size: 2rem;
    color: var(--primary-color);
	opacity: 0;
}
.blog-item:hover .blog-item__content > .fa{
	right: 10px;
	opacity: 1;
}
.darck .blog-item{
	background-color: var(--darck-background);
	color: var(--text-darck-color);
	border-color: var(--darck-border-color);
}
.darck .blog-item:hover{
	border-color: var(--primary-color);
}
.darck .blog-item__content-title{
	color: #eee;
}

.blog-top-line{
    margin-top: -40px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.blog-top-line__partition{
	display: block;
    padding: 4px 12px;
    background-color: var(--primary-color);
    color: var(--button-text-color);
    border-radius: var(--border-radius);
    font-size: 1.1rem;
	margin-right: 30px;
}
.blog-top-line__partition:hover{
	background-color: var(--primary-color-hover);
	color: var(--button-text-color);
}
.blog-top-line__viewed,
.blog-top-line__date{
	font-size: 1.1rem;
    color: var(--more-color);
	margin-right: 30px;
}
.blog-top-line__viewed i,
.blog-top-line__date i{
	margin-right: 5px; 
}
.blog__products-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.line-mt{
	height: 50px;
}
@media (max-width: 925px) {
	.blog-top-line__date{
		margin-right: 0;
	}
	.blog-top-line__viewed{
		display: none;
	}
	.blog__products-title{
		display: block;
		margin-bottom: 30px;
	}
}

/*slider*/
.js-slick{
	margin: 30px 0;
}
.js-slick .slide{
	position: relative;
    display: flex!important;
    justify-content: center;
    align-items: center;
	flex-direction: column;
    height: 100%;
	padding-top: 15px;
}
.slide__description{
	text-align: center;
	margin-top: 15px;
	min-height: 43px;
	max-width: 250px;
}
.slide__show{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    border: 1px solid var(--primary-color);
    border-radius: var(--border-radius);
    background-color: #00000070;
    display: flex;
    justify-content: center;
    align-items: center;
	opacity: 0;
}
.slide:hover .slide__show{
	opacity: 1;
}
.slide__show button{
	padding: 8px 20px;
	border: 1px solid var(--primary-color);
	background-color: var(--primary-color);
	color: var(--button-text-color);
	border-radius: var(--border-radius);
}
.slide__show button:hover{
	color: var(--button-text-color);
	border-color: var(--primary-color-hover);
	background-color: var(--primary-color-hover);
}
.darck .slide__description{
	color: var(--text-darck-color);	
}
.slide:hover .slide__description{
	color: var(--primary-color);
}

/*form*/
.form-order{
    display: flex;
    align-items: center;
    justify-content: space-between;	
}
.form-order__info{
    flex: 0 0 60%;
    width: 60%;	
}
.form-order__info-title{
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Century Gothic';
    margin: 0 0 30px 0;	
}
.form-order__fields{
    width: 100%;
    padding: 60px;
}
.form-order__success{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
}
.darck .form-order__success{
	color: var(--text-darck-color);
}
.form-order__success .thumb{
    padding: 15px;
    background-color: var(--primary-color-background);
    color: var(--primary-color);
    border-radius: var(--border-radius);
    line-height: 0;
    margin-bottom: 30px;
}
.darck .form-order__success .thumb{
	background-color: var(--darck-primary-color-background);
}

.form-group{
	position: relative;
	margin-bottom: 30px;
}
.control-label{
    position: absolute;
    top: 11px;
    left: 12px;
	right: 12px;
    z-index: 2;
    padding: 0px 3px;
    margin: 0;
    background-color: #ffffff;
    font-weight: normal;
    border-radius: var(--border-radius);
    color: var(--secondary-text-color);
}
.darck .control-label{
	background-color: #ffffff;
}
.form-group:has(.form-control.not-empty) .control-label,
.form-group:has(.form-control:focus) .control-label{
    top: -18px;
	right: auto;
    left: 0px;
    font-size: 13px;
    color: var(--primary-color);
	background: transparent;
}
.form-control{
	position: relative;
	z-index: 1;
	padding: 8px 12px;
	height: 43px;
}
.required .form-control{
	border-left: 2px solid var(--primary-color);
}
.control-label-upload{
	font-weight: normal;
    width: 100%;
    padding: 50px 15px;
    border: 2px dashed #ccc;
    border-radius: 8px;
	cursor: pointer;
}
.darck .control-label-upload{
	color: var(--text-darck-color);
}
.control-label-upload.hover{
	background: #eeeeee15;
}
.control-label-upload.hover,
.control-label-upload.drop{
	border-color: var(--primary-color);
}
.control-label-upload.appended{
	border-color: var(--primary-color-hover);
}
.control-label-upload i{
	margin-right: 5px;
    color: var(--primary-color);
}
.control-label-upload input[type="file"]{
	display: none;
}
.required .control-label-upload:before{
	content: '* ';
    color: #F00;
    font-weight: bold;
}
.control-label-upload.appended > span{
	display: none;
}
.control-label-upload .info-file-name{
	display: inline-block;
}
.error .info-file-name{
	color: #f00;
}
.form-agreement{
	font-size: 13px;
    margin-top: 20px;
}
.darck .form-agreement{
	color: var(--text-darck-color);
}

.btn{
	padding: 8px 30px;
	border-radius: var(--border-radius);
	font-size: 1.3rem;    
    cursor: pointer;
    text-align: center;
	white-space: nowrap;
}
.btn-primary{   
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);   
    color: var(--button-text-color);    
}
.btn-primary:active:focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover{
	background-color: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
	color: var(--button-text-color);    
}
.btn > i{
	position: relative;
	top: 1px;
	left: 0;
	margin-left: 20px;
}
.btn:hover > i{
	left: 10px;
}
.btn.busy{
	opacity: 0.7;
}
label.error,
.required.error {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@media (max-width: 1024px) {
	.form-order{
		display: block;
	}
	.form-order__info{
		flex: 0 0 100%;
		width: 100%;	
		margin-bottom: 50px;
	}
	.form-order__fields{
		padding: 0;
	}
}

/*popup*/
#scroll-top{
    position: fixed;
    bottom: 3rem;
    left: 3rem;
    z-index: 99;
    width: 0rem;
    height: 0rem;
    border: none;
    border-radius: 4rem;
    font-size: 0rem;
    background-color: #ccc;
	overflow: hidden;
	opacity: 0;
	-webkit-box-shadow: -2px 2px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: -2px 2px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: -2px 2px 8px 0px rgba(34, 60, 80, 0.2);
}
#scroll-top.active{
	width: 4rem;
    height: 4rem;
	font-size: 2rem;
	opacity: 1;
}
@media (max-width: 990px) {
	#scroll-top{display: none;}
}

.popup{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
	backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.25);
	opacity: 1;  
    animation: fadeIn 0.6s ease-in-out forwards;
}
.ocf-container{
	opacity: 1;  
    animation: fadeIn 0.8s ease-in-out forwards;
}
@keyframes fadeIn {  
	0%{opacity: 0;}
    100%{opacity: 1;}  
}  
.popup .container{
	padding: 0!important;
	margin: 0!important;
	width: auto!important;
}
.popup__content{
	position: relative;
	z-index: 2;
	width: 500px;
	max-width: 98vw;
	max-height: 98vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 45px 25px 25px 25px;
	background-color: #eee;
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius);
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.popup__content:has(.agree){
	width: 800px;
}
.darck .popup__content{
	background: var(--darck-background);
}
.popup_title{
	font-size: 2rem;
	font-weight: bold;
	position: relative;
    top: -26px;
	width: 100%;
	padding-right: 50px;
	text-overflow: ellipsis;
	overflow: hidden; 
	white-space: nowrap;
}
.darck .popup_title{
	color: #eee;
}
.popup_title a{
	font-size: 1.2rem;
}
.popup_body{
	max-height: 82vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 15px;
}
.popup_body > .loader .fa{
	
}
.popup_title .close{
	position: absolute;
	top: 0px;
	right: -10px;
	background: transparent;
	border: none;
	padding: 10px;
}
.popup__shadow{
	position: absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 1;
}
.popup .form-order__fields,
.popup .page-content__block{
	padding: 0!important;
	background: none!important;
}

.popup_arrow{
    position: absolute;
    z-index: 5;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    font-size: 3rem;
    padding: 0;
    border: none;
    background: #cccccc60;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup_arrow:hover{
	background: #cccccc90;
}
.popup_arrow.prev{
	left: 10px;
}
.popup_arrow.next{
	right: 10px;
}

.product-order__product{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.product-order__product-thumb{
    flex: 0 0 150px;
    width: 150px;
    height: 100%;
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    background: #fff;
}
.product-order__product-title{
    padding-left: 25px;
    font-weight: bold;
    font-size: 1.3rem;
}
.product-order__product-title > span{
    display: block;
    font-weight: normal;
    font-size: 1.1rem;
    margin-top: 4px;
    color: var(--more-color);
}

#cart{
	position: fixed;
	right: -100vw;
	top: 0;
	z-index: 99999;
	width: 550px;
	max-width: 100%;
	height: 100vh;
	opacity: 0;
}
#cart.active{
	right: 0;
	opacity: 1;
}
.cart-loader{
	height: 100%;
}
.cart-list{	
    position: relative;
    z-index: 3;
    height: 100%;
    background-color: #fff;
    padding: 30px;
}
.cart-list__title{
    font-family: 'Century Gothic';
    font-size: 2rem;
    font-weight: bold;
    padding-right: 50px;
    margin-bottom: 30px;
    position: relative;
	z-index: 2;
}
.cart-list__title > .close{
	position: absolute;
    right: 0;
    top: 10px;
}
.cart-list__items{
	max-height: calc(100vh - 500px);
	margin-left: -15px;
	padding-left: 15px;
	margin-right: -15px;
    padding-right: 15px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	z-index: 2;
}
.cart-list__item{
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}
.cart-list__item:not(:last-child){
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.cart-list__item-image{
	position: relative;
	flex: 0 0 57px;
	width: 57px;
	height: 57px;
	margin-right: 15px;
}
.cart-list__item-image button{
	position: absolute;
	left: -20px;
	top: calc(50% - 12px);
	padding: 1px;
	height: 25px;
	width: 25px;
	background: transparent;
	border:  none;
	color: #b90000;
	opacity: 0;
}
.cart-list__item:hover .cart-list__item-image button{
	opacity: 0.5;
}
.cart-list__item-name{
	width: 100%;
}
.cart-list__item-name a{
	color: var(--secondary-text-color);
	display: block;
}
.cart-list__item:hover .cart-list__item-name a{
	color: var(--primary-color-hover);
}
.cart-list__item-name span{
	font-size: 13px;
	color: #666;
}
.cart-list__item-price{
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
}
.cart-list__total{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 30px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}
.cart-list__total-title{
    color: #666;
    white-space: nowrap;
    font-size: 14px;
    line-height: 32px;
}
.cart-list__total-title > span{
	color: var(--primary-color-hover);
    display: inline-block;
    margin-right: 3px;
}
.cart-list__total-total{
	width: 100%;
	white-space: nowrap;
	text-align: right;
	font-size: 1.6rem;
	font-weight: bold;
}
.cart-list__buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top: 15px;
	padding-top: 30px;
	border-top: 1px solid #eee;
}
.cart-list__buttons a,
.cart-list__buttons button{
	display: block;
	width: 100%;
}
.cart-list__buttons a{
	margin-left: 10px;
}
.cart-list__buttons button{
	margin-right: 10px;
}
.cart-list__shadow{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100vh;
    width: 0vw;
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.25);
	-webkit-transition: 1.5s ease;
    -moz-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease;
}
#cart.active .cart-list__shadow{
	width: 100vw;
}
@media (max-width: 500px) {
	.cart-list__buttons a{padding: 8px 10px;}
	.cart-list__buttons a i{display: none;}
}

/*catalog menu*/
#catalog{
	position: fixed;
	left: -100vw;
	top: 0;
	z-index: 99999;
	width: 400px;
	max-width: 100%;
	height: 100vh;
	opacity: 0;
}
#catalog.active{
	left: 0;
	opacity: 1;
}
.catalog-list{
	position: relative;
	z-index: 3;
    height: 100%;
    background-color: #fff;
    padding: 30px;
}
.catalog-list__title{
    font-family: 'Century Gothic';
    font-size: 2rem;
    font-weight: bold;
    padding-right: 50px;
    margin-bottom: 30px;
    position: relative;
	z-index: 3;
}
.catalog-list__title > .close{
	position: absolute;
    right: -12px;
    top: 10px;
}
.catalog-list__items{
	margin: 0 -30px 30px -30px;
	padding: 0 30px 30px 30px;
	border-bottom: 1px solid #eee;
	position: relative;
	z-index: 3;
}
.catalog-list__items > li{
	display: block;
	list-style: none;
}
.catalog-list__items > li:not(:last-child){
	margin-bottom: 15px;
}
.catalog-list__items > li > a{
    color: var(----secondary-text-color);
    display: block;
    padding: 5px 25px 5px 0;
    position: relative;
}
.catalog-list__items > li > a.active,
.catalog-list__items > li > a:hover{
	color: var(--primary-color-hover);
}
.catalog-list__items > li > a > i{
    position: absolute;
    right: -17px;
    top: 2px;
    padding: 6px 10px;
}
.catalog-list__childs{
	position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #fff;
    width: 100%;
    height: 100%;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
    margin: 0;
    padding: 0 30px 30px;
    border-left: 1px solid #eee;
	opacity: 0;
}
.catalog-list__childs:has(li.child){
	left: 100%;
	opacity: 1;
}
.catalog-list__childs > li{
	display: block;
	list-style: none;
}
.catalog-list__childs > li:not(:last-child){
	margin-bottom: 10px;
}
.catalog-list__childs > li > a{
    color: var(----secondary-text-color);
    display: block;
    padding: 5px 0 5px 0;
    position: relative;
}
.catalog-list__childs > li > a.active,
.catalog-list__childs > li > a:hover{
	color: var(--primary-color-hover);
}
.catalog-list__childs-title{
    font-size: 1.6rem;
    font-weight: bold;
    padding-top: 36px;
    padding-bottom: 15px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
}
.catalog-list__childs-title > i{
	padding: 0 10px;
    margin: 0 0 0 -10px;
	display: none;
}
.contacts-list{
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 3;
}
.contacts-list > li{
    display: flex;
    list-style: none;
    color: #666;
    font-size: 14px;
    align-items: center;
}
.contacts-list > li:not(:last-child){
	margin-bottom: 15px;
}
.contacts-list > li > a{
	padding: 5px 0;
	color: #666;
}
.contacts-list > li > svg{
	stroke: var(--primary-color);
    width: 18px;
    height: 21px;
    margin-right: 10px;
}
.catalog-list__shadow{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100vh;
    width: 0vw;
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.25);
	-webkit-transition: 1.5s ease;
    -moz-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease;
}
#catalog.active .catalog-list__shadow{
	width: 100vw;
}
@media (max-width: 925px) {	
	.catalog-list{
		overflow-y: auto;
		overflow-x: hidden;
	}
	.catalog-list__childs{
		height: auto;
	}
	.catalog-list__title{
		position: sticky;
		top: -30px;
		z-index: 10;
		padding-top: 14px;
		background: #fff;
		margin-right: -16px;
	}
	.catalog-list__title > .close{
		top: 24px;
		right: 3px;
	}
	#mb-pages{
		padding: 0;
		margin: 0 0 30px 0;
	}
	#mb-pages li{
		display: block;
		list-style: none;
	}
	#mb-pages li a{
		display: block;
		padding: 5px 0;
		color: var(--more-color);
	}
}
@media (max-width: 850px) {	
	.catalog-list__childs:has(li.child){
		left: 0;
		z-index: 10;
		opacity: 1;
		height: 100%;
	}
	.catalog-list__childs-title > i{
		display: inline-block;
	}
}
@media (max-width: 500px) {
	#catalog{
		width: 100%;
	}
}

/*category*/
.rowall{
    display: flex;
    flex-flow: wrap;
}
.rowall .col-0, .rowall .col-1, .rowall .col-2{
    width: 100%;
}
.rowall .col-0 {
    order: 0;
}
.rowall .col-1 {
    order:1;
}
.rowall .col-2 {
    order: 2
}

.categories{
	margin-bottom: 50px!important;
}

.sort-products{
	margin-bottom: 30px;
	/*display: flex;*/
	display: none;
	align-items: center;
	flex-direction: row;
	position: relative;
}
.sort-products__title{
	font-weight: normal;
	margin: 0 15px 0 0;
	color: var(--more-color);
}
.sort-products__method{
	padding: 0;
	background: transparent;
	border: none;
	border-bottom: 1px dashed #cdcdcd;
}
.sort-products__method:not(:last-child){
	margin-right: 15px;
}
.sort-products__method.active,
.sort-products__method:hover{
	color: var(--primary-color);
}
@media (max-width: 990px) {
	.sort-products__methods{
		position: absolute;
		top: 25px;
		left: 0;
		z-index: 99;
		background-color: #fff;
		padding: 15px;
		border: 1px solid var(--border-color);
		border-radius: var(--border-radius);
		display: none;
		flex-direction: column;
		align-items: flex-start;
	}
	.sort-products:hover .sort-products__methods{
		display: flex;
	}
	.sort-products__method:not(:last-child){
		margin-right: 0;
		margin-bottom: 15px;;
	}
}

.description{
	padding: 0 0 50px 0; 
	margin-top: 30px;
	margin-bottom: -50px;
	position: relative;
}
.description-container{
	position: relative;
	max-height: 13rem;
	overflow: hidden;
}
.description-container:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 37%;
    width: 100%;
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(89, 131, 252, 0) 16%, rgba(255, 255, 255, 1) 95%);
}
.show-content .description-container{
	max-height: max-content;
}
.full-content .description-container:after,
.show-content .description-container:after{
	display: none;
}
.description-content{
	position: relative;
	z-index: 1;
}
.description button{
	margin-top: 30px;
}
.description.full-content button{
	display: none;
}
.description.show-content button i{
	transform: rotate(-90deg);
}

/*product*/
.product-info{
	padding: 15px 30px;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	background: #fff;
}
.product-info__top{
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-bottom: 15px;
}
.product-info__top-sku{
	margin-right: 30px;
	font-size: 1rem;
	white-space: nowrap;
}
.product-info__top-sku > span{
	font-weight: bold;
	font-size: 1.2rem;
}
.product-info__top-buttons{	
}
.product-info__top-buttons > button{
	padding: 0;
	border: none;
	background: transparent;
	margin-right: 30px;
	font-size: 1rem;
}
.product-info__top-buttons > button.active,
.product-info__top-buttons > button:hover,
.product-info__top-buttons > button:focus{
	color: var(--primary-color);
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.product-info__top-buttons > button > i{
	color: var(--primary-color);
	font-size: 1.2rem;
	margin-left: 5px;
}

.product-info__gallery{
    display: flex;
    align-items: center;
    flex-direction: row;
	overflow: hidden;
}
.product-info__gallery-item{
    flex: 0 0 100%;
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-info__gallery-item img{
	width: auto;
	height: auto;
	max-height: 100%;
}
.product-info__gallery_thumbs{
}
.product-info__gallery_thumbs-item{
    padding: 0 5px;
	cursor: pointer;
	text-align: center;
}
.product-info__gallery_thumbs-item img{
	padding: 5px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
	width: 74px;
	height: auto;
	max-height: 100%;
	margin: 0 auto;
}
.product-info__gallery_thumbs-item.active img,
.product-info__gallery_thumbs-item:hover img{
	border-color: var(--primary-color);
}
.product-info__gallery_thumbs .slick-arrow{
    top: -17px;
    left: auto;
    right: 0;
    width: auto;
    height: auto;
    background: transparent;
}
.product-info__gallery_thumbs .slick-prev:hover, 
.product-info__gallery_thumbs .slick-prev:focus, 
.product-info__gallery_thumbs .slick-next:hover, 
.product-info__gallery_thumbs .slick-next:focus{
	background: transparent;
}
.product-info__gallery_thumbs .slick-arrow.slick-prev{
	right: 25px;
}
.product-info__basic-attribute li:not(:last-child){
	margin-bottom: 15px;
}
.product-info__basic-attribute .a-n{
	color: var(--more-color);
	background-image: radial-gradient(circle at 1px 1px, #ccc 1px, transparent 0);
    background-size: 8px 8px;
    background-repeat: repeat-x;
    background-position: 0 bottom;
	max-height: max-content;
}
.product-info__basic-attribute .a-n span{
	position: relative;
    display: inline-block;
	padding: 0 5px 0 15px;
    background-color: #fff;
    margin-left: -15px;
    margin-right: 15px;
    width: max-content;
	height: max-content;
}
.product-info__basic-attribute .a-title{
	margin-top: 20px;
	font-weight: bold;
}
.product-info__content{
	padding: 15px 30px;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	background: #fff;
	margin-top: 30px;
}
.popup_body .product-info__content{
	margin-top: 0;
}
.title-content,
.product-info__content .h2,
.product-info__content h2{
	margin-top: 0;
	font-size: 1.5rem;
}
.title-content{
	margin-top: 50px;
	margin-bottom: 30px;
}
.product-menu{
	position: sticky;
	top: 70px;
}
.product-fast-order{
	margin-bottom: 30px;
}
.product-fast-order > .btn{
	width: 100%;
}
.product-modification{
	position: relative;
}
.product-modification__table{
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}
.product-modification table{
	width: 100%;
    max-width: 100%;
    margin-bottom: 17px;
	border-collapse: collapse;
    border-spacing: 0;
	border: none;
}
.product-modification table tr td{
	border: none;
}
.product-modification table tbody tr td{
	border: none;
	vertical-align: middle;
}
.product-modification table tr td:nth-child(odd){
	background: #fff;
}
.product-modification table tr td:nth-child(even){
	background: #f9f9f993;
}

.product-modification table.table-filted tbody tr{
	opacity: 0.5;
}
.product-modification table tbody tr:hover,
.product-modification table.table-filted tbody tr.active{
	opacity: 1;
}

.product-modification table tbody tr:hover td{
	background: #eee;
}
.product-modification table thead tr td,
.product-modification table tr:not(:last-child) td{
	border-bottom: 1px solid var(--border-color);
}
.product-modification table thead tr td{
	font-weight: bold;
	color: var(--text-color);
}
.product-modification table .fixed{
	position: sticky;
    left: 0;
}
.product-modification .model span{
	display: block;
	font-size: 1rem;
	color: var(--more-color);
}
.product-modification .model a,
.product-modification .model span,
.product-modification .price{
	white-space: nowrap;
}
.product-modification button{
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius);
	color: var(--button-text-color);
	padding: 8px;
	width: 40px;
	height: 40px;
}
.product-modification button:hover{
	background-color: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
}
.product-modification button.in-cart{
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius);
	color: var(--button-text-color);
	padding: 8px;
	width: 40px;
	height: 40px;
}
.product-modification button.in-cart{
	color: #fff;
	background-color: #108d03;
	border-color:  #108d03;
}
.product-modification button.in-cart:hover{
	color: #fff;
	background-color: #0f7305;
	border-color:  #0f7305;
}
.product-info__modification{
    display: flex;
    align-items: center;
    flex-direction: row;
    border-radius: var(--border-radius);
    border: 1px solid var(--primary-color);
    overflow: hidden;
    margin-bottom: 30px;
	/*cursor: pointer;*/
}
.product-info__modification-count{
    flex: 0 0 50px;
    width: 50px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    line-height: 0;
    color: var(--button-text-color);
    font-weight: bold;
    font-size: 1.4rem;
}
.product-info__modification-text{
    width: 100%;
    text-align: center;
    color: var(--more-color);
}
.product-modification__paginations{
	/*display: flex;
	align-items: center;
	justify-content: space-between;*/
}
.product-modification__paginations .pagination{
	margin: 10px 0 0 0;
}
.product-modification__result{
	font-size: 1rem;
	color: var(--more-color);
	margin: 10px 0 0 0;
	text-align: center;
}
.product-modification__table > .loader{
    position: absolute;
    top: 0;
	left: 0;
    z-index: 10;
	width: 100%;
    height: 100%;
	backdrop-filter: blur(2px);
    background-color: rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
	padding: 30px;
}

#product-modification-config{
	/*margin-bottom: 30px;*/
	display: none;
}
#product-modification-config:has(div){
	display: block;
}
.product-configuration{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	margin-bottom: 15px;
	border-radius: var(--border-radius);
	border-bottom: 1px solid var(--border-color);
	background-color: var(--darck-background);
}
.product-configuration__group{
    flex: 0 0 25%;
    width: 25%;
    padding: 15px 15px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-configuration__group label{
    display: flex;
    font-weight: normal;
    font-size: 1.1rem;
    color: #eee;
}
.product-configuration__group label > button{
	float: right;
    padding: 2px;
    border: none;
    background: none;
    opacity: 0.5;
    color: var(--more-color);
	margin: 0 auto auto auto;
}
.product-configuration__group label > button:hover{
	opacity: 0.7;
}
.product-configuration__group select{
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 5px 5px;
	height: 32px;
}
.product-configuration__group > .buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-configuration__group > .buttons > button[data-config]{
	width: 100%;
	background-color: var(--primary-color);
	color: var(--button-text-color);
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius);
	padding: 5px 5px;
	height: 32px;
}
.product-configuration__group > .buttons > button[data-config]:hover{
	background-color: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
	color: var(--button-text-color);
}
.product-configuration__group > .buttons > button[data-reset]{
	width: 32px;
	height: 32px;
	padding: 5px 5px;
	background: transparent;
	color: #eee;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	margin-right: 5px;
}
.product-configuration__group > .buttons > button[data-reset]:hover{
	background: #eeeeee30;
}
@media (max-width: 970px) {
	.product-configuration__group{
		flex: 0 0 50%;
		width: 50%;
	}
}
@media (max-width: 572px) {
	.product-configuration__group{
		flex: 0 0 100%;
		width: 100%;
	}
}

.product-info__discounts{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid var(--border-color);
}
.product-info__discounts li{
	display: block;
	list-style: none;
}
.product-info__discounts li:not(:last-child){
	margin-bottom: 10px;
}
.product-menu__prices{
    padding: 15px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    margin-bottom: 30px;
	overflow: hidden;
}
.product-menu__prices .product_price{
	line-height: inherit;
}
.product-menu__prices .product_price .price-new {
    top: 0;
}
.product-menu__prices .product_price .price-old {
    bottom: 0;
}
.product-menu__prices .alert{
	margin: 20px 0 0 0;
}
.product-menu__prices-footer{
	margin: 20px -15px -15px -15px;
	padding: 0 15px;
	border-top: 1px solid var(--border-color);
}
.product-menu__prices-footer{
	margin: 20px -15px -15px -15px;
	padding: 0 0 0 15px;
	border-top: 1px solid var(--border-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}
.product-menu__prices-footer .total{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 0;
}
.product-menu__prices-footer .total span:last-child{
	font-size: 1.4rem;
	font-weight: bold;
	margin-left: 5px;
}
.product-menu__prices-footer .buttons{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product-menu__prices-footer .buttons button{
	border: none;
	border-left: 1px solid var(--border-color);
	background: transparent;
	line-height: 0;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.product-menu__prices-footer .buttons button:hover{
	background: #eee;
}
.product-menu__prices-footer .buttons input{
	height: 40px;
	width: 50px;
	text-align: center;
	border: none;
	border-left: 1px solid var(--border-color);
	background: transparent;
}
.product-menu__prices-footer .buttons .button-cart{
	width: auto;
	padding: 0 15px;
	background: var(--primary-color);
	color: var(--button-text-color);
}
.product-menu__prices-footer .buttons .button-cart:hover{
	background: var(--primary-color-hover);
}
.product-menu__prices-footer .buttons .button-cart.in-cart{
	color: #fff;
	background-color: #108d03;
}
.product-menu__prices-footer .buttons .button-cart.in-cart:hover{
	color: #fff;
	background-color: #0f7305;
}
.product-menu-mobyle{
	margin-top: 30px;
}
.product-docs{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding: 15px 0;
}
.product-docs__icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background-color: var(--primary-color-background);
	border-radius: var(--border-radius);
	color: var(--primary-color);
	margin-right: 15px;
	cursor: pointer;
}
.product-docs__icon i.fa{
	font-size: 24px;
}
.product-docs__body{}
.product-docs__body-title{
	margin-bottom: 5px;
}
.product-docs__body-buttons{}
.product-docs__body-buttons button{
	padding: 0;
	border: none;
	background-color: transparent;
	font-size: 1rem;
	color: var(--more-color);
	margin-right: 15px;
}
.product-docs__body-buttons button:hover{
	color: var(--primary-color);
}

@media (max-width: 1123px) {
	.mb-mt{
		margin-top: 50px;
	}
	.product-info__basic-attribute .a-n{
		background: none;
	}
	.product-info__basic-attribute li:not(:last-child){
		margin-bottom: 0px;
	}
	.product-info__basic-attribute li.a-t{
		margin-bottom: 15px;
	}
	.product-info__basic-attribute li.a-title{
		margin-bottom: 15px;
	}
	
}
@media (max-width: 572px) {
	.product-info__top {
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: flex-start;
	}
	.product-modification__paginations {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
}
/*products*/
div:has(>.product){
	margin-bottom: 30px;
}
.product{
	position: relative;
	height: 100%;
	padding: 15px 15px 90px 15px;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	overflow: hidden;
	background-color: #fff;
}
.product:hover{
    border-color: var(--primary-color);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
    color: var(--text-color);
}
.product__thumb{
    position: relative;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
	height: 200px;
	overflow: hidden;
}
.product__thumb-item{
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product__thumb-item img{
	height: auto;
    width: auto;
    max-height: 100%;
}
.product__thumb-nav{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.product__thumb-nav__page{
	height: 100%;
    width: 100%;
    margin: 0 1px;
    border-bottom: 1px solid var(--border-color);
}
.product__thumb-nav__page.active,
.product__thumb-nav__page:hover{
	border-color: var(--text-darck-color);
}
.product__title{
    font-family: 'Century Gothic';
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--secondary-text-color);
    display: block;
    margin-bottom: 10px;
}
.product__sku{
	font-size: 1rem;
    color: var(--more-color);
	margin-top: -10px;
    margin-bottom: 10px;
	/*position: absolute;
    top: 15px;
    left: 15px;*/
}
.product_footer{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--border-color);
}
.product_price{
	line-height: 0;
}
.product_price .price{
    font-weight: bold;
    font-size: 1.5rem;
}
.product_price .price-new{
    font-weight: bold;
    font-size: 1.5rem;
    display: block;
    position: relative;
    top: -8px;
}
.product_price .price-old{
	position: relative;
	bottom: -10px;
}
.product_price .price-old .price{
    font-size: 1.1rem;
    font-weight: normal;
    color: var(--more-color);
    position: relative;
}
.product_price .price-old .price:after{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f00;
    transform: rotate(-6deg);
}
.product_price .price-empty{
	
}
.product_buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin: -10px -15px -10px 0;
}
.product_buttons > a,
.product_buttons > button{
    padding: 0 0;
    border: none;
	border-left: 1px solid var(--border-color);
    color: var(--text-color);
    background: transparent;
    min-width: 50px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_buttons > button.active{
	color: var(--primary-color);
	background-color: #eee;
}
.product_buttons > button > strong{
    font-family: 'Century Gothic';
    font-size: 1.2rem;
    margin-left: 3px;
    margin-right: 3px;
    line-height: 1;
}
.product_buttons > button:has(strong) > i{
	color: var(--more-color);
	margin-left: 3px;
}
.product_buttons > a:hover,
.product_buttons > button:hover{
	background-color: #eee;
}
.product_buttons > .cart-button{
	color: var(--button-text-color);
	background-color: var(--primary-color);
}
.product_buttons > .cart-button:hover{
	background-color: var(--primary-color-hover);
}
.product_buttons > .cart-button.in-cart{
	color: #fff;
	background-color: #108d03;
}
.product_buttons > .cart-button.in-cart:hover{
	color: #fff;
	background-color: #0f7305;
}
@media (max-width: 990px) {
	.product{padding: 15px 15px 51px 15px;}
	.product_footer{height: 45px;}
	/*.product_buttons{display: none;}*/
}
.show_more_products{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-bottom: 30px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    color: var(--more-color);
    flex-direction: column;
	padding: 15px;
}
.show_more_products button,
.show_more_products a{
	display: block;
	padding: 8px 20px;    
    font-size: 14px;
	width: 190px;
	max-width: 99%;
}
.show_more_products button{
	background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: var(--border-radius);
    color: var(--button-text-color);
	margin-bottom: 15px;
}
.show_more_products button:hover{
	background-color: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
}
.show_more_products a{
	border: 2px solid var(--more-color);
	border-radius: var(--border-radius);
	color: var(--more-color);
}
.show_more_products a:hover{
	color: var(--primary-color-hover);
}
/*conpare*/
.product__attribute{
    padding: 15px;
    background-color: #fff;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    margin-top: 30px;
}
.product__attribute-item{
	padding: 10px 0;
}
.product__attribute-item:not(:last-child){
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.product__attribute-item span{
	display: block;
	color: var(--more-color);
}
.product__attribute-item.active span{
	color: var(--primary-color);
}

.compare__item{
	padding: 0 15px;
}
.compare__item:hover .product,
.compare__item:hover .product__attribute{
	border-color: var(--primary-color);
}


/**pagination*/
.pagination > li > a, 
.pagination > li > span{
	color: var(--text-color);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	color: var(--primary-color-hover);
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
}

/*checkout*/
.checkout-login{
    /*height: 65vh;
    display: flex;
    justify-content: center;
    align-items: center;*/
	position: sticky;
    top: 70px;
}
.checkout-login__form{
	width: 400px;
	max-width: 92vw;
	padding: 30px;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
}
.checkout-login__form-title{
    font-size: 1.6rem;
    font-weight: bold;
    font-family: 'Century Gothic';
    margin: 0 0 30px 0;
}
.checkout-login__form-enter_code .form-group{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.checkout-login__form-enter_code .form-group input{
    flex: 0 0 60%;
    width: 60%;
    letter-spacing: 11px;
    font-size: 2rem;
}
.checkout-login__form-enter_code .form-group.err input{
	border-color: #f00;
}
.checkout-login__form-enter_code .form-group.err label{
	color: #f00!important;
}
.checkout-login__form-enter_code-timer{
	color: var(--text-darck-color);
	text-align: center;
	width: 100%;
	font-size: 1.6rem;
}

/*information*/
.information-description{
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}

/*contacts*/
.contact__information{
	padding: 15px;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	background-color: #fff;
}
.contact__information-company{
	margin-bottom: 15px;
}
.contact__information-company span{
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.contact__information-contact{
	margin-bottom: 15px;
}
.contact__information-contact a{
	color: var(--secondary-text-color); 
}
.contact__information-contact a:hover{
	color: var(--primary-color); 
}
.contact__information-title{
	color: var(--more-color);
	margin-bottom: 5px;
}
.contact__information-data{
	margin-bottom: 15px;
}
.contact__information-label{
	color: var(--more-color);
	display: inline-block;
	width: 47px;
}
.contact__information-social{
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact__information-social a{
	display: inline-block;
	margin-right: 15px;
}
.contact__information-social a svg{
	width: 30px;
	height: 30px;
}
.contact__map{
	min-height: 80vh;
	height: 100%;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.contact__form-title{
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 20px;
}
@media (max-width: 924px) {
	.contact__information{
		margin-bottom: 30px;
	}
}

/*table*/
.table {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}
.table thead td {
	font-weight: bold;
	border: none;
	padding: 10px 15px;
	background: var(--darck-background);
	color: #eee;
	font-size: 14px;
}
.table thead tr td:first-child {
	border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.table thead tr td:last-child {
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.table thead tr td.one{
	border-radius: var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius);
}
.table tbody td {
	border: none;
	padding: 10px 15px;
	font-size: 14px;
	vertical-align: top;
}
.table tbody tr:nth-child(even){
	background: #f3f3f3;
}
.table tbody tr td:first-child {
	border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.table tbody tr td:last-child {
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.table tbody td .btn-action{
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    text-align: center;
    line-height: 29px;
    background-color: #fff;
    color: var(--secondary-text-color);	
}
.table tbody td:has(.btn-action){
	white-space: nowrap;
}
.table tbody td .btn-action:hover{
	background-color: #eee;
}
.table tbody td .btn-action:not(:first-child){
	margin-left: 15px;
}
.table tfoot td{
	border: none!important;
}



/*footer*/
footer{
	margin-top: 60px;
	background-color: var(--darck-background);
	border-top: 1px solid var(--darck-border-color);
	color: var(--text-darck-color);
}
footer .container{
	padding-top: 90px;
	padding-bottom: 60px;
}
footer .h5,
footer h5{
	color: #eee;
	margin-top: 0;
}
footer a{
	color: var(--text-darck-color);
}
footer ul{
	padding: 0;
	margin-bottom: 0;
}
footer ul li{
	display: block;
	list-style: none;
}
footer ul li a{
	display: block;
	padding: 2px 0;
	margin-bottom: 3px;
	font-size: 1rem;
}
footer ul li a:hover{
	color: var(--secondary-color);
}
.footer-company img{
	height: 45px;
	display: block;
	margin-bottom: 15px;
}
.footer-company p{
	font-size: 1rem;
}
.footer-address ul{
	margin: 0;
}
.footer-address ul li{
    display: flex;
    align-items: flex-start;
	margin-bottom: 15px;
}
.footer-address ul li svg{
    stroke: var(--secondary-color);
    width: 18px;
    height: 21px;
    margin-right: 10px;	
}
.footer-address ul li span,
.footer-address ul li a{
	font-size: 1rem;
}
footer .powered{
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--darck-border-color);
	font-size: 1rem;
}
.footer-social{
    margin-top: 50px;
}
.footer-social a{
	display: inline-block;
	margin-right: 10px;
}
.footer-social a svg{
    width: 30px;
    height: 30px;
}
@media (max-width: 924px) {
	footer ul{
		margin-bottom: 30px;
	}
}

ul.pagination{
    width: 100%;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
	overflow: hidden;
}
ul.pagination > li{
	border: 2px solid transparent;
}
ul.pagination > li:hover{
	border-color: #eee;
}
ul.pagination > li > span,
ul.pagination > li > a,
ul.pagination > li > span:hover,
ul.pagination > li > a:hover{
    border: none;
    padding: 10px 20px;
    color: var(--more-color);
	white-space: nowrap;
}
ul.pagination > li.active{
	border-bottom-color: var(--primary-color);
}
ul.pagination > li.active:hover{
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
}
ul.pagination > li.active > span,
ul.pagination > li.active > a,
ul.pagination > li.active > span:hover,
ul.pagination > li.active > a:hover{
	background: none;
	color: var(--secondary-text-color);
}
ul.pagination > li:first-child > a, 
ul.pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
ul.pagination > li:last-child > a, 
ul.pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

div::-webkit-scrollbar { width: 8px; background: #eee; }  
div::-webkit-scrollbar-thumb { background: #6b6b6b; border-radius: 6px; }  
div::-webkit-scrollbar-track { background: #fff; } 

/*404*/
.page-404{
	position: relative;
}
.page-404__content{
    position: relative;
    z-index: 2;
    height: 60vh;
    max-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	overflow: hidden;
}
.page-404__content-title{
    font-size: 10rem;
    font-weight: bold;
    font-family: 'Century Gothic';
    color: var(--primary-color);
}
.page-404__content p{
    font-size: 2rem;
    color: #010313;
    text-shadow: 0px -1px 8px rgba(247, 247, 247, 1);
}
.page-404__content a{
	
}
.page-404__background{
    position: absolute;
    top: -68px;
    right: 0;
    bottom: -60px;
    left: 0;
    z-index: 1;
    background-image: url('/image/404.webp');
    background-position: center 0;
    background-attachment: fixed;
    background-size: cover;
    /*opacity: 0.8;*/
}

/*cookie politica*/
.cookie-politika{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 99998;
    background: #fff;
    margin: 0 auto;
    width: 56vw;
    min-width: 370px;
    padding: 15px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.cookie-politika__text{
	padding-right: 30px;
}

/*loader*/
.__loader-line{
    display: inline-block;
    padding-top: 20px;
    font-size: 13px;
    color: #8b8b8b;
    height: 23px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.__loader-line:after{
    content: '';
    display: block;
    height: 3px;
    width: 210%;
    position: relative;
    left: -110%;
    background: linear-gradient(to right, rgba(213,58,47,1), rgba(223,216,216,1), rgba(223,216,216,1), rgba(213,58,47,1), rgba(213,58,47,1), rgba(223,216,216,1), rgba(223,216,216,1), rgba(213,58,47,1));
    animation: loading-line 2s ease-in-out infinite;
}
@keyframes loading-line {
    0%{left: -110%;}
    100%{left: 0%;}
}

/*admin tools*/
#admin-tools__reload{
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 99999999;
	border-radius: 30px;
}
/*fix bootstrap*/
.form-control:focus{
    border-color: var(--primary-color);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--primary-color-shadow);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--primary-color-shadow);
}
.panel-default > .panel-heading{
	overflow: hidden;
}