html {
	height: 100%;
}

body {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--color-bg-body);
	font: normal normal 16px/1.3 "PTSans", "Roboto", "Tahoma", "Arial", sans-serif;
	color: var(--color-text);
}

header {
	flex: 0 0 auto;
}

.container {
	flex: 1 0 auto;
}

footer {
	flex: 0 0 auto;
}

.dn{
	display: none !important;
}

.vh{
	width: 0 !important; height: 0 !important; overflow: hidden; opacity: 0;
}

.np{
	padding: 0 !important;
}

.no_left{
	left: 0 !important;
}

.container ul{
	padding-bottom: 10px;
}

	.container ul li{
		margin-left: 30px;
		list-style: square;
		margin-bottom: 10px;
	}

.container ol{
	padding-bottom: 10px;
}

	.container ol li{
		margin-left: -10px;
	}

.list-unstyled{
	margin-left: 0 !important; padding-left:0 !important;
	list-style: none !important;
}

	.list-unstyled li{
		margin-left: 0 !important; padding-left:0 !important;
		list-style: none !important;
	}

.list_alert{
	margin: 2px 0 0 5px; padding: 0 5px;
	background-color: #fc0;
	color: #333;
	font-size: 75%;
	position: absolute;
}


/* brands carousel */
.container-brands{
	margin-bottom: 20px;
	padding: 10px 0;
	background-color: rgba(100,100,100,0.1);
	overflow: hidden;
}

	.container-brands .owl-carousel{
		/* margin:0 0 -10px 0; */
		text-align: center;
	}

		.container-brands .owl-carousel .item{
			max-height: 120px;
			display: inline-block;
		}
			.container-brands .owl-carousel .item img{
				width: auto;
				height: 100%;
			}

		.container-brands .owl-carousel .item a{
			display: inline-block;
		}


/* CLIENTS */
.main-clients-container{
	background-color: rgba(105, 121, 124, 0.1);
	padding: 10px 0;
}

	.main-clients-container h4 {
		margin-bottom: -20px;
		color: #96a1a4;
		text-transform: uppercase;
	}
	
	.main-clients-container .owl-item {
		padding: 0 30px;
	}

/* ----------------------------------------------------------------------------
	NAV
---------------------------------------------------------------------------- */
.nav-fixed{
	height: 3.5rem;
	top: 0; left: 0; right: 0;
	background: #fff;
	position: fixed;
	z-index: 10;
	transition: all 0.3s;
}

@media only screen and (max-width: 992px){
	.nav-fixed .container {
		width: 100% !important;
	}
}

.nav-logo {
	margin-left: 0;
	padding: 0;
}

.nav-fixed .search input {
	height: 54px;
}

.nav-fixed .nav-languages {
	margin-top: 10px;
	margin-right: 10px;
	padding-left: 10px;
}

	.nav-fixed .nav-languages a {
		color: #999;
		cursor: pointer;
	}
		.nav-fixed .nav-languages a:hover, .nav-fixed .nav-languages a:active {
			color: #004670;
		}

		.nav-fixed .nav-languages a.nav-lang_active {
			color: #004670 !important;
			cursor: default !important;
		}

.nav-fixed .header-btns {
	margin-top: 0;
}

.nav-spacer{
	width: 100%; height: 60px;
	position: relative;
}

.nav-full {
	margin-bottom: 10px;
}

.nav-full .header-icn_btn span{
	margin-top: -19px;
}

.nav-mobile .header-icn_btn{
	padding: .5rem;
}

.nav-mobile .nav-bnt-menu{
	margin: 0;
}

.nav-mobile .nav-logo{
	margin-left: 28%;
}

.nav-btn-menu-mobile {
	padding-right: 80px;
	background: #ffe700;
	color: #222 !important;
}

	.nav-btn-menu-mobile b {
		top: 14px; left: 40px;
		position: absolute;
		font-size: 80%;
		line-height: 1.3;
		letter-spacing: 1px;
	}

.nav-mobile ul li{
	background-color: rgba(255,255,255,1);
}

.nav-mobile .search input {
	height: 54px !important;
}

.menu-filter-btn{
	margin: 0 !important; padding: 0 !important;
	text-align: center;
}

	.menu-filter-btn i{
		margin-top: -5px;
	}

	.menu-filter-btn b{
		width: 44px; height: 12px;
		margin: -35px 0 0 0;
		font-size: 50%;
		display: inline-block;
	}

.nav-languages{
	text-align: right;
	line-height: 1.5 !important;
}

	.nav-languages a{
		color: #999;
		cursor: pointer;
	}
		.nav-languages a:hover, .nav-languages a:active{
			color: #fff;
		}

		.nav-languages a.nav-lang_active{
			color: #fff !important;
			cursor: default !important;
		}

.nav-languages-full {
	margin-top: -24px;
	text-align: right;
	line-height: 1.5 !important;
}

	.nav-languages-full a {
		padding: 5px 10px;
		display: inline-block;
		color: #999;
		cursor: pointer;
	}
		.nav-languages-full a:hover,
		.nav-languages-full a:active {
			color: #fff;
			background: rgba(255, 255, 255, 0.1);
		}

		.nav-languages-full a.nav-lang_active {
			color: #fff !important;
			cursor: default !important;
			background: rgba(255, 255, 255, 0.1);
		}

/* ----------------------------------------------------------------------------
	SIDE NAV
---------------------------------------------------------------------------- */
.side-nav ul{
	margin:0 !important; padding:0 !important;
}

	.side-nav ul li{
		margin:0 !important; padding:0 !important;
		list-style:none;
	}

.side-nav-tabs{
	background: rgba(0, 70, 112, 0.1);
}

.side-nav-languages {
	text-align: right;
}

	.side-nav-languages a {
		color: #999;
		cursor: pointer;
	}
		.side-nav-languages a:hover, .side-nav-languages a:active {
			color: #004670;
		}

		.side-nav-languages a.side-nav-lang_active {
			color: #004670 !important;
			cursor: default !important;
		}

	/* login/account btn */
	.side-nav-languages .icn_btn {
		height: 56px; max-height: 56px; max-width: 44px;
    	padding: 0 10px;
	}

		.side-nav-languages .icn_btn i {
			margin-right: 0 !important;
			color: #004670 !important;
		}

.side-nav-tab-content{
	width: 100%;
	top: 108px; bottom: 0;
	overflow-x: hidden; overflow-y: auto;
	position: fixed;
}

.side-nav-item{
	
}

	.side-nav-item a{
		width:100%; height:auto !important;
		padding:10px 10px 10px 15px !important;
		font-size:90% !important;
		line-height:1.5 !important;
	}

.side-nav-catalog-item{
	
}

	.side-nav-catalog-item a{
		height:auto !important;
		padding:10px 10px 10px 15px !important;
		font-size:90% !important;
		line-height:1.5 !important;
	}

		.side-nav-catalog-item-lvl_1 a{
			padding:10px 10px 10px 15px !important;
		}

		.side-nav-catalog-item-lvl_2 a{
			padding:10px 10px 10px 30px !important;
		}

		.side-nav-catalog-item-lvl_3 a{
			padding:10px 10px 10px 45px !important;
		}

		.side-nav-catalog-item-lvl_4 a{
			padding:10px 10px 10px 60px !important;
		}

		.side-nav-catalog-item a img{
			width:30px; height:auto;
			display:inline-block;
		}

		.side-nav-catalog-item a span{
			width:100%;
			margin:0;
			float:left;
		}

.side-nav-info-phone {
	width: 100%;
}

	.side-nav-info-phone a {
		display: inline-block;
	}

.side-nav-info-item{
	background-color:rgba(0,153,153,0.1) !important;
}
	.side-nav-info-item:hover{
		background-color:rgba(0,153,153,0.2) !important;
	}

	.side-nav-info-item a{
		padding:0 10px 0 15px !important;
	}

.sidenav-close-btn{
	max-width:44px; max-height:44px;
	margin:-44px 0 0 0 !important; padding:10px !important;
	color:#999;
	float:right;
	cursor:pointer;
}
	.sidenav-close-btn:hover, .sidenav-close-btn:active{
		background-color:rgba(100, 100, 100, 0.1);
		color:#333;
	}


/* ----------------------------------------------------------------------------
	HEADER
---------------------------------------------------------------------------- */
header {
	/*
	background-image: url('../image/header_bg.jpg');
	background-size: auto;
	background-position: 50% 0;
	background-repeat: no-repeat;
	*/
	background: #004670;
	overflow: hidden;
}

	.header-container {
		padding-top: 24px;
	}

	.header-logo {
		width: 100%;
		height: 5rem;
		margin: 0 !important;
		display: inline-block;
	}

		.header-logo span {
			font-size: 80%;
			font-style: italic;
			color: #555 !important;
		}

		.header-logo svg {
			height: 100%;
			fill: var(--color-accent);
			transition: fill .3s;
		}
			.header-logo:hover svg,
			.header-logo:active svg {
				fill: var(--color-second);
			}

	#header-nav {
		
	}

		#header-nav ul li{
			margin-left: 0 !important;
			margin-bottom: 0 !important;
			display: block;
		}

	#header-nav a{
		cursor: pointer;
	}

		#header-nav a i{
			color: #004670;
		}

	.header-dd_menu{
		float: left;
	}
	
	#header-nav .nav-bnt-menu{
		float: left;
	}

		#header-nav .nav-bnt-menu i{
			float: left;
		}

		#header-nav .nav-bnt-menu span{
			margin-left: 10px;
			float: left;
		}

	#header-nav .header-links{
		float: left;
	}

		#header-nav .header-links li{
			background: none;
			padding: 0;
		}

			#header-nav .header-links a{
				margin: 4px 0 0 24px; padding: 0 !important;
				background: none !important;
				color: #004670;
				line-height: 1;
				font-size: 100%;
			}
				#header-nav .header-links a:hover,
				#header-nav .header-links a:active{
					color: #0064a0;
				}


	#header-nav .header-btns{
		background: #fff;
		padding-bottom: 0;
	}

	#header-nav .header-lang_selector{
		margin: 0;
	}

		#header-nav .header-lang_selector input{
			margin: 0;
			color: #999;
		}

	.nav-shadow {
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
	}

	.input-header-search{
		border-bottom: 1px solid #9e9e9e !important;
	}

	/* links */
	.header-links-cont{
		margin: 8px 0 10px 0;
	}

	.header-links{
		margin: 0;
		line-height: 1.3;
		list-style: none;
	}

		.header-links li{
			margin: 16px 0 0 0 !important; padding: 0 26px 0 0;
			list-style: none !important;
			float: left;
		}

			.header-links li a{
				color: #fff;
				font-size: 1.1rem;
				cursor: pointer;
			}

			.header-links li a:hover, .header-links li a:active{
				color: #b5e0ff;
			}

	/* вибір мови */
	.header-language {
		padding-left: 20px;
		float: right;
	}

	.header-lang_selector {
		width: 44px; height: 44px;
		margin-right: 10px;
		float: right;
	}

		.header-lang_selector input {
			border: none !important;
			color: #999;
		}

		.header-lang_selector li {
			margin-left: 0 !important;
			margin-bottom: 0 !important;
			list-style: none !important;
		}

	.nav-mobile .header-lang_selector {
		margin: 4px 4px 0 0;
	}

	.header-links-lang {
		margin-top: -6px;
	}

	/* btns */
	.header-btns {
		margin-top: 0;
	}

		.nav-full .header-icn_btn {
			margin: 10px 0 0 8px !important;
			float: right !important;
			transition: background-color .3s;
		}
			.nav-full .header-icn_btn:hover, .header-icn_btn:active {
				background-color: rgba(255, 255, 255, 0.1);
			}

			.nav-full .header-icn_btn i {
				color: #fff;
			}

	/* phone */
	.header-phones {
		float: left;
	}

		.header-phones a {
			margin-right: 24px;
			font-size: 1.5em;
			font-weight: 600;
			line-height: 1.5;
			color: #fff;
			cursor: pointer;
			float: left;
		}
			.header-phones a:hover, .header-phones a:active {
				color: #b5e0ff;
			}

	.header-adress {
		margin-top: 10px;
		font-size: 1em;
		line-height: 1.5;
		color: #fff;
	}

	.header-callback_link-cont{
		line-height: 1em;
		text-align: left;
		float: right;
	}

		.header-callback_link-cont a{
			width:120px;
			padding:10px;
			font-size:80%;
			line-height:1em;
			color:#004670;
			text-decoration:none;
			cursor:pointer;
			display:block;
			overflow:hidden;
			transition:background-color .3s;
			float: right;
		}
		
			.header-callback_link-cont a:hover, .header-callback_link-cont a:active{
				
			}

			.header-callback_link-cont a:hover i, .header-callback_link-cont a:active i{
				color: #00c7e6;
			}

		.header-callback_link{
			margin-top:0;
		}

			.header-callback_link i{
				float:left;
			}

			.header-callback_link span{
				margin-left:6px;
				float:left;
			}

		.header-message_link{
			margin-top:0;
		}

			.header-message_link i{
				float:left;
			}

			.header-message_link span{
				margin-left:6px;
				float:left;
			}

