/* TECHINS - DESKTOP */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');


/*@charset "UTF-8";*/

@media only screen and (min-width:980px){

body{
	min-width: 992px;
	max-width: 100%;
	width: 100%;
	min-height: 100%;
	position: relative;
	font-size: 1em;
	padding-bottom: 200px;
	box-sizing: border-box;
}

.d-hide{ display: none !important; }
.d-show{ display: block; }
.m-show{ display: none; }
.show-desktop{ display: block; }
.no-border { border: 0 !important; }

.grid-1{ width: 12.5% !important; }
.grid-2{ width: 25% !important; }
.grid-3{ width: 37.5% !important; }
.grid-4{ width: 50% !important; }
.grid-5{ width: 62.5% !important; }
.grid-6{ width: 75% !important; }
.grid-7{ width: 87.5% !important; }
.grid-8{ width: 100% !important; }

.d-grid-2{ width: 25% !important; }
.d-grid-25{ width: 33.3% !important; }
.d-grid-3{ width: 37.5% !important; }
.d-grid-4{ width: 50% !important; }
.d-grid-5{ width: 62.5% !important; }
.d-grid-6{ width: 75% !important; }

.t-grid-6{ width: 50% !important; }

.d-grid-25.autoPadd{ padding: 0 10px; }
.d-grid-25.autoPadd:first-child{ padding: 0 10px 0 0; }
.d-grid-25.autoPadd:last-child{ padding: 0 0 0 10px; }

.f-left-desktop{ float: left; }
.d-f-left{ float: left !important; }
.d-f-right{ float: right !important; }
.d-relative{ position: relative; }

.wPadd{ padding: 10px !important; }

.d-wPadd{ padding: 20px !important; }
.d-woPadd{ padding: 0 20px !important; }
.d-woaPadd{ padding: 0 !important; }
.d-wtPadd{ padding: 20px 0 0 0 !important; }
.d-wbPadd{ padding-bottom: 20px !important; }
.d-wtbPadd{ padding-top: 20px !important; padding-bottom: 20px !important; }
.d-wotPadd{ padding-top: 0 !important; }
.d-wobPadd{ padding-bottom: 0 !important; }
.d-wrPadd{ padding-right: 20px !important; }
.d-wlPadd{ padding-left: 30px !important; }

.d-wPaddHLF{ padding: 0 10px 0 10px !important; }
.d-waPaddHLF{ padding: 10px 20px !important; }
.d-wtPaddHLF{ padding-top: 10px !important; }
.d-wbPaddHLF{ padding-bottom: 10px !important; }
.d-wtbPaddHLF{ padding-top: 10px !important; padding-bottom: 10px !important; }
.d-wrPaddHLF{ padding-right: 10px !important; }
.d-wlPaddHLF{ padding-left: 10px !important; }
.d-wrlPaddHLF{ padding-right: 10px !important; padding-left: 10px !important; }
.d-wrPaddHLF2{ padding-right: 7px !important; }
.d-wlPaddHLF2{ padding-left: 23px !important; }

.d-wPaddbl{ padding: 20px 10px 20px 0 !important; }
.d-wPaddbr{ padding: 20px 0 20px 10px !important; }

.d-wotMar{ margin-top: 0 !important; }
.d-wrMar{ margin-right: 20px !important; }

.d-woBor{ border: 0px !important; }

.t-woPaddHLF{ padding: inherit; }
.t-wrlPaddHLF{ padding-right: 0 !important; padding-left: 0 !important; }

.d-txt-left{ text-align: left !important; }
.d-txt-right{ text-align: right !important; }
.d-txt-large{ font-size: 1.8em !important; }
.d-txt-smaller{ font-size: 1em !important; }
.d-txt-bold{ font-weight: bold !important; }

.d-top{ margin-top: -20px !important; }
.d-r-space{ margin-top: -5px !important; }

.d-button{ width: 18% !important; padding: 0 !important; margin-top: 20px !important; }
	.d-button a{ margin-top: 11px; display: block; }
	
.d-button-4{ width: 25% !important; padding: 0 10px !important; margin-top: 20px !important; }
.d-button-4.first{ padding-right: 10px !important; padding-left: 0 !important; }
.d-button-4.last{ padding-left: 10px !important; padding-right: 0 !important; }

.d-boxes-4{ width: 25% !important; padding: 0 10px !important; margin-top: 0 !important; }
.d-boxes-4.first{ padding-right: 10px !important; padding-left: 0 !important; }
.d-boxes-4.last{ padding-left: 10px !important; padding-right: 0 !important; }
	
.d-form-row{ width: 100%; float: left; }

.hovered:hover{ opacity: .7; }
.hovered-text:hover{ color: #009FE3 !important; }

.txt-big{ font-size: 3.5em !important; }
.d-txt-tiny{ font-size: .8em !important; }
.d-txt-bigger{ font-size: 1.5em !important; }

.text-lt{ display: inline !important; }

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  20% { opacity: 1; }
  40% { opacity: 0.9; }
  60% { opacity: 0.5; }
  80% { opacity: 0.3; }
  100% { opacity: 0; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  20% { opacity: 1; }
  40% { opacity: 0.9; }
  60% { opacity: 0.5; }
  80% { opacity: 0.3; }
  100% { opacity: 0; }
}

div.main-container{
	width: 100%;
	margin: 0 auto;
	padding: 0 17px;
	box-sizing: border-box;
}

h1{
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	color: #4A4A4A;
}

h2{
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #4A4A4A;
	font-weight: normal;
}

#category-description {
	font-size: 1.1em;
	padding: 10px 0 0 0;
	margin: 0;
	max-width: 750px;
}


header{
	height: auto;
	padding: 0 0 0 0; margin: 0;
}
	
	header i{ font-size: 1.8em !important; margin: 0 10px 0 0; }
	
	header div.text { float: right; margin-top: 4px; }
	
	header div.logo{ height: 45px; }
		header div.logo img{ height: 45px; margin: 0; }
	
	header div.menu { display: none; }
	
	header div.main-container{ padding-top: 40px; }

	header div.nav-top { 
		display: block; 
		width: 100%;
		background-color: #F5F5F5;
		margin-bottom: 30px;
				font-size: .8em;
	}
		header div.nav-top ul{ float: left; list-style: none; margin: 0; padding: 0; }
		header div.nav-top ul li{ float: left; margin: 0 25px 0 0; padding: 10px 0; }
		header div.nav-top ul li a{ color: #4A4A4A; }
		header div.nav-top ul li a.active{ font-weight: bold; }
		header div.nav-top ul li a:hover:not(.active){ color: #009FE3; }
	
	header div.menu-desktop { float: right; display: block; margin-bottom: 50px; position: relative; }
	
	header div.menu-desktop div.cart{
		display: block;
		float: right;
		margin-top: 9px;
		position: relative;
	}
	header div.menu-desktop div.cart a{ display: block; width: 100%; height: 100%; color: #3FA535; }
		header div.menu-desktop div.cart a:hover .text{ text-decoration: underline; }
		
		header div.cart-info.m-show{ display: none !important; }
		header div.menu-desktop div.cart div.cart-info{
			display: none;
			position: fixed;
			top: 30px; right: 30px;
			width: 350px;
			padding: 30px;
			border: 1px solid #D8D8D8;
			background-color: #FFFFFF;
			z-index: 1000;
			color: #4A4A4A;
		}
		
		header div.menu-desktop div.cart div.cart-info div.remove{ 
			position: absolute;
			right: 5px; top: 2px;
			padding: 0;
			color: #D8D8D8;
			text-align: center;
			font-size: 1.1em;
			z-index: 10;
			cursor: pointer;
			display: none;
		}
		
			header div.menu-desktop div.cart div.cart-info div.item{
				float: left;
				width: 100%; height: 70px;
				color: #4A4A4A;
				font-size: .9em;
				overflow: hidden;
			}
			header div.menu-desktop div.cart div.cart-info div.item.first{ margin-top: 30px; }
			
				header div.menu-desktop div.cart div.cart-info div.item div.image{ 
					float: left;
					width: 20%; height: 100%;
					text-align: center;
					color: #9B9B9B;
					position: relative;
					padding: 0 10px 0 0;
					box-sizing: border-box;
				}
					header div.menu-desktop div.cart div.cart-info div.item div.image.empty i{ margin-top: 15px; } 
					header div.menu-desktop div.cart div.cart-info div.item div.image img{ 
						max-width: 100%;
						max-height: 100%;
						width: auto;
						height: auto;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 10px;
						margin: auto;
						padding: 0;
					} 
				header div.menu-desktop div.cart div.cart-info div.item div.name{ 
					float: left;
					width: 50%; height: 100%;
					text-align: left;
				}
				header div.menu-desktop div.cart div.cart-info div.item div.price{ float: left; width: 30%; height: 100%; text-align: right; }
				
				
			header div.menu-desktop div.cart div.cart-info div.button { width: auto; }
			header div.menu-desktop div.cart div.cart-info div.button.left { float: left; margin-left: 20%; }
			header div.menu-desktop div.cart div.cart-info div.button.right { float: right; }
				header div.menu-desktop div.cart div.cart-info div.button a{ color: #888888; text-decoration: underline; }
				header div.menu-desktop div.cart div.cart-info div.button a:hover{ color: #009FE3; }
	
	
	header div.menu-desktop div.user{
		display: block;
		float: right;
		color: #4A4A4A;
		margin-top: 9px;
		margin-right: 40px;
		position: relative;
		width: auto;
		text-align: right;
	}
	header div.menu-desktop div.user a{ display: block; width: 100%; height: 100%; color: #4A4A4A; }
	header div.menu-desktop div.user a:hover{ text-decoration: underline; }
	header div.menu-desktop div.user div.text.tree-dots{ max-width: 150px; }
	
		header div.menu-desktop div.user div.user-box{
			position: absolute;
			top: -30px; left: -30px;
			z-index: 1000;
			background-color: #FFFFFF;
			width: 210px;
			padding: 29px 30px 30px 30px;
			border: 1px solid #D8D8D8;
			display: none;
			text-align: left;
			font-weight: normal;
			text-transform: none;
		}
			/*header div.menu-desktop div.user div.user-box:hover,
			header div.menu-desktop div.user:hover div.user-box{ display: block; }*/
			
			header div.menu-desktop div.user div.user-box i{ position: absolute; top: 29px; left: 29px; }
			header div.menu-desktop div.user div.user-box div.text{ width: 100%; box-sizing: border-box; padding-left: 28px; font-weight: normal; }
			header div.menu-desktop div.user div.user-box div.text.nM{ margin-top: -2px; margin-bottom: 0; font-weight: bold; }
			header div.menu-desktop div.user div.user-box ul{ width: 100%; list-style: none; padding: 0; margin: 0 0 0 28px; color: #4A4A4A; }
				header div.menu-desktop div.user div.user-box ul li:first-child{ padding-top: 55px; }
				header div.menu-desktop div.user div.user-box ul li.space{ margin-top: 20px; }
	
	header div.menu-desktop div.news{
		display: block;
		float: right;
		color: #4A4A4A;
		margin-top: 9px;
		margin-right: 40px;
		position: relative;
		width: auto;
		text-align: right;
	}
	header div.menu-desktop div.news a{ display: block; width: 100%; height: 100%; color: #4A4A4A; }
	header div.menu-desktop div.news a:hover{ text-decoration: underline; }

	header div.menu-desktop div.menu-search{
		margin: 0; padding: 0;
		display: block;
		float: right;
		text-align: right;
		position: absolute;
		right: 346px;
		width: 400px;
	}
	
		header div.menu-desktop div.menu-search .input{ margin: 0; float: left; }
		header div.menu-desktop div.menu-search .input.right{ margin-left: 0; float: left; }
		header div.menu-desktop div.menu-search .input.right input{ cursor: pointer; }
			header div.menu-desktop div.menu-search .input.right input:hover{ opacity: .8; }
			
			header div.menu-desktop div.menu-search .input input{ margin: 0; padding: 0 10px 0 10px; height: 43px; }
			header div.menu-desktop div.menu-search .input.right input{ margin: 0; padding: 0 10px 0 10px; height: 43px; }
			header div.menu-desktop div.menu-search .input.left input{ width: 250px; border: 0; border-bottom: 1px solid #D8D8D8; }
			header div.menu-desktop div.menu-search .input.left input:focus{ outline: 0; }
			header div.menu-desktop div.menu-search .input.left div.inpt-search{ 
				color: #D8D8D8; 
				font-size: 1em; 
				float: left; 
				border-top: 0;
				border-bottom: 1px solid #D8D8D8;
				border-left: 0;
				padding: 8px 0 0 10px;
				height: 35px;
				display: none;
			}

			header div.menu-desktop div.menu-search .input.right button{
				margin: 0;
				padding: 0 10px 0 30px;
				height: 44px;
				border: 0; border-bottom: 1px solid #D8D8D8;
				background-color: #ffffff;
				color: #AAAAAA;
			}
		
			/*
		header div.menu-desktop div.menu-search div.quick-search{
			
		}
		*/

		header div.menu-desktop div.menu-search div.quick-search.border{
			position: absolute;
			top: -21px; left: -21px;
			padding: 20px;
			width: 510px; min-height: 100%;
			background-color: #FFFFFF;
			border: 1px solid #D8D8D8;
			z-index: 1000;
		}
		
			header div.menu-desktop div.menu-search div.quick-search div.item{
				float: left;
				height: 55px;
				color: #4A4A4A;
				font-size: .9em;
				margin-top: 10px;
			}
			header div.menu-desktop div.menu-search div.quick-search div.item.first{ margin-top: 30px; }
			header div.menu-desktop div.menu-search div.quick-search div.item a{ display: block; width: 100%; height: 100%; color: #4A4A4A; }
			header div.menu-desktop div.menu-search div.quick-search div.item a:hover div.name{ color: #009FE3; }
			
				header div.menu-desktop div.menu-search div.quick-search div.item div.image{ 
					float: left;
					width: 70px; height: 100%;
					text-align: center;
					color: #9B9B9B;
					position: relative;
				}
					header div.menu-desktop div.menu-search div.quick-search div.item div.image.empty i{ margin-top: 15px; } 
					header div.menu-desktop div.menu-search div.quick-search div.item div.image img{ 
						max-width: 100%;
						max-height: 100%;
						width: auto;
						height: auto;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						margin: auto;
						padding: 0;
					} 
				header div.menu-desktop div.menu-search div.quick-search div.item div.name{ 
					float: left;
					width: 320px; height: 100%;
					text-align: left;
					margin: 0 10px;
				}
				header div.menu-desktop div.menu-search div.quick-search div.item div.price{ float: left; width: 100px; height: 100%; text-align: right; }
	
nav.desktop{ 
	display: block;
	float: left;
	margin: 0 0 15px 0; padding: 0;
	width: 100%;
	background-color: #FFFFFF;
}
	nav.desktop div.navigation{
		position: relative;
		top: auto; right: auto; bottom: auto; left: auto;
		float: left;
		margin: 0; padding: 0;
		width: 100%;
		z-index: 10;
	}
		nav.desktop div.navigation ul{ float: left; padding: 0; margin: 0; list-style: none; width: 100%; }
		
		nav.desktop div.navigation ul > li{
			float: left;
			width: 12.5%; height: 77px;
			border-right: 2px solid #FDDB70;
			border-top: 3px solid #FFFFFF;
			position: relative;
			margin: 0; padding: 0;
			box-sizing: border-box;
			font-size: 0.9em;
		}
		nav.desktop div.navigation > ul > li:hover{ background-color: #EDEDED; color: #4A4A4A; border-top: 3px solid #EDEDED; }
		nav.desktop div.navigation > ul > li.active{ background-color: #F5F5F5; border-top: 3px solid #F5F5F5; border-left: 2px solid #F5F5F5; border-right: 2px solid #F5F5F5; margin-left: -2px; }
		nav.desktop div.navigation > ul > li.hover{ background-color: #EDEDED; color: #4A4A4A; border-top: 3px solid #EDEDED; }
			nav.desktop div.navigation > ul > li.hover a{ color: #4A4A4A; }
			nav.desktop div.navigation > ul > li.active a{ color: #179FE3; }
			nav.desktop div.navigation > ul > li:hover a{ color: #4A4A4A; }
		nav.desktop div.navigation > ul > li:first-child{ border-left: 2px solid #FDDB70; }
		nav.desktop div.navigation > ul > li.active:first-child{ border-left: 2px solid #F5F5F5; margin-left: 0; }
		
		nav.desktop div.navigation ul > ul{ 
			float: left;
			display: none;
			position: absolute;
			top: 77px;
			left: 0px;
 			background-color: #EDEDED;
/*			background-color: #FDDB70; */
			height: auto;
			width: 100%;
			z-index: 11;
			padding: 10px;
			box-sizing: border-box;
		}
			nav.desktop div.navigation ul ul > li{ border: 0; float: left; height: 129px; width: 33%; position: relative; margin: 10px 0 10px 0; }
			nav.desktop div.navigation ul ul > li:first-child{ border: 0; }
			nav.desktop div.navigation ul li.empty{ height: auto; float: none; z-index: -1; }
			nav.desktop div.navigation ul ul li a{ 
				color: #4A4A4A;
				font-weight: bold;
				font-size: 1em;
				padding: 0 10px;
			}
			nav.desktop div.navigation ul ul li:not(.empty) a{
				white-space: nowrap;
				overflow: hidden !important;
				text-overflow: ellipsis;
				display: block;
			}
			nav.desktop div.navigation ul ul li a:hover{ text-decoration: underline; }
			
				nav.desktop div.navigation ul ul > li > ul { position: absolute; width: auto; top: 20px; left: 10px; z-index: 12;  } 
				nav.desktop div.navigation ul ul > li > ul li { float: left; width: 100%; height: auto; padding: 1px 0; margin: 0; } 
				nav.desktop div.navigation ul ul > li > ul li:first-child { border: 0; } 
				nav.desktop div.navigation ul ul > li > ul li a{ color: #4A4A4A; padding: 0; margin: 0; float: left; font-weight: normal; font-size: 1em; } 
				nav.desktop div.navigation ul ul > li > ul li.more a{ color: #3FA534; }
		
		nav.desktop div.navigation ul > li a{ 
				position: relative;
				display: box;
				width: 100%;
				padding: 7px 10px 10px 10px;
				box-sizing: border-box;
				color: #4A4A4A;
				text-decoration: none;
				white-space: inherit;
				text-overflow: clip;
				border-bottom: 0;
				font-weight: bold;
				height: 4.5em; 
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				
			}
			nav.desktop div.navigation ul ul > li a{ width: auto; height: auto; }
			
section:last-child:not(.d-wobPadd){ padding-bottom: 20px !important; }
section.box{ padding: 20px 0 0 0; }
section.title{ padding: 15px 0 0 0; }
section.box{ padding: 20px 0 0 0; }

	section.title div.text{ font-size: 1.3em; }
	section.title div.text div.sub-title{ font-size: .7em; }
	section.title div.cart-crumb{ width: 320px; top: -31px; right: 0; float: right; z-index: 0; }
		section.title div.cart-crumb .step{ background-color: inherit; }
		section.title div.cart-crumb a{ color: #009FE3; }
		section.title div.cart-crumb a:hover{ text-decoration: underline; }
		section.title div.cart-crumb div.step-2{ z-index: -1; }
		section.title div.cart-crumb div.space{ border: 0; display: none; }
	
	section.title a.url{ right: 0; }
	
	section div.banner{ width: 100%; padding-top: 20px; }
		section div.banner img{ width: 100%; }
	
	section.products { padding: 30px 0; }
	section.products.nopadding { padding: 0 0 0 0; }
	section div.container div.product div.title	{ font-size: 1em; }
	
	section div.container div.product div.details { font-size: 1em; }
	section div.container div.product #form-addCart { font-size: 0.8em; }
	section div.container div.product .btn-addToCart { font-weight: 700; }
	
	#product-price .price-novat { font-size: 0.9em; }
	#product-price .price-vat { color:#4A4A4A; font-size: 1em; font-weight: bold;}
	#product-price .price-vat.sale{ color:#cf3939; }
	
	section.products div.container.grid-8{ padding: 0; margin-top: 15px; }
	
		section.products div.container.grid-8 div.product{ padding: 30px; box-sizing: border-box; }

	section.products div.container.grid-2{ margin: 2px 0 0 0; }
	section.products div.container.grid-2:nth-child(4n+1){ padding: 0 2px 0 0; }
	section.products div.container.grid-2:nth-child(4n+2){ padding: 0 1px 0 1px; }
	section.products div.container.grid-2:nth-child(4n+3){ padding: 0 1px 0 2px; }
	section.products div.container.grid-2:nth-child(4n+4){ padding: 0 0 0 2px; }
	
	section.products div.container.grid-2.d-grid-25{ margin: 0 0 30px 0; padding: 0; }
	section.products div.container.d-grid-25:nth-child(3n+1){ padding: 0 20px 0 0; }
	section.products div.container.d-grid-25:nth-child(3n+2){ padding: 0 10px 0 10px; }
	section.products div.container.d-grid-25:nth-child(3n+3){ padding: 0 0 0 20px; }
	
	section.products.home-categories div.container{ margin-bottom: 10px; }
	section.products.home-categories div.container:nth-child(3n+1){ padding: 0 5px 0 0 !important; }
	section.products.home-categories div.container:nth-child(3n+2){ padding: 0 5px 0 5px !important; }
	section.products.home-categories div.container:nth-child(3n+3){ padding: 0 0 0 5px !important; }

	section.products.home-categories div.container.d-grid-1{ width: 12.5% !important; }
	section.products.home-categories div.container.d-grid-2{ width: 25% !important; }
	section.products.home-categories div.container.d-grid-3{ width: 33.33% !important; }
	section.products.home-categories div.container.d-grid-4{ width: 50% !important; }
	section.products.home-categories div.container.d-grid-5{ width: 62.5% !important; }
	section.products.home-categories div.container.d-grid-6{ width: 66.66% !important; }
	section.products.home-categories div.container.d-grid-7{ width: 75% !important; }
	section.products.home-categories div.container.d-grid-8{ width: 100% !important; }

	section div.row div.container{ color: #4A4A4A; }
	
	
	#home-partners {
		margin: 50px 0;
	}
	section div.partners{
		max-width: 1200px;
		margin: 0 auto;
	}

	section div.partners img{
		width: 10.5%;
		margin: 1em 1.8333333334%;
		float: left;
		
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
/* 		section div.partners img:nth-child(5n+6){ margin-right: 0; } */
		section div.partners img:hover{ -webkit-filter: none; filter: none; }
	
	section div.text.input{
		width: 25%;
	}
	
		section div.text.input{ padding-right: 15px;  }
		section div.text.input.right{ padding-left: 0;  }
		section div.text.input.left{ padding-right: 15px;  }
		section div.text.input.center{ text-align: left;  }
			section div.text.input.center input.grid-2{ width: 75% !important;  }
		section div.text.input.grid-12{ width: 15% !important;  }
		section div.text.input.grid-32{ width: 25% !important;  }
	
	section div.container,
	section div.container a{ color: #4A4A4A; }
		section div.container.box i.mar{ margin-right: 10px; font-size: 1.2em; }
		section div.container.box i:hover{ cursor: pointer; opacity: .7; }
		section div.container.box.border{ margin-bottom: 1px; }
		section .border{ margin-bottom: 1px; }
	
	section div.container div.product div.image{ height: 250px; }
	section div.container div.product div.image.big{ height: 310px; padding: 0; margin-top: 0; }
	section div.container div.product div.image.big.empty{ padding: 0 30px 0 0; }
		section div.container div.product div.image div.img div.txt-middle{ /* padding-top: 50px; */ padding-top: 40% }
		section div.container div.product div.image.big div.img div.txt-middle{ padding-top: 120px; }
		section div.container div.product div.image div.img i {font-size:  5em;}
		
	section div.container div.product div.item{ border-bottom: 1px solid #D8D8D8; margin-top: 10px; padding-bottom: 10px; }
	section div.container div.product div.item:last-child{ border-bottom: 1px solid #D8D8D8; }
	section div.container div.product div.item:first-child{ margin-top: 0; }
	section div.container:not(.new-border) div.product div.item span.light{ display: inline; }
		section div.container:not(.new-border) div.product div.item span.light:before {
			content: "\a ";
			white-space: pre;
		}
		
		section div.container div.product div.item a{ padding: 0; }
		section div.container div.product div.item a:hover div.name{ color: #009FE3; }
		section div.container div.product .d-product div.item div.name{ padding: 11px 0 0 0; }
		section div.container div.product .d-product div.item div.value{ color: #3FA535; padding: 11px 20px 0 0; box-sizing: border-box; }
		section div.container div.product div.item div.cart .input.num{ width: 50%; padding-right: 10px; }
		section div.container div.product div.item div.cart .input.button{ width: 50%; padding-left: 0; }
		
			section div.container div.product div.item div.cart .input.num input{ 
				width: 100%; height: 38px;
				padding: 0;
			}
			
			section div.container div.product div.item div.cart .input.button a{ 
				width: 100%; height: 40px; 
				display: block; 
				font-size: 1.6em; 
				padding: 5px 0 0 0; 
				text-align: center;
			}
		
		.btn-addToCart{ text-transform: uppercase; }

		section div.container div.product .d-product-single { width: 35% !important; }
		section div.container div.product .d-product-single div.row { padding-right: 0 !important; padding-left: 0 !important; }
		section div.container div.product .d-product-single div.row:first-child{ padding-top: 0 !important; }
		section div.container div.product .d-product-single div.row div.title { padding: 0 !important; }
		section div.container div.product .d-product-single div.row div.name { font-size: 1em; }
		section div.container div.product .d-product-single div.row div.value { font-size: 1.2em; }
		section div.container div.product .d-product-single div.row div.name.big { font-size: 1.4em; color: #505050; font-weight: bold; }
		section div.container div.product .d-product-single div.row div.value.big { font-size: 1.4em; color: #505050; font-weight: bold; }
		section div.container div.product .d-product-single div.row div.input.button input{ width: 70%; }
		
			section div.container div.product div.item div.row a{ 
				display: block; 
				text-align: center; 
				padding: 10px; 
				background-color: #D8D8D8; 
				float: left; 
				width: auto; 
				margin: 10px 10px 0 0;
			}
		
		/*#product-description {  }*/
		#product-description:before { content: ""; }

		section div.container div.product div.item { font-size: 1em; }
		
		section div.container div.product div.item div.input.num{ width: 70px; padding-right: 15px; }
		section div.container div.product div.item div.input.button{ width: 250px; padding-left: 15px; font-size: 16px;}
		
		section div.container div.product.cart{ height: auto; border-top: 1px solid #D8D8D8; }
		section div.container div.product.cart .f-left:not(.d-relative){ padding: 10px; box-sizing: border-box; }
		section div.container div.product.cart.sum{ height: auto; margin-top: 5px; padding: 20px; }
		section div.container div.product.cart.small{ height: auto; margin-top: 5px; padding: 20px; }
		
		section div.container div.title-columns{ float: left; width: 100%; box-sizing: border-box; }
		
		section div.container div.product div.box{
				bottom: auto;
				top: 8px;
				height: 37px;
			}
			section div.container div.product.sum div.box{ top: -10px; }

			section div.container div.product div.box.left{ left: 0; }
			section div.container div.product div.box.center{ width: 50%; left: 135px; text-align: left; }
			section div.container div.product.sum div.box.center{ left: 135px; }
			section div.container div.product div.box.center.input{ width: 100%; text-align: left; }
			section div.container div.product div.box.right{ right: 30px; }
			section div.container div.product div.box.right.input{ width: 100%; text-align: right; padding: 0; }
			section div.container div.product div.box.rightMore{ right: 40px; }
			section div.container div.product.sum div.box.right{ right: 20px; }
				section div.container div.product div.box.right div.extra{ position: absolute; top: 12px; right: 120px; color: #3FA535; font-weight: normal; }
				
				div.txt-before{ position: relative; }
				div.txt-before div.txt-after{ position: absolute; left: 100%; width: 50px; bottom: 0; display: inline; text-align: left; }
			
	
	section.nav-crumb{
		margin-top: 0;
		background-color: inherit;
		width: 100%;
		float: left;
		margin: 0 0 20px 0;
		padding: 0;
	}
		section.nav-crumb div.last,
		section.nav-crumb a{
			position: relative;
			float: left;
			display: block;
			width: auto;
			padding: 0;
			color: #AAAAAA;
			font-size: .8em;
			margin-left: 5px;
			z-index: 9;
		}
		
		section.nav-crumb a {
			text-decoration: underline;
		}
			section.nav-crumb a:first-child{ margin-left: 0; }
			section.nav-crumb a:hover span{ color: #009FE3; }
			
			section.nav-crumb a i{ position: absolute; left: 0; top: 3px; }
			section.nav-crumb a:not(.both) i.fa-chevron-left:not(.both){ display: none; }
			section.nav-crumb a:not(:first-child) i.fa-chevron-right{ display: block; position: relative; float: left; margin-right: 5px; }
		section.nav-crumb span.crumb-item{ color: #AAAAAA; }
		section.nav-crumb a.both span.crumb-item{ margin-left: 15px; }

		section.nav-crumb div.last span.crumb-item{ margin-left: 5px; }
		
	/* ALERT */
	section.alert div.container{
		top: 20%;
		width: 25%;
		padding: 20px;
	}
	
	section div.container div.title, section div.container div.sub-title{ padding: 0 0 10px 0; }
	section div.container div.title.d-title{ font-size: 1.3em }
	section div.container div.title.d-title div.sub-title{ font-size: .7em }
	section div.text.input.grid-8{ padding-right: 0; }
	section div.text.input.valing{ width: 31%; border-bottom: 1px solid #D8D8D8; float: left; margin-right: 20px; padding-right: 0; }
		section div.container.box div.input-space{ display: none; }
	section div.text.input .input-num{ width: 30%; }
	
	section div.text.button.left{ padding: 0 10px 0 0; }
	section div.text.button.right{ padding: 0 0 0 10px; }
	section div.container .button.grid-2{ width: 50% !important; }
	
	.openShop { margin-top: 0 !important; }
	.btn-small input,.btn-small a,.btn-small div.button{ padding: 9px 10px !important; margin-top: 0px;  }
	
	section div.text.button a:hover:not(.openShop),
	section div.text.button div.button:hover:not(.openShop),
	section div.text.button input[type="submit"]:hover:not(.openShop),
	section div.text.button input[type="button"]:hover:not(.openShop){ opacity: .8; cursor: pointer; }
	
	section div.row a.button{ margin: 0 10px 10px 0; }
	section div.row a.button:hover{ opacity: .7; }
	

	section div.container div.product a {
		padding: 15px;
	}

	section div.container div.product a:hover div.title {color: #009FE3; }
	section div.container div.product a:hover div.title div.text {color: #009FE3; }
	section div.container div.product .btn-addToCart:hover {background-color: #4dbb42 !important; }
	/*section div.container div.product div.title div.text {}*/
	.btn-addCart:hover{ cursor: pointer; opacity: .8; }
	
	.border a{ text-decoration: underline; }
	.border a:hover:not(.noHover){ color: #009FE3; }
	
	section div.remove{ z-index: 9; } 
	section div.remove:hover{ opacity: .8; } 
	
	section div.text.link a:hover{ color: #009FE3; }
	section.title a.url:hover{ color: #009FE3; }
	
	.container.box.link{ font-size: .9em; }
	
	div.user:hover div.text.underline{ text-decoration: underline; }
	
	div.date i.datepicker{ display: inline; font-size: 1.5em; margin-left: 10px; }
	
	.tableOrder a:hover{ color: #009FE3 !important; }
	.tableOrder a.active{ color: #4A4A4A !important; font-weight: bold; position: relative; }
	.tableOrder a.active:hover{ color: #009FE3 !important; }
	.tableOrder a.active i.fa { position: absolute; top: 3px; right: -15px; }
	.tableOrder .txt-right a.active i.fa { left: -15px; right: auto; }
	
	section.home-categories div.container div.product{
		height: 300px;
	}
	

	section.home-categories div.container div.product div.title{
		position: relative;
		font-size: 1.6em;
		line-height: 1.4em;
		width: 100%;
		max-width: 250px;
		height: auto;
		text-align: left;
		background-color: rgba(1,1,1,0);
		z-index: 1;
	}

	section.home-categories div.container div.product div.image{
		position: absolute;
		right: 10px; bottom: 10px;
		width: 60%;
		height: 70%;
		float: right;
		z-index: 0;
		margin: 0;
	}
	
	section.home-categories div.container div.product div.image img {
		left: inherit;
		top: inherit;
	}


footer{ 
	display: block;
	background-color: #4A4A4A;
	color: #D8D8D8;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 30px 0;
	position: absolute;
	color: #D8D8D8;
	text-align: left;
	margin: 0;
	font-size: .8em;
}
	footer a{ color: #D8D8D8; display: block; float: left; margin: 0; text-decoration: none; } 
		footer a:hover{ text-decoration: underline; }
		
	footer img{ margin-bottom: 20px; } 
	
	footer div.d-boxes-4{ 
		box-sizing: border-box;
	}
	
	footer div.title{ color: #FCBE00; font-weight: bold; text-transform: uppercase; }
	footer div.text{ margin: 0; float: none; }
	footer div.text.txt-tiny{ font-size: .85em !important; }

}

/**
	BANNER
*/

#home-banner{
	padding: 20px 0 0 0;
}

section div.container.link a.news {
	margin: 0;
	padding: 0;
	display: inline;
	text-decoration: underline;
}




.footer-info {
	display: block;
	margin: 0 auto 2em auto;
	padding: 20px;
	text-align: center;
	background-color: #FDDB70;
	color: #4A4A4A;
	
}

	.footer-info a {
		color: #4A4A4A;;
	}

/****
	catalog-category-menu
****/

@media only screen and (min-width:980px){
	.products-v2{
		width: 78%;
		float: right;
	}
}

.catalog-category-menu {
	/* display: block; */
	float: left;
	width: 20%;
	height: 100%;
	margin: 30px 0;
	list-style-type: none;
}

.catalog-category-menu *{
	box-sizing: border-box;
}

	.catalog-category-menu .title {
		color: #9B9B9B;
		font-size: 0.8em;
		font-weight: 700;
		text-transform: uppercase; 
		padding: 0 10px;
	}
	
	.catalog-category-menu > ul {
		margin-top: 10px !important;
	}

	.catalog-category-menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.catalog-category-menu li {
		margin: 0;
	}
	
	.catalog-category-menu li {
		background-color: #EFEFEF;
		border-bottom: 1px solid #9B9B9B;
	}
	
	.catalog-category-menu li a {
		color: #4A4A4A;
		display: block;
		font-size: 0.9em;
		font-weight: 400;
		text-decoration: none;
		padding: 11px 15px;
		width: 100%; 
	}
	
		.catalog-category-menu li:last-child {
			/* border-bottom: none; */
		}
		
		.catalog-category-menu a.active {
			font-weight: bold;
		}
		
	.catalog-category-menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		.catalog-category-menu ul ul {
			margin-left: 10px;
		}

		.catalog-category-menu ul a {
			padding-left: 25px;
			font-weight: 400;
		}

		.catalog-category-menu ul li:last-child li {
			border-bottom: 1px solid #9B9B9B;
		}
		
		.catalog-category-menu ul a.active {
			font-weight: 700;
			/*
			background-color: #727272;
			color: #FFF;
			margin-left: -2%;
			padding-left: calc(13px + 2%);
			width: 102%;
			padding-left: calc(25px + 2%);
			*/
		}

		.catalog-category-menu a:hover {
			background-color: #EEEEDF;
			color: #4A4A4A;
		}