/*
Theme Name: Etile theme
Author: Nextlevel
Author URI: http://nextlevel.es/
Text Domain: nl-theme
*/

*{margin:0px; padding:0px; outline:0px; border:0px;} a{color:inherit; text-decoration:none; border:none;} a:hover{  text-decoration:none; } h1, h2, h3, h4, h5, h6{margin:0px; padding:0px 0px 8px 0px; font-weight:normal} p {margin:0px; padding:0px 0px 10px 0px;} img{border:none; vertical-align: middle;} a img {border: none;} ul, li { list-style:none;} input:focus::-webkit-input-placeholder {    opacity: 0;} input:focus::-moz-placeholder {    opacity: 0;} textarea:focus::-webkit-input-placeholder {    opacity: 0;} textarea:focus::-moz-placeholder {    opacity: 0;} input, textarea, select {  font-size:16px; padding:15px; border:1px #707070 solid; margin:3px 0 8px 0; border-radius:5px;} .f-left { float:left; } .f-right { float:right; } .clearfix:before, .clearfix:after{ content:" "; display:table;} .clearfix:after { clear:both;} .clearfix { *zoom:1;}  /* For ie 6-7*/ div, input, select, textarea, .boxsize li, .gridder-list, .procollection-wrap li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body { font-family: geomanist, "sans-serif"; font-size: 16px; line-height: 1.4; position: relative; color:#5B6770; background-color:#f2f2f2;}

.fbox { position:relative; height:0;}
.fbox .abox { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.abox { background-repeat:no-repeat; background-size: cover;}
.vt { display:table; height:100%;  width:100%;}
.vt .vt-sub { display:table-cell; vertical-align:middle;}

ul, li, ol { list-style:none; margin:0; padding:0;}
a { color:inherit;}
a:hover {	color: #000;}

a, a:hover, .animated, path
{-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;	}

.animated2
{-webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;	}

.animated3
{-webkit-transition: all 700ms ease-out; -moz-transition: all 700ms ease-out; -o-transition: all 700ms ease-out; transition: all 700ms ease-out;  }


/*-------------------Theme CSS--------------------------------- */


.container {    max-width: 1220px; margin:auto; width: 100%; padding:0 20px;}
.opensans {font-family: 'Open Sans', sans-serif;}
.headingfont {font-family: geomanist, sans-serif; font-weight: bold}

.header {position: absolute;z-index: 10; width: 100%;}
.header-wrap {	padding-top: 30px;	display: flex;	flex-wrap: wrap; }
.header-logo {	width: 30%;	overflow: hidden; align-self: center;}
.header-logo img { width:100%; max-width:240px; height:auto;}
.header-items {	width: 70%; justify-content: right;display: flex; align-self: center; flex-direction: column;}
.header-menu-burger {	width: 40px; cursor: pointer; align-self: flex-end}

.home.slider {	position: relative;	z-index:5; width: 100%;height: 100vh;}


 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	 .icon-box {height: 29px;}
}


#treatslider  li, #fullslider li { display:none;}
#treatslider  li.lslide, #fullslider li.lslide  { display:block;}
.slide-bg {background-position: center;background-repeat: no-repeat;background-size: cover; height: 100vh;width: 100%;}
.main-slider .slide-bg .fbox { padding-bottom:41.66%}
.slide-bg .container { height:100%;}
.slider-text-wrap {	display: flex;	height: 100%;	align-items: center; flex-wrap: wrap; align-content: center;width: 75%;}
.slider-heading {	font-size: 55px;	color: #fff;	line-height: 0.9;	font-weight: 300; margin-bottom: 20px;}
.slider-text {	font-size: 21px;	line-height: 1.3;	margin: 15px 0;	color: #fff;	font-weight: 400; margin-bottom: 20px;}
.slider-button a, .prodp-wrap a {	display: block;	background-color: #5b6770;	padding: 10px 20px; color: #fff}
.slider-button a:hover, .prodp-wrap a:hover {	background-color:#FFF ; color:#5b6770 }
.bg-cover { background-color:rgba(0,0,0,0.4); height: 100%;}
.slider-button a:hover {	background-color:#FFF !important ; color:#333 !important; }

.about-section { background-color:#f2f2f2; margin: 6% 0;}
.rightsection { padding-left:11%;}
.leftsection { padding-right:11%;}

.leftsection .about-left { order:2;text-align: right;}

.about-box { background-color:#fff; display:flex; flex-wrap: wrap;}
.about-left { padding:70px; width:55%; }
.about-right {width: 45%; position:relative;}
.about-image {	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0; background-size: cover;background-position: center;background-repeat: no-repeat;}
.about-logo { max-width:245px; height:auto; overflow: hidden; margin-bottom: 40px; display: inline-block}
.about-logo img { width:100%; height: auto;}
.about-heading { font-size:50px; margin-bottom: 40px; color: #5B6770; line-height:0.9; width:80%; display:inline-block; font-weight: 400}
.about-content { font-size:21px; margin-bottom:20px; color: rgba(91, 103, 112, 0.7);}
.about-content p { margin-bottom:10px;}
.about-content p:last-child { margin:0; padding: 0;}


.typrofproduct-section {	background-color: #f2f2f2;	padding: 0% 0 6% 0;}
.topr-heading {font-size: 50px;color: #5B6770;text-align: center;margin-bottom: 10px;}
.topr-content {font-size: 20px;color: #777777;text-align: center;width: 80%;margin: 10px auto;}
.topr-images {	margin-top: 25px;	text-align: center;}
.topr-images ul { display:flex; flex-wrap: wrap;}
.topr-images ul li { width:23%; padding: 1%; font-size:16px; font-weight: 500;}
.topr-img-title {	margin-top: 10px;	line-height: 1; margin-right: 40px;}
.topr-image img { max-width:100%; height:auto;}


.gridder { margin: 1px -2px; width:100%;}
.gridder-list {	width: 33.33%; padding: 2px !important; margin: 0 !important}
.gridder-padding {	background-color: #f2f2f2;}
	.mp-products .gridder-padding { background-color: #fff; }
.etile-pro .fbox  { padding-bottom:75%;}
.etile-pro .abox-image { background-image: url(images/default.png); background-position: center;background-repeat: no-repeat;background-size: cover;}

.closeme {width: 43px;height: 43px;display: inline-block;background-image: url(images/cross.png);background-size: cover;background-repeat: no-repeat;
	background-position: center;margin: 30px 20px;}
.gridder-close{	width: 100%;display: block;	text-align: right; max-width: 1220px;margin: auto;}
.slider-product {padding-bottom:53.3%;}
.slider-product .slide-bg { padding-bottom:53.3%; height: 0}

.prosliderwrap { margin-bottom:80px; padding: 0 10px;padding-bottom: 53.3%;height: 0;}
.proheadering-wrap {display: flex;	flex-wrap: wrap;justify-content: space-between; margin: 50px 10px;}
.proheading { font-size: 40px; letter-spacing: -1px;}
.proiconbox ul li {	display: inline-block;	width: 60px;	text-align: center; vertical-align: top}
.proicon-title {	font-size: 8px;	line-height: 1;}
.proicon-icon {	margin-bottom: 5px;}
.procollection-wrap ul {	display: flex;	flex-wrap: wrap;}
.procollection-wrap li {	width: 25%;	overflow: hidden;	padding: 10px; margin-bottom: 20px;}
.pc-image img {	width: 100%;	height: auto;}
.pcinfo-table { width:100%;}
.pc-info img { max-width:100%; height:auto; width:45px;}
.pc-info-1, .pc-info-2, .pc-info-3 { width:45px; margin-right:5px;}
.pc-title {	font-size: 21px;	font-weight: 400;	margin: 10px 0;}
.pcinfo-table tr td {padding: 2px 5px 2px 0;}
.proex-text {	font-size: 40px;	line-height: 1.1; margin-bottom: 10px; margin-left: 10px; letter-spacing: -1px}
.proex-img-wrap {	display: flex;	flex-wrap: wrap;	justify-content: space-between; }
.eximg {	width: 25%;	padding: 10px;}
.eximg img { width:100%; height: auto;}
.spimg img {max-width:100%; height:auto;}
.spimg {margin:20px 10px;}
.prosp-text {margin:10px; font-size:16px; font-weight: 300;}
.prodp-wrap a { width:auto; border-radius: 5px; display: inline-block;}
.prodp-wrap { padding:70px 10px 0 10px;}
.otherinfo {	display: flex;	flex-wrap: wrap;	justify-content: space-between; margin: 50px 0;}
.nosp .prodp-wrap { 	width: 100%;	text-align: right; padding-top:0px;}
.match-floor-tile { margin:50px 10px;}

.procollection-wrap {	margin-bottom: 30px;}

.download-bgbox {	background-color: #eee;padding: 5% 0;}
.download-box {background-color: #fff;padding: 10%;	display: flex;	flex-wrap: wrap; position: relative; border: 1px #e6e6e6 solid;}
.down-left {	width: 40%;	padding-right: 30px;}
.down-right { width:60%; padding-left: 30px;
	border-left: 1px #e6e6e6 solid;}
.down-logo { text-align:center;max-width: 277px; }
.down-logo img { max-width:100%; height:auto;}
.down-list ul { display:flex; flex-wrap: wrap}
.down-list ul li{ width:50%; padding: 10px 0; cursor: pointer;}
.dl-box  { display:flex; flex-wrap: wrap}
.pagebox {min-height: calc(100vh - 400px);padding: 5%;background-color: #fff;}
.download-bgbox {background-repeat:repeat-y;background-position: top left;background-color: #fff;}
.down-content {	font-size: 18px; color: #777;}
.down-header {	font-size: 30px;	margin-bottom: 10px; line-height: 1}
.dl-left {	width: 20%;}
.dl-left img { max-width:100%; height: auto;}
.dl-right {width: 80%;font-size: 18px;line-height: 1.1;	color: #CE1717;padding-right: 15px;}
.dl-box:hover .dl-right {color: #777;}

.contact-section-wrap { background-color:#edeff0; padding:8% 0;}
.csw-box {	display: flex;	flex-wrap: wrap;}
.csw-left { width:50%; padding-right: 10%;}
.csw-right { width:50%;}

input, textarea { width: 100%;font-family: geomanist, sans-serif; font-size:18px; margin-bottom: 15px; background-color: transparent;border: 1px #e2e2e2 solid;}

.wpcf7-submit {	width: auto;	float: right;background-color: #777;color: #fff;font-weight: bold;font-size: 21px;padding: 15px 25px; cursor: pointer;}
.wpcf7-submit:hover { background-color:#5b6770;}

.csw-heading {font-size: 50px;margin-bottom: 40px; line-height:0.9; letter-spacing: -1px;}
.csw-content {
	font-size: 16px;
	color: #777;
}
.csw-content ul li i { width:40px; padding-right:5px; font-size: 32px; text-align: center;}
.csw-content ul li {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px #d5d6d7 solid;display: flex; line-height: 1.2; align-items: center;}
.csw-email a { color: #CE1717}
.csw-social a {	display: inline-block;width: 60px;height: 60px;font-size: 32px;text-align: center;line-height:60px;background-color: #5b6770;color: #fff;	border-radius: 50%;	margin-right: 10px;}
.csw-social a:hover { background-color: #CE1717}
.main-product-section {	background-color: #fff; position:relative;}
.stickout-box { position:absolute; top:-58px; left:0; width:45%; height:60px; background-color: #fff; display: none;}
.mp-top-wrap {	display: flex;	flex-wrap: wrap;}
.mp-logo {	width: 45%;	padding: 4% 3%;	text-align: right;}
.mp-filter-wrap {	width: 55%;padding: 3%; display:flex; justify-content: space-evenly; align-items: center;}
.mp-filter {	min-width: 300px;}
.mp-filter ul { position:relative;}
.mp-filter ul li { position:relative;background-color: #f2f2f2; top: 99%;}
.mp-filter ul li a { display:block; padding:8px 20px; cursor: pointer}
.mp-filter ul ul { position:absolute; display: none; width: 100%;left: 0;z-index: 10;}
.mp-filter ul li:hover ul  { display: block}
.mp-filter ul li a i {	float: right;	font-size: 25px;}
.mp-filter ul li:hover a i { transform: rotateZ(180deg)}
.mp-logo img {max-width:100%; height:auto}

.abox-hover { background-color:transparent;  display: flex;flex-wrap: wrap; padding: 10%; z-index: -1; color: #fff; opacity: 0; transform: translateY(100%); align-items: center; cursor: pointer;}
.etile-pro .fbox { overflow: hidden;}
.etile-pro:hover .abox-hover, .selectedItem .abox-hover { z-index: 9; opacity: 1; transform: translateY(0)}
.product-title-box {	font-size: 50px;	line-height: 1; color: #fff; text-transform: uppercase; opacity: 1}
.product-content-box {	font-size: 18px;}
.etile-pro:hover .abox-image .product-title-box , .selectedItem .abox-image .product-title-box { opacity: 0}

.hideme.etile-pro { display:none;}

.page:not(.home) .header {	position: relative; padding-bottom: 15px;}
.page:not(.home) .header-wrap { padding-top:15px;}
.page:not(.home) .cls-1 {	stroke: #333;}

.product-information-box ul li {	display: inline-block; font-size: 18px;}
.product-information-box ul li:before { content: '|'; padding: 0 10px}
.product-information-box ul li:first-child:before{ content: ''; padding: 0}
.abox-image { padding:15% 10%; display: flex;align-items: flex-end;}

.gridder-expanded-content {	position: relative;}
.gridder-footer-close {position: fixed;right: 0;bottom: 0; opacity: 0; visibility: hidden;}
.footer-wrap {background-color:#5b6770;  padding:50px 0;}
.footer {  display:flex; flex-wrap: wrap; align-items: center;}
.footer-logo {	width: 30%; max-width: 270px;}
.footer-logo img { max-width: 100%; height:auto;}
.footer-menu-wrap {color: #fff;	width: 70%; text-align: right;}
.footer-menu-wrap ul li { display: inline-block; padding:0; font-size: 14px;}
.footer-menu-wrap ul li:before { content:'|'; padding:0 10px;}
.footer-menu-wrap ul li:first-child:before { content: ''; padding: 0}

.lSAction > a { background-image: none;	width: 28px;height: 53px;margin-top: -27px;	opacity: 0.9;}
.lSAction > .lSPrev {	left: 10%;}
.lSAction > .lSNext {	right: 10%;}

.etile-menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -100; opacity: 0; visibility: hidden;
}
.etilemenu-base {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.9);
	opacity: 0

}
.etile-menu.open {z-index: 100;  opacity: 1; visibility:visible;}
.etile-menu.open .etilemenu-base { opacity: 1;

}

.etilemenu {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center; color:#fff;position: relative;
z-index: 1;text-align: center;
}

.etilemenu ul li { margin:20px 0;}
.etilemenu ul li a { font-size:30px; line-height: 1.2; font-weight: 400;}
.etilemenu ul li a:hover { color:#CE1717;}
.etilemenu-close {
	position: fixed;
	top: 5%;
	right: 5%; z-index: 15 ; cursor: pointer;
}

.contact-half { width:50%; float:left;}
.contact-half:first-child { padding-right:4%;}
.contact-half:last-child { padding-left:4%;}
input[type="checkbox"] { width:auto; margin-right: 10px;}
span.wpcf7-list-item {	margin: 10px 0 0 0;}
div.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
	opacity: 0.3;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 2px solid #000;
}

.icon-box {
	width: 22px;
	margin-right: 15px;
}
.notactive .gridder-footer-close { opacity: 0; visibility: hidden;}
.isactive .gridder-footer-close { opacity: 1; visibility:visible;}
.isactive.notact .gridder-footer-close { opacity: 0; visibility: hidden;}

.csw-email a:hover, .dl-right:hover { font-weight:600;}

/*----------contactform-----------*/
.contactform { margin:30px auto; font-size:16px; color:#414141;}
.contactform .name-field { float:left; width:49%;}
.contactform .email-field { float:right; width:49%;}
.contactform input, .contactform textarea, .contactform select { font-size:21px; background-color:#ddd; border-radius:3px; color:#666;}
.contactform select { width:100%;}
.contactform textarea { height:160px;}
.contactform .contact-info { float:left; width:70%;}
.contactform .contact-submit { float:right; width:30%; text-align:right; position:relative}
.contactform input[type="submit"] { padding: 10px 25px;background-color: #d49356;color: #fff;font-size: 26px;font-weight: bold;float: right;}
div.wpcf7 .ajax-loader { float:left}
.contactform input[type="checkbox"] { width:auto; float:left; margin: 5px 10px 5px 0;}
.contactform  .accept { font-size:18px;}
.contactform  .accept a { color:#a9a9a9; font-weight:normal;}
span.wpcf7-not-valid-tip { padding-bottom:10px;}
.wpcf7-not-valid {  border: 1px red solid;}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border:none}
div.wpcf7-response-output { text-align:center}
input[type="checkbox"] { width:auto; margin-right:10px;}
.login-title { text-align:center; margin-bottom:30px;}
.contactform  .accept   input[type="checkbox"] { float:none;}
.contactform  .accept span.wpcf7-not-valid-tip { display:inline-block}

.lp-topheading {height: 25vh;display: flex;justify-content: center;align-items: center; z-index: 20; position: fixed; width:100%;}
.topheading {	text-align: center;	font-size: 64px;	color: #3a3a3a;	padding: 1%; white-space: nowrap;}
.lp-brands {height:100vh;display: flex;flex-wrap: wrap;}
.brand-box {width: 50%;height: 100%; position: relative;}
.brand-overlay {	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	opacity: 0.8; z-index: 2}

.brand-logo {	position: relative;	z-index: 10;	display: block;	width: 100%;	text-align: center;}
.brand-logo img { max-width: 100%; height:auto;}
.brand-btn {	position: relative;	z-index: 10;	display: block;	width: 100%;	text-align: center; margin:80px 0 0 0;}
.brand-btn a {	display: inline-block;	padding: 11px 50px 15px 50px;	border: 1px #fff solid;	border-radius: 3px;	font-size: 21px;	color: #fff;	line-height: 1;}
.brand-btn a:hover { background-color:#fff; color:#000;}
.brand-bg {	background-size: cover;	background-repeat: no-repeat;	background-position: center; padding:50px;}

.downform-wrap { position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; opacity: 0; visibility: hidden; z-index: -1;}
		.downform-wrap.active { opacity:1; visibility: visible; z-index: 100;}
		.downmodeloverlay {	background-color: rgba(0,0,0,0.5); top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index: 2; position: absolute;}
		.downmodel {	width: 100%;margin: auto;	position: relative;	z-index: 5;	max-width: 1000px;	background-color: #fff;	padding: 2%;}
		.download-closeme {	position: absolute;	top: 10px;	right: 10px; cursor: pointer; width:20px; height:20px;}
		.download-closeme img { width:100%; height:auto}
		.mainlinkwrap {display:none}
		.mainlinkwrap.active {	display: block;text-align: center;width: 100%;margin-top: 10px;}

.header-lang-wrap { display: inline-block; align-self: flex-end; margin-bottom: 10px; color: #fff; }
	.header-lang-wrap ul li { display:inline-block;}
		.header-lang-wrap ul li:after { content:"|"; padding:0 0 0 5px; font-size: 13px; font-weight: normal;}
			.header-lang-wrap ul li:last-child:after { content:''; padding: 0;}
		.header-lang-wrap ul li.active { font-weight: bold;}
		.header-lang-wrap ul li a { color: #fff; }
		.header-lang-wrap ul li a:hover { color: #fff; }

.page-template-tpl-landing .header-lang-wrap {
	position: absolute;
	top: 10%;
	right: 10%;
}

.box-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(91,103,112,1);
	opacity: 0.9;
	z-index: -1;
}


/*-------------------WordPress Core--------------------------------- */

.size-full, .product-typo img {	max-width: 100%; height: auto}
.alignnone { }
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto; }
.alignright {float:right;  }
.alignleft {float:left; }
.aligncenter {display: block; margin:5px auto 5px auto; }
a img.alignright {float:right; }
a img.alignnone { }
a img.alignleft {float:left;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto }
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 3px; text-align: center; }
.wp-caption.alignnone { }
.wp-caption.alignleft {}
.wp-caption.alignright { }
.wp-caption img {border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
.wp-caption p.wp-caption-text {font-size:0.8em; line-height:17px; margin:0; padding:0 4px 5px; }
.wp-smiley{margin: 0 !important; max-height: 1em;}




 .arrow-down { position:relative;}
.arrow-down:after {  content: '';	position: absolute;	width: 0;	height: 0;  border-left: 30px solid transparent;  border-right:30px solid transparent;  border-top: 30px solid #fff;bottom: -30px;	left: 50%;	transform: translatex(-50%); z-index: 2}