.header-border{
	border-bottom:1px solid #0099af;
}

.cart_btn {
	position:relative;
}

/* catalog_search_cart block */
.header-csc_block {
	margin-top: 10px;
}

	.header-csc_block-catalog {
		float: left;
	}

	.header-csc_block-catalog-btn {
		width: 140px; height: 44px;
		padding: 10px 0 0 15px !important;
		background: #ffe700;
		color: #004670;
		float: left;
		overflow: hidden;
		transition:background-color .3s;
	}
		.header-csc_block-catalog-btn:hover, .header-csc_block-catalog-btn:active {
			
		}

		.header-csc_block-catalog-btn i {
			float: left;
		}

		.header-csc_block-catalog-btn span {
			margin-top: -7px; padding: 0 10px;
			font-size: 90%;
			font-weight: bold;
			line-height: 20px;
			letter-spacing: 1px;
			float: left;
		}

	.header-menu {
		width: 100%;
	}

		.header-menu ul {
			width: 100%;
			margin: 0 !important; padding: 0 !important;
			float: left;
			display: flex;
			flex-direction: row;
  			justify-content: space-around;
		}

			.header-menu ul li {
				margin: 0 !important;
				background: rgba(176, 215, 239, 0.25);
				list-style: none !important;
				float: left;
				text-align: center;
				flex-grow: 1;
			}
				.header-menu ul li:hover,
				.header-menu ul li:active {
					background: rgba(176, 215, 239, 0.5);
				}

				.header-menu ul li a {
					width: 100%; height: 44px; max-height: 44px;
					border-left: 1px solid #004670;
					color: #fff;
					text-align: center;
					font-size: 65%;
					line-height: 44px;
					display: inline-block;
				}

	@media only screen and (min-width: 600px) {
		.header-menu ul li a {
			font-size: 75%;
		}
	}

	@media only screen and (min-width: 820px) {
		.header-menu ul li a {
			font-size: 85%;
		}
	}

	@media only screen and (min-width: 1000px) {
		.header-menu ul li a {
			font-size: 100%;
		}
	}

	@media only screen and (min-width: 1200px) {
		.header-menu ul li a {
			font-size: 100%;
		}
	}

	.header-csc_block-search {
		float: left;
	}

		.header-csc_block-search .input-field {
			margin-top: 0;
		}

			.header-csc_block-search .input-field input {
				height: 44px;
				margin-bottom: 0;
				border: 0 !important;
			}
				.header-csc_block-search .input-field input:focus {
					background: none;
				}

			.header-csc_block-search .input-field label {
				top: 10px;
			}

	.header-csc_block-cart {
		height: 44px;
		margin: 10px 0 0 5px;
		padding: 10px 5px 0 10px !important;
		color: #fff;
		float: right;
		overflow: hidden;
		transition:background-color .3s;
		cursor: pointer;
	}
		.header-csc_block-cart:hover, .header-csc_block-cart:active {
			background: rgba(255, 255, 255, 0.1);
			color: #fff;
		}

		.cart-icn-main {
			position: relative;
		}

		#cart-icn-main {
			width: 100%; height: 10px;
			margin: 0 !important;
			position: absolute;
		}

		.header-csc_block-cart i {
			float: left;
		}

		.header-csc_block-cart p {
			margin: -5px 0 0 0; padding: 0 0 0 10px;
			line-height: 18px;
			font-size: 90%;
			float: left;
		}

			.header-csc_block-cart p span {
				font-size: 100%;
				padding-right: 10px;
				float: left;
			}

			.header-csc_block-cart p b {
				margin-top: 10px;
				font-size: 150%;
				font-weight: bold;
				float: right;
			}

		.header-csc_block-cart-empty {
			margin-top: -4px;
		}

		.header-csc_block-cart-count {
			
		}

/* text bnr line */
.bnrline{
	margin-bottom:10px;
	font-size:100%;
	text-align:center;
	color:#fff;
}

	.bnrline-beznal{
		background-color:#f80;
	}

	.bnrline-discount{
		background-color:#f30;
		animation:bnrline-hl 2400ms infinite linear;
	}

	@keyframes bnrline-hl{ 50%{ background-color:#f80; } 100%{ background-color:#f30; } }


/*  */
#header-catalog{
	width:100%; max-height:100%;
	top:0; left:0; right:0;
	background:#fff;
	position:fixed;
	overflow-x:hidden; overflow-y:auto;
	display:none;
	z-index:9999;
}

	.header-catalog-head{
		width:100%;
		border-bottom: 1px solid #ccc;
	}

		.header-catalog-head span{
			font-size:120%;
			line-height:44px;
			color:#0099af;
		}

		.header-catalog-close-btn{
			max-width:44px; max-height:44px;
			margin: 0 -15px 0 0;
			padding:10px;
			color:#999 !important;
			cursor:pointer;
			float:right;
		}
			.header-catalog-close-btn:hover, .header-catalog-close-btn:active{
				color:#333 !important;
				background-color:rgba(100,100,100,0.1);
			}

	.header-catalog-categories-cont{
		position:relative;
	}

	.header-catalog-categories{
		position:relative;
	}

		.header-catalog-categories ul{
			margin:0 !important;
		}

			.header-catalog-categories ul a{
				width:100%;
			}

				.header-catalog-categories ul a:hover{
					background-color:rgba(240,240,240,0.5);
				}

				.hcc_active{
					background-color:rgba(240,240,240,0.5) !important;
				}

		.hcc_container{
			top:0; bottom:0;
			position:absolute;
			overflow-x:hidden; overflow-y:auto;
			background-color:rgba(240,240,240,0.5);
		}

			.hcc_{
				display:none;
			}

	.header-catalog-info{
		background:rgba(0,153,153,0.07);
	}

		.header-catalog-info ul{
			margin:0 !important;
		}

			.header-catalog-info ul a{
				width:100%;
			}

				.header-catalog-info ul a:hover{
					background:rgba(0,153,153,0.05);
				}

/* ----------------------------------------------------------------------------
	ICONS
---------------------------------------------------------------------------- */
.icn-logo {
	width: 44px; height: 44px !important;
	padding: 0 !important;
	display: block;
}

	.icn-logo svg {
		height: 100%;
	}

.icn-logo-smallest {
	width: 44px; height: 44px;
	padding: 0 !important;
	display: block;
}

	.icn-logo-smallest svg {
		width: 100%;
		height: 100%;
		fill: var(--color-accent);
	}

.icn-logo-mobile {
	display: block;
}

	.icn-logo-mobile svg {
		width: 100%;
		height: 100%;
		fill: var(--color-accent);
	}

/* ----------------------------------------------------------------------------
	BTNS
---------------------------------------------------------------------------- */
.icn_btn {
	max-width: 44px; max-height: 44px;
	padding: 10px;
	cursor: pointer;
	float: left;
}

	.icn_btn i {
		width: 24px; height: 24px;
		color: #004670;
	}

	.icn_btn span {
		width: 100%; height: 20px;
		margin: -32px 0 0 10px;
		background: #fc0;
		border-radius: 10px;
		font-size: 75%;
		font-weight: 500;
		text-align: center;
		line-height: 20px;
		color: #333;
		display: block;
		position: relative;
	}

	.icn_btn_hover {
		transition: background-color .3s;
	}
		.icn_btn_hover:hover, .icn_btn_hover:active {
			background-color: rgba(100, 100, 100, 0.1);
		}

.btn-link-group{
	
}

	.btn-link{
		padding:0 15px;
		background:none;
		transition:background-color .3s;
		border:none;
		color:#777;
	}
		.btn-link:hover, .btn-link:active, .btn-link:focus{
			background-color:rgba(0, 0, 0, 0.1);
			border:none;
			color:#333;
		}
		.btn-link:focus{
			background:none;
			border:none;
			color:#777;
		}

		.dropdown-toggle:after{
			width:16px; height:8px;
			content:"";
			background:url('../image/dd_mark.svg');
			display:inline-block;
		}

	.btn-link-group .dropdown-menu{
		position:absolute;
		background:#fff;
		list-style:none;
		display:none;
	}

		.btn-link-group .dropdown-menu li{
			width:100%;
			background:#fff;
			clear:both;
		}

			.btn-link-group .dropdown-menu li:hover{
				background:#f0f0f0;
			}

			.btn-link-group .dropdown-menu li button{
				background:none;
				border:none;
				box-shadow:none;
				color:#777;
			}

/* ----------------------------------------------------------------------------
	SEARCH
---------------------------------------------------------------------------- */
form.search {
	width: 0;
	top: 0; right: 56px;
	background: #fff;
	position: absolute;
	z-index: 2;
}

form.search-big {
	width: 100%;
	position: relative;
}

	form.search-big .input-field {
		margin-top: 0;
	}

		form.search-big .input-field input {
			margin-bottom: 0;
			border: 0 !important;
		}


/*
GREETINGS
*/
.block-greatings {
	background-size: auto 130%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

	.block-greatings .row{
		height: 100%;
		padding: 5% 0 5% 0 !important;
		background: rgba(0, 70, 112, 0.9);
	}

	.block-greatings h1 {
		font-size: 300%;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
	}

	.block-greatings .block-greatings-descr {
		margin: 0 !important; padding: 0 !important;
		font-size: 200%;
		color: #fff;
	}

	.block-greatings h3 {
		font-size: 200%;
		color: #fff;
	}

.block-greatings-main {
	background-image: url('../image/bg_main.jpg');
}

#btn-price-greatings {
	margin-top: 16px;
	cursor: pointer;
	color: #fff;
	float: left;
}
	#btn-price-greatings:hover, #btn-price-greatings:active {
		color: #fff59d;
	}

	#btn-price-greatings i {
		width: 92px; height: 92px;
		font-size: 92px;
		float: left;
	}

	#btn-price-greatings span {
		padding-top: 8px;
		font-size: 100%;
		float: left;
	}

