html {
	width: 100%;
	height: 100%;
	padding:0;
	margin:0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: #EFEFEF;
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 13px;
	line-height: 1.6em;
	font-weight: 400;
}

a img {
	border:none;
}

a { 
	text-decoration: none; 
	color: #FF0000; 
	outline: 0;
}

a:hover { text-decoration: none;}
a:visited { text-decoration: none; }
a:focus { outline: none; }

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

input,
textarea {
	-webkit-appearance: none;
}

input, button, textarea {
	font-family: 'Montserrat', sans-serif;
}

::placeholder {
  color: #aaa;;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #000;
}

.empty {
	padding: 10px 0;	
}

.clear {
	clear:both;
}

.relative {
	position: relative;
}

.center {
	text-align: center;
}

.disabled {
	display: none;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

.count.show {
	display: block !important;
}

div, header, footer, main, section, nav, ul, h1, h2, h3, h4, li, nav, input, span, a, p, img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

main {
	padding-bottom: 80px;
}

main.inside, .blog {
	padding: 0 50px 50px 50px;
}

.blog {
	padding: 50px;
}

.blog .text {
	padding: 5px 10px 20px 10px;
}

.blog .category.accessories {
	padding: 5px 10px 20px 10px;
}

.blog .text h2 {
	font-weight: 600;
	font-size: 24px;
	padding: 15px 0 5px 0;
}

.blog .text h3 {
	font-weight: 500;
	font-size: 20px;
	padding: 20px 0 5px 0;
}

body .fixed-position,
.outer.fixed-position,
main.fixed-position {
	position: fixed;
	overflow-y: hidden;
}

.outer {
	position: relative;
	width: 100%;
	/*height: 100%;*/
	min-height: 100vh;
	display: table;
}

.content {	
	/*min-height: 100vh;*/
	/*
	display: flex;
	flex-direction: column;
	*/
	display: table-cell;
	vertical-align: top;
	height: 100vh;
}

.flex {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.logo {
	display: block;
	text-align: center;
	padding: 26px 0;
}


.cookies {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: black;
	color: white;
	text-align: center;
	font-size: 16px;
	line-height: 130%;
	z-index: 999999;
	min-height: 110px;
}

.cookies .cc {
	margin: auto;
	padding: 20px;
	line-height: 1.5rem;
}

.cookies span {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid white;
	cursor: pointer;
	margin: 5px 10px;
}

.cookies a {
	color: #fff;
}

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

header {
	padding: 10px 20px 20px 20px;
	/*background: gray;*/
}

header .topline {
	/*background: yellow;*/
}

header .bottomline {
	padding: 15px 0;
	/*background: rgb(208, 237, 156);*/
}

header .topline span {
	display: inline-block;
	padding: 10px;
}

header .topline span i {
	padding-right: 10px;
}

header .topline span a {
	color: black;
}

header .topline nav {
	float: right;
}

header .topline nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

header .topline nav ul li {
	display: inline-block;
}

header .topline nav ul li a {
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
	color: black;
}

header .topline nav ul li:last-child a {
	padding: 0;
}

header .topline:after {
	content: '';
	display: block;
	clear: both;
}

header .bottomline:after {
	content: '';
	display: block;
	clear: both;
}

header .search {
	position: relative;
	float: left;
	margin: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width: 50%;
	text-align: left;
}

header .fa-search {
	position: absolute;
	left: 1px;
	top: 1px;
	font-size: 19px;
	color: black;
	cursor: pointer;
	padding: 8px 15px 9px 15px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

header .fa-search:hover {
	background: #efefef;
}

.basketbutton {
	z-index: 999;
}


header .search input {
	padding: 0 40px 0 60px;
	margin: 0;
	line-height: 36px;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width: 100%;
	font-size: 13px;
	font-weight: 400;
	background: #FAFAFA;
	border: 1px solid #DDDDDD;
	outline: none;
}

header .search input[type="search"]::-webkit-search-decoration,
header .search input[type="search"]::-webkit-search-cancel-button,
header .search input[type="search"]::-webkit-search-results-button,
header .search input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

header .search input[type="search"]::-ms-clear,
header .search input[type="search"]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

header .search .search-submit-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
}

header .search .search-submit-mobile {
	display: none;
}

header .options {
	float: right;
	position: relative;
}

header .options .option {
	float: right;	
	position: relative;
	cursor: pointer;
	font-size: 13px;
	text-transform: uppercase;
	padding: 0;
}

header .options .option a {
	display: inline-block;
	padding: 8px 20px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #000;
	color: white;
	font-weight: 400;
	line-height: 20px;
	position: relative;
}

header .options .option a:hover {
	background: #000;
}

header .options .fa-shopping-basket {
	font-size: 18px;
	color: white;
	padding: 0 10px 0 0;
}

header .options i {
	font-style: normal;
}

header .options .fa-search {
	font-size: 15px;
	color: white;
	padding: 13px 15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;	
	margin-right: 10px;
	/*background: #2F3291; */
}

.fa-search:hover {
	background: #2F3291;
}

.option .count {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	right: -5px;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	display: none;
}

.option a .count.yellow {
	color: white;
}

.option a .count.black {
	color: white;
}

.option .count.yellow {
	background-color: #f91818;
}

.option .count.black {
	background-color: #000;
	color: white;
	right: -4px;
}

.languages {
	float: left;
	margin: 0;
	padding: 9px 25px 8px 9px;
	color: black;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	font-weight: 400;
}

.languages .fa-globe {
	padding: 0px 10px 0 0;
	font-size: 21px;
	float: right;
	height: 21px;
	width: 20px;
}

.languages span {
	float: right;
}

.languages-container {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: white;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	z-index: 9999;
}

.languages-container a {
	display: block;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: black;
}

header .options .option .languages-container a {
	background: none;
	color: black;
}

.titulimage {
	height: 400px;
	max-height: 50vh;
	position: relative;
}

.titulimage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.titulimage .mainfilter {
	position: absolute;
	top: 80px;
	right: 50px;
	background: rgb(52,54,57);
	background: linear-gradient(135deg, rgba(52,54,57,1) 0%, rgba(136,123,141,1) 100%);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 25px;
	color: white;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	width: 30vw;
}

.titulimage .mainfilter .title {
	padding: 0 10px 5px 50px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	background: url(../include/images/mainfilter-roof.png) no-repeat 10px 0;
	background-size: 31px 31px;
	line-height: 34px;
}

.titulimage .mainfilter .tab {
	float: left;
	width: 50%;
	padding: 10px 10px;
}

.titulimage .mainfilter .tab.fullwidth {
	float: left;
	width: 100%;
}

.titulimage .mainfilter .tab .select {
	width: 100%;
}

.menu {
	/*
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	*/
	display: table-cell;
	width: 335px;
	background: rgb(52,54,57);
	background: linear-gradient(180deg, rgba(52,54,57,1) 0%, rgba(136,123,141,1) 100vh, rgba(91,86,95,1) 100%);
	padding-bottom: 100px;
	z-index: 100001;
	position: relative;
}

.menu nav {
	/*margin-bottom: 250px;
	overflow: hidden;
	background: blue;*/
	/*
	height: calc(100vh - 210px);*/
	position: relative;
	/*overflow-y: scroll;*/
	vertical-align: top;
}

.menu nav ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
}

.menu nav li {
	position: relative;
}

.menu nav ul ul {
	margin: 0 15px;
	padding: 0 0 20px 0;
}

.menu nav ul ul ul {
	display: none;
	position: absolute;
	left: 250px;
	top: 10px;
	width: 300px;
	background: rgb(52,54,57);
	background: linear-gradient(180deg, rgba(52,54,57,1) 0%, rgba(136,123,141,1) 100%);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	z-index: 99999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
}

.menu nav ul ul li:hover > ul {
	display: block;
}

.menu nav ul a {
	color: white;
	padding: 5px 45px 5px 45px;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	line-height: 150%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.menu nav ul ul a {
	padding: 8px 30px 8px 43px;
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	background: url(../include/images/nav.svg) no-repeat 27px 15px;
	background-size: 13px 7px; 
}

.menu nav ul ul a b {
	float: left;	
}

.menu nav ul ul a:after {
	content: '';
	display: block;
	clear: both;
}

.menu nav ul ul ul a {
	background: none; 
	padding: 8px 20px;
	font-size: 12px;
}

.menu nav ul ul li a:hover {
	background-color: rgba(0, 0, 0, 0.20);
}

.menu nav ul b {
	font-weight: 500;
}

.menu nav ul ul b {
	font-weight: 400;
}

/*
.discount-sign {
	float: left;
	width: 19px;
	height: 19px;
	margin: -1px 8px 0 0;
	background: url(../include/images/discount.png) no-repeat;
	background-size: 100% 100%;
}
*/

.discount-sign {
	float: left;
	width: 40px;
	height: 32px;
	margin: -10px 8px 0 2px;
	background: url(../include/images/sale.png) no-repeat;
	background-size: 100% 100%;
}

.social {
	position: fixed;

	left: 63px;
	
	/*margin: auto;*/
	
	/*
	left: 50%;
	transform: translateX(-50%);
	*/
	
	bottom: 20px;
	max-width: auto;
	background: white;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	padding: 0px 7px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index: 999;
}

.social a {
	float: left;
	width: 25px;
	height: 25px;
	margin: 7px;
}

.social a.facebook {
	background: url(../include/images/facebook.png) no-repeat center center;
	background-size: 100% 100%; 
}

.social a.reviews {
	width: 25px;
	height: 26px;
	background: url(../include/images/reviews.png) no-repeat center center;
	background-size: 100% 100%; 
}

.social a.instagram {
	background: url(../include/images/instagram.png) no-repeat center center;
	background-size: 100% 100%; 
}

.social a.ask {
	background: url(../include/images/ask.png) no-repeat center center;
	background-size: 100% 100%; 
}

.social a.tiktok {
	background: url(../include/images/tiktok.png) no-repeat center center;
	background-size: 100% 100%; 
}

footer {
	position: relative;
	margin-top: auto;
	background: #867A8B;
}

footer .partners {
	background: #7b7180;
	text-align: center;
	padding: 30px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

footer .partners .partner {
	height: 40px;
	/*display: inline-block;*/
	display: table-row;
}

footer .partners .partner a {
	display: table-cell;
	text-align: center;
}

footer .partners .partner img {
	height: 40px;
	width: auto;
}

footer .copyright {
	background: #5b565f;
	padding: 20px 40px;;
	color: #9F9F9F;
}

footer .copyright a {
	color: #9F9F9F;
}

footer .copyright a:hover {
	color: white;
}

footer .copyright .left {
	float: left;
}

footer .copyright .right {
	float: right;
}

footer .copyright:after {
	content: '';
	display: block;
	clear: both;
}

footer ul {
	width: 100%;
	margin: 0 auto;
	padding: 0px 50px 40px 50px;
	list-style-type: none;
}

footer ul:after {
	content: '';
	display: block;
	clear: both;
}

footer ul li {
	float: left;
	width: 25%;
	color: #FFFFFF;
	font-size: 13px;
	padding: 0 20px;
}

footer ul li.smaller {
	width: 20%;
}

footer ul li.smallest {
	width: 10%;
}


footer ul ul li:first-child {
	font-size: 20px;
	padding-top: 50px;
	padding-bottom: 20px;
	color: #FFFFFF;
}

footer ul ul ul li:first-child {
	padding-top: 0;
	padding-bottom: 0;
}

footer .fas.fa-clock {
	padding-right: 18px;
}

footer .working-hours span {
	display: inline-block;
	text-align: center;
	padding: 0 20px 0 0;
	width: 42px;
}

footer .working-hours li {
	padding: 3px 0;
}

footer .requisites p {
	padding: 4px 0;
}

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

footer ul ul ul {
	padding: 0;
}

footer ul ul li {
	float: none;
	width: 100%;
	padding: 0;
}

footer ul ul a {
	color: #FFFFFF;
	display: inline-block;
	font-size: 13px;
}

footer ul ul a:not(footer ul ul li.contacts a) {
	padding: 5px 0;
}

footer ul ul a:hover {
	color: #FFFFFF;
}

footer li.contacts {
	padding: 0 0 0 0;
}

footer li.contacts div {
	padding: 6px 0 6px 0;
}

footer li.contacts div:after {
	content: '';
	display: block;
	clear: both;
}

footer .contacts i {
	float: left;
	font-size: 20px;
	width: 40px;
}

footer .contacts span {
	float: left;
	width: calc(100% - 40px);
}

footer .categories ul {
	text-align: center;
}

footer .categories li {
	display: inline-block;
	text-align: center;
	float: none;
	width: auto;
}

footer .categories a {
	color: white;
	font-size: 17px;
	padding: 10px 0;
	display: inline-block;
}

footer .secure {
	text-align: center;
}

footer .secure img {
	width: 80%;
	height: auto;
	max-width: 100px;
}

footer .soc {
	margin: 10px 0 0 0;
}

footer .soc a {
	width: 35px;
	height: 35px;
	display: inline-block;
	position: relative;
	margin: 0 15px 0 0;
}

footer .soc a img {
	width: 100%;
	height: 100%;
}

footer .fa-map-marker-alt {
	color: #fff;
}


.products {
	padding-top: 1.5%;
}

.products:after {
	content: '';
	display: block;
	clear: both;
}

.section .title {
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 300;
	padding: 45px 0 0 0;
	line-height: 150%;
}

.section.location .title {
	padding: 45px 0 20px 0;
}

.section .subtitle {
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 500;
	clear: both;
	padding-top: 10px;
}

.products {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.stitle {
	color: gray;
	padding: 0 20px 10px 20px;
	font-weight: 600;
}

.mainpage .products.standard, .mainpage .products.season {
	margin: 0 3%;
}

.products.standard .product:nth-child(4n - 3) {
	margin: 1.5% 1.5% 1.5% 0;
}

.products.standard .product:nth-child(4n) {
	margin: 1.5% 0 1.5% 1.5%;
}

.products.season .product:nth-child(3n - 2) {
	margin: 1.5% 1.5% 1.5% 0;
}

.products.season .product:nth-child(3n) {
	margin: 1.5% 0 1.5% 1.5%;
}

.products .product {
	float: left;	
	background: white;
	position: relative;
	flex-grow: 1;
	min-width: 0;
	transition: all .2s; /* Animation */
	overflow: hidden;
}

.products .product.bproduct {
	background: #f9f9f9;
}

.products .product.bproduct .image {
	background: white;
}

.products.season .product.bproduct h2 {
	text-transform: none;
	font-weight: 500;
	font-size: 22px;
}

.products.season .product.bproduct .paragraph {
	padding: 10px 20px 30px 20px;
	color: black;
	font-size: 15px;
	line-height: 140%;
}

/*
.products .product:last-child {
  flex-grow: 0;
 }*/

.products .product:hover {
	box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;
	transform: scale(1.05);
	border: 1px solid #ccc;
}

.product .add-to-favorite {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px;
	cursor: pointer;
	background: white;
}

.product .add-to-favorite.active .favorite {
	background: url(../include/images/favorite-active.svg) no-repeat;
	background-size: 100% auto;
}

.product .add-to-favorite:hover {
	background: #f8f8f8;
}

.product .favorite {
	width: 25px;
	height: 25px;
	background: url(../include/images/favorite.svg) no-repeat;
	background-size: 100% auto;	
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.products.standard .product {
	margin: 1.5%;
	width: 22.75%;
	max-width: 22.75%;
	/*flex-basis: 22%;*/
}


.products.season .product {
	margin: 1.5%;
	width: 31.33%;
	max-width: 31.33%;
	/*flex-basis: 29.33%;*/
}


.products .product .image {
	width: 100%;	
	text-align: center;
	padding: 0px;
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	margin-bottom: 10px;
}

.products .product .image img {
	height: 100%;
	width: 100%;
	line-height: 0%;
	object-fit: contain;
	aspect-ratio: 1 / 1;
	float: left;
}

.products .product .price {
	padding: 0 20px;
	color: black;
	font-weight: 600;
	font-size: 20px;
}

.products.category .product .price {
	font-size: 15px;
}

.products.season .product .price {
	font-size: 15px;
}

.products .product .price.discount {
	color: red;
}

.products .product .price i.old {
	padding: 0 0 0 20px;
	display: inline-block;
	color: #666;
	font-weight: 400;
	font-size: 16px;
	text-decoration: line-through;
	font-style: normal;
}

.products.category .product .price i.old {
	font-size: 12px;
}

.products .product h2 {
	margin: 0;
	padding: 10px 20px;
	line-height: 130%;
	font-size: 16px;
	font-weight: 700;
	color: black;
	/*min-height: 120px;*/
	text-transform: uppercase;
}

.products.standard .product h2 {
	/*min-height: 80px;*/
}

.products.season .product h2 {
	font-size: 20px;
	/*min-height: 120px;*/
}

.products .product h2 strong { 
	display: block;
	font-size: 14px;
	font-style: normal;
	padding: 2px 0 0 0;
	font-weight: 600;
	text-transform: none;
	color: rgb(115, 115, 115);
}


.products .product h2 i { 
	display: block;
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	padding: 5px 0 0 0;
	text-transform: uppercase;
	color: gray;
}

main h1 {
	margin: 0 0px 0 0px;
	padding: 10px 10px;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 600;
}

main h1 strong {
	display: block;
	font-size: 20px;
	font-weight: 500;
	padding: 0px 0 0 0;
	text-transform: none;
	color: rgb(115, 115, 115);
}

main .titulimage h1 {
	font-size: 30px;
	line-height: 140%;
	font-weight: 700; 
	position: absolute;
	left: 50px;
	color: white;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
	top: 80px;
	width: 50%;
}


.text {
	margin: 0 auto;
	padding: 20px;
	font-size: 15px;
	line-height: 180%;
	font-weight: 400;
	text-align: justify;
}

.text ul {
	padding: 20px 0 20px 30px;
}

.breadcrumbs {
	margin: 0;
	padding: 10px 20px 10px 10px;
	list-style-type: none;
	border-top: 1px solid #D1D1D1;
}

.breadcrumbs:after {
	content: '';
	display: block;
	clear: both;
}

.breadcrumbs li {
	display: inline;
	color: #666;
}

.breadcrumbs a {
	color: #666;
	display: inline;
	margin-right: 5px;
	font-size: 12px;
}

.breadcrumbs a:hover {
	color: #000;
}

.breadcrumbs .fa-home {
	font-size: 18px;
	padding-right: 10px;
	display: inline-block;
}


.brands .left {
	float: left;
	width: 25%;
	padding: 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.brands .right {
	float: right;
	width: 75%;
	padding: 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.brands .left div {
	padding: 10px;
	padding: 20px;
	background: white;
	margin: 0 0 10px 0;
	text-align: center;
	box-shadow:0 0 0 1px #fff;
	cursor: pointer;
}

.brands .left div.active {
	box-shadow:0 0 0 1px #f91818
}

.brands .left div:hover {
	box-shadow:0 0 0 1px black;
}

.brand.hidden {
	display: none;
}

.brand.active {
	display: block;
}

.brands h3 {
	font-size: 25px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 150%;
}


.co {
	margin:0;
	padding:0;
	list-style-type:none;
}

.co li {
	font-size:16px;
	font-weight:500;
	color:#000;
	cursor:pointer;
	margin:0;
/*background: white;*/
	text-transform:uppercase;
	padding:0;
	line-height:130%;
	border-bottom:1px solid #e2e6e7;
}

.co li.white {
	background:#fff;
}

.co li:last-child div.click {
	border-bottom:none;
}

.co div.click {
	padding:15px 30px 15px 30px;
}

.co li {
	border-bottom:1px solid #e2e6e7;
}

.co li.white div.click:hover {
	background:#fff;
}

.co div.click:hover {
	background:#f1f4f6;
}

.co .hidden {
	background-color:#fff;
	padding:10px 30px 20px 30px;
	font-weight:400;
	color:#666;
	line-height:140%;
	font-size:15px;
	display:none;
	text-transform:none;
}

.co .hidden.opened {
	display:block;
}

.co .hidden p {
	padding:0;
}

#map {
	height: 70vh;
}

.fa-map-marker-alt {
	display: block;
	color: #919191;
	font-size: 40px;
	padding: 0 0 20px 0;
}

.seo-main {
	padding: 50px;
}

.seo-main .text {
	background: white;
	padding: 20px;
	margin: 0 0 50px 0;
	max-width: 100%;
}

.seo-main .text p {
	padding: 5px 0;
}

.seo-main .products.season .product h2 {
	font-size: 16px;
	min-height: auto;
	text-align: center;
	font-weight: 500;
	padding: 20px;
}
.mainpage .seo-main .products.standard, .mainpage .products.season {
	margin: 0;
}

.seo-main .products.season .product {
	margin-top: 0;
	margin-bottom: 0;
}

.seo-main .products .product .image {
	aspect-ratio: auto;
}

.seo-main .products .product .image img {
	aspect-ratio: auto;
	float: left;
}

.seo-main .products {
	padding-top: 0;
}

.seo-main .category {
	padding-bottom: 20px;
}

.seo-main .offer {
	padding: 20px 0;
}

.seo-main .offer:after, .seo-more:after, .seo-main .text:after {
	content: '';
	display: block;
	clear: both;
}

.seo-main .left {
	float: left;
	width: 45%;
	position: relative;
}

.seo-main .left h3 {
	font-size: 43px;
	line-height: 140%;
	font-weight: 700; 
	position: absolute;
	left: 70px;
	color: white;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
	top: 70px;
	right: 70px;
}

.seo-main .left .image {
	padding: 30px 0;
}

.seo-main .right {
	float: right;
	width: 53%;
}

.seo-main .seo-all {
	display: none;
}

.seo-all {
	clear: both;
}

.seo-main .seo-more {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #867a8b;
	color: white;
	float: left;
	text-decoration: none;
	padding: 4px 30px;
	cursor: pointer;
	font-size: 14px;
	margin-top: 10px;
}


.seo-main .left {
	float: none;
	width: 100%;
}

	
.seo-main .right {
	float: none;
	width: 100%;
}


.product {
	max-width: 1900px;
	margin-top: 20px;
	margin-bottom: 80px;
	position: relative;
	/*
	background: blue;
	max-width: 1500px;
	*/
}

.product .images {
	float: left;
	width: 39%;
}


.product .data {
	float: right;
	width: 59%;
	padding: 0px 30px 30px 30px;
}

.product .data h1 {
	margin: 0 auto;
	padding: 0;
	line-height: 110%;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 26px;
}


.product .data .price {
	color: #045A7B;
	font-size: 30px;
	font-weight: 600;
	padding: 0px 0 5px 0;
	line-height: 1.5rem;
}

.product .data .price sup {
	font-size: 18px;
	font-weight: 500;
	padding-left: 5px;
	line-height: 1.5rem;
}

.product .data .fa-coins {
	display: inline-block;
	padding-right: 12px;
	font-size: 16px;
	line-height: 1.5rem;
	width: 16px;
	height: 24px;
}

.product .data button,
.toorder input,
.buy-delivery button.add-to-basket {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: #000;
	display: inline-block;
	outline: none;
	border: none;
	padding: 10px 26px;
	font-size: 13px;
	cursor: pointer;
	margin-right: 15px;
	color: white;
}

.product .data button {
	padding: 12px 35px;
	font-size: 15px;
}

.toorder {
	padding: 30px 0 0 0;
}

.toorder input {
	background: black;
	color: white;
	float: right;
	min-width: 300px;
	/*
	padding: 15px 50px;
	font-size: 14px;*/
}


button.add-to-basket:hover {
	background: #222;
}

.product .data button .fa-shopping-cart,
.buy-delivery button .fa-shopping-cart {
	padding-left: 10px;
}

.product .data .paragraph {
	padding: 0;
	line-height: 150%;
	font-size: 15px;
}

.product .data .paragraph.shorttext {
	font-size: 16px;
	padding-top: 20px;
	font-weight: 500;
}

.product:after {
	content: '';
	display: block;
	clear: both;
}

.product .mainimage:after {
	content: '';
	display: block;
	clear: both;
}

.product .images .mainimage {
	cursor: pointer;
	height: auto;
	position: relative;
	overflow: auto;
}

.product .images .mainimage img {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	/*
	aspect-ratio: 1/1;*/
}


.product .images .thumbs {
	padding: 1% 0 20px 0;
}

.product .images .thumbs span {
	float: left;
	width: 15.833333%;
	margin: 0.5%;
	text-align: center;
	background: white;
	padding: 0px;
}

.product .images .thumbs span:nth-child(6n) {
	margin: 0.5% 0 0.5% 0.5%;
}

.product .images .thumbs span:nth-child(6n+1) {
	margin: 0.5% 0.5% 0.5% 0;
}

.product .images .thumbs span a {
	text-align: center;
	height: 170px;
	max-height: 8vw;
	background: blue;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.product .images .thumbs span img {
	/*width: 100%;
	height: auto;*/
	display: block;

	width: 100%;
	/* or any custom size */
	height: 100%;
	object-fit: contain;
	aspect-ratio: 1 / 1;
}

.product .data .specification {
	padding-top: 5px;
	font-size: 15px;
	line-height: 160%;
}

.product .data .buystatus {
	margin: 20px 0 0 0;
	font-size: 15px;
	line-height: 160%;
}

.product .data .buystatus span {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}

.product .data .buttons {
	padding-top: 10px;
}

.product .data .price {	
	color: black;
	font-weight: 600;
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.product .data .price.discount {
	color: red;
}

.product .data .price i.old {
	padding: 0 0 0 20px;
	display: inline-block;
	color: #666;
	font-weight: 400;
	font-size: 16px;
	text-decoration: line-through;
	font-style: normal;
}

.producttext {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 16px;
	line-height: 140%;
	font-weight: 400;
	text-align: justify;
}

.producttext h1 {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-transform: none;
}

.producttext h2 {
	border: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-transform: none;
}

.producttext ul {	
	padding: 0 0 0 20px;
}

.producttext iframe {
	width: 100% !important;
	max-width: 1000px !important;
	height: 600px;
	display: block;
	margin: 10px 0;
}

.product .advice {
	display:block;
	position:absolute;
	top:29px;
	right:-65px;
	color: white;
	padding: 7px 80px;
	font-size: 13px;
	background: #001c27;;
	pointer-events: none;
	-ms-transform: rotate(38.5deg); /* IE 9 */
	-webkit-transform: rotate(38.5deg); /* Safari */
	transform: rotate(38.5deg);
	width: 260px;
	text-align: center;
	line-height: 120%;
	font-weight: bold;
	max-height: 44px;
	overflow: hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.product .advice.extraright {
	width: 300px;
	right:-68px;
	top:52px;
}

.product .label.new {
	display:block;
	position:absolute;
	top:29px;
	right:-71px;
	color: white;
	padding: 7px 80px;
	font-size: 13px;
	background: #2b5ea8;
	pointer-events: none;
	-ms-transform: rotate(38.5deg); /* IE 9 */
	-webkit-transform: rotate(38.5deg); /* Safari */
	transform: rotate(38.5deg);
	width: 260px;
	text-align: center;
	line-height: 120%;
	font-weight: bold;
	max-height: 44px;
	overflow: hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration: none;
}

.product .label.discount {
	display:block;
	position:absolute;
	top:29px;
	right:-71px;
	color: white;
	padding: 7px 80px;
	font-size: 13px;
	background: #e33a34;
	pointer-events: none;
	-ms-transform: rotate(38.5deg); /* IE 9 */
	-webkit-transform: rotate(38.5deg); /* Safari */
	transform: rotate(38.5deg);
	width: 260px;
	text-align: center;
	line-height: 120%;
	font-weight: bold;
	max-height: 44px;
	overflow: hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration: none;
}


.tech-options {
	padding: 20px 0;
}


.info-content {
	margin: 0;
	padding: 0;
	background:url(../include/images/contact-map.png);	
	border-bottom:1px solid #777;
}

.info-content:after {
	content: '';
	display: block;
	clear: both;
}


.info-name {
	float:left;
	width:50%;
	font-weight:700;
	padding:12px 0 12px 7px;
	line-height:100%;
	font-size:13px;
	color:black;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.info-value {
	float:left;
	padding:12px 0;
	width:50%;
	line-height:100%;
	font-size:13px;
	color:black;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.startgallery {
	cursor:pointer;
}

.colors.pp {
	position: absolute;
	top: 0;
	left: 5px;
}

.colors.pp .color {
	float: none;
	margin:0 4px 8px 4px;
}

.colors.pp .color:after {
	content: "";
	display: block;
}

.tech-options:after {
	content: '';
	display: block;
	clear: both;
}

.colors {
	clear:both;
	padding:10px 0 5px;
}

.colors .lab {
	float:left;
	font-size:15px;
	padding:8px 10px 0 0;
}

.descriptioncolor .colors .lab {
	padding:8px 10px 0 0;
}

.colors .color {
	float:left;
	width:25px;
	height:25px;
	cursor:pointer;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:0 4px;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
}

.colors .color.active {
/*border: 1px solid black;*/
}


.nothing-found {
	padding: 20px 10px;
	font-size: 15px;
	line-height: 180%;
	font-weight: 400;
}

.products.search {
	padding-bottom: 80px;
}

.select2-container--default .mainfilterselect.select2-selection--single {
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	border: 1px solid white;	
	height: auto;
}

.select2-container--default .mainfilterselect.select2-selection--single .select2-selection__rendered {
	line-height: 36px;	
	padding-left: 40px;
}

.select2-container--default .mainfilterselect.select2-selection--single .select2-selection__placeholder {
	color: black;
	font-weight: 500;
}

.select2-container--default .mainfilterselect.select2-selection--single .select2-selection__arrow b {
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	margin-top: 0;
	padding: 2px 2px 2px 2px;
	transform: rotate(45deg);
	-webkit-transform:rotate(45deg)
}

.titulimage .mainfilterselect #select2-make-container, .mainfilter.inside .mainfilterselect #select2-make-container {
	background: url(../include/images/mainfilter-car.png) no-repeat 8px 9px;
	background-size: 21px 17px;
}

.titulimage .mainfilterselect #select2-year-container, .mainfilter.inside .mainfilterselect #select2-year-container {
	background: url(../include/images/mainfilter-calendar-alt.png) no-repeat 10px 8px;
	background-size: 17.5px 20px;
}

.titulimage .mainfilterselect #select2-model-container, .mainfilter.inside .mainfilterselect #select2-model-container {
	background: url(../include/images/mainfilter-filter.png) no-repeat 10px 9px;
	background-size: 18px 18px;
}

.titulimage .mainfilterselect .select2-selection__rendered, .mainfilter.inside .mainfilterselect .select2-selection__rendered {
	font-weight: 500;
}

.mainfilterdropdown.select2-dropdown {
	/*background: yellow;*/
}

.mainfilterdropdown.select2-dropdown {
	border: 1px solid white;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
}

.mainfilterdropdown.select2-dropdown .select2-results__option {
	font-weight: 500;
}

.select2-container--default .mainfilterdropdown .select2-results__option--highlighted[aria-selected] {
	background-color: #7b7180; 
}

.mainfilterdropdown .select2-search {
	opacity: 0;
	height: 0px;
	overflow: hidden;
	filter: alpha(opacity=0);

}

.mainfilterdropdown .select2-search--dropdown {
	padding: 0;
}


.mainfilter.inside {
	background: rgb(52,54,57);
	background: linear-gradient(135deg, rgba(52,54,57,1) 0%, rgba(136,123,141,1) 100%);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 20px;
	color: white;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	width: 100%;
	margin: 10px 0 30px 0;
}

.mainfilter.inside .title {
	padding: 0 10px 5px 50px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	background: url(../include/images/mainfilter-roof.png) no-repeat 10px 0;
	background-size: 31px 31px;
	line-height: 34px;
}

.mainfilter.inside .tab {
	float: left;
	width: 20%;
	padding: 10px 10px;
}

.mainfilter.inside .tab.fullwidth {
	float: left;
	width: 60%;
}

.mainfilter.inside .tab .select {
	width: 100%;
}







.result {
	clear:both;
	padding:0;
	float: left;
	position: relative;
	width: 100%;
	display: flex;
}

.result:after {
	content: "";
	display: block;
  }

.result.hidden {
	display: none;
}

.result .largelightgallery {
	float: left;
	width:26%;
}

.result .largelightgallery a {
	float:left;
}

.result .largelightgallery img {
	float:left;
}

.result .thumbs {
	/*
	float:right;
	width:73%;*/
	/*
	position: absolute;
	top: 0;
	right: 0;
	width: 73%;
	bottom: 0;*/
	float: right;
	width:73%;
	background:url(../include/images/text.png);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	min-height: 100%;
	margin: 0 0 0 10px;
}

.result h3 {
	/*background:url(../include/images/text.png);*/
	padding:10px 160px 5px 20px;
	margin:0 0 0 20px;
	line-height:130%;
	color:#000;
	position:relative;
}

.result h3 span {
	position:absolute;
	right:10px;
	top:10px;
	padding:5px;
	background:url(../include/images/header.png);
	color:#fff;
	font-size:17px;
}

.result h3 span .input-container {
	float:left;
	background:#fff;
	padding:0;
	line-height:100%;
	margin:1px 10px 0 2px;
	position:relative;
	display:block;
	border:none;
}

.result h3 span i {
	float:left;
	padding:8px;
	background:#fff;
	margin:2px 10px 0 1px;
}


.description table,.description td {
	border:none;
}

.height40 {
	height:40px;
}

.description {
	margin:0 180px 0 20px;
	
	color:#000;
	padding:10px 20px;
	/*min-height:143px;*/
}

.descriptioncolor {
	margin:0 0 10px 20px;
	/*background:url(../include/images/text.png);*/
	color:#000;
	padding:0px 20px;
}

.description p {
	margin:0;
	padding:0;
	line-height:130%;
}

.finder-results .add-to-basket-pack {
	padding:15px 20px;
	background:red;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:18px;
	font-weight:700;
	margin:0;
}

.info-content {
	margin: 0;
	padding: 0;
	background:url(../include/images/contact-map.png);	
	border-bottom:1px solid #777;
}

.info-content:after {
	content: '';
	display: block;
	clear: both;
}

.startgallery {
	cursor:pointer;
}

.colors.pp {
	position: absolute;
	top: 0;
	left: 5px;
}

.colors.pp .color {
	float: none;
	margin:0 4px 8px 4px;
}

.colors.pp .color:after {
	content: "";
	display: block;
}

.tech-options:after {
	content: '';
	display: block;
	clear: both;
}

.colors.pp {
	clear:both;
	padding:10px 0 5px;
}

.colors {
	clear:both;
	padding:30px 0 5px;
}

.colors .color.active {
	border: 1px solid black;
}

.colors .lab {
	float:left;
	font-size:15px;
	padding:4px 10px 0 0;
}

.parameters .lab {
	float:left;
	font-size:15px;
	padding:12px 10px 0 0;
}

.parameters .parameter {
	display: inline-block;
	padding: 10px 20px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;	
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer;
	margin: 0 5px;
}

.parameters .parameter.active {
	border: 1px solid #000;
}

.parameters .parameter:hover {
	background: #f7f7f7;
}

.descriptioncolor .colors .lab {
	padding:8px 10px 0 0;
}

.colors .color {
	float:left;
	width:25px;
	height:25px;
	cursor:pointer;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:0 8px;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
}

.colors .color.active {
/*border: 1px solid black;*/
}

.colors .color-pack {
	float:left;
	width:34px;
	height:34px;
	cursor:pointer;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:0 4px;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	border: 2px solid white;
}

.colors .color-pack.active {
/*border: 1px solid black;*/
}

.finder-related-products {
	padding: 0 35px 20px 35px;
}

.finder-related-products .f-product {
	float: left;
	width: 23%;
	margin: 1%;
	position: relative;
}

.finder-related-products .f-product h3 {
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 110%;
	font-size: 13px;
}

.f-title {
	float: left;
	font-size: 14px;
	background: #f91818;
	text-align: center;
	padding: 7px 30px;
	color: white;
	margin: 0px 0 0 10px;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

.f-title.alone {
	margin: 0 0 0 1%;
}

.fto {
	margin: 0 0 10px 35px;
}

.f-title:hover, .f-title.alone:hover {
	background: #df0404;
}

.finder-related-products .f-title-products {
	display: none;
}

.finder-related-products span {
	color: black;
	padding: 12px 0 0 0;
	font-size: 13px;
	float: left;
	font-weight: 400;
}

.finder-related-products .f-to-basket {
	background:url(../include/images/to-basket-2.svg) no-repeat;
	background-size:100%;
	cursor:pointer;
	width:25px;
	height:25px;
	float: left;
	margin: 8px 7px 0 0;
}

.finder-results .result h3 span {
	position:absolute;
	right:10px;
	top:10px;
	border: none;
	padding: 10px;
	background: none;
	color: white;
	font-size:18px;
	background: #001c27;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.finder-results .result h3 span i {
	float:right;
	padding:0 5px 0 0;
	background:none;
	margin:0;
	font-weight: 300;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
}

.finder-results .result h3 span i sup {
	font-size: 11px;
}

.finder-results .result h3 span u {
	text-decoration: none;
	font-size: 12px;
}

.finder-results .result h3 span span {
	float: left;
	background: url(../include/images/to-basket-2.svg) no-repeat;
	background-size: 100%;
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: relative;
	right: auto;
	top: auto;
	margin: -1px 15px 0 0;
}

.text-container-merged {
	margin: 20px 0 0 0;
	background: rgb(239,239,239);
	background: linear-gradient(0deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
	padding: 20px 20px 0 20px;
}

.text-container-merged h2 {
	padding: 10px 0 0 10px;
	font-weight: 500;
	font-size: 19px;
}

.text-container-merged ul {
	margin: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.text-container-merged .text {
	padding-bottom: 0;
}

.text-container-merged,
.text-container-merged .text,
.text-container-merged ul,
.text-container-merged li {
	max-width: 100%;
}

.text-container-merged .sentence,
.text-container-merged .phrase,
.text-container-merged .word {
	white-space: normal !important;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.basket {
	padding-bottom: 50px;
}

.basket:after {
	content: '';
	display: block;
	clear: both;
}

.basket-item {
	padding: 10px 0;
	border-bottom: 1px solid #F2F2F2;
}

.basket-item:after {
	content: '';
	display: block;
	clear: both;
}

.basket-item-image {
	float: left;
	width: 20%;	
	padding: 10px;
}

.basket-item-title a {
	color: black;
}

.basket-item-image img {
	width: 100%;
	border: 1px solid #e0e0e0;
	/*padding: 10px;*/
	height: auto;
	max-width: 180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.basket-item-remove,
.basket-item-remove {
	cursor: pointer;
}

.basket .product-name {
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
}

/*
.basket-item-image img {
	float: left;
	border: 1px solid #efefef;
	border-radius: 10px;
}
*/

.basket-item-title {
	float: left;
	width: 40%;
	padding: 10px 0 0 0;
}

.basket-item-price {
	float: left;
	width: 20%;
	padding: 10px 0 0 0;
	font-size: 16px;
	font-weight: 600;
}

.basket-item-price span {
	font-size: 13px;
	display: inline-block;
	padding-left: 10px;
	font-weight: 400;
}

.basket-item-quantity {
	float: left;
	width: 10%;
	padding: 5px 0 0 0;
}

.basket-item-remove {
	float: left;
	width: 10%;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 16px;
}

.basket-total {
	font-weight: 700;
	padding: 20px 0 0 0;
	font-size: 16px;
}

.basket-total:after {
	content: '';
	display: block;
	clear: both;
}

.basket-total .left {
	float: left;
	width: 85%;
	text-align: right;
	padding: 5px 0;
}

.basket-total .right {
	float: right;
	width: 15%;
	text-align: center;
	padding: 5px 0;
}

.basketcount {
	width: 50px;
	padding: 8px 10px;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: 400;
}


.order {
	padding: 0 10px 50px 10px;
	/*
	background: #f3f3f3;
	background: white;
	*/
}

.order .left {
	float: left;
	width: 55%;
	padding: 0 5% 30px 0px;
}

.order .right {
	float: right;
	width: 45%;
	padding: 40px 0px 20px 20px;
	margin: 0;
}



.form .input.radio div {
	text-align: left;
	padding: 5px 0 5px 20px;
}

.form .input div input {
	float: left;
	width: auto;
	margin: 1px 10px 0 0;
}


/* Forms
	-----------------------------------------------------*/

.form {
	width: 100%;
	margin: 10px auto;
	padding: 0;
}

.form .column {
	float: left;
	width: 46%;
}


.form .column.first {
	margin-left: 0;
	width: 48%;
}

.form .column.last {
	margin-right: 0;
	width: 48%;
}

.form .title {
	text-align: center;
	font-size: 20px;
	line-height: 110%;
	padding: 0 0 10px 0;
	font-weight: 400;
}

.form .subtitle {
	font-weight: 300;
	padding: 25px 0 5px 0;
	clear: both;
	font-size: 19px;
	font-weight: 400;
}


.form .subtitle.space {
	padding: 25px 0 5px 0;
}


.form .field {
	width: 100%;
	position: relative;
	margin: 7px 0;
	clear: both;
	float: left;
}

.form .field.half {
	width: 49%;
}

.form .field.third23 {
	width: 69%;
}

.form .field.third13 {
	width: 29%;
}


.form .field.third34 {
	width: 80%;
}

.form .field.third14 {
	width: 18%;
}

.form .field.checkbox.link a {
	text-decoration: underline;
}

.form .field.last {
	float: right;
	clear: none;
}

.form .field .select select {
	padding: 10px;
	font-size: 14px;
}

.product .form .field {
	width: 120px;
	float: none;
}

.msg {
	font-size: 16px;
	line-height: 150%;
}

.msg.green {
	color: green;
}

.msg .green {
	color: green;
	text-align: center;
	padding: 20px 0;
	font-size: 18px;
}

.form .field.msg,
.form .field.discountmsg {
	text-align: center;
	color: red;
	font-weight: 400;
	padding: 5px 0 5px 5px;
	display: none;
	margin: 0;
}

.form .field.discountmsg {
	text-align: left;
}

.form .field.msg p,
.form .field.discountmsg p {
	padding: 0;
	margin: 0;
}

.discountprice {
	display: none;
	color: red;
}

.form .field label {
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 11px;
	color: #999;
	line-height: 110%;
	display: none;
	font-weight: normal;
}

.companyfield {
	display: none;
}

/*
.form .field.checkbox span {
	padding: 0px 0 0 10px;
	float: left;
}*/

.form .field.checkbox p {
	margin: 0;
	padding: 0;
}

.form .field.checkbox .icheckbox_flat-grey {
	float: left;
	margin-right: 10px;
}

.form .field.radio .iradio_flat-grey {
	float: left;
	margin-right: 10px;
}

.form .field.radio span {
	padding: 0 0 0 0px;
	float: left;
}


.form .field input.oinput,
.form .field textarea.otextarea {
	width: 100%;
	background: white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 0 1px #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 11px 10px 12px 10px;
	line-height: 110%;
	margin: 0;
	outline: none;
	border: none;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}

.form .field input.oinput.error,
.form .field textarea.otextarea.error {
	box-shadow: 0 0 0 2px red !important;
}

.form .select2-container .select2-selection--single.error {
	border: 2px solid red !important;
}

.form .field input.oinput.correct,
.form .field textarea.otextarea.correct {
	box-shadow: 0 0 0 1px #81bc56 !important;
}

/*
.form .select2-container .select2-selection--single.correct {
	box-shadow: 0 0 0 1px #81bc56;
}*/

.form .select2-container--default .select2-selection--single.correct {
	border: 1px solid #81bc56 !important;
}

.form .correct .select2-container--default .select2-selection--single {
	border: 1px solid #81bc56;
}

.form .field input[type=button].oinput {
	background: #ccc;
	text-align: center;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 16px;
	padding: 12px 15px;
	margin-top: 5px;
}

.form .field input[type=button].oinput.discountbutton {
	margin-top: 0px;
	padding: 12px 15px;
	border: none;
}

.form .field input[type=button].oinput:hover {
	background: #aaa;
}

.form .field input.oinput.active,
.form .field textarea.otextarea.active {
	padding: 19px 10px 4px 10px;
}


.form .field input.oinput:focus,
.form .field textarea.otextarea:focus {
	box-shadow: 0 0 0 2px #909ba7;
}

.form .field .acceptrules .icheckbox_flat-aero {
	float: left;
}

.form .field .acceptrules span {
	float: left;
	padding: 3px 0 0 10px;
}

.form .links {
	clear: both;
	text-align: center;
	padding: 10px 0 0 0;
}

.form .select2-container {
	text-align: left;
}

.form .select2-container .select2-selection--single {
	height: 40px;
}

.form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}

.form .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 6px;
}

.select2-search--dropdown .select2-search__field {
	padding: 7px;
	font-size: 13px;
	outline: none;
}

.form .links span {
	display: inline-block;
	font-weight: 400;
	padding: 0 10px;
	font-size: 15px;
	cursor: pointer;
}

.form .field label.show {
	display: block;
}

.ordcont {
	clear: both;
	text-align: left;
}

.ord1 {
	float: left;
	width: 25%;
	padding: 10px 0;
	position: relative;
}

.ord1 img {
	width: 90%;
	border: 1px solid #e0e0e0;
	/*
	padding: 10px;
	*/
	height: auto;
}

.ord2 {
	float: left;
	width: 50%;
	padding: 10px;
	font-weight: 600;
}

.ord3 {
	float: left;
	width: 25%;
	text-align: right;
	padding: 10px 0;
}

.ord4 {
	float: left;
	width: 70%;
	padding: 5px 0;
	font-size: 16px;
}

.ord4.gray,
.ord5.gray {
	color: gray;
	font-size: 14px;
}

.ord5 {
	float: left;
	width: 30%;
	text-align: right;
	padding: 5px 0;
	font-size: 16px;
	font-weight: 400;
}

.ordline {
	clear: both;
	padding: 5px;
	height: 10px 0;
	margin: 10px 0;
	border-top: 1px solid #ccc;
}

.ordcont .ord1 span {
	position: absolute;
	top: 0;
	right: 11px;
	width: 22px;
	height: 22px;
	text-align: center;
	background: #000;
	color: white;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	line-height: 22px;
	text-align: center;
}

.checkout {
	padding-top: 10px;
	clear: both;
	position: relative;
}

.checkout input {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: 300;
}

.thanks {
	font-size: 16px;
	font-weight: 600;
	color: green;
	padding: 20px;
}


.nothanks {
	font-size: 16px;
	font-weight: 600;
	color: red;
	padding: 20px;
}

.cancelmsg {
	background: #f3f3f3;
	margin: 20px 0 0 0;
	box-shadow: 0 0 0 2px red;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 13px 20px;
	color: red;
	font-size: 14px;
}

.cancelmsg ul {
	margin: 0;
	padding: 0 0 0 25px;
}

.rules a span:hover {
	text-decoration: underline;
}

.nothing {
	padding: 10px;
	font-size: 16px;
}

.info {
	padding: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: red;
}

.info p {
	padding: 3px 0;
}

.fas.fa-info-circle {
	display: inline-block;
	padding-left: 5px;
	color: #3B3B3B;
	font-size: 16px;
	cursor: pointer;
}

.field.checkbox.rules a {
	color: black;
}

.checkout input {
	display: block;
	background: black;
	padding: 13px 20px;
	margin: 0 0 0 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	color: white;
	text-transform: uppercase;
}

.checkout input:hover {
	background: #333;
}

.deliveries {
	padding: 30px 0 20px 0;
}

.deliveries .title {
	font-weight: 600;
	font-size: 15px;
	padding-bottom: 5px;
}

.category.accessories {
	padding-bottom: 30px;
}

.category:after {
	content: '';
	display: block;
	clear: both;
}


.payment-method {
	float: left;
	/*width: 23.5%;*/
	width: 32%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 1%;
	cursor: pointer;
	position: relative;
}

.payment-method:nth-child(3n+1) {
	margin: 1% 1% 1% 0;
}

.payment-method:nth-child(3n) {
	margin: 1% 0 1% 1%;
}

.delivery-method {
	float: left;
	width: 32%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 1%;
	cursor: pointer;
	position: relative;
}

.delivery-method:nth-child(3n+1) {
	margin: 1% 1% 1% 0;
}

.delivery-method:nth-child(3n) {
	margin: 1% 0 1% 1%;
}

.payment-method, .delivery-method {
	display: inline-block;
	position: relative;
}

.payment-method .container img {
	height: 60%;
	width: 100%;
	max-width: 100px;
	object-fit: contain;
	position: relative;
	z-index: 2;
	display: inline-block;
}

.delivery-method .container img {
	height: 50%;
	width: 100%;
	object-fit: contain;
	position: relative;
	z-index: 2;
	display: block;
}

/* Customize the label (the container) */
.form .field .payment-method label.container {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 20px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 60px;
	max-height: 60px;
	text-align: center;
	left: 0px;
}

.form .field .delivery-method label.container {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 20px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 80px;
	max-height: 80px;
	text-align: center;
	left: 0px;
}


.form .field .payment-method:after, .form .field .delivery-method:after {
	content: "";
	position: absolute;
	display: none;
}

.payment-method .payment-name, .delivery-method .delivery-name  {
	position: absolute;
	bottom: 10px;
	left: 20px;
	right: 20px;
	text-align: center;
	z-index: 3;
	font-size: 12px;
	color: #333;
	line-height: 110%;
}

.payment-block, .delivery-block {
	padding: 0 0 50px 0;
}

.payment-block:last-child, .delivery-block:last-child {
	padding: 0;
}

.payment-block:after, .delivery-block:after {
	content: '';
	display: block;
	clear: both;
}

/* Hide the browser's default checkbox */
.payment-method .container input, .delivery-method .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.payment-method .checkmark, .delivery-method .checkmark {
	/*
	position: absolute;
	top: 5px;
	left: 5px;
	height: 25px;
	width: 25px;
	background-color: blue;
	border-radius: 50%;
	*/

	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: white;
	z-index: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.payment-method .container:hover input~.checkmark, .delivery-method .container:hover input~.checkmark {
	background-color: #f8f8f8;
}

/* When the checkbox is checked, add a blue background */
.payment-method .container input:checked~.checkmark, .delivery-method .container input:checked~.checkmark {
	background-color: #f7f7f7;
	border: 2px solid #8dba63;
}

/* Create the checkmark/indicator (hidden when not checked) */
.payment-method .checkmark:after, .delivery-method .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.payment-method .container input:checked~.checkmark:after, .delivery-method .container input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.payment-method .container .checkmark:after, .delivery-method .container .checkmark:after {
	/*
	top: 8px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: yellow;
	*/
}

.vatcheckbox {
	padding: 10px 0 0 0;
}

.delivery-address {
	display: none;
}

.menulines {
	display: none;
	cursor: pointer;
	position: relative;
	float: left;
	padding: 10px 10px 10px 10px;
}

.menulines .lines {
	float: left;
	display: inline-block;
	max-width: 35px;
	width: 7vw;
}

.menulines .title {
	float: left;
	color: #000;
	padding: 5px 0 0 10px;
	font-weight: 300;
	font-size: 11px;
}

.bar1,
.bar2,
.bar3 {
	width: 100%;
	/*height: 5px;*/
	height: 2px;
	background-color: #333;
	margin: 6px 0;
	transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
	/*
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  transform: rotate(-45deg) translate(-9px, 6px) ;*/

	-webkit-transform: rotate(-45deg) translate(-6px, 5px);
	transform: rotate(-45deg) translate(-6px, 5px);
}

/* Fade out the second bar */
.change .bar2 {
	opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
	/*
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;*/
	-webkit-transform: rotate(45deg) translate(-6px, -5.5px);
	transform: rotate(45deg) translate(-6px, -5.5px);
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

.support {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	background: #3b393d;
	text-align: center;
	color: white;
}

.support a {
	color: white;
}


.support a.mwaze {
	display: inline-block;
	margin: 10px 15px;
	width: 4vh;
	height: 4vh;
	background: url(../include/images/waze.png) no-repeat center center;
	background-size: 100% 100%;
}

.support a.mwhatsapp {
	display: inline-block;
	margin: 10px 15px;
	width: 4vh;
	height: 4vh;
	background: url(../include/images/whatsapp.png) no-repeat center center;
	background-size: 100% 100%;
}

.support a.call {
	display: inline-block;
	margin: 10px 15px;
	width: 4vh;
	height: 4vh;
	background: url(../include/images/call.png) no-repeat center center;
	background-size: 100% 100%;
}

.support a.working-hours {
	display: inline-block;
	margin: 10px 15px;
	width: 4vh;
	height: 4vh;
	background: url(../include/images/working-hours.png) no-repeat center center;
	background-size: 100% 100%;
}

.support a.email {
	display: inline-block;
	margin: 10px 15px;
	width: 4vh;
	height: 4vh;
	background: url(../include/images/mail.png) no-repeat center center;
	background-size: 100% 100%;
}

.esto {
	padding: 20px 0;
}

.esto .item {
	display: inline-block;
	padding: 20px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 70px;
	max-height: 70px;
	text-align: center;
	width: 18%;
	margin: 0 1% 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.esto .item  img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	position: relative;
	z-index: 2;
	display: inline-block;
}


.spinner {
	display: none;
	position: absolute;
	top: 17px;
	left: 8px;
	width: 30px;
	height: 30px;
	border: 3px solid #fff;
	border-bottom-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

.spinner.gray {
	width: 24px;
	height: 24px;
	border: 3px solid #999;
	border-bottom-color: transparent;
	border-radius: 50%;
	left: auto;
	right: 11px;
	top: 7px;
}

header .search .spinner.gray {
	right: 12px;
	top: 6px;
}

.checkout input[type="button"].loading {
	background: #555;
}

.used {
	
}

.used .contact-us {
	font-size: 20px;
	font-weight: 500;
	padding: 20px 0 10px 0;
}

.used .contact-us-possibility {
	padding: 6px 0;
}

.used .contact-us-possibility:after {
	content: '';
	display: block;
	clear: both;
}

.used a {
	color: black;
	font-size: 15px;
}

.used i {
	width: 33px;
	font-size: 22px;
	float: left;
}
.used span {
	float: left;
}

.used .topmargin4 {
	padding-top: 4px;
}

.used .topmargin3 {
	padding-top: 3px;
}

.used .fab.fa-whatsapp {
	font-size: 26px;
}

.ui-widget-content {
	max-width: 50%;
	padding: 10px;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}

.ui-widget-content ::-webkit-scrollbar {
	display: none;
}




.ui-widget-content li {
	width: 50%;
	float: left;
	padding: 7px;
	box-sizing: border-box;
}

.ui-widget-content li a {
	display: block;
	color: #000;
	text-decoration: none;
}

.ui-widget-content li a:hover {
	color: #000;
	text-decoration: none;
}

.ui-autocomplete.ui-widget-content .ui-state-active,
.ui-autocomplete.ui-widget-content .ui-state-focus {
	margin: 0;
	border: 0;
	background: none;
	color: #000;
}


.ui-widget-content li .sc img {
	width: 100%;
	height: auto;
}

.ui-widget-content li .sc-image {
	float: left;
	width: 30%;
	margin: 0 10px 10px 0;
}

.ui-widget-content li .sc-content {
	float: right;
	width: 65%;
}

.ui-widget-content li .sc-name {
	font-weight: bold;
	line-height: 130%;
	font-size: 13px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ui-widget-content li .sc-code {
	color: #777;
	font-size: 11px;
	line-height: 130%;
	padding-top: 4px;
}

.ui-widget-content li .sc {
	padding: 16px;
	height: 160px;
	background: #fff;
	border: 1px solid #eeeeee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.06);
	box-shadow: 0 8px 20px rgba(0,0,0,0.06);
	-webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
} 

.ui-widget-content li .sc:hover {
	border-color: #e2e2e2;
	-webkit-box-shadow: 0 10px 24px rgba(0,0,0,0.09);
	box-shadow: 0 10px 24px rgba(0,0,0,0.09);
}

.ui-widget-content li .sc:after {
	content: '';
	display: block;
	clear: both;
} 


.ui-widget-content li .sc-price {
	color: #E52524;
	font-weight: 16px;
	font-weight: bold;
	padding: 10px 0;
}

.ui-widget-content li:nth-child(2n+1) {
	clear: both;
}

.ui-widget-content li .sc-price i.old {
	padding: 0 0 0 20px;
	display: inline-block;
	color: #666;
	font-weight: 400;
	text-decoration: line-through;
	font-style: normal;
}


@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



.basket-summary {
	position: absolute;
	top: 50px;
	right: 30px;
	z-index: 9999999999;
	background: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15);
	min-height: 100px;
	min-width: 200px;
	padding: 20px;
	animation: fadeInAnimation ease .5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	max-width: 350px;
	width: 100%;
}

.bs-title {
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	padding: 5px 0 15px 0;
}

.basket-summary .ord1 {
	width: 35%;
}

.basket-summary .ord1 img {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ccc;
}

.basket-summary .ord2 {
	line-height: 110%;
	width: 65%;
	font-size: 13px;
	font-weight: 500;
}


.basket-summary .ordcont .ord1 span {
	right: 3px;
}

.basket-summary .ord2 span {
	display: block;
	font-weight: 700;
	font-size: 15px;
	padding: 10px 0;
}

.basket-summary .bs-products:after, .basket-summary:after {
	content: '';
	display: block;
	clear: both;
} 

.basket-summary .bs-close {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	font-size: 20px;
	color: #333;
}

.basket-summary .bs-close:hover {
	color: #666;
}

.basket-summary .bs-button {
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 40%;
}

.basket-summary .bs-button a {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: black;
	border: 1px solid #0d384f;
	border: none;
	outline: none;
	color: white;
	padding: 12px 20px;
	font-family: 'Cairo', sans-serif;
	font-size: 16px;
	line-height: 105%;
	cursor: pointer;
	display: block;
	text-align: center;
}

.basket-summary .bs-total {
	float: right;
	width: 48%;
	text-align: right;
	padding: 0 10px;
	display: block;
}

.basket-summary .bs-total span {
	color: #666;
	line-height: 110%;
}

.basket-summary .bs-total p {
	padding: 0 0 10px 0;
	margin: 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 110%;
}

@keyframes fadeInAnimation {
	0% {
		top: 100px;
		opacity: 0;
	}

	100% {
		top: 150px;
		opacity: 1;
	}
}


.basket-summary:after{
	display: block;
	content:''; /* Required to display content */
	position: absolute; /* Sets the position absolute to the top div */
	top: 0;
	right: 10%;/* position the little arrow */
	margin-left: -15px;
	margin-top:-15px; /* Set margin equal to border px */
	width: 0;
	z-index:1;
	height: 0;
	border-bottom: solid 15px #FFF; /* Creates the arrow pointing up, to change to a notch instead user border-top */
	border-left: solid 15px transparent; /* Creates triangle effect */
	border-right: solid 15px transparent; /* Creates triangle effect */
	
}

.popup {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../include/images/popup.png);
	padding: 0;
	margin: 0;
	z-index: 998;
	top: 0;
	left: 0;
	min-width: 1000px;
	text-align: center;
	display: none;
}

.popup.white {
	background: url(../include/images/popup-white-80.png);
}

.popup.fixed {
	position: fixed;
}

.popup.visible {
	display: block;
}

.popup-content {
	position: relative;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.popup-content.large {
	width: 900px;
	margin: 200px auto 50px;
	padding: 20px 25px;
}

.popup-content.small {
	width: 600px;
	margin: 200px auto 50px;
	padding: 20px 25px;
}

.popup-content.xsmall {
	width: 500px;
	margin: 200px auto 50px;
	padding: 20px 25px;
}

.popup-content.middle {
	width: 700px;
	/*margin:150px auto 50px;*/
	padding: 40px 25px;
	text-align: center;
}

.popup-content.middlev {
	width: 900px;
	/*margin:150px auto 50px;*/
	padding: 40px 25px;
	text-align: center;
	background: black;
}

.popup-content.middlexx {
	width: 700px;
	margin: 150px auto 50px;
	padding: 40px 25px;
	text-align: center;
}

.popup-content.bmiddle {
	width: 960px;
	margin: 150px auto 50px;
	padding: 30px;
	text-align: center;
}

.close {
	position: absolute;
	top: 12px;
	right: 10px;
	cursor: pointer;
	font-size: 20px;
	color: #333;
}

.close:hover {
	color: #666;
}



.google-reviews {
	margin: 40px 3% 20px 3%;
	position: relative;
}

.google-reviews:after, .google-reviews .review-top:after, .google-reviews .review-header:after {
	content: '';
	display: block;
	clear: both;
}

.google-reviews .review-header {
	padding: 20px 0 10px 10px;
	line-height: 150%;
}

.google-reviews a {
	position: absolute;
	top: 18px;
	right: 0;
	padding: 8px 20px;
	font-size: 15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #817786;
	color: white;
	font-weight: 400;
	line-height: 20px;
}

.google-reviews .review-header a:hover{
	background: #706875;
}

.google-reviews .review-title {
	float: left;
	font-size: 27px;
	font-weight: 300;
	line-height: 120%;
}

.google-reviews .review-title span {
	display: inline-block;
}

.google-reviews .review-container {
	display: flex;
	flex-wrap: wrap;
}

.google-reviews .review {
	float: left;
	width: 31.33%;
	border: 1px solid #ccc;
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: white;
	margin: 1.5%;
	flex-grow: 1;
}

.google-reviews .review-container .review:nth-child(3n - 2) {
	margin: 1.5% 1.5% 1.5% 0;
}

.google-reviews .review-container .review:nth-child(3n) {
	margin: 1.5% 0 1.5% 1.5%;
}

.google-reviews .review-left {
	float: left;
	width: 80px;
}

.google-reviews .review-right {
	float: right;
	width: calc(100% - 80px);
}

.google-reviews .author {
	font-weight: 600;
	font-size: 16px;
	text-align: left;
}

.google-reviews .author-photo {
	width: 64px;
}

.google-reviews .author-photo img {
	width: 100%;
	height: auto;
}

.google-reviews .review-date {
	clear: both;
	font-size: 13px;
	color: gray;
	text-align: left;
}

.google-reviews .review-text {
	padding: 10px 5px 0 5px;
	font-size: 14px;
	line-height: 150%;
	color: #333;
	text-align: left;
}

.google-reviews .stars {
	padding: 3px 0 0 0;	
	float: left;
}

.google-reviews .star {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../include/images/star-gray.png) no-repeat;
	background-size: 100% auto;
}

.google-reviews .star.green {
	background: url(../include/images/star-green.png) no-repeat;
	background-size: 100% auto;
}

.google-reviews .rating {
	float: left;
	padding: 1px 0 0 5px;
	color: #666;
}

#popup-review {
	position: fixed;
	bottom: -300px;
	left: 15px;
	width: 450px;
	z-index: 999999;
	opacity: 0;
	
	
	animation: slideInReview ease 6.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 6s;
}

@keyframes slideInReview {
	0% {
		bottom: -100px;
		opacity: 0;
	}

	5% {
		bottom: -10px;
		opacity: 1;
	}
	
	95% {
		bottom: -10px;
		opacity: 1;
	}
	
	100% {
		bottom: -300px;
		opacity: 0;
	}
}

#popup-review .re-close {
	position: absolute;
	top: 15px;
	right: 17px;
	cursor: pointer;
	font-size: 20px;
	color: #333;
}


#popup-review .re-close:hover {
	color: #666;
}

#popup-review .google-reviews .review {
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}

.tiktok-product-container {
	background: white;
	padding: 10px 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 40px;
	margin-top: 20px;
	float: left;
	width: 100%;
}

.tiktok-container {
	background: white;
	padding: 10px 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 40px;
	margin-top: 20px;
	float: left;
	width: 100%;
}

.tiktok-container:after {
	content: '';
	display: block;
	clear: both;
}

.tiktok-container .tiktok {
	float: left;
}

.tiktok-popup {
	display: none;
	position: absolute;
	top: 280px;
	right: 160px;
	border: 5px solid #000;
	width: 335px;
	height: 766px;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	z-index: 999999;
}

.tiktok-popup blockquote {
	margin: 0;
}

.blog-items {
	display: flex;
	flex-wrap: wrap;
}

.blog-items:after {
	content: '';
	display: block;
	clear: both;
}

.blog-item {
	float: left;
	width: 48%;
	flex-grow: 1;
	margin: 2% 1% 2% 0;
}

.blog-item:nth-child(2n) {
	float: right;
	margin: 2% 0 2% 1%;
}

.blog-item .blog-image {
	height: calc(100% - 40px);
}

.blog .text img {
	width: 100%;
	height: auto;
}

.blog-item .blog-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.blog-item h4 {
	font-weight: 400;
	padding: 15px 0 15px 10px;
	font-size: 20px;
}

.blog-item a {
	color: black;
}




/*
.blog .text img {
	height: auto !important;
}
*/

/*desktops - higher resolution*/
@media (min-width: 1900px){
	/*
	.inner.nopadding {
		padding: 0 20px;
	}
	*/
}

/*desktops - higher resolution*/
@media (min-width: 1281px){
	
}

/*laptops, desktops*/
@media (min-width: 1025px) and (max-width: 1280px){
	
} 

/*tablets, ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1024px){
	
}

/*low resolution tablets, mobiles (landscape)*/
@media (min-width:481px) and (max-width: 767px){
		
}

@media (min-width:481px){
	
}

/*smartphones mobiles (portrait)*/
@media (min-width: 0px) and (max-width:480px){
	
	.menulines {
		display: block;
		float: left;
	}
	
	.menu, nav, .desktop {
		display: none;
	}
	
	.mobile {
		display: block;
	}
	
	.logo.mobile {
		display: block;
	}
	
	header {
		padding: 0;
	}
	
	.topline {
		display: none;
		text-align: center;
	}
	
	.logo {
		position: absolute;
		padding: 5px 0;
		top: 0;
		left: 50%;
		margin-left: -75px;
	}
	
	.bottomline form div  {
		display: none;
	}
	
	.bottomline .options .option span {
		display: none;
	}
	
	footer {
		padding-bottom: 100px;
	}
	
	footer ul li {
		float: none;
		width: 100%;
	}
	
	footer ul li.smaller {
		width: 100%;
	}
	
	footer ul li.smallest {
		width: 100%;
	}
	
	footer .partners .partner {
		height: auto;
		display: block;
	}
	
	footer .partners .partner a {
		display: block;
		text-align: center;
		padding: 10px 0;
	}
	
	footer .copyright .left {
		display: block;
		float: none;
		text-align: center;
	}
	
	footer .copyright .right {
		display: block;
		float: none;
		text-align: center;
	}
	
	.products.standard .product, .products.season .product {
		margin: 1.5%;
		width: 47%;
		max-width: 47%;
		flex: 0 0 47%;
	}
	
	.products.standard .product:nth-child(4n - 3) {
		margin: 0;
	}
	
	.products.standard .product:nth-child(4n) {
		margin: 0;
	}
	
	.products.season .product:nth-child(3n - 2) {
		margin: 0;
	}
	
	.products.season .product:nth-child(3n) {
		margin: 0;
	}
	
	.products.standard .product:nth-child(2n - 1) {
		margin: 1.5%;
	}
	
	.products.standard .product:nth-child(2n) {
		margin: 1.5%;
	}
	
	.products.season .product:nth-child(2n - 1) {
		margin: 1.5%;
	}
	
	.products.season .product:nth-child(2n) {
		margin: 1.5%;
	}
	
	.section .title {
		font-size: 20px;
	}
	
	main {
		padding-bottom: 0;
	}
	
	.products .product h2 {
		font-size: 14px;
		padding: 10px 10px;
	}
	
	.products.season .product h2 {
		font-size: 14px;
	}

	.products .product .price {
		padding: 0 10px;
		font-size: 16px;
	}
	
	.products .product .price i.old {
		font-size: 14px;
	}
	
	.seo-main {
		padding: 0px;
	}
	
	footer ul ul li:first-child {
		text-align: center;
		font-size: 24px;
	}
	
	footer ul li {
		font-size: 15px;
	}
	
	footer ul ul a {
		font-size: 15px;
	}
	
	footer ul li.secure ul li {
		width: auto;
		display: inline-block;
		vertical-align: middle;
	}
	
	footer .soc {
		text-align: center;
	}
	
	.titulimage .mainfilter {
		position: absolute;
		top: 15px;
		right: 2%;
		left: 2%;
		padding: 15px;
		width: auto;
	}
	
	.titulimage .mainfilter .title {
		padding: 0 10px 5px 40px;
		font-size: 13px;
		background: url(../include/images/mainfilter-roof.png) no-repeat 10px 0;
		background-size: 21px 21px;
		line-height: 24px;
	}
	
	main h1 {
		text-align: center;
		margin: 0 0px 10px 0px;
		padding: 10px 10px;		
		font-size: 16px;
	}
	
	main.inside {
		padding: 80px 10px 50px 10px;
	}
	
	.languages .fa-globe {
		/*display: none;*/
	}
	
	header .options .option a {
		display: inline-block;
		padding: 8px 10px;
		font-size: 12px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		line-height: 20px;
		position: relative;
		margin-right: 10px;
		margin-top: 7px;
	}
	
	header .options .fa-shopping-basket {
		padding: 0;
	}
	
	header .bottomline {
		padding: 5px 0;
		/*background: rgb(208, 237, 156);*/
	}
	
	header .fa-search {
		left: 0px;
		top: 7px;
		padding: 8px;
		cursor: pointer;
	}
	
	.titulimage {
		height: 800px;
		max-height: 60vh;
	}
	
	.product .images {
		float: none;
		width: 100%;
	}
	
	
	.product .data {
		clear: both;
		float: none;
		width: 100%;
		padding: 20px 0;
	}
	
	.product .data h1 {
		font-size: 20px;
		clear: both;
		padding: 10px 0;
		margin-bottom: 10px;
	}
	
	.product .images .thumbs span {
		float: left;
		width: 30.666%;
		height: 30vw;
		margin: 2%;
		text-align: center;
		background: white;
	}
	
	/*
	.product .images .thumbs span:nth-child(4n) {
		margin:2% 2% 2% 0;
	}
	
	.product .images .thumbs span:nth-child(4n+1) {
		margin: 2% 0 2% 2%;
	}*/
	
	.product .images .thumbs span:nth-child(3n-2) {
		margin: 2% 2% 2% 0;
	}
	
	.product .images .thumbs span:nth-child(3n) {
		margin: 2% 0% 2% 2%;
	}
	
	/*
	
	.product .images .thumbs span:nth-child(2n) {
		margin:0 0 0 10%;
	}
	
	
	.product .images .thumbs span:nth-child(1n+1) {
		margin: 0 1% 0 0;
	}
	*/
	
	
	.product .data button,
	.toorder input {
		width: 100%;
		padding: 12px 26px;
		margin-right: 0;
		font-size: 17px;
	}
	
	.product {
		margin-top: 0px;
		margin-bottom: 50px;
		width: 100%;
	}
	
	.producttext {
		padding: 0;
	}
	
	.product .data button,
	.toorder input {
		margin-bottom: 15px;
	}
	
	.producttext iframe {
		height: 300px;
	}
	
	main {
		padding-top: 80px;
	}
	
	nav {
		display: block;
	}
	
	.menu {
		width: 100%;
		padding-bottom: 50px;
		z-index: 999;
		position: fixed;
		top: 65px;
		left: 0;
		bottom: 0;
		overflow-y: scroll;
		
	}
	
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 65px;
		z-index: 1000;
		background: #fff;
	}
	
	.social {
		display: none;
	}
	
	.menu nav ul ul li:hover > ul {
		display: none;
	}
	
	.basket-item {
		position: relative;
		padding: 10px 0px;
		border-bottom: 1px solid #F2F2F2;
		margin-bottom: 20px;
	}
	
	.basket-item:after {
		content: '';
		display: block;
		clear: both;
	}
	
	.basket-item-image {
		float: left;
		width: 30%;
		min-height: 100px;
		text-align: left;
	}
	
	.basket-item-image img {
		width: 100%;
		height: auto;
	
	}
	
	.basket-item-title {
		float: left;
		text-align: left;
		width: 60%;
		font-size: 13px;
		line-height: 130%;
		padding: 10px 10% 0 0;
	}
	
	.basket-item-price {
		clear: both;
		float: left;
		padding: 17px 0 0 15px;
		position: relative;
		right: auto;
		bottom: auto;
		font-weight: 700;
		width: auto;
		font-size: 18px;
	}
	
	.basket-item-price span {
		font-size: 13px;
	}
	
	.basket-item-quantity {
		float: right;
		width: auto;
		padding: 5px 10px 0 0;
	}
	
	.basket-item-remove {
		position: absolute;
		float: none;
		top: 20px;
		right: 5px;
		padding: 0px 5px;
		font-size: 19px;
		width: auto;
	}
	
	.basket-total {
		font-weight: 700;
		padding: 0;
	}
	
	.basket-total:after {
		content: '';
		display: block;
		clear: both;
	}
	
	.basket-total .left {
		float: left;
		width: 60%;
		text-align: right;
		padding: 5px 0;
	}
	
	.basket-total .right {
		float: left;
		width: 37%;
		text-align: right;
		padding: 5px 0;
	}
	
	.basketcount {
		font-size: 16px;
	}
	
	.basket .toorder {
		padding: 30px 20px 30px 20px;	
	}	
	
	.basket .toorder:after {
		content: '';
		display: block;
		clear: both;
	}
	
	.order {
		padding: 0 20px;
	}
	
	.ord4 {
		padding: 5px 0;
	}
	
	.ord5 {
		padding: 5px 0;
	}
	
	.product .data button,
	.toorder input {
		margin-bottom: 15px;
	}
	
	
	.order .right {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.order .left {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.basketcount {
		font-size: 16px;
	}
	
	
	.form .field input.oinput,
	.form .field textarea.otextarea {
		font-size: 16px;
	}
	
	.form .field.half {
		width: 100%;
	}
	
	.form .field.third23 {
		width: 100%;
	}
	
	.form .field.third13 {
		width: 100%;
	}
	
	.form .field.third34 {
		width: 60%;
	}
	
	.form .field.third14 {
		width: 35%;
	}
	
	.basket .count {
		font-size: 16px;
		line-height: 65px;
		padding: 0 10px 0 3px;
	}
	
	.ord1 {
		padding-left: 0;
	}
	
	.payment-method {
		float: left;
		width: 48%;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin: 2%;
		cursor: pointer;
		position: relative;
	}
	
	.payment-method:nth-child(2n+1) {
		margin: 2% 2% 2% 0;
	}
	
	.payment-method:nth-child(2n) {
		margin: 2% 0 2% 2%;
	}
	
	.cookies {
		font-size: 14px;
	}
	
	.cookies .cc {
		padding: 10px;
		line-height: 1.3rem;
	}
	
	.mainfilter.inside .tab {
		float: left;
		width: 50%;
		padding: 15px 8px;
	}
	
	.mainfilter.inside .tab.fullwidth {
		float: none;
		width: 100%;
	}
	
	.mainfilter.inside {
		padding: 0px 5px;
		margin: 10px 0 30px 0;
	}
	
	.result .largelightgallery {
		float: none;
		width:100%;
		display: block;
	}
	
	.result .thumbs {
		width:100%;		
		margin: 0px;
		background: none;
	}
	
	.result {		
		float: none;		
		display: block;
	}
	
	.result h3 {
		padding:10px 40% 5px 10px;
		margin:0;
		font-size:20px;
	}

	.finder-results .result h3 span {
		right:0px;
	}
	
	.description {
		margin: 0;	
		padding:10px;
		font-size: 15px;
		line-height: 180%;
		font-weight: 400;
	}
	
	.descriptioncolor {
		margin:0;
		padding:0px 10px;
	}
	
	.f-title {
		clear: both;
		float: left;
		display: block;
		margin: 20px 0 0 0;
		width: 100%;
		font-size: 17px;
		padding: 12px 0;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		border-radius:30px;
	}
	
	.finder-related-products {
		padding: 20px 0;
	}
	
	.finder-related-products .f-product {
		float: left;
		width: 48%;
		margin: 1%;
		position: relative;
	}
	
	.finder-related-products .f-product h3 {
		font-size: 15px;
	}
	
	.finder-related-products span {
		padding: 13px 0 0 0;
		font-size: 18px;
	}
	
	.finder-related-products .f-to-basket {
		width:30px;
		height:30px;
	}
	
	.fto {
		margin: 0;
	}
	
	header .search {
		float: left;
		margin: 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		width: auto;
		text-align: left;
		position: relative;
	}
	
	header .fa-search {
		position: relative;
		float: left;
		left: auto;
		top: auto;
		font-size: 19px;
		cursor: pointer;
		padding: 15px 10px 20px 10px;
	}
	
	
	header .fa-search:hover {
		background: none;
	}
	
	header .search input {
		display: none;
		margin-top: 5px;
		padding-left: 20px;
		font-size: 16px;
	}
	
	header .search > div:first-child {
		position: fixed;
		background: white;
		left: 0;
		top: 60px;
		width: 100%;
		bottom: 0;
		overflow-y: scroll;
		z-index: 9999;
		display: none;
		padding: 20px 20px;
	}

	header .search .spinner.gray {
		position: fixed;
		top: 91px;
		right: 30px;
		z-index: 10001;
		pointer-events: none;
	}

	header .search .search-submit-mobile {
		display: block;
		width: 100%;
		margin-top: 12px;
		padding: 12px 16px;
		border: 0;
		border-radius: 24px;
		background: #000;
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		text-align: center;
		-webkit-appearance: none;
		appearance: none;
	}
	
	.languages {
		float: left;
		margin: 0;
		padding: 0;
		color: black;
		text-transform: uppercase;
		font-weight: 500;
		cursor: pointer;
		font-weight: 400;
	}
	
	.languages .fa-globe {
		padding: 17px 10px;
		font-size: 21px;
		float: right;
		height: auto;
		width: auto;		
	}
	
	.languages-container {
		top: 45px;
	}
	
	main h1 strong {		
		font-size: 16px;
	}
	
	.esto {
		text-align: center;
	}
	
	.esto .item {
		height: 70px;
		max-height: 70px;
		text-align: center;
		width: 30%;
		margin: 1%;
	}
	
	.product .advice {
		right:-100px;
		top:15px;
	}
	
	.product .advice.extraright {
		right:-95px;
		top:35px;
	}
	
	.product .label.new, .product .label.discount {
		right:-100px;
		top:15px;
	}
	
	.seo-main .left {
		float: none;
		width: 100%;
	}
	
	.seo-main .left h3 {
		font-size: 20px;
		line-height: 130%;
		font-weight: 600; 
		text-align: center;
		padding: 0 20px;
	}
		
	.seo-main .right {
		float: none;
		width: 100%;
	}
	
	.seo-main .products.season .product {
		width: 100%;
		max-width: 100%;
		margin: 10px 20px;
	}
	
	main.inside, .blog {
		padding: 10px;
	}
	
	main.inside {
		padding-top: 80px;
		padding-bottom: 50px;
	}
	
	.titulimage.bb {
		height: auto;
		max-height: none;
	}
	
	.blog .text h2 {
		font-weight: 600;
		font-size: 18px;
		padding: 15px 0 5px 0;
	}
	
	.blog .text h3 {
		font-weight: 500;
		font-size: 16px;
		padding: 20px 0 5px 0;
	}
	
	.basket-summary {
		right: 8px;
		left: 10px;
		min-height: 100px;
		min-width: none;		
		max-width: none;
		width: auto;
	}
	
	.basket-summary:after{		
		right: 22px;
	}
	
	.brands .left {
		float: none;
		width: 100%;
		padding: 20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.brands .right {
		float: none;
		width: 100%;
		padding: 20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	@keyframes fadeInAnimation {
		0% {
			top: 50px;
			opacity: 0;
		}
	
		100% {
			top: 70px;
			opacity: 1;
		}
	}
	
	.google-reviews .review-header {
		text-align: center;
		padding-bottom: 0px;
	}
	
	.google-reviews {
		text-align: center;
	}
	
	.google-reviews a {
		position: relative;
		top: auto;
		right: auto;
		display: inline-block;
		margin-top: 20px;
	}
	
	.google-reviews .review-title {
		float: none;
		text-align: center;
		font-size: 20px;
		padding-bottom: 20px;
	}
	
	.google-reviews .review-title span {
		display: block;
	}
	
	.google-reviews .review-title span.desktop {
		display: none;
	}
	
	.google-reviews .review {
		float: none;
		width: 100%;
		margin: 1.5%;
	}
	
	.google-reviews .review-container .review:nth-child(3n - 2) {
		margin: 1.5%;
	}
	
	.google-reviews .review-container .review:nth-child(3n) {
		margin: 1.5%;
	}
	
	#popup-review {
		position: fixed;
		bottom: -300px;
		left: 15px;
		width: auto;
		right: 15px;
		
		
		animation: slideInReview ease 6.5s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-delay: 5s;
	}
	
	.blog-item {
		float: none;
		width: 100%;
		flex-grow: 1;
		margin: 2% 0 10% 0;
	}
	
	.blog-item:nth-child(2n) {
		float: right;
		margin: 2% 0 10% 0%;
	}
	
	.blog-item h4 {
		text-align: center;
	}
	
	main .titulimage h1 {
		font-size: 20px;
		line-height: 140%;
		font-weight: 700; 
		position: absolute;
		left: 20px;
		right: 20px;
		color: white;
		text-shadow: 1px 1px 5px rgba(0,0,0,1);
		top: auto;
		bottom: 20px;
		width: auto;
	}
	
	.ui-widget-content {
		max-width: 90%;
		width: 100%;
	}
	
		.ui-widget-content li {
			width: 100%;
			float: left;
			padding: 6px 0;
		}
}


iframe .css-ekq38o {
	width: 100% !important;
}

.lg-backdrop {
	z-index: 2147483600;
}

.lg-outer {
	z-index: 2147483601;
}

@media (min-width:0px) and (max-width:480px) {
	.titulimage .mainfilter {
		max-width: 96%;
		overflow: hidden;
	}
	
	.titulimage .mainfilter .select2-container {
		width: 100% !important;
		max-width: 100%;
	}
	
	.titulimage .mainfilter .select2-selection__rendered {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 32px;
	}

	.seo-main .products.season .product {
		flex: 0 0 100%;
		margin: 10px 0;
	}
	
	.text-container,
	.text {
		max-width: 100%;
	}
	
	.text table,
	.description table {
		display: table !important;
		table-layout: fixed !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		border-collapse: collapse;
	}
	
	.text td,
	.text th,
	.description td,
	.description th {
		width: auto !important;
		min-width: 0 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}
	
	.text table *,
	.description table * {
		max-width: 100% !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}
	
	.text img,
	.description img {
		max-width: 100%;
		height: auto;
	}
}

/*tablets, ipads (landscape)*/
/*
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	body {
		background: yellow;
	}
}
*/