/* S */
@media only screen and (max-width: 600px){
	.block-greatings h1 { font-size: 200%; }
	.block-greatings .block-greatings-descr { font-size: 125%; }
	#btn-price-greatings i { width: 30px; height: 30px; font-size: 30px; }
	#btn-price-greatings span { padding-top: 0; font-size: 80%; }
}
/* M */
@media only screen and (min-width: 601px) and (max-width: 992px){
	.block-greatings h1 { font-size: 250%; }
	.block-greatings .block-greatings-descr { font-size: 175%; }
	#btn-price-greatings i { width: 60px; height: 60px; font-size: 60px; }
	#btn-price-greatings span { padding-top: 8px; font-size: 125%; }
}
/* L */
@media only screen and (min-width: 993px){
	.block-greatings h1 { font-size: 300%; }
	.block-greatings .block-greatings-descr { font-size: 200%; }
	#btn-price-greatings i { width: 92px; height: 92px; font-size: 92px; }
	#btn-price-greatings span { padding-top: 8px; font-size: 200%; }
}
/* XL */
@media only screen and (min-width: 1601px){
	.block-greatings h1 { font-size: 300%; }
	.block-greatings .block-greatings-descr { font-size: 200%; }
	#btn-price-greatings i { width: 92px; height: 92px; font-size: 92px; }
	#btn-price-greatings span { padding-top: 8px; font-size: 200%; }
}


/*
HTML
*/
.block-html {
	margin-bottom: 2%;
}

	.block-html h1 {
		font-size: 2.25rem;
		font-weight: bold;
		color: #004670;
	}

	.block-html h2 {
		font-size: 1rem;
		font-weight: bold;
		color: #333;
	}

	.block-html h4 {
		font-size: 1.25rem;
		font-weight: normal;
		color: #222;
	}

	.block-html-big_icn i {
		font-size: 128px;
		color: #b0d7ef;
	}

.block-html-main-catalog {
	background: #ebf5fb;
}

	.block-html-main-catalog-item {
		margin-bottom: 16px;
	}

		.block-html-main-catalog-item:hover, .block-html-main-catalog-item:active {
			
		}

		.bhmci-img {
			width: 100%;
			padding-bottom: 50%;
			overflow: hidden;
			position: relative;
			display: block;
		}

			.bhmci-img img {
				width: 100%; height: 100%;
				position: absolute;
				top: 0; left: 0;
				transition:
					width .3s ease,
					height .3s ease,
					left .3s ease,
					top .3s ease;
			}

			.block-html-main-catalog-item:hover .bhmci-img img {
				width: 120%; height: 120%;
				left: -10%; top: -10%;
			}

			.bhmci-img h2 {
				width: 100%;
				margin: 0 !important; padding: 10px 0;
				position: absolute;
				bottom: 0;
				background: rgba(255, 255, 255, 0.8);
			}

		.block-html-main-catalog-item p {
			margin: 6px 0 0 0 !important;
			font-size: 80%;
		}

.block-html-main-dostavka {
	margin-top: 2%;
	background-image: url('../image/bg_main_dostavka.png');
	background-size: auto 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

	.block-html-main-dostavka h4 {
		padding-top: 40%;
	}

.block-html-main-brands-carousel h1 {
	font-size: 2.25rem;
	font-weight: bold;
	color: #004670;
}

.block-html-main-brands-carousel .owl-item {
    padding: 0 30px;
}

.block-html-main-map {
	margin-top: 3%;
	margin-bottom: 0 !important;
}

	.block-html-main-map .row {
		margin-bottom: 0 !important;
	}

/* S */
@media only screen and (max-width: 600px){
	.block-html h1 { font-size: 1.25rem; }
	.block-html-main-brands-carousel h1 { font-size: 1.25rem; }
	.block-html h4 { font-size: 1.0rem; }

	.block-html-main-dostavka { background-size: auto 55%; background-position: 50% 25%; }
	.block-html-main-dostavka h4 { padding-top: 10%; }
}
/* M */
@media only screen and (min-width: 601px) and (max-width: 992px){
	.block-html h1 { font-size: 1.5rem; }
	.block-html-main-brands-carousel h1 { font-size: 1.5rem; }
	.block-html h4 { font-size: 1.15rem; }

	.block-html-main-dostavka { background-size: auto 100%; background-position: 50% 50%; }
	.block-html-main-dostavka h4 { padding-top: 40%; }
}
/* L */
@media only screen and (min-width: 993px){
	.block-html h1 { font-size: 2.0rem; }
	.block-html-main-brands-carousel h1 { font-size: 2.0rem; }
	.block-html h4 { font-size: 1.25rem; }

	.block-html-main-dostavka { background-size: auto 100%; background-position: 50% 50%; }
	.block-html-main-dostavka h4 { padding-top: 40%; }
}
/* XL */
@media only screen and (min-width: 1601px){
	.block-html h1 { font-size: 2.25rem; }
	.block-html-main-brands-carousel h1 { font-size: 2.25rem; }
	.block-html h4 { font-size: 1.5rem; }

	.block-html-main-dostavka { background-size: auto 100%; background-position: 50% 50%; }
	.block-html-main-dostavka h4 { padding-top: 40%; }
}


.img_icn {
	width: 90%;
	margin: 5%; padding-bottom: 90%;
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
}


	.img_icn-thumb_up {
		background-image: url('../image/img_icn-thumb_up.png');
	}


/*
	Main baner
*/
.mod_b {
	
}

	.mod_b-item {
		
	}

		.mod_b_img_c {
			
		}

		.mod_b_text_c {
			width: 43%;
			position: absolute;
		   top: 0;
		   margin-top: 8%; margin-left: 8%;
		   padding: 1rem;
		   background: rgba(0, 0, 0, 0.35);
		}

			.mod_b_text_title {
				font-weight: bold;
    			font-size: 2.5rem;
    			color: #ffeb3b;
			}

			.mod_b_text_descr {
				font-size: 1.5rem;
				color: white;
			}

				.mod_b_text_descr p {
					margin: 1rem 0 0 0 !important;
				}

/* S */
@media only screen and (max-width: 600px){
	.mod_b_text_c {
		width: 90%;
	   margin-top: 5%; margin-left: 5%;
	   padding: 0.5rem;
	}

		.mod_b_text_title {
			font-size: 1rem;
		}

		.mod_b_text_descr {
			font-size: 1rem;
		}
}
/* M */
@media only screen and (min-width: 601px) and (max-width: 992px){
	.mod_b_text_c {
		width: 70%;
	   margin-top: 5%; margin-left: 5%;
	   padding: 1rem;
	}

		.mod_b_text_title {
			font-size: 1.5rem;
		}

		.mod_b_text_descr {
			font-size: 1rem;
		}
}
/* L */
@media only screen and (min-width: 993px){
	.mod_b_text_c {
		width: 63%;
	   margin-top: 5%; margin-left: 8%;
	}

		.mod_b_text_title {
			font-size: 2.0rem;
		}

		.mod_b_text_descr {
			font-size: 1.5rem;
		}
}
/* XL */
@media only screen and (min-width: 1601px){
	.mod_b_text_c {
		width: 42%;
		margin-top: 8%; margin-left: 8%;
	}

		.mod_b_text_title {
			font-size: 2.5rem;
		}

		.mod_b_text_descr {
			font-size: 1.5rem;
		}
}


/* ----------------------------------------------------------------------------
	BREADCRUMB
---------------------------------------------------------------------------- */
.breadcrumb-container{
	padding: 10px 0 !important;
	background-color: rgba(0, 70, 112, 0.1);
}

	.breadcrumb-container .row {
		margin: 0;
	}

	.breadcrumb-container a {
		
	}
		.breadcrumb-container a:hover {
			
		}

	.breadcrumb:last-child {
		
	}


/* ----------------------------------------------------------------------------
	MAIN FULL
---------------------------------------------------------------------------- */
.container-full{
	width:100%;
}

	.container-full .row .owl-carousel .item a{
		width:1920px;
		float:left;
	}

		.container-full .row  .owl-carousel a .item img {
			width:100%;
		}


/* ----------------------------------------------------------------------------
	COLUMN LEFT
---------------------------------------------------------------------------- */
.column_left-list{
	width:100%;
	margin:20px 0 0 0 !important; padding:0 0 20px 0 !important;
	overflow:hidden;
	float:left;
}

	.column_left-list-item{
		margin:0 !important; padding:0 0 10px 0 !important;
		list-style:none !important;
	}
	
	.column_left-list .divider{
		margin:0 0 10px 0 !important;
	}

		.column_left-list-item span{
			margin:2px 0 0 5px; padding:0 5px;
			background-color:#fc0;
			color:#333;
			font-size:75%;
			position:absolute;
		}


/* ----------------------------------------------------------------------------
	COLUMN RIGHT
---------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------
	MAIN SLIDER
---------------------------------------------------------------------------- */
.container-full .row .owl-carousel{
	margin-bottom:-10px;
}


/* ----------------------------------------------------------------------------
	MAIN CATEGORY BLOCK
---------------------------------------------------------------------------- */
.main_cat-container{
	width: 100%;
	/* background: url("../image/main_cat_bg.jpg"); */
	/* background-size: auto 150%; */
	/* background-position: 0 50%; */
	background-color: rgba(0, 153, 175, 1);
	float: left;
	position: relative;
	z-index: 1;
}

.main_cat{
	margin:0; padding:0;
	list-style:none;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;

	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	overflow: hidden;
}

	.main_cat-item{
		margin: 0 !important; padding: 0 !important;
		background: none;
		cursor: pointer;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

		.main_cat-item_1 {  }
		.main_cat-item_2 {  }
		.main_cat-item_3 {  }
		.main_cat-item_4 {  }

		.main_cat-item a {
			width: 100%; min-height: 100%;
			margin: 0 !important; padding: 40% 15px 15px 15px !important;
			background-color: rgb(0, 153, 175);
			border:0 !important;
			text-decoration:none !important;
			text-align:center;
			position:relative;
			transition:background-color .2s;
		}
			.main_cat-item a:hover, .main_cat-item a:active {
				/* box-shadow: 0 14px 28px rgba(100,100,100,0.25), 0 5px 10px rgba(100,100,100,0.25); */
				background-color: rgb(0, 165, 189);
				color: #fff !important;
			}

		.main_cat-icn {
			width: 30%; height: auto;
			margin: 0; padding-bottom: 30%;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			display: block;
			position: absolute;
			top: 15px; left: 35%;
		}

			.main_cat-icn-build{
				background-image:url('../image/icn_build_w.png');
				background-image:url('../image/icn_build_w.svg'), none;
			}

			.main_cat-icn-cleaning{
				background-image:url('../image/icn_cleaning_w.png');
				background-image:url('../image/icn_cleaning_w.svg'), none;
			}

			.main_cat-icn-kk{
				background-image:url('../image/icn_kk_w.png');
				background-image:url('../image/icn_kk_w.svg'), none;
			}			

			.main_cat-icn-shop{
				background-image:url('../image/icn_shop_w.png');
				background-image:url('../image/icn_shop_w.svg'), none;
			}


		.main_cat-item-title {
			width: 100%;
			margin: 0; padding: 0 !important;
			color: #fff !important;
			font-size: 120%;
			line-height: 130%;
			position: relative;
		}

/* S */
@media only screen and (max-width: 440px){
	.main_cat-container{
		padding: 0 !important;
		background: none;
	}

	.main_cat-item{
		width: 100% !important;
		margin: 0 !important; padding: 2px 0 !important;
	}

	.main_cat-item a{
		min-height: 50px;
		padding: 15px !important;
		text-align: left;
	}

	.main_cat-icn{
		width: 25%;
		padding-bottom: 20%;
		position: relative !important;
		top: 0 !important; left: 0 !important;
	}

	.main_cat-item-title{
		padding-left: 10px !important;
		font-size:110%;
	}
}
/* S-M */
@media only screen and (min-width: 441px) and (max-width: 600px){
	.main_cat-item{
		width: 100% !important;
		margin: 0 !important; padding: 2px 0 !important;
	}

	.main_cat-item a{
		min-height: 60px;
		padding: 15px !important;
		text-align: left;
	}

	.main_cat-icn{
		width: 25%;
		padding-bottom: 20%;
		position: relative !important;
		top: 0 !important; left: 0 !important;
	}

	.main_cat-item-title{
		padding-left: 15px !important;
		font-size: 110%;
	}
}
/* M */
@media only screen and (min-width: 601px) and (max-width: 992px){
	.main_cat-item{
		width: 25% !important;
	}

	.main_cat-item-title{
		font-size: 100%;
	}
}
/* L */
@media only screen and (min-width: 993px) and (max-width: 1200px){
	.main_cat-item{
		width: 25% !important;
	}

	.main_cat-item-title{
		font-size: 110%;
	}
}
/* XL */
@media only screen and (min-width: 1201px){

	.main_cat-item a{
		
	}

	.main_cat-item-title{
		font-size: 120%;
	}
}

/* XXL */
@media only screen and (min-width: 1401px){

	.main_cat-item a{
		
	}

	.main_cat-item-title{
		font-size: 135%;
	}
}


/* ----------------------------------------------------------------------------
	BLOCKS
---------------------------------------------------------------------------- */
.block-light_green {
	background-color: rgba(210,233,233,1);
}


/* ----------------------------------------------------------------------------
	CATEGORY
---------------------------------------------------------------------------- */
.category_header {
	width: 100%;
	padding-bottom: 10%;
	background-position: 0 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 440px){
	.category_header {
		padding-bottom: 25%;
		background-size: auto 100%;
	}
}

.category_image {
	
}

	.category_image img {
		width: 100%; height: auto;
	}

.cat-prev {
	margin-top: 0;
	overflow: hidden;
}

	.cat-prev li{
		margin-bottom:20px;
		list-style:none !important;
	}

		.cat-prev a{
			text-decoration:none;
			text-align:center;
			cursor:pointer;
			display:block;
			position:relative;
			overflow:hidden;
		}
			.cat-prev a:hover, .cat-prev a:active{
				
			}

			.cat-prev a img{
				width: 100%; height: auto;
				position: absolute;
				left: 0; top: 0;
			}

			.cat-prev a span{
				padding:5px 5px 0 5px;
			}

			.cat-prev a p{
				max-width:100%;
				overflow:hidden;
			}

	.category_card {
		width: 100%; height: 100%; min-height: 80px;
		display: flex;
    	justify-content: center;
    	align-items: center;
    	background: rgb(0, 70, 112, 0.1);
		font-size: 110%;
		font-weight: bold;
		letter-spacing: 1px;
		word-spacing: 2px;
		color: #222;
	}

		.category_card a {
			flex: 0 0 95%;
			font-size: 110%;
			font-weight: bold;
			letter-spacing: 1px;
    		word-spacing: 2px;
    		color: #222;
		}

			.category_card:hover {
				background: rgb(255, 231, 0, 0.4);
			}

	.category_card-subcat {
		min-height: 60px;
	}

		.category_card-subcat a {
			font-size: 90%;
			letter-spacing: 0;
    		word-spacing: 0;
		}

	/* прев’ю категорії на головній */
	.cat-prev-main{
		
	}

		.cat-prev-main span {
			min-height: 56px; max-height: 56px;
			display: inline-block;
			overflow: hidden;
		}

	/* пре’ю підкатегорій всередині категорії */
	.category_card-container, .category_card-container_descr {
		margin-bottom: 10px !important;
	}

		.category_card-link {
			width: 100%;
			padding-bottom: 90%;
			text-align: left !important;
			background: #fff;
		}

		.category_card a.category_card-link_full {
			padding-bottom: 26% !important;
			background: #e5ecf0;
		}

		.category_card a.category_card-link_mobile {
			padding-bottom: 9% !important;
			background: #e5ecf0;
		}

		.category_card-container img,  .category_card-container_descr img {
			width: 100%; height: auto;
			padding: 0 !important;
			position: absolute;
			left: 0; top: 0;
			opacity: 1;
		}
			.category_card-container:hover {
				
			}

			.category_card-container:hover img {
				opacity: 1;
			}

		.category_card-container span, .category_card-container_descr span {
			width: 100%;
			padding: 10px 10px 10px 10px !important;
			position: absolute;
			left: 0; top: 0;
			/*background: rgba(255, 255, 255, 0.85);*/
			color: #333;
			font-size: 80%;
			font-weight: bold;
		}

		.categrory_card-edit_btn {
			margin-bottom: -44px;
			border: none !important;
			position: relative;
			z-index: 9;
		}

			.categrory_card-edit_btn:hover, .categrory_card-edit_btn:active {
				border: none !important;
				background-color: rgba(0,0,0,0.1);
			}

			.categrory_card-edit_btn i {
				color: #004670 !important;
			}

	.cat-prev-promo {
		
	}

		a.cat-prev-promo_hidden{
			opacity: 0 !important;
		}

		.cat-prev-promo-img{
			width:100% !important; height:auto !important;
			padding:0 !important;
			border:0 !important;
			position:absolute;
			bottom:0; left:0;
		}

		@media only screen and (max-width: 600px){
			.cat-prev-promo-img-hidden{
				padding:10px 5px !important;
			}
		}
		@media only screen and (min-width: 601px){
			.cat-prev-promo-img-hidden{
				padding:5px 0 !important;
			}
		}
		@media only screen and (min-width: 993px){
			.cat-prev-promo-img-hidden{
				padding:10px 0 !important;
			}
		}
		@media only screen and (min-width: 1201px){
			.cat-prev-promo-img-hidden{
				padding:10px 15px !important;
			}
		}

		.cat-prev-promo h2{
			margin:0 !important;
			position:absolute;
			top:4%; left:10px;
			text-transform:uppercase;
			font-weight:bold;
			letter-spacing:1px;
		}

	/* зображення категорії поруч з описом */
	.cat-thumb{
		
	}
	
		.cat-thumb img{
			width:100%; height:auto;
		}


/* ----------------------------------------------------------------------------
	FILTER
---------------------------------------------------------------------------- */
#column-left {
    margin-right: -1px;
}

.category-container-with_filters {
	border-left: 1px solid #e5ecf0;
}
	@media only screen and (max-width:600px){
		.category-container-with_filters{
			border-left: none !important;
		}
	}

.filter-container{
	border-right: 1px solid #e5ecf0;
}

.filter_mobile-container{
	
}

	.filter_mobile-container-content{
		width: 100%;
		top: 48px; bottom: 0;
		overflow-x: hidden; overflow-y: auto;
		position: fixed;
	}

	.filter-container-title{
		margin: 0 !important; padding: 10px !important;
		font-size: 90% !important;
		font-weight: bold;
	}

	.filter-groups{
		
	}

		.filter-group{
			padding: 10px 10px 0 10px !important;
		}

			.filter-group-title{
				margin: 0 !important; padding: 0 !important;
				font-size: 90% !important;
				color: #004670;
			}

			.filter-group-item{
				padding: 5px 0 5px 0 !important;
			}

				.filter-group-item label{
					padding-left: 30px !important;
					font-size: 90% !important;
					color: #333;
					line-height: 20px !important;
				}

				.fgi-link:hover label, .fgi-link:active label {
					color: #004670;
				}

				.fgi-link-selected {
					
				}

		/* colors */
		.filter-group-colors{
			
		}

			.filter-group-colors .filter-group-item{
				padding:0 !important;
				font-size:1px !important;
			}

				.filter-group-colors label{
					padding:0 !important;
				}

					.filter-group-colors label:after,
					.filter-group-colors label:before{
						display:none !important;
					}

					.filter-group-colors label img{
						width:100%; height:auto;
						border:2px solid #fff;
					}

					.filter-group-colors input:checked ~ label img{
						border:2px solid #63c;
					}

	.filter-container-btn{
		padding:5px 10px !important;
	}

		.filter-btn-submit{
			height:30px;
			padding: 0px 10px !important;
			font-size:80%;
			line-height:1;
			letter-spacing:1px;
		}

	/* кнопка визову фільтру для мобільної версії */
	.category_filter-btn{
		top: 56px; right: 0;
		position: fixed;
		background-color: #004670;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
		z-index: 10;
		text-align: center;
	}
		.category_filter-btn:hover, .category_filter-btn:active{
			background-color: rgba(100, 100, 100, 0.1);
		}

		.category_filter-btn i{
			margin-top: -5px;
			color: #ffe700;
		}

		.category_filter-btn b {
			width: 44px;
			margin: -10px 0 0 -10px;
			font-size: 50%;
			color: #ffe700;
			display: inline-block;
			float: left;
		}

	/* строка обраних фільтрів */
	.category_filters-row{}

		.category_filter{
			margin: 0 10px 10px 0; padding: 5px 26px 2px 5px;
			background-color:#e5ecf0;
			color:#333;
			font-size:100%;
			cursor:pointer;
			position:relative;
			float:left;
		}
			.category_filter:hover, .category_filter:active{
				background-color:#fee;
			}

			.category_filter:hover i, .category_filter:active i{
				color:#f77;
			}

			.category_filter i{
				top:2px; right:0;
				color:#ccc;
				position:absolute;
			}


/* ----------------------------------------------------------------------------
	PRODUCT CARD
---------------------------------------------------------------------------- */
@media only screen and (min-width: 600px) {
	.cards_container{
		width: 94% !important;
		max-width: 94% !important;
	}
}

@media only screen and (min-width: 1201px) {
	.cards_container{
		width: 97% !important;
		max-width: 97% !important;
	}
}

.product_card-container{
	position: relative;
}

	.product_card-container-edit_btn{
		margin-bottom: -44px;
		position: relative;
		z-index: 9;
	}
		.product_card-container-edit_btn:hover, .product_card-container-edit_btn:active{
			background-color: rgba(0, 0, 0, 0.1);
		}

.product_card{
	width: 100%;
	padding: 0;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #e5e5e5;
	vertical-align: baseline;
	display: inline-block;
	position: relative;
}

		.product_card:hover .product_card-info a{
			color: #004670;
		}

	/* відображення карток в залежності від кількості в ряду */
	.product_cards-container .product_card-container:first-child .product_card{
		border-left: 1px solid #fff;
	}

	@media only screen and (max-width:600px){
		.product_card{
			border-left: 1px solid #fff;
		}

		.product_cards-container .product_card-container:nth-child(2n+1) .product_card{
			border-right: 1px solid #e5e5e5;
		}
	}

	@media only screen and (min-width: 601px) and (max-width: 992px){
		.product_cards-container .product_card-container:nth-child(3n+4) .product_card{
			border-left: 1px solid #fff;
		}
	}
	@media only screen and (min-width: 993px) and (max-width: 1200px){
		.product_cards-container .product_card-container:nth-child(4n+5) .product_card{
			border-left: 1px solid #fff;
		}
	}
	@media only screen and (min-width:1201px){
		.product_cards-container .product_card-container:nth-child(6n+7) .product_card{
			border-left: 1px solid #fff;
		}
	}	

	/* img */
	.product_card-img{
		padding:10px;
		position:relative;
	}

		.product_card-img a{
			width:100%;
			padding:10px;
			text-align:center;
			display:block;
			position:absolute;
			left:0; top:0;
			overflow:hidden;
		}

			.product_card-img a img{
				width:80%;
				border:0;
			}

			.product_card-img-with_images{
				margin-left:-20%;
			}

		.product_card-img-images{
			width:20%;
			top:10px; right:5px; bottom:0;
			margin:0 !important;
			background:#fff;
			overflow:hidden;
			position:absolute;
		}
		
			.product_card-img-images span{
				width:100%;
				font-size:1px !important;
				line-height:1 !important;
				display:block;
				float:left;
			}

			.product_card-img-images img{
				width:100%; height:auto;
				border:1px solid #fff !important;
				border-top:0 !important;
			}

				.product_card-img-images span b{
					font-size:16px !important;
					line-height:2 !important;
					color:#999 !important;
				}

		.card-blank_img{
			width:80%;
		}

		.product_card-img-loading{
			margin-top:50%;
			font-size:32px !important;
			line-height:36px;
			display:inline-block;
			animation:cssload-spin 600ms infinite linear;
			-o-animation:cssload-spin 600ms infinite linear;
			-ms-animation:cssload-spin 600ms infinite linear;
			-webkit-animation:cssload-spin 600ms infinite linear;
			-moz-animation:cssload-spin 600ms infinite linear;
		}

	/* info */
	.product_card-info {
		height: 96px;
		padding: 0 15px;
	}

	.product_card-info-mobile {
		height: 96px;
		padding: 0 10px;
	}

		.product_card-info-title {
			max-height: 80px;
			overflow: hidden;
			position: relative;
		}

			.product_card-info-title a {
				color: #333;
				text-decoration: none;
				cursor: pointer;
			}

		.product_card-info-sku {
			margin-top: 6px;
			color: #999;
			font-size: 100%;
		}

		.product_card-info span {
			font-size: 65%;
		}

	/* price */
	.product_card-price {
		margin-top: 16px;
		padding-left: 15px;
		float: left;
	}

		.product_card-price-current {
			margin: 0; padding: 0;
			font-size: 120%;
			font-weight: bold;
			color: #333;
		}

			.product_card-price-current small {
				color: #999;
				font-size: 65%;
			}

		.product_card-price-old {
			margin: -5px 0 5px 0; padding: 0;
			font-size: 80%;
			color: #999;
			float: left;
		}
			.product_card-price-old:after {
				width: 100%;
				margin-top: -10px;
				border-bottom: 1px solid #c00;
				content: ' ';
				display: block;
				position: relative;
			}

	/* btns */
	.product_card-btns{
		min-height: 44px;
		float: right;
	}

		.product_card-btns a{
			max-width:56px; max-height:56px;
			padding:10px;
			cursor:pointer;
			float:right;
		}
			.product_card-btns a:hover, .product_card-btns a:active{
				background-color:rgba(100, 100, 100, 0.1);
			}

			.product_card-btns a i{
				width:36px; height:36px;
				color:#004670;
				font-size:36px;
			}

			.pc-loader {
				display: none !important;
			}

				.pc-loader i{
					animation:cssload-spin 600ms infinite linear;
					-o-animation:cssload-spin 600ms infinite linear;
					-ms-animation:cssload-spin 600ms infinite linear;
					-webkit-animation:cssload-spin 600ms infinite linear;
					-moz-animation:cssload-spin 600ms infinite linear;
				}

				@keyframes cssload-spin{
					100%{ transform:rotate(360deg); transform:rotate(360deg); }
				}

				@-o-keyframes cssload-spin{
					100%{ -o-transform:rotate(360deg); transform:rotate(360deg); }
				}

				@-ms-keyframes cssload-spin{
					100%{ -ms-transform:rotate(360deg); transform:rotate(360deg); }
				}

				@-webkit-keyframes cssload-spin{
					100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
				}

				@-moz-keyframes cssload-spin{
					100%{ -moz-transform:rotate(360deg); transform:rotate(360deg); }
				}

	.product_card-no_price{
		min-height: 56px;
		padding-right: 10px;		
		line-height: 56px;
		font-size: 120%;
		font-weight: normal;
		color: #999;
		text-align: right;
		float: right;
	}

	.product_card-wait {
		width: 100%;
		min-height: 56px;
		padding-right: 10px;		
		line-height: 56px;
		font-size: 120%;
		font-weight: normal;
		color: #999;
		text-align: right;
		float: left;
	}

	/* стислий опис */
	.owl-item .product_card-descr{
		display:none !important;
	}

	.product_card-descr{
		left:15px; right:15px;
		margin-top:56px; padding:0 0 10px 0;
		font-size:80%;
		background:#fff;
		border:1px solid #6cc;
		border-top:none;
		position:absolute;
		z-index:1;
		display:none;
	}

	.product_card:hover .product_card-descr {
	  transition: box-shadow .25s;
	  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  display: block;
	}

		.product_card-descr table{
			margin:0; padding:0;
		}

			.product_card-descr table td{
				margin:0; padding:2px 15px 3px 0;
			}

			.product_card-descr table td:first-child{
				padding:2px 10px 3px 15px;
			}

.product_card-more-container{
	/*background-color:#edf;*/
	margin-bottom:0;
	position:relative;
}

	.product_card-more{
		padding-bottom:148px !important;
		text-align:center;
		cursor:pointer;
	}

		.product_card-more .pc_more-title{
			width:100%;
			position:absolute;
			top:70%; left:0;
			font-size:120%;
			text-align:center;
			display:block;
		}

		.product_card-more  .pc_more-preloader{
			position:absolute;
			top:50%; left:50%;
			margin-left:-32px;
			display:none;
		}

	.product_card-more-mobile{
		padding-bottom: 150% !important;
		text-align: center;
		cursor: pointer;
	}

		.product_card-more-mobile .pc_more-title{
			width: 100%;
			position: absolute;
			top: 30%; left: 0;
			font-size: 120%;
			text-align: center;
			display: block;
		}

		.product_card-more-mobile  .pc_more-preloader{
			position: absolute;
			top: 50%; left: 50%;
			margin-left: -32px;
			display: none;
		}

			.product_card-more-spinner{
				border-color:#63c;
			}


/* ----------------------------------------------------------------------------
	PRODUCT
---------------------------------------------------------------------------- */
.p_pg-title {
	font-size: 120%;
	font-weight: bold;
}

.product-title-mob {
	font-size: 1.3rem;
	line-height: 110%;
	margin: 1rem 0 0 0;
}

.product-title {
	margin: 0 0 1rem 0 !important;
	padding: 0 !important;
}

.product-img-container{
	margin: 1rem 0 1.5rem 0;
	padding: 0 !important;
	max-width: 500px;
}

	.product-img-main{
		max-width:500px; max-height:500px;
		float:left;
	}

		.product-img-main img{
			width:100%; height:auto;
		}

	.product-img-thumbs{
		max-width:500px;
	}

		.product-img-thumb{
			max-width:100px; max-height:100px;
			padding:2px;
			background:#fff;
			border:2px solid #fff;
			cursor:pointer;
			display:block;
			float:left;
		}
			.product-img-thumb:hover, .product-img-thumb:active{
				border:2px solid #b0d7ef;
			}

			.product-img-thumb-active{
				border-color:#b0d7ef;
			}

			.product-img-thumb img{
				width:100%; height:auto;
			}

.product-main-info{
	margin-top: 15px;
}

	.product-main-info table{
		line-height: 1.5;
	}

		.product-main-info-title {
			width: 1%;
			margin: 0; padding: 0 ;
			color: #999;
		}

		.product-main-info-content {
			margin: 0; padding: 0;
			font-size: 120%;
		}

			.pmic-color {
				font-weight: bold;
			}

			.pmic-size{
				font-weight: bold;
			}

			.pmic-sizes{
				padding-bottom: 20px;
				font-weight: bold;
			}

			.pmic-sku{
				letter-spacing: 1px;
			}

	/* product params */
	.product-params {
		
	}

		.product-params li {
			width: 100%;
			margin: 0 !important;
			list-style: none !important;
			float: left;
		}

		.product-params li:nth-of-type(odd) {
			background-color: #f5f5f5 ;
		}

			.product-params li p {
				width: 50% !important;
				margin: 0 !important; padding:10px 5px !important;
				float: left;
			}

	.product-main-info-counttype {
		margin: -20px 0 0 0; padding: 0;
	}

	.product-main-info-in_stock {
		margin: 0; padding: 0;
		color: #27ae60;
	}

	.product-main-info-wait {
		margin: 0; padding: 0;
		color: #999;
	}

	.product-main-info-price_cont {
		margin-bottom: 10px;
	}

		.product-main-info-price-current {
			margin: 0; padding: 0;
			font-size: 200%;
			font-weight: bold;
		}

		.product-main-info-price-old {
			margin: 5px 0 0 0; padding: 0;
			font-size: 200%;
			font-weight: bold;
			color: #b0d7ef;
			float: left;
		}
			.product-main-info-price-old:after {
				width: 100%;
				margin-top: -24px;
				border-bottom: 2px solid #999;
				content: ' ';
				display: block;
				position: relative;
			}

		.product-main-info-price-old-text {
			width: 100%;
			margin-bottom: 0;
			color: #999;
			float: left;
		}

		.product-main-info-partner_price {
			margin: 0; padding: 0;
			text-transform: uppercase;
			font-weight: bold;
		}

			.product-main-info-partner_price a {
				color: #f55555;
			}
				.product-main-info-partner_price a:hover,
				.product-main-info-partner_price a:active {
					color: #f50000;
				}

	.product-main-info-quantity {
		width: 100%;
		margin-top: -6px; padding: 0 44px;
		display: inline-block;
	}

		.product-main-info-quantity-btn-minus {
			margin-left: -44px;
			float: left;
		}

		.product-main-info-quantity-btn-plus {
			margin-right: -44px;
			float: right;
		}

		.product-main-info-quantity a {
			border: 1px solid #ccc;
			cursor: pointer;
		}
			.product-main-info-quantity a:hover,
			.product-main-info-quantity a:active {
				background-color: rgba(100, 100, 100, 0.1);
			}

		.product-main-info-quantity a.disabled {
			cursor: default;
		}
			.product-main-info-quantity a.disabled:hover,
			.product-main-info-quantity a.disabled:active {
				background: none !important;
			}

			.product-main-info-quantity a.disabled i {
				color: #999;
			}

		.product-main-info-quantity input {
			width: 100%; height: 42px;
			margin: 0;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			font-size: 150%;
			text-align: center;
			color: #333;
		}

	.product-main-info-total {
		margin: 8px 0 10px 0; padding: 0;
		font-size: 200%;
		font-weight: bold;
	}

	.product-info-quantity_tocart-container {
		margin-top: 1.5em;
	}

	.product-info-add_btn {
		min-width: 60%; max-width: 100%;
		min-height: 44px; max-height: 100%;
		margin-top: -6px;
		background: #004670;
		color: #fff !important;
		transition: background-color .3s;
	}
		.product-info-add_btn:hover, .product-info-add_btn:active {
			background: #336b8c;
		}

		.product-info-add_btn i {
			color: #fff;
		}

		.product-info-add_btn p {
			margin: -28px 0 0 0;
			padding: 0 0 0 30px;
		}

	.product-info-fastbuy {
		min-width: 60%; max-width: 100%;
		min-height: 44px; max-height: 100%;
		margin-top: 15px;
		background: #b0d7ef;
		color: #222 !important;
		transition: background-color .3s;
	}
		.product-info-fastbuy:hover, .product-info-add_btn:active {
			background: #d7ebf7;
		}

		.product-info-fastbuy i {
			color: #222;
		}

		.product-info-fastbuy p {
			margin: -28px 0 0 0;
			padding: 0 0 0 30px;
		}
		
		.product-fastbuy-icn {
			display: block;
		}

		.product-fastbuy-loader {
			display: none;
			animation: cssload-spin 600ms infinite linear;
			-o-animation: cssload-spin 600ms infinite linear;
			-ms-animation: cssload-spin 600ms infinite linear;
			-webkit-animation: cssload-spin 600ms infinite linear;
			-moz-animation: cssload-spin 600ms infinite linear;
		}

	/* S */
	@media only screen and (max-width: 600px){
		.product-info-add_btn { width: 100%; margin-top: 0; }
		.product-info-fastbuy { width: 100%; }
	}
	/* M */
	@media only screen and (min-width: 601px) and (max-width: 992px){
		.product-info-add_btn { width: 100%; }
		.product-info-fastbuy { width: 100%; }
	}
	/* L */
	@media only screen and (min-width: 993px){
		.product-info-add_btn { width: 100%; }
		.product-info-fastbuy { width: 100%; }
	}
	/* XL */
	@media only screen and (min-width: 1201px){
		.product-info-add_btn { width: 100%; }
		.product-info-fastbuy { width: 100%; }
	}

	.product-info-social {
		margin: -10px 0 10px 0;
		background-color: rgba(150, 150, 150, 0.1)
	}

		.product-info-social-title {
			margin: 0; padding: 5px 0;
			font-size: 80%;
			color: #333;
		}

	.product-info-tabs {
		background: rgba(0,153,153,0.07);
	}

	/* product infoblocks */
	.product-main-info-infoblocks {
		background: #f2f2f2;
		overflow: hidden;
	}

		.pmii-block {
			
		}

			.pmii-block-icn {
				padding-top: 5px !important;
				color: #999;
				text-align: left;
			}

				.pmii-block-icn i {
					font-size: 36px;
				}

			.pmii-block-text {
				font-size: 90%;
			}
			
				.pmii-block-text p {
					margin: 0; padding: 0 0 5px 0;
				}

	/* product tabs */
	.product-tabs {
		height: auto !important;
		margin-bottom: 10px; padding-bottom: 0 !important;
		border-bottom: 2px solid #dce3e7;
	}

		.product-tabs li {
			background-color: #f5f5f5;
			border-right: 1px solid #dce3e7;
		}
			.product-tabs li:hover, .product-tabs li:active {
				background: #eee;
			}

		.product-tabs a {
			color: #333;
			font-weight: bold;
			letter-spacing: 1px;
		}

		.product-tabs li a.active {
			background-color: #dce3e7;
		}

		.product-tabs .indicator {
			display: none;
		}

	@media only screen and (max-width:600px) {
		.product-tabs li {
			border-bottom: 2px solid #dce3e7;
			border-right: none;
		}
	}

	/* product review */
	.product-review-container{
		margin:10px 0 0 0; padding:10px 0 !important;
		border-bottom:1px solid #eee;
		position:relative;
	}

	.product-review_unchecked-container{
		padding:0 0 10px 0 !important;
		background-color:rgba(255,204,0,0.1);
	}

		.product-review-title{
			
		}

			.product-review-date{
				padding-right:10px;
				font-size:80%;
				color:#777;
			}

			.product-review-author{
				margin:0; padding:0;
				font-size:90%;
				font-weight:bold;
			}

			.product-review-stars{
				
			}

			.product-review-text{
				margin-top:5px;
			}

	.icn_review i{
		width:16px; height:16px;
		font-size:16px;
		color:#fb0;
	}

	.btn_review-delete{
		cursor:pointer;
		top:0; right:0;
		position:absolute;
		z-index:1;
	}

		.btn_review-delete i{
			color:#f77 !important;
		}

	.review-btn_loader{
		padding:10px;
		cursor:default;
		top:0; right:0;
		position:absolute;
		z-index:1;
		display:none;
	}

		.review-btn_loader i{
			color:#f77 !important;
		}

	.review_moderate-title{
		font-size:80%;
		line-height:1.5;
		color:#777;
	}

	/* review form */
	.review-form_block{
		min-height: 0 !important;
		margin-top: -34px; padding:0 10px !important;
		background-color: rgba(150, 150, 150, 0.1);
		position: relative;
	}

		#form-review{
			display: none;
		}

		.review-btn-form_show{
			margin-top: 10px; padding: 5px 0 0 0;
			border-bottom: 1px dashed #004670;
			cursor: pointer;
			float: left;
		}

		.review-btn-form_hide{
			cursor:pointer;
			top:0; right:0;
			position:absolute;
			z-index:1;
		}

			.review-btn-form_hide i{
				color:#999;
			}

		.review-textarea-container{
			
		}
	
			.review-textarea-container label{
				left:0 !important;
			}

				.review-textarea-container label:after{
					background-color:#f0f0f0;
				}

			.review-textarea-container .character-counter{
				margin-top:-20px;
			}
	
			.review-textarea{
				padding:.8rem 0 1.4rem 0 !important;
			}

			.review-rating_block-container{
				margin:0 0 10px -5px;
			}

			.review-btn-container{
				margin:0 0 10px 0;
			}

/* ----------------------------------------------------------------------------
	MANUFACTURER
---------------------------------------------------------------------------- */
.manufacturer-list-link {
	margin: 0 0 15px 0; padding: 10px 0;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
	text-align: center;
	display: block;
}

	.manufacturer-list-link img {
		width: 90%; height: auto;
		display: inline-block;
	}

	.manufacturer-list-link span {
		min-height: 48px;
		display: inline-block;
	}

	@media only screen and (max-width:600px){
		.manufacturer-list-link span {
			min-height: 24px;
			font-size: 60%;
		}
	}

/* ----------------------------------------------------------------------------
	PROMO CATEGORY PAGE
---------------------------------------------------------------------------- */
.promo_cat_product_cont{
	padding:15px 0 0 0 !important;
	position:relative;
	overflow:hidden;
}

	.promo_cat_product_cont_1{ }

		.promo_cat_product_cont_1 .promo_cat_product_cont-img{
			right:50%;
		}

	.promo_cat_product_cont_2{ }

		.promo_cat_product_cont_2 .promo_cat_product_cont-img{
			left:50%;
		}

	.promo_cat_product_cont_3{ }

		.promo_cat_product_cont_3 .promo_cat_product_cont-img{
			right:50%;
		}

	.promo_cat_product_cont-img{
		width:auto; height:100%; 
		position:absolute;
		bottom:0;
	}

	.promo_cat_container{
		padding-bottom:30% !important;
		position:relative;
		overflow:hidden;
	}

		.promo_cat_container img{
			width:100%; height:auto;
			position:absolute;
			left:0; bottom:0;
		}

	.promo_cat-carousel{
		padding-top:10px !important;
		padding-bottom:10px !important;
	}


/* ----------------------------------------------------------------------------
	FOOTER
---------------------------------------------------------------------------- */
footer {
	background-color: #e9ecee;
	color: #222;
	border-top: 4px solid #004670;
}

footer .col {
	margin-top: 20px;
}

footer ul {
	margin: 0 !important; padding: 0 !important;
}

	footer ul li {
		margin-left: 0 !important; margin-bottom: 10px;
		list-style: none !important;
	}

footer a {
	color: #222;
}

	footer a:hover, footer a:active {
		color: #004670;
	}


.footer-logo {
	width: 100%;
	margin: 0 !important; padding-top: 50%;
	background-image: url('../image/logo.png');
	background-image: url('../image/logo.svg'), none;
	line-height: 16px;
	display: inline-block;
	background-size: auto 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.footer-address {
	font-size: 1.25rem;
	line-height: 1.5;
}

.footer-phone {
	
}

	.footer-phone a {
		margin-bottom: 0.75rem;
		font-size: 1.25rem;
		font-weight: bold;
		display: inline-block;
	}

.footer-copy {
	
}


/* ----------------------------------------------------------------------------
	MODAL
---------------------------------------------------------------------------- */
.form-block{
	overflow:hidden;
}

.form-block-result{
	padding:15px;
	background:#fff;
	position:absolute;
	z-index:1005;
	display:none;
}

	.form-block-result-info{
		margin-top:30px;
	}

		.form-block-result-info p{
			width:100%;
		}

.form-row{
	margin:0 auto !important;
}

.modal-info{
	font-size:90%;
	color:#555;
}

.modal-close-btn{
	max-width:44px; max-height:44px;
	margin:-15px -15px 0 0; padding:10px;
	color:#999;
	float:right;
}
	.modal-close-btn:hover, .modal-close-btn:active{
		background-color:rgba(100, 100, 100, 0.1);
		color:#333;
	}

/* CALLBACK */
#callback_form{
	display:none;
}


/* ----------------------------------------------------------------------------
	CART
---------------------------------------------------------------------------- */
#cart-popup{
	height: 100%;
	top: 5% !important;
}

	#cart-popup .modal-header{
		border-bottom: 1px solid #ccc;
		background: #edf0f3;
	}

	#cart-popup-header{
		margin:0; padding:0 0 5px 15px;
		font-size:150%;
	}
		#cart-popup-header span{
			font-weight:bold;
		}

		.cart-popup-checkout_btn{
			max-width:100%; max-height:100%;
		}

	#cart-popup .modal-content-container{
		top:104px;
		padding:0 15px 15px 15px;
	}
	
	#cart-popup .modal-content{
		padding:0;
	}

	#cart-popup-loader{
		margin:30px 0 0 -15px;
		display:none;
		position:absolute;
		z-index:1005;
	}

	#cart-popup-total{
		display:none;
	}

	#cart-popup-content{
		
	}

	.cart-popup-product{
		padding:10px 0 !important;
	}

	.cart-popup-delete{
		cursor:pointer;
	}
		.cart-popup-delete:hover, .cart-popup-delete:active{
			background-color:rgba(255, 153, 153, 0.1);
		}
		
		.cart-popup-delete i{
			color:#f99;
		}

	.cart-popup-img{
		padding-right:10px !important;
	}

		.cart-popup-img img{
			width:100%; height:auto;
		}

	.cart-popup-title{
		margin-bottom:10px;
		font-size:100%;
	}
	
	.cart-popup-price{
		font-size:150%;
	}

	.cart-popup-price_c_o{
		margin-top:5px;
	}

		.cart-popup-price-old{
			margin:-5px 0 5px 0; padding:0;
			font-size:80%;
			color:#ccc;
			float:left;
		}
			.cart-popup-price-old:after{
				width:100%;
				margin-top:-16px;
				border-bottom:2px solid #c00;
				content:' ';
				display:block;
				position:relative;
			}

		.cart-popup-price-current{
			margin:0; padding:0;
			clear:both;
		}

	.cart-popup-price-total{
		font-size:150%;
		font-weight:bold;
	}

	.cart-popup-quantity{
		margin-top:-5px;
	}

		.cart-popup-quantity a{
			float:left;
			cursor:pointer;
		}
			.cart-popup-quantity a:hover, .cart-popup-quantity a:active{
				background-color:rgba(100, 100, 100, 0.1);
			}

		.cart-popup-quantity a.disabled{
			cursor:default;
		}
			.cart-popup-quantity a.disabled:hover, .cart-popup-quantity a.disabled:active{
				background:none !important;
			}

			.cart-popup-quantity a.disabled i{
				color:#999;
			}

		.cart-popup-quantity input{
			height: 30px;
			margin: 8px 0 0 0; padding: 0 !important;
    		font-size: 120%;
    		text-align: center;
    		float: left;
		}

.cart-popup-product_border{
	border-bottom:1px solid #ccc;
}

@media only screen and (max-width: 600px) {
	#cart-popup{
		width:90%;
	}
}
@media only screen and (min-width: 601px) {
	#cart-popup{
		width:80%;
	}
}
@media only screen and (min-width: 993px) {
	#cart-popup{
		width:70%;
	}
}
@media only screen and (min-width: 1201px) {
	#cart-popup{
		width:60%;
	}
}


/* ----------------------------------------------------------------------------
	CHECKOUT
---------------------------------------------------------------------------- */
.checkout-tabs {
	background: rgba(0, 70, 112, 0.05);
}

	.checkout-tabs li:hover {
		background: rgba(0, 70, 112, 0.05) !important;
	}

	.checkout-tabs a b {
		padding: 0 5px 0 0;
		font-size: 150%;
		font-weight: bold;
		display: none;
	}

.checkout-tab-content .tab-pane {
	margin-top: 10px;
}

	/* cart */
	.cart-checkout-title{
		margin: 0 !important; padding: 5px 0 10px 0 !important;
		border-bottom: 2px solid #ccc;
		text-align: center;
	}

	/* shipping/payment */
	.checkout-shipping, .checkout-payment{
		
	}

		.checkout-shipping label, .checkout-payment label{
			margin-bottom:10px;
			font-size:100%;
			color:#333;
		}
		
		.checkout-shipping [type="radio"]:checked + label,
		.checkout-payment [type="radio"]:checked + label{
			font-weight:bold;
		}

		.checkout-shipping-description-container,
		.checkout-payment-description-container{
			margin-top: -8px;
			padding-top: 10px !important;
		}
			@media only screen and (max-width: 600px){
				.checkout-shipping-description-container,
				.checkout-payment-description-container{
					margin-top: 0;
					border-top: 1px solid #ccc;
				}
			}

			.checkout-shipping-description,
			.checkout-payment-description{
				display: none;
			}

				.checkout-shipping-description label,
				.checkout-payment-description label{
					left:0 !important;
				}

			.checkout-shipping-description-active,
			.checkout-payment-description-active{
				display:block !important;
			}

			.checkout-shipping-description-content{
				padding: 0 0 15px 0 !important;
				font-size: 100%;
				color: #333;
			}

			.checkout-shipping-description-bottom{
				margin-top: -15px; padding: 0 0 15px 0 !important;
				font-size: 90%;
				color: #333;
			}

			.checkout-payment-description .payment_logo-liqpay{
				width:107px; height:22px;
				display:inline-block;
			}

			.checkout-information-alert {
				margin: 0 !important; padding: 0 !important;
				font-size: 90%;
				color: var(--color-main);
			}

.checkout-bordered{
	margin-bottom: 10px; padding-bottom: 10px !important;
	border-bottom: 2px solid #ccc;
}

#checkout-confirm-btn{
	display:inline-block;
}

#checkout-confirm-btn-loader{
	display:none;
}


.payment_logo-liqpay{
	background-image:url('../image/payment/liqpay.png');
	background-image:url('../image/payment/liqpay.svg'), none;
	background-size:100% 100%;
}

.liqpay_btn{
	margin-top:10px; padding:7px 20px !important;
	border:none !important;
	display:inline-block !important;
	text-align:center !important;
	color:#fff !important;
	font-size:16px !important;
	font-weight:600 !important;
	cursor:pointer !important;
	border-radius:2px !important;
	background:rgba(122,183,43, 1) !important;
	letter-spacing:1px;
}
	.liqpay_btn:hover, .liqpay_btn:active{
		background:rgba(122,183,43, 0.8) !important;
	}

.liqpay_btn-description{
	padding:5px 0 10px 15px !important;
	font-size:90%;
	color:#648c30;
}


/* ----------------------------------------------------------------------------
	ORDER LIST | ORDER INFO
---------------------------------------------------------------------------- */
.order_list-order{
	padding:15px 0 15px 10px !important;
	border-top:1px solid #ccc;
	color:#333;
	text-decoration:none !important;
}
	.order_list-order:hover{
		background-color:rgba(100,100,100,0.1);
		color:#333 !important;
	}

	.order_list-order-status-waiting{
		background-color:rgba(255,255,100,0.2) !important;
	}
		.order_list-order-status-waiting:hover{
			background-color:rgba(255,255,100,0.4) !important;
		}

	.order_list-order-number{
		margin:0 10px 0 0; padding:0 10px 0 0;
		border-right:1px solid #ccc;
		font-weight:bold;
		float:left;
	}

	.order_list-order-date{
		margin:0 10px 0 0; padding:0 10px 0 0;
		border-right:1px solid #ccc;
		float:left;
	}

	.order_list-order-status{
		margin:0;
		font-weight:bold;
		float:left;
	}

		.order_list-order-status-1{
			
		}

	.order_list-order-description{
		margin-top:10px;
	}

	.order_list-order-images{
		margin-top:10px;	
	}
	
		.order_list-order-images p{
			margin:0 5% 5% 0 !important; padding:0 !important;
			background:#fff;
			line-height:1 !important;
		}

			.order_list-order-images img{
				width:100%; height:auto;
			}

.order_info-header {
	margin: 20px 0 0 0; padding: 0 !important;
}

	.order_info-header-number{
		margin:0 10px 0 0; padding:0 10px 0 0;
		border-right:1px solid #ccc;
		font-weight:bold;
		float:left;
	}

	.order_info-header-date{
		margin:0 10px 0 0; padding:0 10px 0 0;
		border-right:1px solid #ccc;
		float:left;
	}

	.order_info-header-status{
		margin:0;
		font-weight:bold;
		float:left;
	}

		.order_info-header-status-1{
			
		}

.order_info-tabs{
	margin-top:10px;
	background:rgba(0, 153, 153, 0.07);
	float:left;
}

.order_info-tab-content .tab-pane{
	
}

.order_info-product{
	padding:10px 0 10px 0 !important;
	border-top:1px solid #ccc;
}

	.order_info-product-img{
		padding-right:10px !important;
	}

		.order_info-product-img img{
			width:100%; height:auto;
		}

	.order_info-product-title{
		font-size:100%;
	}

	.order_info-product-color{
		font-size:100%;
		font-weight:bold;
	}

	.order_info-product-size{
		font-size:100%;
		font-weight:bold;
	}

	.order_info-product-description{
		margin-top:10px;
		font-size:100%;
	}

		.order_info-product-price{
			font-size:120%;
		}

		.order_info-product-quantity{
			font-size:120%;
		}

		.order_info-product-total{
			font-size:120%;
			font-weight:bold;
		}

.order_info-comment{
	border-top:1px solid #ccc;
}

	.order_info-comment h3, .order_info-comment h4{
		margin-bottom:5px;
	}

.order_info-info{
	
}

	.order_info-info-block{
		padding-bottom:10px !important;
		border-bottom:1px solid #ccc;
	}
		.order_info-info-block:last-child{
			border-bottom:none;
		}

		.order_info-info-block h3, .order_info-info-block h4{
			margin-bottom:5px;
		}

		.order_info-info-block .payment_logo-liqpay{
			width:107px; height:22px;
			display:inline-block;
		}

.order_info-history{
	
}

	.order_info-history-row{
		padding:10px 0 10px 0 !important;
    	border-bottom:1px solid #ccc;
	}

	.order_info-history-row:last-child{
		border-bottom:none;
	}


/* ----------------------------------------------------------------------------
	ARTICLES
---------------------------------------------------------------------------- */
.articles_cat-prev{
	padding-top:5px;
	overflow:hidden;
}

	.articles_cat-prev li{
		margin-bottom:20px;
		list-style:none !important;
	}

		.articles_cat-prev a.articles_cat-prev-link{
			padding-bottom:56% !important;
			border:1px solid #e5e5e5;
			text-decoration:none;
			text-align:center;
			cursor:pointer;
			display:block;
			position:relative;
			overflow:hidden;
		}
			.articles_cat-prev a.articles_cat-prev-link:hover, .articles_cat-prev a.articles_cat-prev-link:active{
				border:1px solid #0099af;
				box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
			}

			.articles_cat-prev a.articles_cat-prev-link img{
				width:100%; height:auto;
				position:absolute;
				left:0; top:0;
			}

			.articles_cat-prev a.articles_cat-prev-link span{
				padding:5px 5px 0 5px;
			}

			.articles_cat-prev a.articles_cat-prev-link p{
				width:100%; min-height:31%;
				position:absolute;
				left:0; bottom:0;
				margin:0; padding:10px;
				background-color:#fff;
				font-size:100%;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
			}
				.articles_cat-prev a:hover p{
					
				}

.article_card-container{
	margin-bottom:10px; padding-top:5px;
	overflow:hidden;
}

	.article_card{
		list-style:none !important;
	}

		.article_card a.article_card-link{
			border:1px solid #e5e5e5;
			text-decoration:none;
			text-align:center;
			cursor:pointer;
			display:block;
			position:relative;
			overflow:hidden;
		}
			.article_card a.article_card-link:hover, .article_card a.article_card-link:active{
				border:1px solid #0099af;
				box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
			}
		
		.article_card a.article_card-link_full{
			padding-bottom:100% !important;
		}

		.article_card a.article_card-link_mobile{
			padding-bottom:56% !important;
		}

			.article_card a.article_card-link img{
				width:100%; height:auto;
				position:absolute;
				left:0; top:0;
			}

			.article_card a.article_card-link span{
				color:#333;
				line-height:1.4;
				font-weight:normal;
			}

			.article_card a.article_card-link h2{
				width:100%; min-height:24%;
				position:absolute;
				left:0; bottom:0;
				margin:0; padding:10px;
				background-color:#e6f5f5;
				font-size:100%;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
			}
				.article_card a:hover h2{
					
				}

				.article_card a.article_card-link:hover span, .article_card a.article_card-link:active span{
					color:#0099af;
				}

			.article_card a.article_card-link h3{
				width:100%; min-height:24%;
				position:absolute;
				left:0; bottom:0;
				margin:0; padding:10px;
				background-color:#e6f5f5;
				font-size:100%;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
			}
				.article_card a:hover h3{
					
				}

.articles_last-container{
	padding:10px 0;
}

	.articles_last-container h1 {
		text-transform: uppercase;
	}

.main_articles-more-link{
	font-size:100%;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
	.main_articles-more-link:hover, .main_articles-more-link:active{
		
	}


/* ----------------------------------------------------------------------------
	DOCS
---------------------------------------------------------------------------- */
.docs-list {
	border: 0;
}

	.docs-list li {
		list-style: none !important;
	}

	.docs-list-category {
		
	}

		.docs-list-category-folder {
			min-height: 60px;
			padding: 5px 5px 5px 50px;
			display: inline-block;
		}

			.docs-list-category-folder img {
				margin: 0 0 -20px -45px;
			}

	.docs-list-docs {
		
	}

		.docs-list-doc {
			margin-left: 44px !important;
			margin-bottom: 10px;
		}

			.docs-list-doc-file {
				min-height: 60px;
				padding: 5px 5px 5px 50px;
				display: inline-block;
			}

				.docs-list-doc-file img {
					margin: 0 0 -20px -45px;
				}


/* ----------------------------------------------------------------------------
	TRANSPORT
---------------------------------------------------------------------------- */
#transport-to_cart, .transport-to_cart {
	background: #fff;
	border: 1px solid #004670;
	opacity: 0.8;
	position: fixed;
	z-index: 999;
	display: none;
}

	#transport-to_cart img, .transport-to_cart img {
		width: 100%; height: auto;
	}


/* ----------------------------------------------------------------------------
	ACCOUNT
---------------------------------------------------------------------------- */
#login-btn,
#register-btn,
#edit-btn,
#newsletter-btn,
#pass-btn,
#pass_forgot-btn,
#pass_reset-btn,
#review-btn{
	display:inline-block;
}

#login-btn-loader,
#register-btn-loader,
#edit-btn-loader,
#newsletter-btn-loader,
#pass-btn-loader,
#pass_forgot-btn-loader,
#pass_reset-btn-loader,
#review-btn-loader{
	display:none;
}

label.top_30:after{
	top:30px !important;
}

label.top_60:after{
	top:60px !important;
}

.form_success{
	width:100%;
	margin:0 0 10px 0; padding:10px 5px 10px 5px;
	background-color:rgba(0,255,0,0.1);
	color:#43a436;
	display:none;
}

.form_error{
	width:100%;
	margin:0 0 10px 0; padding:10px 5px 10px 5px;
	background-color:rgba(255,0,0,0.1);
	color:#f44336;
	display:none;
}


/* ----------------------------------------------------------------------------
	FORM ELEMENTS
---------------------------------------------------------------------------- */
.form_btn{
	max-width:100%; max-height:100%;
	text-align:center;
}

	.form_btn span{
		
	}

	.form_btn b{
		font-size:1rem !important;
		font-style:normal !important;
		font-weight:normal !important;
		/*opacity:0 !important;*/
	}

	.form_btn i.form_btn_loader{
		margin-top:-36px; margin-left:-18px;
		position:absolute;
		display:inline-block;
		font-size:32px !important;
		line-height:36px;
		letter-spacing:-1px !important;
		animation:cssload-spin 600ms infinite linear;
		-o-animation:cssload-spin 600ms infinite linear;
		-ms-animation:cssload-spin 600ms infinite linear;
		-webkit-animation:cssload-spin 600ms infinite linear;
		-moz-animation:cssload-spin 600ms infinite linear;
	}

@keyframes cssload-spin{ 100%{ transform:rotate(360deg); transform:rotate(360deg); } }
@-o-keyframes cssload-spin{ 100%{ -o-transform:rotate(360deg); transform:rotate(360deg); } }
@-ms-keyframes cssload-spin{ 100%{ -ms-transform:rotate(360deg); transform:rotate(360deg); } }
@-webkit-keyframes cssload-spin{ 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
@-moz-keyframes cssload-spin{ 100%{ -moz-transform:rotate(360deg); transform:rotate(360deg); } }

.btn_loader{
	
}

	.btn_loader i{
		animation:cssload-spin 600ms infinite linear;
		-o-animation:cssload-spin 600ms infinite linear;
		-ms-animation:cssload-spin 600ms infinite linear;
		-webkit-animation:cssload-spin 600ms infinite linear;
		-moz-animation:cssload-spin 600ms infinite linear;
	}

/* ----------------------------------------------------------------------------
	RATING
---------------------------------------------------------------------------- */
fieldset.rating_block{
	margin:0 !important; padding:0 !important;
	border:none;
	float:left;
}

	.rating_block label{
		margin:0 !important; padding:0 5px !important;
		float:right;
	}
		.rating_block label:before, .rating_block label:after{ display:none !important; }

		.rating_block label i.rev-icn-star{ color:#fb0; }
		.rating_block label i.rev-icn-star_border{ color:#777; }

			.rating_block label i.rev-icn-star{ display:none; }
			.rating_block label i.rev-icn-star_border{ display:inline-block; }

	.rating_block input{ display:none !important; }


	/* show gold star when clicked */
	.rating_block > input:checked ~ label i.rev-icn-star{ display:inline-block; }
	.rating_block > input:checked ~ label i.rev-icn-star_border{ display:none; }

	/* hover current star */
	.rating_block:not(:checked) > label:hover i.rev-icn-star{ display:inline-block; }
	.rating_block:not(:checked) > label:hover i.rev-icn-star_border{ display:none; }

	/* hover previous stars in list */
	.rating_block:not(:checked) > label:hover ~ label i.rev-icn-star{ display:inline-block; }
	.rating_block:not(:checked) > label:hover ~ label i.rev-icn-star_border{ display:none; }


	/* hover current star when changing rating */
	.rating_block > input:checked + label:hover i.rev-icn-star{ display:inline-block; }
	.rating_block > input:checked + label:hover i.rev-icn-star_border{ display:none; }

	/* lighten current selection */
	.rating_block > input:checked ~ label:hover i.rev-icn-star{ display:inline-block; }
	.rating_block > input:checked ~ label:hover i.rev-icn-star_border{ display:none; }

	.rating_block > label:hover ~ input:checked ~ label i.rev-icn-star{ display:inline-block; }
	.rating_block > label:hover ~ input:checked ~ label i.rev-icn-star_border{ display:none; }

	.rating_block > input:checked ~ label:hover ~ label i.rev-icn-star{ display:inline-block; }
	.rating_block > input:checked ~ label:hover ~ label i.rev-icn-star_border{ display:none; }


/* ----------------------------------------------------------------------------
	VIDEO
---------------------------------------------------------------------------- */
.video_block{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:1px solid #ccc;
}

.video_block iframe, .video_block object, .video_block embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* ----------------------------------------------------------------------------
	mini_mbox
---------------------------------------------------------------------------- */
.mini_mbox-delete{
	width:160px; height:44px;
	position:absolute;
	top:0; right:0;
	z-index:2;
	display:none;
}

	.mini_mbox-delete a{
		width:80px; height:44px;
		background:#eee;
		font-size:100%;
		color:#333;
		text-align:center;
		line-height:44px;
		text-decoration:none !important;
		cursor:pointer;
		display:block;
		float:left;
	}
		.mini_mbox-delete a:hover, .mini_mbox-delete a:active{
			background:#ddd;
		}


/* ----------------------------------------------------------------------------
	DOWNLOAD FILES
---------------------------------------------------------------------------- */
.download_file {
	min-height: 60px;
	padding: 5px 5px 5px 50px;
	display: inline-block;
}

	.download_file img {
		margin: 0 0 -20px -45px;
	}


/* ----------------------------------------------------------------------------
	CATALOG MENU
---------------------------------------------------------------------------- */
#catalog-menu-btn:hover .topmenu ul:first-child,
#catalog-menu-btn:active .catalog-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}

.catalog-menu li {
	list-style: none !important;
}

.catalog-menu {
	width: 90%;
	margin-top: 44px;
	position: absolute;
	text-align: left;
	z-index: 10;
}

.catalog-menu a {
	text-decoration: none;
	display: block;
	transition: .3s linear;
}

.catalog-menu ul {
	/*min-height: 0 !important;*/
	list-style: none;
	margin: 0;
	padding: 0;
}

.catalog-menu .topmenu {
	
}

.catalog-menu .topmenu > li {
	margin: 0 !important;
	display: block;
	position: relative;
}

.catalog-menu .topmenu > li > a {
	font-weight: bold;
	padding: 20px 30px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}

.catalog-menu .topmenu .active,
.catalog-menu .topmenu > li > a:hover,
.catalog-menu .submenu li a:hover {
	background: #005486;
	color: #fff;
}

.catalog-menu .submenu {
	position: absolute;
	z-index: 10;
	visibility: hidden;
	opacity: 0;  
	transform: translateY(10px);
	transition: .2s ease-in-out;
}

.catalog-menu .submenu li {
	margin: 0;
	position: relative;
}

.catalog-menu .submenu a {
	background: #004670;
	color: #fff;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 10px 20px 10px 15px;
	position: relative;
}

.catalog-menu .submenu a span {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	font-size: 130%;
	height: 100%;
	width: 15px;
	line-height: 2.2;
	/* border-left: 1px solid #1f6c9a; */
	/* background: rgb(255 255 255 / 5%); */
	color: rgba(255, 255, 255, 0.4);
	/* font-weight: bold;*/
}

.catalog-menu .submenu .submenu {
	position: absolute;
	top: 0;
	left: 100%;
	border-left: 1px solid #005486;
}

.catalog-menu li:hover > .submenu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}

.catalog-menu-btn-fixed {
	position: fixed;
	top: 64px;
	z-index: 15;
	width: 100% !important;
}

	.catalog-menu-btn-fixed .header-csc_block-catalog-btn {
		height: 64px;
		padding: 20px 0 0 15px !important;
		margin-top: -64px;
	}

	.catalog-menu-btn-fixed .catalog-menu {
		margin-top: 0;
	}

.smlvl2,
.smlvl3 {
	position: fixed !important;
	top: 0;
	background: #004670;
}


/* GRID */
.grid {
	display: grid;
}

.grid-cols-2 {
	grid-template-columns: repeat(2,minmax(0,1fr));
}

.grid-cols-3 {
	grid-template-columns: repeat(3,minmax(0,1fr));
}

.grid-cols-4 {
	grid-template-columns: repeat(4,minmax(0,1fr));
}

.gap-4 {
	gap: 1rem;
}


/* MAIN CATEGORY GRID */
.grid.cat-prev {
	grid-template-columns: repeat(1,minmax(0,1fr));
}

	@media only screen and (min-width:601px){
		.grid.cat-prev {
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}

	@media only screen and (min-width:993px){
		.grid.cat-prev {
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
	}

	@media only screen and (min-width:1201px){
		.grid.cat-prev {
			grid-template-columns: repeat(4,minmax(0,1fr));
		}
	}

.grid.cat-prev li {
	margin: 0 !important;
}

.grid.cat-prev a.category_card {
	display: flex;
	padding: .5rem 1rem;
	align-items: center;
}
