@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(https://fonts.googleapis.com/css?family=Muli);

.roboto {
	font-family: 'Roboto Condensed', sans-serif;
}
html {
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
body {
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #77787c;
	background-color: #fff;
	-webkit-overflow-scrolling: touch; overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, ul {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;font-family: 'Roboto Condensed', sans-serif; color:#525252
}

h3 {font-family: 'Montserrat', sans-serif; color: #525252;margin:48px 0 20px 0}

ul, li {
	list-style: none;
}

h1 { color:#77787b; font-size:36px; font-weight:100}
h2 { margin:0 0 28px 0; font-weight:100}

p {	font-size: 14px;color: #b3b3b3;	line-height: 24px;font-family: 'Montserrat', sans-serif; margin-bottom:30px}

a,button {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#77787c
}

a:hover {text-decoration: none; color:#3d4453}
.clear {clear: both;}
.fl {
	float: left;
}
.fr {
	float: right;
}
.it {
	font-style: italic;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
.upp {
	text-transform: uppercase;
}
.mbot50 {
	margin-bottom: 50px !important;
}
.autoClearer:before,
.autoClearer:after {
    content: " ";
    display: table;
}
.autoClearer:after {
    clear: both;
}
input[type="radio"],
input[type="checkbox"] {

}
input[type="text"],
input[type="password"],
input[type="email"] {
}


/*OWL CAROUSEL ------------------------------ */
	
.owl-nav { position:absolute; top:350px; z-index:9999; width:100%}	
.owl-prev { width:44px; height:86px; display:block; left:50px; position:absolute;	background: url('../images/home/prev.png') center center no-repeat; text-indent:-9999px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; opacity:0.8}
.owl-next { width:44px; height:86px; display:block; right:50px;	position:absolute;background: url('../images/home/next.png') center center no-repeat; text-indent:-9999px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; opacity:0.8}
	
.owl-next:hover { right:60px; opacity:1}
.owl-prev:hover { left:60px; opacity:1}

/*  ---------------------------- OWL CAROUSEL ------------------------------ */

/*LOGIN ------------------------------ */

.loginDialog { position:absolute; top:30px; right:-10px; background:#f1f1f1; padding:16px; width:270px; z-index:1;font-size:12px; opacity:0; margin-top:-400px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; color:#969696; font-size:10px;font-family: 'Muli', sans-serif;}
.loginDialog label { clear:both; position:relative; float:left; margin:0px 0 4px 0; width:100%; font-size:13px; color:#575656}
.loginDialog label a{  float:right; font-size:10px; padding-top:4px}
.loginDialog li { width:100%; position:relative; float:left; clear:both; margin-bottom:10px}
.loginDialog input[type="text"] { clear:both; position:relative; float:left; width:100%; border:none; height:30px; padding:0 0 0 10px}
.loginDialog input[type="checkbox"] { width:12px; height:12px; float:left; margin:2px 6px 0 0; background:#fff; border-radius:none}
.loginDialog input[type="button"] { width:80px; float:right; font-weight:300; border-radius:2px; height:34px; background:#cbcbcb; border:none; font-size:14px; color:#575656}
.loginDialog input[type="button"]:hover {  background:#000; color:#cbcbcb }
.loginDialog li:last-child { text-align:center; margin-top:6px} 
.loginDialog .signUp { text-decoration:underline; color:#000}
#logBtn{ cursor:pointer}

@media (max-width: 1360px) {
.loginDialog {right:-10px;}
}
@media (max-width: 1300px) {
.loginDialog {right:0px; width:260px;}
}

/*  ---------------------------- LOGIN ------------------------------ */

/*NAV ------------------------------ */

.menu-nav .menu li a:hover:before, .menu-nav .menu li a:focus:before, .menu-nav .menu li a.active:before {  left: 0;  right: 0;}
.menu-nav {	float: right;	margin: 60px 15px 0 0;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.menu-nav .menu {	text-align: right;}
.menu-nav .menu li {	display: inline-block;	*display: inline;	zoom: 1;	margin-left: 64px;}

@media (max-width: 940px) {.menu-nav .menu li {margin-left: 44px;}}

.menu-nav .menu li a {
	color: #77787b; 
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 4px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	font-size: 22px;
	font-weight: 400;}
.menu-nav .menu li a:hover { color:#3d4454}
.menu-nav .menu li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: -4px;
  background: #3d4453;
  height: 10px;
  opacity: 0.9;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
  
  .preHeader {   height:30px; overflow: hidden; position:absolute; top:4px; right:10px; z-index:99999; text-align:right;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
	
.menu-nav-top {	float: right;margin: 2px 15px 0 0;}
.menu-nav-top .menu-top {text-align: right; float:left; position:relative;margin-right: 60px;}
.menu-nav-top .menu-top li {display: inline-block;	*display: inline;	zoom: 1;	margin-left: 57px;}

.menu-nav-top .menu-top li a {
	color: #77787b; 
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 4px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;}
.menu-nav-top .menu-top li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0px;
  background: #c3c3bb;
  height: 5px;
  opacity: 0.9;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.menu-nav-top .menu-top li a:hover { color:#3d4454} 
.menu-nav-top .menu-top li a:hover:before, .menu-nav-top .menu-top li a:focus:before, .menu-nav-top .menu-top li a.active:before {  left: 0;  right: 0; font-weight:600}

.products li a.btnproducts:before { left: 0; right: 0;}
.products li a.btnproducts { color:#3d4453}
.product-detail li a.btnproducts:before { left: 0; right: 0;}
.product-detail li a.btnproducts { color:#3d4453}
.collections li a.btncollections:before { left: 0; right: 0;}
.collections li a.btncollections { color:#3d4453}
.finishes li a.btnfinishes:before { left: 0; right: 0;}
.finishes li a.btnfinishes {  color:#3d4453}
.about-us li a.btnabout-us:before { left: 0; right: 0;}
.about-us li a.btnabout-us { color:#3d4453}
.contact-us li a.btncontact-us:before { left: 0; right: 0;}
.where-to-buy li a.btnwhere:before { left: 0; right: 0;}
.portfolio li a.btnportfolio:before { left: 0; right: 0;}

/*  ---------------------------- NAV ------------------------------ */

/*HEADER ------------------------------ */

header {	width: 100%;	display: block;	background: #fafafa;	-webkit-transition: all 0.6s ease;	-moz-transition: all 0.6s ease;	-ms-transition: all 0.6s ease;	-o-transition: all 0.6s ease;	transition: all 0.6s ease;  top:0px; box-shadow:#888888 0px 0px 10px ; border-top:#4f5071 5px solid}
.styk header { position:fixed; z-index:9999}
header.open {	position: fixed;top: 0;	z-index: 9999;}

.styk.open header { top: 0px;	background: rgba(250,250,250,0.9);  }
.styk.open header .logo { width:116px; margin-top:8px}
.styk.open .preHeader { top:0px}
.styk.open header .menu-nav{margin: 30px 15px 0 0;}
/*.styk.open .dropCollections {top:70px;    z-index: 9998;}*/
.styk.open .dropCollections {top:-70px;    z-index: 9998;}
.styk.open .dropProducts {top:70px;    z-index: 9998;}


header .logo {	float: left; width:191px; margin:10px 0 0 15px;	-webkit-transition: all 0.6s ease;	-moz-transition: all 0.6s ease;	-ms-transition: all 0.6s ease;	-o-transition: all 0.6s ease;	transition: all 0.6s ease;}
header .logo img { width:100%;margin-left: 0px;}

.stiky {background: rgba(255,255,255,0.9);	width: 100%;	height: 0;	overflow: hidden;	position: fixed;	opacity: 0.5;	top: 0;	z-index: 99;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;
}
.stiky.open {	opacity: 1;	height: 70px;}

.search {	float: left;	width: 170px;	position: relative; margin-left:30px}
.search input {	border: none;	height: 22px; font-size:14px;	color: #626166;		float: right; padding:0 10px 0 20px;	margin-left: 0;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;	transition: all 0.3s ease; border-radius:3px; border:#525252 1px solid;width: 160px; background:#FFF;}

.search .mylup {	border: none;	background: url('../images/global/lupa.png') no-repeat;cursor:pointer;	width: 14px;	height: 14px;	background-size:contain; position:absolute; top:4px; left:15px;    z-index: 9999;
}

/*  ---------------------------- HEADER ------------------------------ */

/*GLOBALES ------------------------------ */

.wrapper {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  width: auto;
}
@media (min-width: 1400px) {  .wrapper {    width: 1400px;  }}
.content-mini,
.content-medium,
.content-large {
	width: auto;
	margin: 0 auto; padding:0 10px;}

@media (min-width: 1920px) {  
	header .logo img { 
		/*margin-left: -280px;*/
		margin-left:0px;
	}
	.slider-finishes .slide { min-height:780px!important}
	.slider-home .slide { min-height:800px!important}
	.img-principal { min-height:550px!important}

    #slide1ice {
        min-height: 800px!important;
    }
}
@media (min-width: 1226px) {  .content-large {	width: 1226px;	}}
@media (min-width: 1080px) {  .content-medium {	width: 1080px;	}}
@media (min-width: 614px) {	.content-mini {		width: 614px;	}}

.searchMob { display:none}
.redesMob { display:none}

.txtleft { text-align:left !important}
.txtright { text-align:right !important}
.txtcenter { text-align:center !important}

.bggris{ background:#f5f5f5}

.img-principal {
	display: block;
	padding: 246px 0 0 0;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	display: block;
  	outline: none; min-height:550px; margin:100px 0 46px 0 }	
.img-principal h1 { color:#fefefe;font-family: 'Roboto Condensed', sans-serif; font-size:64px; text-transform:uppercase; font-weight:100; line-height:1; 
	/*border-bottom:#fefefe 1px solid;*/
	padding-bottom:24px;}
.img-principal p { color:#fefefe !important; font-size:26px !important;  font-weight:100 !important; line-height:37px !important;  padding:24px 0 0px 0 !important; margin:0px !important;font-family: 'Roboto Condensed', sans-serif;}
.img-principal .content-medium { position: absolute;
    bottom: 100px;
    /* margin: 0 auto; */
    padding-left: 15px;
    width: 100%;
	text-align: center;
}

.highlights { background:#f1f1f1; padding:60px 0}

.mapaImg img { width:100%}

.middle { padding-top:80px}
	
.izq { text-align:left !important; margin:0 0 20px 15px; color:#77787b; font-weight:200;}
.center { text-align:center}
p.izq { margin:0 0 50px 15px !important; }
h1.center { text-align:center; margin:0 0 40px 15px; color:#77787b; font-weight:200;}
.diapo { margin-bottom:50px; display:flex;}
.oscuro { color:#525252}
.marginnone { margin:0px 0px 0px 0px !important}
.paddingnone { padding:0px 0px 0px 0px !important}

img { -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
a:hover img{ opacity:0.7}

/*  ---------------------------- GLOBALES ------------------------------ */


/*BOTONES ------------------------------ */

:after {-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;}
:before {-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;}

input[type="button"].btndorado { background:#fff; color:#d4922d;font-family: 'Muli', sans-serif; font-size:19px;  padding:0px 22px 3px 22px; border:#b7b7b7 1px solid; height:41px}
input[type="button"].btndorado:hover { background:#d4922d; color:#FFF; border:#d4922d 1px solid;}

.btngris { background:#c2c2c2; color:#fff;font-family: 'Muli', sans-serif; font-size:20px;  padding:6px 22px 8px 22px; position:relative; float:left; text-align:center}
.btngris:hover { background:#d4922d; color:#FFF ; opacity:1 !important}
	.btngris.primary-btn {
		background: #e69035;
		color: #FFF;
		opacity: 1 !important
	}

.learn { color:#d4922d; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:600; opacity:1; font-size:18px;}
.learn:hover {  opacity:0.6;color:#d4922d; }

.view { color:#d4922d; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:600; padding-top:9px;}
.view:hover {  opacity:0.6}
.view:after { content:">"; margin-left:6px}

.note {
    background: url(/images/default-source/icons/note.png?Status=Temp&sfvrsn=529f5071_2) no-repeat left;
    padding: 4px 0 0 25px;
    height: 25px;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    font-weight: 800;
    margin: 25px 0 35px 0;
    position: relative;
    float: left;
    color: #525252
}
.noteBlanco {
    background: url(/images/default-source/icons/noteblanco.png) no-repeat left;
    padding: 4px 0 0 25px;
    height: 25px;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    font-weight: 800;
    margin: 25px 0 35px 0;
    position: relative;
    float: left;
    color: #fff
}

.btnadd { display:block; position:relative; float:left}
.btnadd input{ border:#777777 1px solid; padding:9px 0px 9px 10px; font-size:16px;font-family: 'Muli', sans-serif; font-weight:600; margin-left:12px; max-width:160px  }
.btnadd button {  background:#afafaf; content:'+'; padding:7px 16px 7px 16px; color:#FFF; font-size:20px; border:none}
.btnadd button:hover {  background:#d4922d;  color:#FFF;}

a.icon { background:#c0c0c0; width:44px; height:44px; display:block; cursor:pointer;text-align:center}
a.icon img{ width:auto; height:100%; margin:0px auto}
a.icon:hover{ background:#d4922d; opacity:1 !important}
a.icon:hover img{ opacity:1 !important}

.downPDF { background:url(../images/global/pdf.png) left no-repeat; padding:14px 0 0 56px;font-family: 'Muli', sans-serif; color:#525252; font-size:18px; text-align: left; height:54px; font-weight:800; margin-bottom:20px; position:relative; display:block}
.downPDF_1 {     
	background: url(../images/global/pdf_1.png) left no-repeat;
    padding: 10px 0 0 45px;
    font-family: 'Muli', sans-serif;
    color: #525252;
    font-size: 18px;
    text-align: left;
    height: 80px;
    font-weight: 800;
    margin-bottom: 11px;
    position: relative;
    /* display: block; */
    left: 15px;
    top: 45px;
 }
.downPDF_2 { background:url(../images/global/icons/pdf_2.png) left no-repeat; padding:14px 0 0 56px;font-family: 'Muli', sans-serif; color:#525252; font-size:18px; text-align: left; height:54px; font-weight:800; margin-bottom:20px; position:relative; display:block}
.downDWG { background:url(../images/global/icons/dwg.png) left no-repeat; padding:14px 0 0 56px;font-family: 'Muli', sans-serif; color:#525252; font-size:18px; text-align: left; height:54px; font-weight:800; margin-bottom:20px; position:relative; display:block}

/*  ---------------------------- BOTONES ------------------------------ */

/*HOME ------------------------------ */

.slider-home {
	display: block;
	padding: 100px 0 0 0;
	position: relative; margin-bottom:46px
}

.slider-home .slide {
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	display: block;
  	outline: none;
 	    height: 600px;
 }
.home .slide .content-medium { 
	position: absolute;
    bottom: 0;
    /* margin: 0 auto; */
    padding-left: 128px;
    width: 90%;
}
.slide .content-medium  {width:78%;}
.slide h1 { color:#fefefe;font-family: 'Roboto Slab', serif; font-size:64px; text-transform:uppercase; font-weight:100; line-height:89px; padding-bottom:22px; font-weight:500;}
.slide p { color:#fefefe !important; font-size:26px !important;  font-weight:100 !important; line-height:37px !important;  padding:22px 0 0px 0 !important;font-family: 'Roboto Condensed', sans-serif;}

.home .slide .content-medium {
bottom: 186px;
text-align: center;
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;*/
}
.slide h1 {
padding-bottom:0;
}
.slide p {
padding: 0px 0 0px 0 !important;
}

.home .owl-nav {
    top: 266px;
}
.home .owl-next, .home .owl-prev {
	bottom: auto;
}
/*.slider-home .owl-nav {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}*/

/*  ---------------------------- HOME ------------------------------ */

/*COLLECTIONS --------------------------------*/


.collections .slide .content-medium  {
	position: absolute;
    bottom: 0;
    /* margin: 0 auto; */
    padding-left: 94px;
    width: 93%;
}

/*.dropCollections { position:fixed; top:100px; left:0px; width:100%; z-index:999;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; margin-top:-500px;box-shadow:#888888 0px 0px 10px; opacity:0 }*/
	
	.dropCollections { position:fixed; top:-200px; left:0px; width:100%; z-index:999;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; margin-top:-500px;box-shadow:#888888 0px 0px 10px; opacity:0 }
	.dropCollections.desk.mostrar {
		top: 100px;
	}
	.styk.open .dropCollections.desk.mostrar {
		top: 70px;
	}
	.dropCollections li {
		position: relative;
		float: left;
		width: 20%;
		background: transparent !important;
	}
	.dropCollections li:hover {
		background: #000 !important;
	}
.dropCollections h1{ position:absolute; width:100%; color:#FFF; text-align:center; font-size:16px; bottom:20px; left:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; opacity: 0;}
.dropCollections li img{ width:100%; opacity:1}
	.dropCollections li:hover img {
		opacity: 0.5;
	}
.dropCollections a:hover div { opacity:1} 
.dropCollections a:hover h1 { opacity:0}
	.dropCollections a div {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: rgba(129,129,129,0.25);
		z-index: 400;
		text-align: center;
		color: #FFF;
		outline: #FFF 1px solid;
		outline-offset: -12px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		opacity: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
.dropCollections a div  h2{ color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight:200; margin-bottom:0px !important; text-transform:uppercase}
.dropCollections a div  h1{ color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:28px; font-weight:200;text-transform:uppercase}
.dropCollections a span { border-bottom:#FFF 1px solid; border-top:#FFF 1px solid; padding:10px 0; position:relative; float:left;  margin:0; width:70%}
.dropCollections a span.alto { margin:26% 15% 0 15%; width:70%}

/* ----------------------------- COLLECTIONS --------------------------------*/

/*PRODUCTS --------------------------------*/

.img-sola  { width:100%; margin:100px 0 48px 0;height:300px; background-size:cover}

.products .img-sola {
    background: url(../dist/images/products/head.jpg) center center;
    background: url(../images/products/head.jpg) center center;
}

.productsList h2 { padding-left:15px}

.products-listView img{ width:100%}
.products-listView h1{ float:left; text-align:left; position:relative;  width:100%; padding-top:4px}
.products-listView p{ float:left; text-align:left; position:relative; width:100%; margin:0px}
.products-listView a:hover{ opacity:0.7}
.products-listView .col-md-11, .col-xs-11 {float:right}
.products-listView .producto { padding:11px 0; border-bottom:#afafaf 1px solid; position:relative; float:left; width:100% }
.products-listView .col-md-1, .col-xs-2 { padding-left:0px !important; padding-right:0px !important }

.product-detail .diapo { margin-top:120px; margin-bottom:0px}
.product-detail .highlights { margin-top:0px !important}
.product-detail .highlights h1{ font-size:22px; color:#525252; font-weight:400}

@media (min-width: 1440px) {
.dropProducts { padding:40px 0px 70px 0px;}
.dropProducts li{  margin-bottom:11px; font-size:18px}
.dropProducts li.titleProd{ margin-top:24px; }
}

.dropProducts { position:fixed; top:100px; left:0px; width:100%; z-index:999;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; margin-top:-1500px; opacity:0; background:#f1f1f1; padding:20px 0px 30px 0px;box-shadow:#888888 0px 0px 10px; color:#707070; }
.dropProducts .content-large { padding:0 15px}
.dropProducts li{ width:100%; position:relative; float:left; font-family: 'Montserrat', sans-serif; margin-bottom:5px; font-size:14px}
.dropProducts ul{ display:inline-block;}
.dropProducts li.titleProd{ margin-top:14px; font-weight:600}

.zoom {display:inline-block; position: relative;}
.zoom img {	display: block; width:100%; }
.zoom img::selection { background-color: transparent; }
.zoom span { position:absolute; display:block; background:url(../images/global/zoom.png) no-repeat; background-size:contain; text-indent:-9999px; width:20px; height:21px; top:6px; right:6px}
.zoom p { position:absolute; width:100%;  display:block; bottom:10px; left:0px; font-size:10px; color:#959595; padding:0 12px; margin-bottom:0px }
.slider { margin-bottom:34px}
.productItem { padding:0px; margin-bottom:34px; float:left; position:relative;}
.productItem h1 { font-size:24px; color:#525252; border-bottom:#afafaf 2px solid; padding-bottom:14px; margin-bottom:17px; line-height:normal}
.productItem h2 { font-size:30px; color:#525252; margin:0 0 10px 0}
.productItem ul { margin-bottom:10px; position:relative;  clear:both; width:100%; display: flex;flex-wrap: wrap;}
.productItem li { text-align:center; width:23%; position:relative;margin:0 1% 2% 1%}
.productItem li:last-child { margin-right:0%}
.productItem li img{width:100%; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;border:#fff 1px solid; outline:#fff 1px solid;}
ul.border li img { border:#cfcfcf 1px solid;}
.productItem p{ font-size:18px; line-height:30px}
.productItem li p{ font-size:14px; color:#525252;font-family: 'Muli', sans-serif; margin:8px 0 0px 0}
.productItem li a:hover img { border:#d4922d 1px solid; outline:#d4922d 1px solid; opacity:1}

.textoListado { width:86%; font-family: 'Montserrat', sans-serif; padding-left:20px;}
.textoListado li { width:100%; position:relative; float:left; text-align:left; margin-bottom:10px; font-size:18px; color:#525252; list-style: outside disc; line-height:19px}

.productItem h3 {font-size:18px;  clear:both; position:relative; font-weight:300; display:block; color:#959595; margin:0px 0 20px 0;font-family: 'Roboto Condensed', sans-serif;}
h3.productsubTitle{font-size:18px;  clear:both; position:relative; font-weight:300; display:block; color:#959595; margin:0px 0 20px 0;font-family: 'Roboto Condensed', sans-serif;}
.badges li { width:16.66666%}

.handle img { width:70% !important;  outline:#fff 1px solid; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.handle li:hover img {  outline:#d4922d 1px solid; border:#d4922d 1px solid; opacity:1 !important}
.rutaSmall { margin-bottom:50px; color:#959595}
.rutaSmall a { color:#959595}

.styled-select {
   background: url(../images/global/selectDrop.jpg) no-repeat right center;
   height: 44px;
   overflow: hidden;
   max-width: 430px; border:#959595 1px solid;
   margin-bottom: 20px; 
}
.styled-select option{
   height: 44px;
}
.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 44px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 450px;
   -webkit-appearance: none;
   -moz-appearance: none;
}

.detailFinishes {     width: 60%;
    padding-right: 5%;
    position: relative;
    float: left;
    padding-bottom: 14px;
    margin-bottom: 30px;
}
.textoItem div img {
    width: 100%;
    padding: 20px;
}
.detailFinishes div {
    position: relative;
    float: left;
    width: 100%;
}
.detailFinishes li {     position: relative;
    float: left;
    width: 13%;
    text-align: center;
    margin-bottom: 10px;}
.detailFinishes li img{ border-radius:200px; border:#a8a295 1px solid; width:100%; max-width:35px}
.detailFinishes li a{ border-radius:200px; padding:2px; border:#fff 2px solid; position:relative; float:left; cursor:pointer}
.detailFinishes li a:hover{ border:#d59532 2px solid}
.static { border:#d59532 2px solid !important}
.clicked-finish{ border:#d59532 2px solid!important}
.detailFinishes li a:hover img{ opacity:1 !important}
/*.detailFinishes span { position:absolute; width:122px;border:#a8a295 1px solid; box-shadow:#c8c8c8 0px 5px 10px; text-align:center; padding:12px 8px 8px 8px; z-index:999; bottom:56px; left:-40px; background:#fff;  visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.detailFinishes span:after { position:absolute; content:''; background:url(../images/collections/all/icons/aftercuadro.png) center center no-repeat; width:100%; height:13px; left:0; bottom:-13px}
.detailFinishes li:hover span { display:block; opacity:1; visibility:visible}
*/
.detailFinishes span { text-align:center;     font-size: 13px;}
.detailFinishes span img{ width:74px; margin:0 auto; max-width:74px; border:#88867b 1px solid}
.detailFinishes span p{ color:#525252; font-size:12px; margin-bottom:0px;font-family: 'Roboto Condensed', sans-serif; font-weight:600;}
.textoItem h3{    font-size: 14px;
    clear: both;
    position: relative;
    font-weight: 600;
    display: block;
    color: #959595;
    margin: 10px 0;
    text-align: center;}
.textoItem {     margin-bottom: 0px;
    position: relative;
    float: left;
    padding-left: 0px;
    min-height: 220px;
    width: 40%;
    padding-right: 0px;}
.textoItem a{ position:absolute; bottom:0px}
.textoItem div {visibility: hidden;
    transition: visibility 0s, opacity 0.3s linear;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 100%;
    border: #b6b4b6 1px solid;}
.textoItem p{ font-size:18px; line-height:28px}

.addItem {
	margin-left: -15px;
}
.addFolder { background:#c2c2c2; margin-bottom:10px; padding:13px 50px; position:relative; float:left; clear:both; cursor:pointer;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; border-radius:3px; max-width:369px; width:100%; height:74px}
.addFolder p { color:#fff; font-size:20px; font-weight:600;font-family: 'Muli', sans-serif; margin:0px; padding-top:10px; display:inline-block}
.addFolder span {background:url(../images/global/addfolder.png) center center no-repeat; display:block; width:63px; height:46px; float:left; position:relative; margin-right:11px}
.addItem .vistasPortfolio li {  margin-left:0px; margin-right:10px; width:auto}
.addItem .vistasPortfolio li:last-child {margin-right:0px}
.addItem .btngris { height:46px; width:200px}
.addItem a.icon { height:46px; width:46px}

.contentFolder { width:100%; max-width:369px; background:#d4922d; position:absolute; z-index:999; top:74px; border-top:#fff 2px solid; border-bottom-left-radius:3px; border-bottom-right-radius:3px; padding:16px 10px 16px 10px;visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.contentFolder select {background:#d4922d; border:#fff 1px solid; color:#fff; height:32px; width:192px; margin-right:27px}
.contentFolder option {background:#d4922d; border:#fff 1px solid; color:#fff; height:32px}
.contentFolder a {color:#fff; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:400}
.contentFolder textarea { width:100%;background:#d4922d; border:#fff 1px solid; color:#fff; height:80px; padding:10px; resize:vertical}
.contentFolder .noteBlanco { margin:20px 0 10px 0}
.contentFolder button { background:#fff; color:#d4922d; border:#d4922d 1px solid; width:130px; font-size:16px; height:36px;font-family: 'Montserrat', sans-serif; font-weight:400; padding-top:4px}
.contentFolder button:hover { background:#d4922d; color:#fff; border:#fff 1px solid;}


.Folder { opacity:1 !important; visibility:visible !important}
.openFolder {background:#d4922d; border-bottom-left-radius:0px; border-bottom-right-radius:0px}

.similarItems {border-top:#afafaf 2px solid; padding-top:33px}
.similarItems .col img { border:#99999a 1px solid}
.similarItems .col { box-shadow:none; margin-bottom:10px}
.similarItems h1{ font-size:22px; color:#525252; font-weight:400}

.info {display: inline-block; position:relative}
.info:hover span { visibility:visible !important; opacity:1 !important}
.btninfo {content: "";background:url(../images/global/info.png); width:24px; height:24px; margin-left:10px;display: inline-block; text-indent:-9999px; cursor:pointer;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.btninfo:hover {background:url(../images/global/infoH.png);}
.info span { position:absolute; width:268px; border:#bababa 1px solid; background:#fff;box-shadow:#c8c8c8 0px 5px 10px; padding:12px; z-index:999; visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; font-size:12px; color:#525252;font-family: 'Roboto Condensed', sans-serif; font-weight:100; bottom:42px; margin-left:-20px}
.info  span:after { position:absolute; content:''; background:url(../images/global/afterinfo.png) left center no-repeat; width:100%; height:14px; left:-1px; bottom:-14px}
.info p { font-size:12px; color:#525252;font-family: 'Roboto Condensed', sans-serif; font-weight:100; bottom:42px; margin-left:0px; margin-bottom: 0px;    line-height: 15px!important;}
.info li {
    text-align: left;
    width: 100%;
    position: relative;
    float: left;
    font-size:12px; color:#525252;font-family: 'Roboto Condensed', sans-serif; font-weight:100; margin-left:15px!important;list-style-type: disc;
    margin: 0 0 0 0;
}
.pdp-slider{
	max-width:70%; 
	margin: 0 auto;
}
/* ----------------------------- PRODUCTS --------------------------------*/

/*PORTFOLIO --------------------------------*/

.portfolio .diapo { margin-top:210px}

.portfolioFilter { border-bottom:#e5e5e5 2px solid;padding-bottom:7px; }

.selectPortfolio  li{ position:relative; float:left; margin-right:16px;font-family: 'Montserrat', sans-serif; font-size:14px}
.selectPortfolio  li a{padding-bottom:9px;}
.selectPortfolio  li i{  font-size:14px; float:left; margin:5px 5px 0 0 }
.selectPortfolio  li a:hover i{ color:#d4922d}
.selectPortfolio  li a:hover { color:#d4922d}
.selectPortfolio { float:left; margin-top:28px}

.listaPortfolio {border-bottom:#e5e5e5 2px solid; padding:53px 0px 35px 15px;font-family: 'Montserrat', sans-serif;}
.listaPortfolio  h1 { font-size:24px; color:#525252}
.listaPortfolio  h2 { font-size:21px; color:#525252;font-family: 'Montserrat', sans-serif; font-weight:100}
.listaPortfolio p{color:#525252 !important; font-size:18px; line-height:30px}
.listaPortfolio img.productPortfolio { border:#3b3b3b 1px solid; margin:0 0 0 12px; width:90%}
.listaPortfolio .note { margin:0px;    margin-top: -10px;}
.listaPortfolio input[type="checkbox"] { position:absolute; top:4px; left:0px}
span.quantity { font-weight:800; border:#777777 1px solid; padding:2px 5px 3px 5px; border-radius:2px}
.listaPortfolio .btngris {padding:7px 22px 9px 22px;} 

.pencil i{ color:#c0c0c0; font-size:22px; cursor:pointer}
.pencil i:hover{ color:#d4922d;}
.pencil { position:absolute; top:7px; right:1px; opacity:1;-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;}
.listaPortfolio .col-md-5:hover .pencil { opacity:0.7}

.vistasPortfolio { float:right; }
.vistasPortfolio li { float:left; position:relative; margin-left:10px}
.vistasPortfolio select { width:150px; height:44px; padding-left:12px}

#finishBtn:after {content: '\f078';
	position: absolute;
	font-size:14px;
	right: -17px;
	top: 0px; font-family: fontawesome;	}

.portfolioFinish{	padding:38px 0 25px 0; width:100%; position:absolute;border-bottom:#e5e5e5 2px solid; background:#FFF; z-index:999; left:0px; top:55px;border-top:#e5e5e5 2px solid; visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0; }
.portfolioFinish ul { position:relative; float:left;}
.portfolioFinish li {  position:relative; float:left; width:25%; margin-bottom:13px; margin-right:0px}
.portfolioFinish li a{color:#525252;}
.portfolioFinish li img{ border:#FFF 1px solid;  margin:0 10px 0px 2px; border-radius:200px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.portfolioFinish li a:hover img{ border:#afafaf 1px solid; }

.portfolioNon  { margin-top:20px}
.portfolioNon .col-md-6 { padding-left:0px}
.portfolioNon  h3 { padding:9px 0; width:100%; font-size:14px; color:#515151; font-weight:600; margin:0px}
.vistasPortfolioNon li { float:left; position:relative; margin-right:6px}
.vistasPortfolioNon a.icon { background:#c0c0c0; width:30px; height:30px; display:block}
.vistasPortfolioNon a.icon:hover{ background:#d4922d; opacity:1 !important}

.cuadroClaro { background:#fafafa; padding:15px !important; float:right }
.cuadroClaro .btngris { display:block; width:100%; float:none}
.cuadroClaro h2 { font-size:18px; font-weight:100; margin:28px 0 20px 0 !important}
.cuadroClaro p {color:#525252; font-weight:200}
.cuadroClaro img { width:100%; margin-bottom:19px}
.cuadroClaro a.learn { font-size:14px}
.portfolioItem { padding:0px; margin-bottom:45px}

.portDrop { background:#d4922d; position:absolute; top:55px; left:184px;  width:180px; z-index:999; visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0;border-top:#e5e5e5 2px solid;  }
.portDrop li { width:100%; position:relative; float:left; padding:9px 15px; border-bottom:#fff 1px solid; font-size:12px !important;font-family: 'Montserrat', sans-serif; color:#FFF }
.portDrop li a{ color:#FFF }
.portDrop li:last-child { border-bottom:none; }
.portDrop li ul li { width:100%; position:relative; float:left; padding: 6px 2px 5px 14px; border-bottom:none}

.portDropUser { background:#d4922d; position:absolute; top:166px; right:36px;  width:180px; z-index:999; visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0; z-index:99999   }
.portDropUser li { width:100%; position:relative; float:left; padding:9px 15px; border-bottom:#fff 1px solid; font-size:12px !important;font-family: 'Montserrat', sans-serif; color:#FFF }
.portDropUser li a{ color:#FFF }
.portDropUser li:last-child { border-bottom:none; }
.portDropUser li ul li { width:100%; position:relative; float:left; padding:9px 10px 9px 12px; border-bottom:none}

.Pointer { cursor:pointer;}

.mostrar { margin-top:0px; opacity:1;}
.display {  opacity:1 !important; visibility:visible !important}
	

/* ----------------------------- PORTFOLIO --------------------------------*/

/*FINISHES --------------------------------*/

.finishes .img-principal { margin:100px 0 0px 0 }
.finishes .bggris { padding:40px 0 20px 0}
.finishesFinish{	padding:0px 5% 25px 5%; width:100%;border-bottom:#b2b2b2 1px solid; position:relative; display:block; float:left; margin-bottom:62px }
.finishesFinish ul { position:relative; margin:0 auto}
.finishesFinish li {  position:relative; float:left; width:25%; margin-bottom:16px; margin-right:0px; font-size:14px}
.finishesFinish li a{color:#525252; cursor:pointer}
.finishesFinish li a:hover{ font-weight:400}
.finishesFinish li img{ border:#FFF 1px solid;  margin:0 5px 0px 2px; border-radius:200px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.finishesFinish li a:hover img{ border:#afafaf 1px solid; }
.finishesFinish h1 { text-align:center; font-size:28px; margin-bottom:40px; font-weight:300}
.finishes .diapo p { font-size:18px; color:#959595; line-height:30px}
.finishes .diapo h2 { font-size:28px;}
.finishesAditional li { width:33%; margin-bottom:0px}
.finishesAditional { padding:10px 0}
.finishesAditional h4{ font-size:16px; font-weight:400; margin-bottom:20px}

.listadoFinishes { position:relative;border-bottom:#b2b2b2 1px solid; float:left; margin-bottom:60px; padding-bottom:20px}
.listadoFinishes section{ position:relative; margin-bottom:40px; float:left}
.listadoFinishes .center p { width:80%; margin:0 auto}
.listadoFinishes .center img { width:100%; margin:40px auto 0 auto; position:relative; float:left}

.mosaico img { width:100%;box-shadow:#cfcfcf 0px 4px 8px}
.mosaico .col-md-8 { padding:0px 0 0 15px}
.mosaico .izquierda { padding:0px 15px 0 0}
.mosaico .derecha { padding:0px 0 0 15px}
.entero { padding:30px 0 0 0;}
.finishesVideo { margin-top:60px; text-align:center}
.Last { border:none; margin-bottom:0px}
.Last p{ font-size:14px !important; text-align:left; line-height:20px !important}
.Last h2 { margin-bottom:60px !important; color:#525252; font-weight:400}
.Last .col-md-4 { border-right:#e5e5e5 1px solid}
.Last .col-md-4:last-child { border-right:none}



.slider-finishes {display: block;padding: 100px 0 0 0;position: relative; margin-bottom:0px; }
.slider-finishes .slide {
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	display: block;
  	outline: none; min-height:600px}
.finishes .slide .content-medium { padding-top:150px;}
.finishes .slide h1 {     
		color: black;
	    font-family: 'Roboto Slab', serif;
	    font-size: 40pt;
	    text-transform: uppercase;
	    font-weight: 200;
	    line-height: 89px;
	    padding-bottom: 0px;
	    position: absolute;
	    top: 30px;
	    border: none;
	    max-width: 85%;
	    text-align: right;
	    width: 85%;
	    right: 120px;
    }
.finishes .slide span { color:#fefefe;font-family: 'Roboto Slab', serif; font-size:90px; text-transform:uppercase; font-weight:100; line-height:89px;  padding-bottom:0px; position:absolute; bottom:30px; right:150px}



.finishes .owl-nav { position:absolute; top:350px; z-index:9999; width:100%}	
.finishes .owl-prev { width:140px; height:130px; display:block; left:0px; position:absolute;background-image: url('../images/home/prev.png') center center no-repeat; text-indent:-9999px; background-color:rgba(0,0,0,0.5);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; opacity:0.8}
.finishes .owl-next {width:140px; height:130px; display:block; right:0px; position:absolute;background-image: url('../images/home/next.png') center center no-repeat; text-indent:-9999px; background-color:rgba(0,0,0,0.5);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; opacity:0.8}
	
.finishes .owl-next:hover {  opacity:1}
.finishes .owl-prev:hover {  opacity:1} 

.disFini {  opacity:1 !important; visibility:visible !important; display:block !important}

.finishDescriptionDesk {position:relative; display:none; visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0;    -webkit-overflow-scrolling: touch;}

.finishes .ancla:before {       
  display: block;       
  content: " "   ;    
  margin-top: -56px;       
  height: 56px;       
  visibility: hidden; 
} 

/* ----------------------------- FINISHES --------------------------------*/

/*GLOSSARY --------------------------------*/

.glossary .ancla:before {       
  display: block;       
  content: " "   ;    
  margin-top: -80px;       
  height: 80px;       
  visibility: hidden; 
} 

.glossary .img-principal {padding: 100px 0 0 0; min-height:300px; margin:100px 0 46px 0 }	
.glossary .img-principal h1 {  font-size:64px; text-align:center}
.glossary .img-principal .content-medium { padding:0 0px}
.glossaryListado { border-bottom:#afafaf 1px solid; margin-bottom:20px}
.glossaryListado h1{ font-weight:700; color:#525252; font-size:28px; margin-bottom:20px}
.glossaryListado p strong{ font-size:16px; color:#525252;font-family: 'Muli', sans-serif;}
.glossaryLetters { z-index:200; background:#FFF}
.glossaryLettersMob { z-index:200; background:#FFF; padding-top:12px; position:relative; margin-bottom:20px}

.fixed { position:fixed; top:80px;}
.fixedMob { position:fixed; top:70px; width:90%}

.slider-glossary {display: block;padding: 0; position: relative; margin-top:70px;width:82px;   float:left; height:300px; }
.glossary #carousel h1 { color:#525252;font-family: 'Roboto Slab', serif; font-size:72px; text-transform:uppercase; font-weight:100; line-height:89px;  padding-bottom:0px; border:none; text-align:center}

.slider-glossary  #carousel {width: 82px;height: 300px !important;position: relative;position: absolute;	top: 0px;}
.slider-glossary  #carousel a:hover{ color:#d4922d}
#ui-carousel-next, #ui-carousel-prev {width:82px; height:44px; display:block; left:10px; position:absolute; text-indent:-9999px;
	-webkit-transition: all 0.6s ease;	-moz-transition: all 0.6s ease;	-ms-transition: all 0.6s ease;	-o-transition: all 0.6s ease;	transition: all 0.6s ease; opacity:0.8}
#ui-carousel-prev { bottom:-60px; background: url('../images/glossary/down.png') center center no-repeat;}
#ui-carousel-next {top:-60px; background: url('../images/glossary/up.png') center center no-repeat;}
#ui-carousel-next > span, #ui-carousel-prev > span {display: none;	}	
.ui-carousel {height: 100px;margin: 0;overflow: auto;padding: 0;position: relative; /*for ie7 to work e.g in html carousels*/	width: 300px}
.ui-carousel > .wrapper {   margin: 0;   padding: 0;   width: 9999px;}
.ui-carousel > .wrapper > * {border: 0;display: block;float: left;height: 100px;overflow: hidden;width: 100px;} 

/* ----------------------------- GLOSSARY --------------------------------*/

/*CONTACT US --------------------------------*/

.contact-us .diapo h1 { margin-bottom:24px}
.contact-us footer { margin-top:8px !important}
.separador { border-right:#e5e5e5 1px solid; margin-right:30px }
.contact-us .diapo input[type="button"].btndorado {padding:3px 22px 5px 22px !important; margin-bottom:85px}
.contactForm input[type="text"] { height:38px; border:#c8c9cb 1px solid; border-radius:6px; margin-bottom:16px; padding-left:15px;width:100%; position:relative; float:left; clear:both;}
.contactForm select { height:38px; border:#c8c9cb 1px solid; border-radius:6px; margin-bottom:16px; padding-left:15px; width:100%; position:relative; float:left; clear:both; color:#515151;}
.contactForm  span { margin-left:30px; font-size:11px}
h1.stay { margin-top:68px; margin-bottom:14px !important}
.contact-us .img-principal p br:first-child {display:none;}
.contactForm { width:100%;font-family: 'Muli', sans-serif; margin:20px 0 80px 0}
.contactForm  label { width:100%; position:relative; float:left; clear:both; color:#515151; margin:20px 0 8px 0}
.mapaImg { padding:0 !important;  background:url(../images/map.jpg) no-repeat center; height:320px; background-size:contain; display:block }

/* ----------------------------- CONTACT US --------------------------------*/

/*ABOUT US --------------------------------*/

.about-us .img-principal { margin:100px 0 26px 0 }
.about-us .diapo h2 { margin-bottom:18px; font-weight:100; font-size:28px}
.about-us .diapo p { font-size:18px; color:#959595; line-height:30px}
.about-us .diapo p strong{ color:#525252; }

.about-us .listado section:last-child {
	border-bottom: 0;
	margin: 0;
}

.listado section:last-child { border-bottom:#7f7f7f 1px solid; margin:30px 0 0 0; padding-bottom:60px}
.listado section:first-child { margin:30px 0 30px 0}
.listado section { float:left; margin:30px 0}

.custom .diapo p {
    font-size: 18px;
    color: #959595;
    line-height: 30px;
}
/* ----------------------------- ABOUT US --------------------------------*/

/*HOSPITALITY --------------------------------*/

.hospitality .diapo h2 { margin-bottom:18px; font-weight:100; font-size:28px}
.hospitality .diapo p { font-size:18px; color:#959595; line-height:30px}
.hospitality .diapo p strong{ color:#525252; }

/* ----------------------------- HOSPITALITY --------------------------------*/

.hospitality .img-principal { margin:100px 0 26px 0 }

.pull-left { margin:0 50px 20px 0}
.pull-right { margin:0px 0 20px 50px}
.pull-down { margin-top:95px!important;}

.casos-list {overflow: hidden;}
.casos-list .col {float: left;width: 100%; 	position: relative; margin-bottom:30px; box-shadow:#cfcfcf 0px 4px 8px}
.casos-list p {	font-family: 'Montserrat', sans-serif;	font-weight: 200;	font-size: 16px;	display: block; text-align:center; line-height:24px; color:#77787b}
.casos-list p strong{	font-size: 18px; color:#525252; line-height:40px}
.casos-list .col div  h2{ color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight:200; margin-bottom:0px !important; text-transform:uppercase}
.casos-list .col div  h1{ color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:28px; font-weight:200;text-transform:uppercase}
.casos-list span { border-bottom:#FFF 1px solid; border-top:#FFF 1px solid; padding:30px 0; position:relative; float:left;  margin:25% 15% 0 15%; width:70%}

@media (min-width: 1024px) {
.casos-list .caso1 { padding:0 63px 0 15px }
.casos-list .caso2 { padding:0 32px 0 46px }
.casos-list .caso3 { padding:0 0 0 78px }
.casos-list .caso2 span{ margin:20% 15% 0 15%; }
}
/* new*/
.collectionsList a.col div, .collectionitemArea  a.col div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.collectionitemArea.collectionitemArea span {
    display: flex;
    align-items: center;
    height: auto;
	padding: 15px 0;
	margin: 0;
}

/*COLLECTIONS --------------------------------*/
.collectionsList .collectionBoxitem {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}
.innerBannerSlide:before {
	content: "";
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 72%, #444 100%);
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.collections-list {overflow: hidden;}
.collections-list p {	font-family: 'Montserrat', sans-serif;	font-weight: 100;	font-size: 14px;	display: block; text-align:center; line-height:24px;}
.collections-list p strong{	font-size: 16px; color:#525252}
.collections-list .col div  h2{ color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:18px; font-weight:200; margin-bottom:0px !important; text-transform:uppercase}
.collections-list .col div  h1{ color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:28px; font-weight:200;text-transform:uppercase}
.collections-list span { border-bottom: #FFF 1px solid;
    border-top: #FFF 1px solid;
    /* padding: 30px 0; */
    /* position: relative; */
    float: left;
    margin: 12% 15% 0 15%;
    width: 70%;
    display: flex;
    height: 82%;
    align-items: center;}
.collections-list span.alto {  margin:16% 15% 0 15%;}

p.fijo { height:35px; position:relative; float:left; width:100%; text-align:center}

.more-collections-list {overflow: hidden;}
.more-collections-list p {	font-family: 'Montserrat', sans-serif;	font-weight: 100;	font-size: 14px;	display: block; text-align:center; line-height:24px; margin:0 0 20px 0}
.more-collections-list p strong{	font-size: 16px; color:#525252}
.more-collections-list span { border-bottom:#FFF 1px solid; border-top:#FFF 1px solid; padding:14px 0; position:relative; float:left;  margin:29px 15% 0 15%; width:70%}
.more-collections-list span.alto {  margin:35px 15% 0 15%;}

.contenedorBrowse:hover a.colB div{ opacity:1}
.contenedorBrowse:hover .listaCollection{ opacity:1 !important; visibility:visible !important}
a.colB {float: left;width: 100%; position: relative;}
a.colB img {position: relative;width: 100%;height: auto;	display: block;}
a.colB div { position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.5); z-index:400; text-align:center; color:#FFF;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; opacity:0}
.listaCollection { position:absolute; width:300px; left:15px; font-size:14px; top:74%; line-height:20px; color:#77787b;	font-family: 'Montserrat', sans-serif;	font-weight: 100;visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.contenedorBrowse { position:relative; float:left; width:16.666666%; min-height:320px; height:auto}
.siete-col { width:14.28%; float:left; padding:0 15px; box-sizing:border-box}

.collections-content { margin-bottom:110px; }
.collections-all h1{ text-align:center; font-size:16px; font-weight:600}
.collections-all p{ text-align:center}
.collections-all .col span { border-bottom:#FFF 1px solid; border-top:#FFF 1px solid; padding:14px 0; position:relative; float:left;  margin:34% 15% 0 15%; width:70%}
.collections-all .col { margin-bottom:14px;box-shadow:none}
.collections-all h2 { margin-bottom:10px; color:#b3b3b3; font-size:18px; clear:both}
.selectionFilter { width:70%; margin-top:12px}
.selectionFilter li:first-child{ border-bottom:#b3b3b3 1px solid;border-top:#b3b3b3 1px solid}
.selectionFilter li{ width:100%; padding:10px 0; border-bottom:#b3b3b3 1px solid}
.selectionFilter li a{color:#272727}

.browse span {margin:34% 15% 0 15%;}

.font24 { margin-bottom:10px !important; color:#b3b3b3 !important;  clear:both !important; font-size:24px !important}

/* ----------------------------- COLLECTIONS --------------------------------*/

.ruta { font-size:24px}
.vistas { margin-bottom:56px; }
.vistas ul{ float:right; margin-right:15px}
.vistas li { float:left; position:relative; margin-left:16px}
.vistas li:first-child { padding-top:8px}
.vistas li a:hover{ opacity:0.6}
.vistas select { width:150px; height:44px; padding-left:12px}

a.col {float: left;width: 100%; position: relative; margin-bottom:34px;box-shadow:#cfcfcf 0px 4px 8px}
a.col img {position: relative;width: 100%;height: auto;	display: block;}
a.col:hover div { opacity:1} 
a.col div { position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:rgba(0, 0, 0, 0.54); z-index:400; text-align:center; color:#FFF; outline:#FFF 1px solid;outline-offset: -12px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; opacity:0}
a.col div  h2{ color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:14px; font-weight:200; margin-bottom:0px !important; text-transform:uppercase}
a.col div  h1{ color:#FFF;font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight:200;text-transform:uppercase}


#return-to-top {background:#3d4453 url(../images/global/top.png) no-repeat center;width:93px; height:76px; position:fixed; right:0px; bottom:70px; display:none; cursor:pointer; z-index:9999; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; opacity:0.7; margin-bottom:-40px; text-indent:-9999px; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#return-to-top:hover { opacity:1;}

.imgGrande { /*position:relative; background:url(../images/home/imgGrande.jpg) center center; width:100%; height:400px; background-size:cover*/}
.imgGrande:before {    content: "";  position: absolute; top: 16px; bottom: 16px; left: 0px; right: 0px; border-right:none; border-left:none}
.imgGrande img{ width:100%;}


/********* FOTER ********************/
footer {
	display: block;
	background: #000000;
	padding: 40px 0 0 0;  margin:60px 0 0 0; font-family: 'Muli', sans-serif; position:relative; z-index:999
}


input, i {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

footer h1 { color:#e5e5e5; font-size:18px; font-weight:200; margin-bottom:14px}
footer input[type="email"] { border:#77787b 1px solid; border-radius:2px; background-color:transparent; height:40px; padding-left:12px; width:55%; color:#FFF}
footer button[type="submit"] { border:#77787b 1px solid; border-radius:2px; background-color:transparent; height:40px; padding:0 12px; color:#e5e5e5; margin-left:2%; font-weight:400}
footer input[type="button"]:hover {   background-color:#77787b; color:#202020; }
.dealer { color:#f1f1f2; margin:30px 0; display:block; border-bottom:none !important}
.dealer i{ color:#f1f1f2; margin-left:19px}
.dealer:hover { color:#939393; border-bottom:none !important}
.dealer:hover i{ margin-left:10px; color:#939393}

a.gris { color:#5c5c5c}
a.gris:hover {   color:#fff}

footer a { color:#FFF; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
footer a:hover { color:#5c5c5c}
footer .linksFoot li { margin-bottom:15px; color:#FFF}

.redes a:hover {opacity: 0.7; }
.redes a { margin-right:20px; color:#777777;}
.redes a:last-child { margin-right:0px;}
footer .redes {
	display: block;
	clear: both;
	overflow: hidden;  padding:80px 15px 22px 15px;
    width:100%;
}

footer .copy {
    font-size: 16px;
    color: #666666;
    display: block;
    text-align: center;
    padding: 22px 15px 24px 15px;
    border-top: #383838 1px solid;
    width: 100%;
}

footer .copy a { color:#666666; border-bottom:none}
footer .copy a:hover { color:#fff; border-bottom:none}

/************************ G E N E R I C O S *****************************/
*:focus {
    outline: none;
}
.generic-article {
	display: block;
	padding: 100px 0 70px 0;
}
.generic-article h1 {
	font-size: 28px;
	line-height: 32px;
	padding-bottom: 20px;
}
.generic-article p {
	font-size: 18px;
	line-height: 32px;
	color: #454545;
	padding-bottom: 24px;
}


	.mob { display:none;}

.ac-filtro-mob{	width: 100%; text-align: left; overflow:auto }
.ac-filtro-mob ul { width:100%;  position:relative; float:left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; margin-bottom:20px}
.ac-filtro-mob li { font-size:14px; padding:6px 0px; position:relative; float:left; width:100%;font-family: 'Montserrat', sans-serif;}
.ac-filtro-mob li br{ display:none}
.ac-filtro-mob li a{color:#525252;}
.ac-filtro-mob li img{ border:#FFF 1px solid;  margin:0 10px 0px 2px; border-radius:200px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.ac-filtro-mob li a:hover img{ border:#afafaf 1px solid; }
.ac-filtro-mob label{padding: 12px;position: relative;	z-index: 20;	display: block;	cursor: pointer;color: #272727;font-family: 'Montserrat', sans-serif; font-size: 16px;font-weight:400;border-top:#afafaf 1px solid;}


.ac-filtro-mob input:checked + label,
.ac-filtro-mob input:checked + label:hover{	color: #77787b;}
.ac-filtro-mob label:after,
.ac-filtro-mob input:checked + label:hover:after{
	content: '+';
	position: absolute;
	font-size:14px;
	left: 0px;
	top: 12px;		
}
.ac-filtro-mob input:checked + label:hover:after{content: '-';}
.ac-filtro-mob input{display: none;}
.ac-filtro-mob article{overflow: hidden;	height: 0;	position: relative;	z-index: 10;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;}
	
.ac-filtro-mob input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}


.ac-filtro-mob input:checked ~ article.ac-filtro-mob-80{height: 90px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-100{height: 110px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-120{height: 130px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-140{height: 150px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-160{height: 170px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-180{height: 190px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-200{height: 210px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-220{height: 230px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-240{height: 250px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-280{height: 290px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-300{height: 310px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-320{height: 330px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-360{height: 370px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-400{height: 410px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-440{height: 450px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-480{height: 490px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-520{height: 530px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-560{height: 570px;}
.ac-filtro-mob input:checked ~ article.ac-filtro-mob-todo{min-height: 100px; height:auto; max-height:100%}

.selectionMade { width:100%; margin-bottom:20px; clear:both; position:relative; float:left;font-family: 'Montserrat', sans-serif;}
.selectionMade li { float:left; position:relative; width:100%; padding:5px 8px; border:#777777 1px solid; border-radius:2px; color:#777777; font-weight:400}	
.selectionMade li span{ float:right; cursor:pointer;  color:#777777;  font-weight:100; display:block; }

.listView  img{ max-width:180px; float:left; margin-right:12px}
.listView a.col{ max-width:180px; }
.listView .col-md-9 h1{ float:left; text-align:left; position:relative;  width:100%; padding-top:46px}
.listView p{ float:left; text-align:left; position:relative; width:100%; margin:0px}
.listView a.col{ max-width:180px; }
.listView .col-md-9 h1{ float:left; text-align:left; position:relative;  width:100%; padding-top:46px}
.listView p{ float:left; text-align:left; position:relative; width:100%; margin:0px}

.create-account .diapo { margin-top:150px}
.search-results .diapo { margin-top:150px}
.search-results h5 { color:#525252; font-size:18px;font-family: 'Montserrat', sans-serif; font-weight:100 }

.formAccount { width:100%;font-family: 'Muli', sans-serif; margin:20px 0 117px 0}
.formAccount label { width:100%; position:relative; float:left; clear:both; color:#515151; margin:20px 0 8px 0}
.formAccount input[type="text"] { width:100%; position:relative; float:left; clear:both; color:#515151;border:#d9d9d9 1px solid; padding-left:12px; height:26px}
.formAccount select { width:100%; position:relative; float:left; clear:both; color:#515151;border:#d9d9d9 1px solid; padding-left:12px; height:26px}
.formAccount input[type="button"] { margin-top:24px}

/*DEALER LOCATOR --------------------------------*/

.dealer-locator .diapo { margin-top:150px}
.dealer-locator .diapo p{ margin-bottom:0px}
.dealer-locator .formAccount {  margin:0px 0 45px 0}
.dealer-locator .formAccount select{ width:60%}
.cuadro { padding:12px; border:#d9d9d9 1px solid;font-family: 'Montserrat', sans-serif; font-size:14px}
.inputcorto { width:60% !important}
.dealer-locator .formAccount input[type="button"] { width:60% }
.dealer-locator .view { margin:22px 0 0 30px; position:relative; float:left; font-size:21px}
.dealer-locator .diapo .col-md-5 { padding-left:0px; padding-right:0px}
.dealer-locator .diapo .col-md-7 { padding-left:0px; padding-right:0px}
.mapita {}
.mapita img { width:100%;  margin-bottom:30px}
.dealer-locator .sortBy { float:right; margin-bottom: 10px;}
.sortBy { width:150px; height:44px; padding-left:12px}

#map-canvas {
	display: block;
	width: 100%;
	height: 574px; margin-bottom:30px
}

.listadoMap { height: 502px;
    overflow-y: scroll;border-top:#d9d9d9 1px solid; position:relative; float:left; width:100%; margin:12px 0 45px 0}
.listadoMap  h1 { font-weight:100}
.listadoMap .distance { padding-top:12px}
.listadoMap li { padding:20px 0; border-bottom:#d9d9d9 1px solid; position:relative; float:left; width:100%}
.dealerTitulo { font-size:28px; margin-bottom:20px}

/* ----------------------------- DEALER LOCATOR --------------------------------*/


/* ----------------------------- RESPONSIVE --------------------------------*/

@media (min-width: 1024px) {

}

@media (max-width: 1400px) {
	header {
		padding-left: 0px;
		padding-right: 0px;	
	}
}
@media (max-width: 1280px) {
	.collections .slide .content-medium  {bottom:60px;}
}
@media (min-width: 800px) and (max-width: 1079px) {  
	.collections .slide .content-medium {bottom:10px;}
	.slider-home .slide {	height: 400px;!important	}
}
@media (max-width: 1080px) {	
.casos-list .col { margin-bottom:20px}
	
}

@media (max-width: 1023px) {

}

@media (max-width: 890px) {
	.desk {
		display: none !important;
	}

	.mob {
		display: block;
		float: left
	}

	.pdp-slider {
		max-width: 90%;
		margin: 0 auto;
	}

	.addItem {
		margin-left: 0px;
	}

	.hamburger {
		position: fixed;
		top: 24px;
		float: right;
		margin: 0;
		padding: 0;
		cursor: pointer;
		z-index: 99999;
		display: block;
		right: 15px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

		.hamburger.open {
		}

		.hamburger .hamburger-inner {
			position: relative;
			height: 21px;
			width: 38px;
			display: block;
			margin: 0;
			padding: 0
		}

		.hamburger .bar {
			width: 38px;
			height: 4px;
			background: #818182;
			position: absolute;
			top: 0;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
			border-radius: 4px
		}

	.stk .hamburger .bar {
		background: #818182;
	}

	.hamburger .bar.bar2, .hamburger .bar.bar3 {
		top: 10px;
		transform: matrix(0.99999, 0, 0, 0.99999, 0, 0);
	}

	.hamburger .bar.bar4 {
		top: 20px
	}

	.hamburger.open .bar1, .hamburger.open .bar4 {
		opacity: 0;
	}

	.hamburger.open .bar2 {
		height: 4px;
		transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);
	}

	.hamburger.open .bar3 {
		height: 4px;
		transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
	}
	.menu-nav {
	    background:rgba(255,255,255,0.8);
	    display: block;
	    float: none;
	    margin: 0;
	    position: absolute;
	    top: 60px;
	    left: 0;
	    right: 0;
	    z-index: 9;
	    overflow: hidden;
	    max-height: 0;
	    -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu-mob {
	    background:#e7e5da;
	    display: block;
	    float: none;
	    margin: 0;
	    position: fixed;
	    top: 0px;
	    left: 0;
	    right: 0;
	    z-index: 9;
		overflow:scroll;
		 -webkit-overflow-scrolling: touch;
		 z-index:99991;
	    max-height: 0;
	    -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu-nav.open {
		max-height: 450px;
	}
	.menu-mob.open {
		max-height: 100%; height:100%; width:100%
	}
	.menu-nav .menu {
		text-align: center;
	}
	.menu-nav .menu li {
	    display: block;
	    margin: 20px 0;
	}
	
	
.menu-scrollable {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0; display:none;
    overflow: scroll; z-index:99999;
    -webkit-overflow-scrolling: touch;
}

	
.styk.open header .menu-nav{margin: 0px 0 0 0;}
header .logo img { width:100px}
header { height:70px; overflow:hidden; }
.preHeader { display:none}
header .logo { margin:12px 0 0 0; float:left}
.styk.open header .logo { margin-top:12px;}

.img-sola  {margin:70px 0 0px 0; height:300px}
.searchMob { display:block}

header .searchMob {
	float: left;
	width: 120px;
	position: absolute; top:19px; right:60px
}

header .searchMob input {
	border: none;
	height: 22px;
	line-height: 20px;
	background-color: transparent;
	color: #626166;
	width: 70px;
	float: right;
	font-size: 15px; margin-right:6px; padding-left:6px;
	margin-left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; border-radius:0px
}
/*header .searchMob input:focus {
	width: 100px;
	margin-left: -10px; background:#FFF; border-radius:4px
}*/
header .searchMob button {
	border: none;
	background: url('../images/global/lupa.png') center center no-repeat;
	width: 16px;
	height: 21px;
	float: right;
}

.slider-home {	padding:60px 0 0 0;}
	
.about-us .img-principal { margin:60px 0 20px 0 }
.hospitality .img-principal { margin:60px 0 20px 0 }
.img-principal {padding: 80px 0 0 0; min-height:450px; margin:60px 0 20px 0 }	
.owl-nav { display:none}	
a.col span { border:none}	


.siete-col { width:50%; float:left; padding:0 15px; box-sizing:border-box}	


.ac-container{	width: 100%;margin: 10px auto 30px auto;text-align: left;}
.ac-container ul { width:90%; margin:0 auto; position:relative}
.ac-container li {border-bottom:#bfbfbf 1px solid; padding:10px}
.ac-container label{padding: 16px;	position: relative;	z-index: 20;	display: block;	cursor: pointer;	color: #77787b; font-weight:600;	font-size: 19px;border-bottom:#bfbfbf 1px solid;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.ac-container label:hover{background: #fff;}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{	color: #77787b;}
.ac-container label:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;
	right: 13px;
	top: 18px;
	background: transparent url(../images/global/arrow.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{background-image: url(../images/global/arrow_down.png);}
.ac-container input{display: none;}
.ac-container article{overflow: hidden;	height: 0px;	position: relative;	z-index: 10;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

.ac-container input:checked ~ article.ac-todo{height: 100%;}

footer.mob {padding: 0px 0 0px 0;  margin:40px 0 0 0; width:100%}

.ac-foot{	width: 100%;margin: 10px auto 0px auto;text-align: left;}
.ac-foot ul { width:90%; margin:0 auto; position:relative}
.ac-foot li {border-bottom:#858585 1px solid; padding:10px}
.ac-foot li a{color:#959595;}
.ac-foot label{padding: 16px;	position: relative;	z-index: 20;	display: block;	cursor: pointer;	color: #fff; font-size: 19px;border-bottom:#858585 1px solid;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; font-weight:400}
.ac-foot label:hover{}
.ac-foot input:checked + label,
.ac-foot input:checked + label:hover{	color: #77787b;}
.ac-foot label:after,
.ac-foot input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;
	right: 13px;
	top: 18px;
	background: transparent url(../images/global/arrow_foot.png) no-repeat center center;	
}
.ac-foot input:checked + label:hover:after{background-image: url(../images/global/arrow_down_foot.png);}
.ac-foot input{display: none;}
.ac-foot article{overflow: hidden;	height: 0px;	position: relative;	z-index: 10;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.ac-foot input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

.ac-foot .dealer { margin:6px 0;}
.ac-foot input.enterMail { border:#77787b 1px solid; border-radius:2px; background-color:transparent; height:40px; padding-left:12px; width:45%; color:#FFF; display:block; width:100%; margin-bottom:8px}
.ac-foot input[type="button"] { padding:0 12px; display:block; margin-left:0px }

.ac-foot input:checked ~ article.ac-foot-todo{height: 100%;}


.ac-head .dealer i{ color:#4f5071}
.ac-head{	width: 100%;margin: 60px auto 0px auto;text-align: left; overflow:auto }
.ac-head ul { width:92%; margin:0 auto; position:relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.ac-head li { font-size:12px; padding:0 10px}
.ac-head ul.subrayado li { padding:7px 0;border-bottom:#a5a5a3 1px solid;}
.ac-head li ul li { padding:7px 0;border-bottom:#a5a5a3 1px solid;}
.ac-head li ul li ul li:first-child {border-top:#a5a5a3 1px solid;}
.ac-head li a{color:#4f5071;}
.ac-head label{padding: 12px;position: relative;	z-index: 20;	display: block;	cursor: pointer;color: #4f5071; font-size: 19px;font-weight:400;text-transform:uppercase}
.ac-head label.subtitulo{padding: 10px;	font-size: 16px;}
.ac-head label.segundosubtitulo{padding: 10px;	font-size: 14px;}
.ac-head label.subtitulo:after{ top:10px; right:4px}
.ac-head input:checked + label.subtitulo:hover:after{top:10px; right:4px}
.ac-head label.segundosubtitulo:after{ top:10px; right:0px}
.ac-head input:checked + label.segundosubtitulo:hover:after{top:10px; right:0px}

label.titulo {border-bottom:#a5a5a3 1px solid;}
label.subtitulo {border-bottom:#a5a5a3 1px solid;}

.ac-head input:checked + label,
.ac-head input:checked + label:hover{	color: #77787b;}
.ac-head label:after,
.ac-head input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	right: 13px;
	top: 16px;
	background: transparent url(../images/global/arrow.png) no-repeat center center; background-size:contain	
}
.ac-head input:checked + label:hover:after{background-image: url(../images/global/arrow_down.png);}
.ac-head input{display: none;}
.ac-head article{overflow: hidden;	height: 0;	position: relative;	z-index: 10;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;}
	
.ac-head input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

.ac-head .dealer { margin:6px 0;}
.ac-head input.enterMail { border:#77787b 1px solid; border-radius:2px; background-color:transparent; height:40px; padding-left:12px; width:45%; color:#FFF; display:block; width:100%; margin-bottom:8px}
.ac-head input[type="button"] { padding:0 12px; display:block; margin-left:0px }

.ac-head input:checked ~ article.ac-head-todo{height:100%}

.ac-head .loginDialog { position:relative; opacity:1; background:none}
.ac-head .loginDialog label{ font-size:16px; padding:0px}
.ac-head .loginDialog label:after{ background:none; }
.ac-head .loginDialog input{ display:block}

.ac-col{	width: 100%;margin: 0px auto 0px auto;text-align: left; overflow:auto }
.ac-col ul {  margin:0 auto; position:relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.ac-col li { font-size:12px; padding:0 6px; position:relative; float:left; margin:0px}
.ac-col li a{color:#4f5071;}
.ac-col label{padding: 12px 0;position: relative;	z-index: 20;	display: block;	cursor: pointer;color: #272727; font-size: 19px;font-weight:400; width:50%}

.ac-col input:checked + label,
.ac-col input:checked + label:hover{color: #77787b;}
.ac-col label:after,
.ac-col input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 15px;
	height: 12px;
	right: 103px;
	top: 22px;
	background: transparent url(../images/global/arrow_col.png) no-repeat center center; background-size:contain	
}

.ac-col input:checked + label.labelView,
.ac-col input:checked + label.labelView:hover{color: #77787b;}
.ac-col label.labelView:after,
.ac-col input:checked + label.labelView:hover:after{
	content: '';
	position: absolute;
	width: 15px;
	height: 12px;
	right: -18px;
	top: 22px;
	background: transparent url(../images/global/arrow_col.png) no-repeat center center; background-size:contain	
}
.ac-col input:checked + label:hover:after{background-image: url(../images/global/arrow_col_up.png);}
.ac-col input:checked + label.labelView:hover:after{background-image: url(../images/global/arrow_col_up.png);}
.ac-col input{display: none;}
.ac-col article{overflow: hidden;	height: 0;	position: relative;	z-index: 10;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important; width:100%}
	
.ac-col input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.labelView { text-align:right; margin:0px 22px 0 0; float:right;}
.ac-col input{display: none;}
.ac-col article{overflow: hidden;	height: 0;	position: relative;	z-index: 10;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;}
.ac-col input:checked ~ article.ac-col-100{height: 110px;}
.ac-col input:checked ~ article.ac-col-70{height: 70px;}

.ac-product{	width: 100%;margin: 10px auto 0px auto;text-align: left;}
.ac-product ul { width:90%; margin:0 auto; position:relative}
.ac-product li {border-bottom:#858585 1px solid; padding:10px}
.ac-product li a{color:#959595;}
.ac-product label{padding: 16px;	position: relative;	z-index: 20;	display: block;	cursor: pointer;	color: #fff; font-size: 19px;border-bottom:#858585 1px solid;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; font-weight:400}
.ac-product label:hover{}
.ac-product input:checked + label,
.ac-product input:checked + label:hover{	color: #77787b;}
.ac-product label:after,
.ac-product input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;
	right: 13px;
	top: 18px;
	background: transparent url(../images/global/arrow_foot.png) no-repeat center center;	
}
.ac-product input:checked + label:hover:after{background-image: url(../images/global/arrow_down_foot.png);}
.ac-product input{display: none;}
.ac-product article{overflow: hidden;	height: 0px;	position: relative;	z-index: 10;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.ac-product input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

.ac-product .dealer { margin:6px 0;}
.ac-product input.enterMail { border:#77787b 1px solid; border-radius:2px; background-color:transparent; height:40px; padding-left:12px; width:45%; color:#FFF; display:block; width:100%; margin-bottom:8px}
.ac-product input[type="button"] { padding:0 12px; display:block; margin-left:0px }

.ac-product input:checked ~ article.ac-product-todo{height: 100%;}

.selectFiltro { margin-top:0px; margin-bottom:30px; padding-left:20px !important; padding-right:20px !important; z-index: 9998;}
.viewContent { float:right; margin-bottom:0px}
.viewContent li { float:left; position:relative; margin-left:6px; padding:0px}
.viewContent select { width:130px; height:40px; padding-left:6px}

.selectFiltro main { width:100%;  padding: 0px;  margin: 0 auto;}
.selectFiltro section {  display: none;  padding: 0px 0px 0;  }
.selectFiltro input.selectioni { display: none;}
.selectFiltro label.selectionl { display: inline-block;  font-weight: 400; text-align: center; color: #272727;font-family: 'Roboto Condensed', sans-serif; font-size:24px}
.selectFiltro label.selectionl:after { font-family: fontawesome;  font-weight: 200;  margin-left: 10px; font-size:16px}
.selectFiltro label.selectionl[for*='1']:after { content: '\f078';}
.selectFiltro label.selectionl[for*='2']:after {  content: '\f078'; }
.selectFiltro label.selectionl:hover { cursor: pointer;}
.selectFiltro input.selectioni:checked + label { color:#272727}

.viewTab { float:right}

#tab2:checked ~ .viewTab:after { content: '\f077';}
#tab1:checked ~ .filterTab:after { content: '\f077';}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2{ display: block;}


.ac-filtro-mob{	width: 90%; margin:0 auto;text-align: left; overflow:auto }
.ac-filtro-mob ul { width:100%; margin:0 auto 20px auto; position:relative; float:left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.ac-filtro-mob ul.leftCien li { width:100%; text-align:left}
.ac-filtro-mob li { font-size:14px; padding:2px 0px; position:relative; float:left; width:25%;font-family: 'Montserrat', sans-serif; text-align:center; margin-bottom:6px}
.ac-filtro-mob li br{ display:block}
.ac-filtro-mob li a{color:#525252;}
.ac-filtro-mob li img{ border:#FFF 1px solid;  margin:0 0 4px 0;  clear:both;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.ac-filtro-mob li a:hover img{border:#afafaf 1px solid; }
.ac-filtro-mob label{padding: 12px;position: relative;	z-index: 20;	display: block;	cursor: pointer;color: #272727;font-family: 'Montserrat', sans-serif; font-size: 16px;font-weight:400;border-top:#afafaf 1px solid;}


.ac-filtro-mob input:checked + label,
.ac-filtro-mob input:checked + label:hover{	color: #77787b;}
.ac-filtro-mob label:after,
.ac-filtro-mob input:checked + label:hover:after{
	content: '+';
	position: absolute;
	font-size:14px;
	left: 0px;
	top: 12px;		
}
.ac-filtro-mob input:checked + label:hover:after{content: '-';}
.ac-filtro-mob input{display: none;}
.ac-filtro-mob article{overflow: hidden;	height: 0;	position: relative;	z-index: 10;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-ms-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;}
	
.ac-filtro-mob input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}

.products-listView img{ width:100%}
.products-listView h1{ float:left; text-align:left; position:relative;  width:100%; padding-top:0px; font-size:16px}
.products-listView p{ float:left; text-align:left; position:relative; width:100%; margin:0px; font-size:14px}
.products-listView a:hover{ opacity:0.7}
.products-listView .col-xs-10 { padding-right:0px;}
.products-listView .producto { padding:11px 0; border-bottom:#afafaf 1px solid; position:relative; float:left; width:100% }
.products-listView .col-md-1, .col-xs-2 { padding-left:0px !important; padding-right:0px !important }

.slider-finishes {padding: 70px 0 0 0; }

.product-detail .diapo { margin-top:70px}
.product-detail .rutaSmall { display:none}

.product-detail .detailContent .col-md-12 { padding:0px}
.product-detail .detailContent .col-md-6 { padding:0px}
}

@media (max-width: 768px) {
.slider-home {
    min-height: 400px!important;
}
.slider-home .slide {
    min-height: 310px;
}
.slider-finishes .slide { min-height:310px}
.finishes .slide .content-medium { padding-top:50px;}
.finishes .slide h1 {  font-size:30px;  line-height:normal;  bottom:30px; }
.finishes .slide span { font-size:30px;  line-height:normal; bottom:30px; right:20px}
.finishes .diapo .content-medium { padding:0px 10px}
.finishes .finishesAditional { padding-left:0px; padding-right:0px}
.finishes .detailFinishes { border-bottom:#b2b2b2 1px solid; padding-bottom:0px; margin-bottom:30px}

.finishes .bggris { padding:40px 0 20px 0}
.finishesFinish{	padding:0px 5% 25px 5%; width:100%;border-bottom:#b2b2b2 1px solid; position:relative; display:block; float:left; margin-bottom:62px }
.finishesFinish ul { position:relative; margin:0 auto}
.finishesFinish li {  position:relative; float:left; width:25%; margin-bottom:16px; margin-right:0px}
.finishesFinish li a{color:#525252;}
.finishesFinish li a:hover{ font-weight:400}
.finishesFinish li img{ border:#FFF 1px solid;  margin:0 10px 0px 2px; border-radius:200px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.finishesFinish li a:hover img{ border:#afafaf 1px solid; }
.finishesFinish h1 { text-align:center; font-size:28px; margin-bottom:40px; font-weight:300}
.finishes .diapo p { font-size:18px; color:#959595; line-height:30px}
.finishes .diapo h2 { font-size:28px;}
.finishesAditional li { width:33%; margin-bottom:0px}
.finishesAditional { padding:10px 0}
.finishesAditional h4{ font-size:16px; font-weight:400; margin-bottom:20px}

.listadoFinishes {  margin-bottom:30px; padding-bottom:20px}
.listadoFinishes section{ position:relative; margin-bottom:0px; float:left}
.listadoFinishes .center p { width:100%; margin:0 auto}
.listadoFinishes .center img { width:100%; margin:40px auto 0 auto; position:relative; float:left}
.imgApaisada { height:210px; overflow:hidden; margin-bottom:20px}
.imgApaisada img{ margin:0px; width:100%}	
.listadoFinishes h2 { margin-bottom:14px}


.imgTotalMob { width:90% !important; margin-left:5% !important}

.mosaico { margin-top:30px; padding:0px !important}
.mosaico div { padding:0px}
.mosaico img { width:100%; box-shadow:none}
.mosaico .col-md-8 { padding:0px}
.mosaico .izquierda { padding:0px 4px 0 0}
.mosaico .derecha { padding:0px 0 0 4px}
.mosaico .entero { padding:8px 0px 0 0 !important ;}
.mosaico .imgGrandeMosaico { padding-left:8px !important}
.mosaico .imgGrandeMosaicoLeft { padding-right:8px !important}
.finishesVideo { margin-top:30px; text-align:center}
.Last { border:none; margin-bottom:0px}
.Last p{ font-size:14px !important; text-align:left; line-height:20px !important}
.Last h2 { margin-bottom:30px !important; color:#525252; font-weight:400}
.Last .col-md-4 { border-right:#e5e5e5 1px solid}
.Last .col-md-4:last-child { border-right:none}
	
.glossary .img-principal {padding: 50px 0 0 0; min-height:200px; margin:70px 0 16px 0 }	
.glossary .img-principal h1 {  font-size:28px; text-align:left}
.glossary .img-principal .content-medium { padding:0 15px}

.glossaryListado { border-bottom:#afafaf 1px solid; margin-bottom:20px}
.glossaryListado h1{ font-weight:700; color:#525252; font-size:28px; margin-bottom:20px}
.glossaryListado p strong{ font-size:16px; color:#525252;font-family: 'Muli', sans-serif;}

.glossary .slider { margin-bottom:0px}
	
#map-canvas {
	height: 274px; margin-bottom:20px
}
.dealerTitulo { font-size:18px; margin-bottom:0px}

h1 { font-size:28px; line-height:36px !important}	
h2 { font-size:24px !important}
h1.center { margin:0 0 20px 0px; width:100%}
	
a.icon { width:30px; height:30px;}
.viewContent li { float:left; position:relative; margin-left:2px; padding:0px}
.viewContent select { width:70px; height:30px; padding-left:3px}

.portfolio h1 { font-size:22px}
.portfolio .diapo { margin-top:70px}
.listaPortfolio { padding:20px 0 20px 0}
.listaPortfolio h1 { font-size:18px; margin-top:12px; line-height:26px !important; font-weight:400}
.listaPortfolio h2 { font-size:14px !important; margin-bottom:20px}
.listaPortfolio p { line-height:22px !important; margin-bottom:10px}
.listaPortfolio .col-xs-12 { padding:0px}
/*.listaPortfolio img.productPortfolio { margin-left:20px}*/
.pencil { position:absolute; top:13px; right:0px;}
.vistasPortfolio .btngris { width:100%; clear:both}
.vistasPortfolio { float:right; margin-top:30px; width:100% }
.vistasPortfolio li { float:left; position:relative; margin-right:3%; width:31.3%; margin-left:0px}
.vistasPortfolio li:first-child { width:100%; margin-bottom:3%; margin-right:0%}
.vistasPortfolio li:last-child { margin-right:0%}
.vistasPortfolio li a.icon{ width:100%; height:40px; }
.vistasPortfolio li a.icon img{ margin:0px auto 0 auto }
.portfolioNon { margin-top:20px; padding:0px !important}
.cuadroClaro { margin-top:20px}
.cuadroClaro h2{ font-size:18px !important}
.portfolio .pull-left { margin-right:0px !important; text-align:center}
.portfolioNon .col-md-6 { padding:0px !important}

.portfolioItem { text-align:center; margin-bottom:10px}
.vistasPortfolioNon li { width:23.5%; margin-right:2%}
.vistasPortfolioNon li:last-child { margin-right:0%}
.vistasPortfolioNon li a.icon { width:100%; height:36px}

.contact-us .diapo { margin-top:30px; padding:0 1%}	
.contact-us .diapo .content-large { width:100%}		
.contact-us .diapo h1 { margin-bottom:14px; margin-top:20px}
.separador { border-right:none; margin-right:0px }
h1.stay { margin-top:68px; margin-bottom:14px !important}
.middle { padding-top:40px}
.middle br{ display:none}
.bggris { padding:0 0 50px 0 !important}
.contact-us .openMap { display:none}
.contactForm { margin-top:16px !important}

.create-account .diapo { margin-top:100px; padding:0 1%}	
.create-account .diapo .content-large { width:100%}	
.formAccount { margin:0px 0 30px 0}
.contact-us .img-principal p br:first-child {display:block;}

.search-results .diapo { margin-top:70px;}

.dealer-locator .diapo { margin-top:100px; padding:0 1%}	
.dealer-locator .diapo .content-large { width:100%}	
.dealer-locator .formAccount {  margin:0px 0 20px 0}
.dealer-locator .view { margin:20px 0 0 0px; position:relative; float:left; font-size:16px}
.dealer-locator .formAccount select{ width:70%}
.inputcorto { width:70% !important}
.dealer-locator .formAccount input[type="button"] { width:70%; padding:0 0 3px 0 }

.listado img { width:100%; margin:0 auto 16px auto; position:relative; float:none !important}
.listado section:last-child { border-bottom:#7f7f7f 1px solid; margin:20px 0; padding-bottom:40px}
.listado section:first-child { margin:20px 0 20px 0}
.listado section { margin:20px 0;}
.listado h2 { margin-bottom:14px}	

#return-to-top { display:none !important}

.prlx { height:300px; background-size:auto 300px !important;  background-attachment: scroll;}
.prlx span { height:280px; margin-top:10px}	

.home .slide .content-medium { padding-left: 30px;
    bottom: 20px;
}
.collections .slide .content-medium  {padding-top:150px;}
.slide h1 {font-size:40px;line-height:54px ;  padding-bottom:20px;}
.slide p {  font-size:18px !important;   line-height:22px !important;  padding:20px 0 34px 0 !important; }
.slide .content-medium  {width:94% !important;}

.hospitality .img-principal .content-medium { padding:0 15px}

p { font-size:14px !important; line-height:20px !important}

.img-principal {padding: 110px 0 0 0; min-height:380px; margin:60px 0 20px 0 }	
.img-principal h1 {  font-size:40px;  line-height:54px; padding-bottom:6px}
.img-principal p { font-size:18px !important;  line-height:22px !important;  padding:20px 0 34px 0 !important; }

.collections-list span {   margin:15% 15% 0 15%;}
.collections-list span.alto {   margin:10% 15% 0 15%;}

footer .redes i{ display:none !important}
footer .redes { padding-top:10px}
footer { font-size:14px}
footer .linksFoot li { margin-bottom:10px}
footer .copy {	font-size: 14px;}
footer h1 {font-size:16px;  margin-bottom:14px}
footer input[type="text"] { border:#77787b 1px solid; border-radius:2px; background-color:transparent; height:40px; padding-left:12px; width:45%; color:#FFF}
footer input[type="button"] { padding:0 12px; }
.dealer { margin:30px 0;}
.dealer i{ margin-left:10px}
.dealer:hover i{ margin-left:6px;}

.siete-col { width:50%; margin-bottom:40px}
.browse .col div  h1 { font-size:28px}
.browse span {margin:90px 15% 0 15%;}


.diapo { width:100%; margin:0 auto; padding:0 6%}
.ancho{ width:100%; margin:0 auto; padding:20px 0% }

.highlights {padding:40px 0; border-top:#bfbfbf 1px solid; margin-bottom:20px}
.highlights p.izq{ display:none}

.listView .col-md-9 h1 { padding-top:6px}
.casos-list p strong { font-size:14px}

h1.izq { font-size:24px}
h1.center { font-size:24px}

.listado p { margin-bottom:0px !important}
a.col:hover div { opacity:0 !important} 

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.listView h1 { padding-top:20px}
.mapaImg { height:270px; background-size:cover;  }


.product-detail .ac-container  { border-top:#bfbfbf 1px solid;}
.product-detail .ac-container  article .col-xs-12{ border-bottom:#bfbfbf 1px solid; padding:18px 0 }
.product-detail .ac-container ul { width:100%; margin:0 auto; position:relative;}
.product-detail .ac-container li {border-bottom:none; padding:0px}

.downPDF {  padding:7px 0 0 30px; font-size:12px; height:28px; background-size:contain  }
.downDWG { padding:7px 0 0 30px; font-size:12px;  height:28px; background-size:contain}
.downloads .col-xs-6 { padding-left:0px}

.productItem { padding:0px; margin-bottom:0px; float:left; position:relative}
.productItem h1 { font-size:24px; color:#525252; border-bottom:#afafaf 2px solid; padding-bottom:14px; margin-bottom:17px}
.productItem h2 { font-size:30px; color:#525252; margin:0 0 10px 0}
.productItem ul { margin-bottom:10px; position:relative; float:left; clear:both; width:100%}
.productItem li { text-align:center; width:46%; position:relative; float:left; margin:0 2% 2% 2%}
.listaAngles li { text-align:center; width:23%; position:relative; float:left; margin:0 1% 2% 1%}
.productItem li:last-child { margin-right:0%}
.productItem li img{width:100%}
ul.border li img { border:#cfcfcf 1px solid}
.productItem p{ font-size:18px; line-height:30px}
.productItem li p{ font-size:14px; color:#525252;font-family: 'Muli', sans-serif; margin:8px 0 0px 0}

.info span { width:170px}

.textoListado { width:90%; padding-left:14px; margin-bottom:20px}
.textoListado li { font-size:12px; width:100%; text-align:left; margin-bottom:6px }

.similarItems { border-top:none}

.productItem h3 {font-size:16px;  clear:both; position:relative; font-weight:600; display:block; color:#959595; margin:0px 0 20px 0}
h3.productsubTitle{font-size:16px;  clear:both; position:relative; font-weight:600; display:block; color:#959595; margin:0px 0 20px 0}
.badges li { width:20%}

.product-detail .print { display:none}

.product-detail .addFolder { margin-bottom:10px; padding:13px 0px 13px 38px;  max-width:100%;}
.product-detail .addFolder p {  font-size:16px !important;  padding-top:18px;}
.product-detail .addItem .info { display:none}
.product-detail .addItem .vistasPortfolio li { margin-left:0px; margin-right:0px;}
.product-detail .addItem .vistasPortfolio li.share { width:49%}
.product-detail .addItem .vistasPortfolio li.down { width:49%}
.product-detail .addItem .vistasPortfolio li:last-child {margin-left:2%}
.product-detail .addItem .btngris { height:46px; width:100%}
.product-detail .addItem a.icon { height:46px; width:100%}
.product-detail .addItem a.icon img{  width:20% !important; margin:5px auto 0 auto}



.contentFolder { width:100%; max-width:100%; top:92px;}
.contentFolder ul{ width:100%; float:left; position:relative;}
.contentFolder li{ width:100%; float:left; position:relative; margin:0 !important; text-align:left !important}
.contentFolder select { width:162px; margin-right:7px}
.contentFolder option {background:#d4922d; border:#fff 1px solid; color:#fff; height:32px}
.contentFolder textarea {height:70px; }

.detailFinishes { width:100%; padding-right:0%; border-bottom:none;}
.detailFinishes li { width:25%; text-align:center; padding:0 4% !important; margin-bottom:20px; height: 100px;}
.detailFinishes li p{ margin-bottom:0px; color:#525252}
.detailFinishes li img{  border:#a8a295 1px solid; width:100%; max-width:65px; margin:0 auto}
.detailFinishes li a{  padding:2px;float:none; cursor:pointer; position:relative}
.detailFinishes li a:hover{ border:none}
.detailFinishes li a:hover img{ opacity:1 !important}

a.close { background:url(../images/global/close.png); width:24px; height:24px; position:absolute; top:8px; right:8px; text-indent:-9999px; padding:0px; background-size:cover }



.finishDescription {position:absolute; display:none; width:100%; text-align:left; padding:40px ; z-index:999; background:#f1f1f1;visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0; left:0px; top:0px; overflow:scroll;    -webkit-overflow-scrolling: touch; height:100%}
/*.finishDescription :before { position:absolute; content:''; background:url(../images/finishes/upGris.png) center center no-repeat; width:36px; height:19px; left:0; top:-13px}*/
.finishDescription  img{ width:100%;}
.finishDescription  p{ color:#959595; font-size:12px; margin-bottom:0px; font-weight:400;}
.finishDescription  h1{ font-size:18px; margin:12px 0}

.scrollable {
    position: fixed;
    top: 69px;
    left: 0;
    right: 0;
    bottom: 0; display:none;
    overflow: scroll; z-index:999;
    -webkit-overflow-scrolling: touch;
}
.textoItem h3{font-size:18px;  clear:both; position:relative; font-weight:600; display:block; color:#959595; margin:0px 0 20px 0}
.textoItem { padding-top:20px; margin-bottom:30px; position:relative; float:left; padding-left:0px; min-height:220px;}
.textoItem a{ position:absolute; bottom:0px}
.textoItem div {visibility:hidden;transition: visibility 0s, opacity 0.3s linear; opacity:0; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; position:absolute; top:20px; left:0px}
.textoItem p{ font-size:18px; line-height:28px}


.glossary .ancla:before {       
  display: block;       
  content: " "   ;    
  margin-top: -140px;       
  height: 140px;       
  visibility: hidden; 
}


    #slide1ice {
        min-height: 310px;
    }
}

@media (max-width: 420px) {
.collections .slide .content-medium  {    padding-left: 30px;}
.slide h1 {font-size:40px;line-height:44px;  padding-bottom:20px;}
.slide p {  padding:20px 0 20px 0 !important; margin-bottom:0px }
.slider-home { margin-bottom:0px}

.collections-all { padding:0px}
.more-collections-list span { margin-top:22px}
.casos-list .col div  h1 { font-size:16px}
.collections-list .col div  h1 { font-size:16px}
.casos-list .col div  h2 { font-size:12px}
.collections-list .col div  h2 { font-size:12px}
.casos-list span { margin-top:17%}


.collections-list span {   margin:10% 15% 0 15%;}
.collections-list span.alto {   margin:5% 15% 0 15%;}
.hospitality .img-principal h1{ font-size:32px }

}

/***** FIXING IE9 ******/
@media (min-device-width: 790px) and (max-width: 800px ){
	.dealer-locator .formAccount select {
    	width: 74%;
	}
	.finishes-desk{
		display: block!important;
	}
	.finishes-mob{
		display: none!important;
	}
	.finishesFinish li{
		width:33%;
	}
}
.custom_txt{
	      text-align: center;
    margin-top: 40px;
    font-size: 14px!important;
    line-height: 24px!important;
    padding-left: 8px;
    padding-right: 8px;
    color: #afafaf;
    margin-bottom: 40px;
}
.withoutafter:after
{
	background: none!important;
}
#btnEditNotes:focus{
	outline:none!important;
}
.listtext,.listtext2 {
	padding-left: 17px;
}
.listtext li{
	    font-size: 18px;
    color: #959595;
    font-family: 'Montserrat', sans-serif;
    list-style: initial;
}
.listtext2 li{
	font-size: 14px;
    color: #b3b3b3;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 5px;
    list-style: initial;
}
.title_cap{
	font-size: 14px;
    color: #b3b3b3;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 15px;
    font-weight: bold; 
}
.red-star {
    color: red;
}

.note-small{
	font-size: 13px;
  }
#divResults{
	height: 500px; 
	overflow-y: hidden;
	overflow-x: hidden;
	position: relative;
	width: 100%;
}
#divMap{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
    overflow-y: scroll;
}


.mybtnLogin:hover {
    background: #000 !important;
    color: #cbcbcb !important;
}


.mybtnLogin2:hover {
    background: #000 !important;
    color: #cbcbcb !important;
}

#Right_C066_btnAddToProject {
    background: #fff;
    color: #d4922d;
    border: #d4922d 1px solid;
    width: 130px;
    font-size: 16px;
    height: 36px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    padding-top: 4px;
    display:none;
}

    #Right_C066_btnAddToProject:hover {
        background: #d4922d;
        color: #fff;
        border: #fff 1px solid;
    }




#btnNewsletter_m {
    border: #77787b 1px solid;
    border-radius: 2px;
    background-color: transparent;
    height: 40px;
    padding: 0 12px;
    color: #e5e5e5;
    font-weight: 400;
}


.requires-ul-margin{
    margin-bottom:30px !important;
}
.error {
    color: #C72B10;
    font-size: 12px;
    margin: 2px 0 0 0;
}
.lbl_NotAvailable {
    color: #C72B10;
    font-size: 18px;
    margin: 2px 0 0 0;
}
.ui-state-highlight{
    font-weight:bold;
}
.portfolioItem:nth-child(3n+1) {
    clear: left;
}
.banner-title{
	margin-left: -7%;
}



/* selectfinishArea */
.selectfinishArea {
    width: 100%;
    float: left;
}


    .selectfinishArea h2 {
        font-size: 28px;
        text-align: center;
    }

    .selectfinishArea .under {
        padding: 0;
        width: 100%;
        border-bottom: #b2b2b2 1px solid;
        position: relative;
        display: block;
        float: left;
        margin: 62px 0;
    }

    .selectfinishArea .pdp-slider {
        max-width: 100%;
    }


    .selectfinishArea .detailFinishes {
        width: 100%;
        padding: 0px;
    }

    .selectfinishArea .col-md-6 > .detailFinishes {
        padding-top: 30px;
    }

        .selectfinishArea .col-md-6 > .detailFinishes li a {
            float: none;
            display: inline-block;
            margin: 0 auto;
        }

        .selectfinishArea .col-md-6 > .detailFinishes li span {
            display: block;
        }

    .selectfinishArea .finishesAditional {
        padding-left: 15px;
    }

        .selectfinishArea .finishesAditional .detailFinishes span,
        .selectfinishArea .finishesAditional .detailFinishes li {
            text-align: left;
        }

            .selectfinishArea .finishesAditional .detailFinishes li a,
            .selectfinishArea .finishesAditional .detailFinishes li span {
                display: inline-block;
                vertical-align: middle;
                float: none;
            }

        .selectfinishArea .finishesAditional li {
            width: 50%;
        }

    .selectfinishArea .productItem {
        padding: 8px 15px 20px 15px;
    }

        .selectfinishArea .productItem h1 {
            border-bottom: none;
            padding-bottom: 0;
        }

.slider-finishes.finishesBottom {
    padding: 0 0 60px 0;
}

.listadoFinishes.listadoFinishesSecound {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.listadoFinishes.listadoFinishesFourth {
    border-top: #b2b2b2 1px solid;
    padding-top: 40px;
}

.selectfinishArea .flexslider .slides > li {
    display: block;
}

.finishes .img-principal h1 {
    border: none;
}

@media (max-width: 890px) {

    .selectfinishArea {
        display: block;
    }
}


@media (max-width: 768px) {
    .slider-finishes.finishesBottom {
        padding: 0 0 40px 0;
        min-height: auto !important;
    }

    .finishes .detailFinishes ul {
        border-bottom: none;
    }

    .finishes .slide h1 {
        right: auto;
    }
}
/***********Catalogs Page CSS 15062022************/
a:hover {
	text-decoration: none;
}

.title_breadcrumb {
	background-image: -moz-linear-gradient( 90deg, rgb(14,14,21,1) 23%, rgb(70,71,100,1) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(14,14,21,1) 23%, rgb(70,71,100,1) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(14,14,21,1) 23%, rgb(70,71,100,1) 100%);
	height: auto;
	display: flex;
	align-items: center;
	padding: 109px 50px 90px 50px;
}

	.title_breadcrumb h2 {
		font-size: 89px;
		font-family: 'Roboto Slab', sans-serif;
		color: rgb(254, 254, 254);
		line-height: 0.889;
		text-align: left;
		/*padding: 109px 0px 90px 40px;*/
		border-bottom: 1px solid #fff;
		display: block;
		padding-bottom: 15px;
		/*padding-right: 100px;*/
		text-transform:uppercase;
	}

.explore_catelog .col-lg-6 .Catalogs_view:not(:last-child) {
	margin-right: 40px;
	display:flex;
}

.book_brief_sm {
	margin-left: 35px;
}

.public_edition {
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 10px;
	color: #525252;
	font-weight: 500;
}

.book_brief_sm h4 {
	margin-bottom: 0px;
}

	.book_brief_sm h4 a {
		font-size: 30px;
		text-transform: uppercase;
		font-weight: 600;
		margin-bottom: 0px;
		color: #595378;
	}
		.book_brief_sm h4 a span {
			display: block;
			font-weight: 500;
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 24px;
		}

.year_book {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Roboto Condensed', sans-serif;
	color: #595378;
}

	.year_book span {
		font-weight: 300;
	}

.catalog_main_title {
	margin-top: 20px;
	margin-bottom: 50px;
}

	.catalog_main_title h3 {
		font-size: 24px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #525252;
		line-height: 1.2;
		margin-bottom: 30px;
		margin-top: 0px;
	}

	.catalog_main_title p {
		font-family: 'Montserrat', sans-serif;
		color: #a3a3a3;
		line-height: 1.2;
		font-size: 18px;
		margin-bottom: 0px;
	}

.catalog_list {
	background: #f2f2f2;
	padding: 35px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
}

	.catalog_list img {
		max-width: 197px;
		min-height: 255px;
		box-shadow: 18px 11px 17px 1px rgb(0 0 0 / 20%);
	}

.Catalogs_view .book_title {
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	color: #525252;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 35px;
}

	.Catalogs_view .book_title a {
		text-decoration: underline;
	}

.book_title a {
	color: #525252;
}

/*******BROCHURE lIST********/
		.brochure_main {
	background: #f2f2f2;
	padding: 50px 0px;
	margin-bottom: 50px;
	padding-bottom: 0px;
}
.explore_catelog + .brochure_main {
	margin-bottom: 0px;
}
.brochure_main.diapo + .brochure_main.diapo {
	margin-bottom: 0px;
}
.brochure_main.diapo:last-child {
	margin-bottom: 50px;
}
.breadcrumbsubtitle .content-mini, .content-medium, .content-large {
	width: 100%;
}
.brochure_list {
	min-height: 380px;
	margin-bottom: 12px;
}

.brochure_img {
	width: 100%;
	min-height: 341px;
	border: 1px solid #d2d2d2;
	margin-bottom: 25px;
	background: #fff;
	text-align: center;
	border: 1px solid #d2d2d2;
	margin-bottom: 25px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width:272px;
}

	.brochure_img img {
		object-fit: contain;
		height: 100%;
		max-height: 100%;
		max-width: 100%;
		position: static;
		max-height: 365px;
	}

.brochure_list h3 {
	margin-bottom: 0px;
	margin-top: 0px;
}

	.brochure_list h3 a {
		font-size: 28px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #595378;
		line-height: 1.2;
		margin-bottom: 25px;
		min-height: 70px;
		display: inline-block;
		margin-top: 0px;
		font-weight: 400;
		text-decoration: none;
		text-transform: capitalize
	}

.brochure_list a {
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	color: #4d4d4d;
	line-height: 1.2;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}
.bredcrumb_title {
	margin-top:100px;
	margin-bottom:10px;
}
.breadcrumbsubtitle {
	display: flex;
	margin-top: 60px;
}
.breadcrumbsubtitle .ruta-static {
		margin-bottom: 10px;
}
/*******CATALOG PAGE CSS END*************/
/*NEW CSS START 09082023*/
	#myTextListado li {
		margin-bottom: 1px !important;
		line-height: 1.5 !important;
	}
	#myTextListado ul ul {
		padding-left: 30px;
		margin-bottom: 2px;
	}
	/*#myTextListado ul ul li {
		list-style: circle;
	}*/
	#myTextListado ul ul li {
		list-style: disc;
	}
	#myTextListado li strong {
		font-weight: normal;
	}
	
/*NEW CSS END 09082023*/
@media only screen and (max-width: 1400px){
	.brochure_list h3 a{
		font-size: 25px;
	}
	.brochure_img {
		min-height: 275px;
	}
	
	.slide h1 {
		font-size: 58px;
	}
}
@media only screen and (max-width: 1279px) {
	.slide p {
		color: #fefefe !important;
		font-size: 24px !important;
	}
	.home .owl-nav {
		top: 230px;
	}
}
@media only screen and (max-width: 1199px) {
	.title_breadcrumb h2 {
		font-size: 70px;
		padding-right: 0px;
	}

	.title_breadcrumb {
		/*padding-left: 0px;*/
	}
	.slide h1 {
    font-size: 50px;
	line-height: 1.2 !important;
	}
	.home .slide .content-medium {
		bottom: 200px;
	}
}

@media only screen and (max-width: 991px) {
	.catalog_list {
		display: block;
		text-align: center;
		min-height: 488px;
	}
	.brochure_list h3 a {
     min-height: 35px;
	}

	.book_brief_sm {
		margin-top: 25px;
		margin-left: 0px;
	}

	.brochure_list {
		min-height: auto;
		margin-bottom: 30px;
		margin-top: 30px;
		max-width: 100%;
	}
	.brochure_list:nth-child(3n) {
		clear: both;
	}
	.brochure_img {
		max-width: 360px;
	}
	.slider-home .slide {
		height: 400px !important;
	}
	.home .slide .content-medium {
		bottom: 65px;
	}
	
}
@media only screen and (max-width: 768px) {
	.bredcrumb_title {
		margin-top: 70px;
	}

	.explore_catelog .container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.brochure_main .container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.explore_catelog.diapo {
		padding: 0px;
	}

	.brochure_main.diapo {
		padding: 0px;
	}
	.brochure_list h3 a {
		min-height: auto;
	}

}
@media only screen and (max-width: 767px) {
	.diapo {
		padding: 0 3%;
	}
	.Catalogs_view {
		margin-bottom: 50px;
	}

	.title_breadcrumb {
		/*padding: 30px 40px;*/
		text-align: center;
	}

		.title_breadcrumb h2 {
			font-size: 50px;
			text-align: left;
		}
	.brochure_img {
		min-width: 360px;
	}
	.slide h1 {
    font-size: 38px;
	padding: 0 !important;
	}
}

@media only screen and (max-width: 414px){
	.brochure_img {
		min-width: 300px;
	}
}

/*custom registration widget*/
.formAccount .g-recaptcha {
	clear: both;
}
#btnSubmit {
	background: #fff;
	color: #d4922d;
	font-family: 'Muli', sans-serif;
	font-size: 19px;
	padding: 0px 22px;
	border: #b7b7b7 1px solid;
	height: 41px;
	line-height: 39px;
	margin-top: 24px;
	float: left;
	clear: both;
	cursor: pointer;
}

	#btnSubmit:hover {
		background: #d4922d;
		color: #FFF;
		border: #d4922d 1px solid;
	}
label[for="honeypot"], #honeypot {
	display: none;
	visibility: hidden;
}

@media (max-width: 1365px){ 
	.siete-col {
		width: 16.59% !important;
	}
}
@media (max-width: 1279px){ 
	.more-collections-list p strong {
		font-size: 16px;
	}
}

@media (max-width: 1199px){ 
	.siete-col {
		width: 20% !important;
	}
}
@media (max-width: 991px){ 
	.diapo.more_collectionArea {
		margin-bottom: 0;
		padding-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	.more-collections-list.collectionsList p {
		margin-bottom: 0;
	}
	.siete-col {
		height: auto !important;
		width: 25% !important;
		margin-bottom: 30px;
	}
}

@media (max-width: 767px){ 
	
	.siete-col {
		width: 33.33% !important;		
	}
	.browseBox a.view.pull-right {
		margin-left: 15px;
	}
	.browseBox .izq {
		margin: 0 0 0px 15px;
	}
	/*.more-collections-list.collectionsList {
		padding-top: 50px;
	}*/
	.collections-list p strong {
		font-size: 16px;
	}
	.highlights-close.highlightsPart {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 575px){ 
	
	.siete-col {
		width: 50% !important;
		
	}
}

.hideli {
	display: none !important;
}
.Hidemix{display:none;}




/*04-09-23 result*/
.showing_result_box .col-sm-6 {
	width: 46%;
}

.result_search_box .accordion {
	/*background: url(../images/global/lupa.png) no-repeat;*/
	background-color: transparent;
	width: auto;
	height: auto;
	/*position: absolute;
	right: 10px;
	top: 13px;*/
	border: 1px #000 solid;
	height: 44px;
	padding: 11px 20px 8px;
	width: 31%;
	margin-left: 15px;
}

.result_search_box .panel {
	padding: 15px 18px;
	background-color: #fff;
	display: none;
	overflow: hidden;
	border: 1px solid #ccc;
	width: 97.5%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.dealersNotFound {
	color: #C72B10;
	font-size: 12px;
	padding: 10px 0 0 15px;
	font-weight: 400;
	display: block;
}

.sortBy, .DealerBy {
	width: 100%;
	height: 44px;
	padding-left: 12px
}

/*04-09-23 result*/

/*02/02/24*/
/* showerSystemArea */
.containerlg {
    max-width: 1880px;
    padding: 0 20px;
    margin: 0 auto;
}

	.showerSystemArea {
		width: 100%;
		display: inline-block;
		padding: 70px 0 60px;
		clear: both;
	}

		.showerSystemArea .content {
			width: 100%;
			display: block;
			max-width: 1300px;
			margin: 0 auto;
		}

			.showerSystemArea .content h2 {
				font-size: 36px;
				line-height: 1.17;
				color: #77787b;
				text-align: center;
				font-weight: 200;
				margin-bottom: 60px;
			}

	.showerBox {
		width: 100%;
		clear: both;
		display: inline-block;
		overflow: hidden;
		margin: 0;
	}

		.showerBox .row {
			margin: 0 -80px;
			display: inline-block;
		}

		.showerBox .subitem {
			padding: 0 80px;
		}

			.showerBox .subitem .image {
				margin-bottom: 35px;
			}

				.showerBox .subitem .image img {
					width: 100%;
				}

		.showerBox .subitem {
			text-align: center;
		}

			.showerBox .subitem h3 {
				margin-bottom: 25px;
				font-size: 18px;
				color: #525252;
				line-height: 1.2;
				font-family: 'Montserrat', sans-serif;
				font-weight: 700;
			}

			.showerBox .subitem p {
				margin-bottom: 20px;
				font-size: 16px;
				color: #77787b;
				padding: 0 30px;
				line-height: 1.5;
				font-family: 'Montserrat', sans-serif;
				font-weight: 400;
			}

	.clickme {
		font-size: 18px;
		line-height: 26px;
		color: #faad5b;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
	}

		.clickme:hover {
			color: #db9c59;
		}
/*End 02/02/24*/


	/* 16-02-2024 */


	.breadcrumb {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 20px 0 30px;
		
	}
	.breadcrumb li {
		padding: 0 10px;
	}
	
	.breadcrumb li {
		padding: 0 10px;
		/* border-right: 1px solid; */
		line-height: 1;
		font-size: 18px;
		position: relative;
	}
	.breadcrumb li:before {
		content: ">";
		position: absolute;
		left: -4px;
	}
	.breadcrumb li a:hover {
		color: #000;
	}
	.breadcrumb li:last-child {
		border-right: 0;
		padding-right: 0;
	}
	.breadcrumb li:first-child:before {
		display: none;
	}
	.breadcrumb li:first-child {
		padding-left: 0;
	}


	/* bannerArea */
	.bannerArea {
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		height: 824px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 95px;
	}
	/* .styk.open ~ .bannerArea {
		margin-top: 100px;
	}
	.styk.intro ~ .bannerArea {
		margin-top: 100px;
	} */
	.bannerArea .bannerText {
		text-align: center;
	}

	.bannerArea .bannerText h2 {
		font-size: 64px;
		font-weight: 400;
		line-height: 1;
		color: #ffffff;
		text-transform: uppercase;
		margin: 0 0 20px;
	}
	.bannerArea .bannerText p {
		font-size: 20px;
		line-height: 1.4;
		color: #fff;
		margin-bottom: 0;
		max-width: 900px;
		margin: 0 auto 22px;
	}

	.clickBtn {
		padding: 14px 45px 16px;
		font-size: 18px;
		color: #fafafa;
		line-height: 1;
		display: inline-block;
		background: #faad5b;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: 600;
	}

	.clickBtn:hover {
		background: #db9c59;
		color: #fafafa;
	}


	/* ourexistingArea */
	.ourexistingArea {
		width: 100%;
		display: inline-block;
		/* display: inline-block; */
		clear: both;
	}

	.ourexistingArea .row {
		margin-left: 0;
		margin-right: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.ourexistingArea .col-md-6 {
		padding: 0;
	}

	.ourexistingArea .image img {
		width: 100%;
	}

	.ourexistingArea .subText {
		background: #f2f2f2;
		padding: 90px 82px 60px;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.ourexistingArea .subText .box_item h3 {
		font-size: 36px;
		color: #77787b;
		font-weight: 300;
		line-height: 1.2;
	}

	.ourexistingArea .subText .box_item p {
		margin: 40px 0 35px;
		font-size: 16px;
		color: #77787b;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		line-height: 1.5;
	}

	.ourexistingArea .subText .box_item .clickme {
		margin-top: 20px;
	}

	.ourexistingArea.partnerArwa .subText .box_item .clickme {
	margin-top: 0;
	}

	.ourexistingArea.partnerArwa .subText {
	padding: 140px 82px 61px;
	}

	.ourexistingArea.partnerArwa .subText .box_item p {
		margin: 30px 0 40px;
	}

	/* CapabilitieArea */
	.CapabilitieArea {
		padding: 70px 0 75px;
		width: 100%;
		/* display: inline-block; */
		clear: both;
		display: inline-block;
	}
		/* 
	.CapabilitieArea .containerlg {
		display: inline-block;
	}
	*/
	.CapabilitieArea .row {
		display: flex;
		flex-wrap: wrap;
	}

	.CapabilitieArea h2 {
		font-size: 36px;
		line-height: 1.2;
		color: #77787b;
		text-align: center;
		font-weight: 300;
		margin-bottom: 30px;
	}

	.CapabilitieArea .sub_item .image img {
		width: 100%;
	}

	.CapabilitieArea .sub_item {
		text-align: center;
		position: relative;
		padding-bottom: 30px;
	}

	.CapabilitieArea .sub_item h3 {
		font-size: 18px;
		color: #525252;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		margin-bottom: 30px;
		line-height: 1.2;
	}

	.CapabilitieArea .sub_item .clickme {
		position: relative;
		bottom: 0 !important;
		/*bottom: 50px;*/
		left: 0;
		right: 0;
	}

	.CapabilitieArea .sub_item:last-child .clickme {
		bottom: 0;
	}
	/* .CapabilitieArea .sub_item:nth-of-type(3) h3 {
		min-height: 104.48px;
	} */
	.CapabilitieArea .sub_item h3 span {
		display: block;
		font-weight: 400;
	}

	/* inspirationArea */
	.inspirationArea {
		padding: 80px 0 0;
		width: 100%;
		clear: both;
		margin-bottom: -60px;
	}

	.inspirationArea .subText {
		text-align: center;
		padding: 0 0 55px;
	}

	.inspirationArea .subText h2 {
		font-size: 36px;
		color: #77787b;
		line-height: 1.2;
		margin-bottom: 20px;
		font-weight: 300;
	}

	.inspirationArea .inspiratBox {
		display: flex;
		/* align-items: center; */
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 -8px;
	}

	.inspirationArea .inspiratBox .item {
		width: calc(20% - 16px);
		margin: 0 8px;
	}

	.inspirationArea .inspiratBox .item:last-child {
		padding-right: 0;
	}

	.inspirationArea .inspiratBox .item .sub {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.inspirationArea .inspiratBox .item .sub img {
		width: 100%;
		 /* height: 100%; */
         height: 350px;
		object-fit: cover;
	}

	.inspirationArea .inspiratBox .item .sub .icon_hvr {
		opacity: 0;
		visibility: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		transition: all ease 0.5s;
		background: rgba(0, 0, 0, 0.7);
	}

	.inspirationArea .inspiratBox .item .sub .icon_hvr img {
		height: auto;
	}

	.inspirationArea .inspiratBox .item a:hover .sub img {
		opacity: 1;
	}

	.inspirationArea .inspiratBox .item a:hover .icon_hvr {
		visibility: visible;
		opacity: 1;
	}

	.inspirationArea .inspiratBox .item a .icon_hvr img {
		width: auto;
	}

	.inspirationArea .inspiratBox .item a:hover .icon_hvr img {
		opacity: 1;
		width: auto;
	}


	.givingContentArea {
		width: 100%;
		padding-bottom: 60px;
	   
	}
	.givingContentArea .givingBackBox {
		max-width: 1210px;
		margin: 0 auto;
	}
	.givingContentArea h2 {
		font-size: 36px !important;
		line-height: 1.17;
		text-align:center;
		font-weight: 200;
		color: #77787b;
		text-transform: uppercase;
	}
	.givingContentArea .givingBackBox p {
		font-size: 16px;
		line-height: 1.5;
		text-align: center;
		color: #77787b;
		font-weight: 400;
	}


	/*NEW CSS 19*/
	#myTextListado li {
		margin-bottom: 1px !important;
	}

	#myTextListado ul ul {
		padding-left: 30px;
		margin-bottom: 2px;
	}
		/*#myTextListado ul ul li {
		list-style: circle;
	}*/
		#myTextListado ul ul li {
			list-style: disc;
		}

	#myTextListado li strong {
		font-weight: normal;
	}

	.finisheContentArea h1 {
		padding-bottom: 8px !important;
	}

	.text_shadow h1 {
		text-shadow: 0px 4px 9px rgba(0,0,0,0.4), 0px 8px 11px rgba(0,0,0,0.1), 0px 15px 23px rgba(0,0,0,0.1);
	}

	.finisheContentArea p {
		padding-top: 0px !important;
	}

	.text_shadow p {
		text-shadow: 0px 4px 9px rgba(0,0,0,0.4), 0px 8px 11px rgba(0,0,0,0.1), 0px 15px 23px rgba(0,0,0,0.1);
	}

	.img-principal.finisheContentArea .content-medium {
		bottom: 0;
		top: 0;
		margin: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.sopacPart {
		width: 100%;
		padding: 110px 0 0;
		border-top: 1px solid #a3a3a3;
	}
	.sopacPart.jvsPart {
		border-top: 0;
	}
	.sopacPart .itemBox {
		max-width: 1520px;
		margin: 0 auto;
	}
	.sopacPart .itemBox .image {
		text-align: center;
		border: 2px solid #e7e7e7;
		padding: 50px 60px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sopacPart .itemBox .row{
			display: flex;
		flex-wrap: wrap;
	}
	.sopacPart .itemBox .image img {
		margin: 0 auto;
	}
	.sopacPart .itemBox .subText h2 {
		font-size: 36px;
		color: #77787b;
			line-height: 1.17;
		margin-bottom: 20px;
	}
	.sopacPart .itemBox .subText p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 0;
		color: #77787b;
	}
	.sopacPart.jvsPart .itemBox .subText {
		padding-top: 30px;
	}
	
	/*philAugustinArea*/
	.philAugustinArea {
		width: 100%;
		padding: 140px 0 0;
	}
	.philAugustinArea .row {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -80px;
	}
	.philAugustinArea .phil_item {
		display: flex;
		padding: 0 80px;
	}
	.philAugustinArea .phil_item .image {
		padding: 50px 50px;
		text-align: center;
		border: 2px solid #e7e7e7;
		display: flex;
		align-items: center;
		width: 100%;
	}
	.phil_item .image img {
		max-width: 100%;
	}
	.philAugustinArea .phil_item .philText h3 {
		font-size: 40px;
		line-height: 1;
			font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		 margin-top: 0;
	}
	.philAugustinArea .phil_item .philText p {
		font-size: 40px;
		line-height: 1;
		font-weight: 300;
		font-family: 'Roboto Condensed', sans-serif;
		margin-bottom: 0;
		line-height: 1.2;
		color: #77787b;
	}
	
	.helpingContentArea p {
		font-size: 36px !important;
		line-height: 1.17 !important;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		margin-bottom: 0;
		color: #77787b;
	}
	.helpingContentArea {
		border-bottom: 0;
		width: 100%;
		text-align: center;
		padding: 90px 0 !important;
	}
	.listado section.helpingContentArea:last-child {
		border-bottom: 0;
		margin: 0;
		padding-: 0;
		padding-bottom: 0;
	}


	/* justAskContentArea */
	.justAskContentArea {
		padding-top: 110px;
		padding-bottom: 35px;
	}
	.justAskContentArea.customContentAre {
		padding-bottom: 0;
	}
	.justAskContentArea .subText .box {
		padding-left: 20px;
	}
	.justAskContentArea .image {
		
	}
	.justAskContentArea .image img {
		width: 100%;
	}

	.justAskContentArea .row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.justAskContentArea .subText h2 {
		font-size: 36px;
		color: #77787b;
		line-height: 1.17;
	}
	.justAskContentArea .subText p {
		font-size: 16px;
		line-height: 1.5;
		color: #77787b;
	}


	/* Finishes Page New */
	/* finish_performanceArea */

	.aestheticsArea {
		width: 100%;
	}

	.aestheticsArea .justAskContentArea {
		padding-top: 0;
		padding-bottom: 130px;
	}

	.aestheticsArea .justAskContentArea .subText p a {
		color: #faad5b;
		font-weight: 600;
	}

	.helpingContentArea.finish_performanceArea {
	}

	.helpingContentArea.finish_performanceArea {
		padding: 60px 0 0px !important;
	}

	.justAskContentArea .subText p a {
		color: #faad5b;
		font-weight: 600;
	}
	

	.finish_performanceArea {
		width: 100%;
	}

	/* galleryPart */
	.galleryPart {
		padding: 70px 0 230px;
		width: 100%;
		background: #f2f2f2;
		margin-bottom: 60px;
		margin-top: 80px;
		display: inline-block;
	}

	.galleryPart .itemBox {
		max-width: 1490px;
		margin: 0 auto;
	}

	.galleryPart h2 {
		font-size: 53px;
		margin-bottom: 60px;
		text-align: center;
		color: #77787b;
	}

	.galleryPart .itemBox .owl-nav {
		top: 0;
		bottom: 0;
		z-index: -1;
	}

	.galleryPart .itemBox .owl-nav .owl-prev {
		background: url(../images/icon_prev.png) no-repeat;
		width: 30px;
		height: 46px;
		position: absolute;
		left: -80px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.galleryPart .itemBox .owl-nav .owl-next {
		background: url(../images/icon_next.png) no-repeat;
		width: 30px;
		height: 46px;
		position: absolute;
		right: -80px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.galleryPart .itemBox .featured_Slider .item .image img {
		width: 100%;
	}
	/*Our Facilities*/
	.our_facilitiesArea {
		padding: 80px 0 70px;
	}

	.our_facilitiesArea .subText {
		max-width: 1240px;
		text-align: center;
	}

	.our_facilitiesArea .subText p {
		color: #77787b;
	}

	.our_facilitiesArea .subText p:last-child {
		margin-bottom: 0;
	}

	.galleryPart.finishesGalleryPart {
		margin-top: 0;
		margin-bottom: 0;
	}

	.helpingContentArea p {
		font-size: 36px !important;
		line-height: 1.17 !important;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		margin-bottom: 0;
		color: #77787b;
	}
	.helpingContentArea {
		border-bottom: 0;
		width: 100%;
		text-align: center;
		padding: 90px 0 !important;
	}
	.listado section.helpingContentArea:last-child {
		border-bottom: 0;
		margin: 0;
		padding-: 0;
		padding-bottom: 0;
	}

	.justAskContentArea.personalityBox {
		padding: 90px 0 110px;
	}

	/*customizationArea*/
	.customizationArea {
		width: 100%
	}
	.customizationArea {
		padding: 110px 0 90px;
	}
	.customizationArea h2 {
		font-size: 36px;
		text-align: center;
		color: #77787b;
		line-height: 1.17;
		margin-bottom: 80px;
	}
	.customizationArea .image img {
		width: 100%;
	}
	.customizationArea .subText {
		padding: 50px 0 0;
	}
	.customizationArea .subText h4 {
		font-size: 16px;
		margin-bottom: 2px;
		line-height: 1.5;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
	}
	.customizationArea .subText .listtext2 li {
		font-size: 16px;
		line-height: 1.5;
		color: #77787b;
	}
	.customizationArea .subText .listtext2 {
		margin-bottom: 30px;
	}

	section.customizationArea:first-child {
		margin: 0 !important;
		padding-bottom: 0 !important;
		border: 0 !important;
	}
	
	#myTextListado li {
		line-height: 1.5 !important;
	}

	.customizationArea.questions_lookArea h2 {
		margin-bottom: 0;
	}

	.customizationArea.questions_lookArea .subText P {
		font-size: 16px;
		color: #77787b;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		line-height: 1.5;
	}

	.customizationArea.questions_lookArea .subText p:empty {
		display: none;
	}

	.customizationArea.questions_lookArea .subText P a {
		color: #dc911f;
	}
	
	/*about page*/

@font-face {
    font-family: 'ShorelinesScriptBold';
    src: url('../fonts/ShorelinesScriptBold.eot');
    src: url('../fonts/ShorelinesScriptBold.eot') format('embedded-opentype'),
         url('../fonts/ShorelinesScriptBold.woff2') format('woff2'),
         url('../fonts/ShorelinesScriptBold.woff') format('woff'),
         url('../fonts/ShorelinesScriptBold.ttf') format('truetype'),
         url('../fonts/ShorelinesScriptBold.svg#ShorelinesScriptBold') format('svg');
}

	.about-us .diapo .why_jacloContantArea {
		width: 100%;
		padding: 0px 0 80px;
	}
	.about-us .diapo .why_jacloContantArea h2 {
		font-size: 36px !important;
		line-height: 1.17;
		color: #77787b;
		text-align: center;
		font-weight: 300 !important;
	}
	.about-us .diapo .why_jacloContantArea p br {
		display: none;
	}
	.about-us .diapo .why_jacloContantArea p {
		text-align: center;
		  max-width: 1210px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 1.5;
	}
	.about-us .diapo .why_jacloContantArea.ourselvesPart {
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.about-us .listado section:first-child, .custom .diapo, .about-us .diapo, .finishes .diapo {
		margin: 0px 0 0px 0;
		border-bottom: 0;
	}


	.over_experienceArea .image img {
		width: 100%;
	}
	.over_experienceArea .row {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.over_experienceArea {
		width: 100%;
	}
	.over_experienceArea .image {
		padding: 0;
	}
	.over_experienceArea .subText {
		background: #f2f2f2;
		padding: 90px 82px 60px;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.over_experienceArea .subText .box_item h2 {
		font-size: 36px;
		line-height: 1.17;
		color: #77787b;
	}
	.over_experienceArea .subText .box_item p {
		font-size: 16px;
		line-height: 1.5;
		color: #77787b;
	}
	.over_experienceArea .subText .box_item p strong {
		font-weight:700;
		font-size: 18px;
	}

	.customer_.staffArea {
		width: 100%;
	}
	.customer_.staffArea .itemBox {
		max-width: 1510px;
		margin: 0 auto;
	}
	.customer_.staffArea .itemBox .row {
		display: flex;
		flex-wrap: wrap;
	}
	.customer_.staffArea .itemBox .image img {
		width: 100%;
	}
	.customer_.staffArea .itemBox .subTeext p {
		font-size: 36px;
		line-height: 1.17;
		font-family: 'Roboto Condensed', sans-serif;
		color: #77787b;
	}
	
	.customer_.staffArea .itemBox .subTeext {
		display: flex;
		align-items: center;
	}
	.customer_.staffArea .itemBox .subTeext span.larry {
		font-size: 29px;
		font-weight: 600;
		color: #525252;
	}
	.customer_.staffArea .itemBox .subTeext span.brodey  {
		font-family: 'ShorelinesScriptBold';
		display: block;
		text-align: right;
		color: #faa85f;
		font-size: 58px;
		margin-top: 25px;
		}
	.listado section.customer_.staffArea:last-child {
		border-bottom: 0;
		margin: 0;
		padding-bottom: 0;
	}
	.customer_.staffArea {
		padding-top: 160px;
	}
	.customer_.staffArea.customer_.MorganArea {
		padding-bottom: 150px;
	}

	/*create_imagePart*/
	.create_imagePart {
		width: 100%;
	}
	.create_imagePart img {
		width: 100%;
	}

	.ourselvesPart p {
		margin-bottom: 60px !important;
	}
	.clickFollow {
		font-size: 18px;
		line-height: 26px;
		color: #faad5b;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		
	}
	.listado .ourselvesPart:last-child {
		border-bottom: 0;
	}
	.ourselvesPart .clickFollow {
		display: block;
		text-align: center;
	}



	.findBtn {
		padding: 20px 34px;
		font-size: 25px;
		line-height: 1;
		color: #fff;
		background: #c2c2c2;
		display: inline-block;
		font-family: 'Montserrat', sans-serif;
	}

	/* color_FinishesArea */
	.color_FinishesArea {
		width: 100%;
	}

		.color_FinishesArea h2 {
			font-size: 36px;
			color: #77787b;
			text-align: center;
			line-height: 1.17;
			margin-bottom: 40px;
		}

	.finishescolorBox {
		border-top: 2px solid #c8c8c8;
		padding: 90px 0 80px;
	}

	.color_FinishesArea .itemBox {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 0px 33px;
		float: none;
	}

		.color_FinishesArea .itemBox .item {
			text-align: center;
		}

		.color_FinishesArea .itemBox .item {
			margin-bottom: 40px;
		}

			.color_FinishesArea .itemBox .item img {
				max-width: 100%;
			}

			.color_FinishesArea .itemBox .item h4 {
				margin-top: 20px;
				margin-bottom: 0;
				font-size: 25px;
				color: #77787b;
				font-family: 'Roboto Condensed', sans-serif;
			}

	.questions_lookArea .containerlg {
		max-width: 1620px;
	}

	.customizationArea.questions_lookArea h2 {
		margin-bottom: 0;
	}

	.customizationArea.questions_lookArea .subText P {
		font-size: 16px;
		color: #77787b;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		line-height: 1.5;
	}

	.customizationArea.questions_lookArea .subText p:empty {
		display: none;
	}

	.customizationArea.questions_lookArea .subText P a {
		color: #dc911f;
	}

	.galleryPart.finishesGalleryPart {
		margin-top: 0;
		margin-bottom: 0;
	}

	.questions_lookArea .rightFinishText .subText {
		padding-left: 100px;
	}

	.explore_catelog.diapo {
		margin-bottom: 50px;
	}

	.givingContentArea.our_guestPart h2 {
		text-transform: inherit;
	}
	


    @media (max-width: 1800px) {
        .inspirationArea .inspiratBox .item .sub img {
             height: 320px;
        }
    }

@media (max-width: 1750px) {


	.showerBox .row {
		margin: 0 -45px;
	}

	.showerBox .subitem {
		padding: 0 45px;
	}

	.ourexistingArea .subText {
		padding: 60px 60px 40px;
	}

	.ourexistingArea.partnerArwa .subText {
		padding: 100px 40px 40px;
	}

	.CapabilitieArea .sub_item .clickme {
		bottom: 32px;
	}

	.bannerArea {
		height: 740px;
	}
}

@media only screen and (max-width: 1720px) {

	.justAskContentArea {
		padding-top: 120px;
	}


	.givingContentArea .givingBackBox {
		max-width: 1090px;
	}

	.sopacPart {
		padding: 90px 0 0;
	}

	.philAugustinArea {
		padding: 110px 0 0;
	}

		.philAugustinArea .phil_item .image {
			padding: 40px 30px;
		}

		.philAugustinArea .row {
			margin: 0 -30px;
		}

		.philAugustinArea .phil_item .philText p {
			font-size: 38px;
		}

		.philAugustinArea .phil_item {
			padding: 0 30px;
		}

			.philAugustinArea .phil_item .philText h3 {
				font-size: 38px;
			}

			.philAugustinArea .phil_item .philText p {
				font-size: 36px;
			}

	.helpingContentArea {
		padding: 70px 0 60px !important;
	}

	/* ABOUT PAGE */

	.about-us .diapo .why_jacloContantArea p {
		max-width: 1170px;
	}
	/* .over_experienceArea .subText .box_item h2 {
	font-size: 58px;
} */
	/* .over_experienceArea .subText .box_item p {
	font-size: 24px;
} */

	.customer_.staffArea.customer_.MorganArea {
		padding-bottom: 120px;
	}

	.customer_.staffArea .itemBox .subTeext span.larry {
		font-size: 27px;
	}

	.customer_.staffArea .itemBox .subTeext span.brodey {
		font-size: 52px;
	}

	/* finishes page */

	.galleryPart {
		padding: 70px 0 180px;
	}

		.galleryPart .itemBox .owl-nav .owl-prev {
			left: -40px;
			background-size: 25px;
		}

		.galleryPart .itemBox .owl-nav .owl-next {
			right: -40px;
			background-size: 25px;
		}

		.galleryPart .itemBox {
			max-width: 1380px;
			padding: 0 40px;
		}

	/* hospitality page */

	.standard_finisheArea .subText img {
		width: 350px;
		margin: 0 auto;
	}

	.standard_finisheArea .subText .sub h3 {
		margin: 60px 0 30px;
		/* font-size: 27px; */
	}
	/* .standard_finisheArea .subText .sub p {
	font-size: 26px;
} */
	.standard_finisheArea {
		padding: 80px 0 120px;
	}
	/* .featuring_capitanArea .featurBox .subText h2 {
	font-size: 64px;
} */
	/* .featuring_capitanArea .featurBox .subText p {
	font-size: 27px;
} */

	.project_featuringArea {
		padding: 100px 0 20px;
	}
}



@media (max-width: 1670px) {
	.result_search_box .accordion {
		width: 30%;
	}
    .inspirationArea .inspiratBox .item .sub img {
        height: 295px;
    }
}


	@media (max-width: 1560px) {

		/* about-us */
		.about-us .diapo .why_jacloContantArea {
			padding: 30px 0;
		}

		.about-us .diapo .why_jacloContantArea p {
			max-width: 1100px;
		}

		/*04-09-23 result*/
		.dealerTitulo {
			font-size: 26px;
		}

		.showing_result_box .col-sm-6 {
			width: 38%;
		}

		.showing_result_box .col-sm-3 {
			width: 30%;
		}

		.result_search_box .accordion {
			padding: 8px 20px 8px;
		}

		.result_search_box .accordion {
			right: 3px;
		}
		
		.showerBox .row {
			margin: 0 -20px;
		}

		.showerBox .subitem {
			padding: 0 20px;
		}
		.ourexistingArea .subText .box_item .clickme {
			margin-top: 15px;
		}

		.ourexistingArea .subText .box_item p {
			margin: 30px 0 25px;
		}

		.CapabilitieArea .sub_item .clickme {
			bottom: 50px;
		}

		.bannerArea {
			height: 650px;
		}

		.galleryPart {
			margin-bottom: 100px;
		}

		.galleryPart h2 {
			font-size: 48px;
			margin-bottom: 50px;
		}

		.justAskContentArea.personalityBox {
			padding: 70px 0 90px;
		}

		.over_experienceArea .subText {
			padding: 70px 65px 45px;
		}
		.customer_.staffArea .itemBox .subTeext span.larry {
			font-size: 25px;
		}

		.color_FinishesArea .itemBox .item h4 {
			font-size: 23px;
		}

		.finishescolorBox {
			padding: 80px 0 70px;
		}

		.questions_lookArea .rightFinishText .subText {
			padding-left: 70px;
		}
        .inspirationArea .inspiratBox .item .sub img {
            height: 272px;
        }

	}

	@media (max-width: 1440px) {
		.ourexistingArea .subText {
			padding: 50px 50px 30px;
		}
		.bannerArea .bannerText p {
			font-size: 18px;
		}

		.bannerArea {
			height: 610px;
		}

		.img-principal {
			min-height: 480px !important
		}
		.helpingContentArea.finish_performanceArea {
			padding: 60px 0 0px !important;
		}
		.galleryPart {
			padding: 70px 0 130px;
			margin-bottom: 90px;
		}

		.our_facilitiesArea {
			padding: 70px 0 50px;
		}

		.helpingContentArea {
			padding: 60px 0 60px !important;
		}

		.justAskContentArea {
			padding-top: 100px;
		}
		.aestheticsArea .justAskContentArea {
			padding-bottom: 100px;
		}
		.justAskContentArea.personalityBox {
			padding: 40px 0 70px;
		}

		.about-us .diapo .why_jacloContantArea p {
			max-width: 940px;
		}

		.customer_.staffArea .itemBox .subTeext span.brodey {
			font-size: 50px;
		}

		.customer_.staffArea {
			padding-top: 60px;
		}

		.customer_.staffArea.customer_.MorganArea {
			padding-bottom: 100px;
			margin-top: 0;
		}

		.sopacPart {
			padding: 80px 0 0;
		}

		.philAugustinArea {
			padding: 90px 0 0;
		}

		.philAugustinArea .phil_item .philText p {
			font-size: 32px;
		}

        .inspirationArea .inspiratBox .item .sub img {
            height: 260px;
        }

	}
	
	/*New*/
	@media (max-width: 1365px) {

		.bannerArea .bannerText h2 {
			font-size: 56px;
		}

		.dealerTitulo {
			font-size: 24px;
		}

		.showing_result_box .col-sm-6 {
			width: 29%;
		}

		.showing_result_box .col-sm-3 {
			width: 34%;
		}
		.helpingContentArea p {
			font-size: 34px !important;
		}
		.ourexistingArea .subText .box_item h3, .showerSystemArea .content h2, .CapabilitieArea h2, .inspirationArea .subText h2 {
			font-size: 34px;
		}
		
		.showerBox .subitem p {
			padding: 0;
		}

		.showerBox .row {
			margin: 0 -15px;
		}

		.showerBox .subitem {
			padding: 0 15px;
		}

		.givingContentArea h2 {
			font-size: 34px !important;
		}
		.justAskContentArea .subText h2, .over_experienceArea .subText .box_item h2, .featuring_capitanArea .featurBox .subText h2 {
			font-size: 34px;
		}

		.sopacPart .itemBox .subText h2 {
			font-size: 34px !important;
		}

        .inspirationArea .inspiratBox .item .sub img {
            height: 240px;
        }

	}
	@media (max-width: 1279px) {
		.inspirationArea {
			padding: 60px 0 0;
		}
		.ourexistingArea .subText .box_item h3, .showerSystemArea .content h2, .CapabilitieArea h2, .inspirationArea .subText h2 {
			font-size: 32px;
			letter-spacing: normal;
		}
		.ourexistingArea.partnerArwa .subText {
			padding: 50px 30px 40px;
		}

		.ourexistingArea .image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.CapabilitieArea {
			padding: 60px 0 65px;
		}
		.bannerArea {
			height: 550px;
		}

		.bannerArea .bannerText h2 {
			font-size: 52px;
		}
		.img-principal {
			min-height: 440px !important
		}

		.helpingContentArea.finish_performanceArea {
			padding: 60px 0 0px !important;
		}
		.galleryPart {
			padding: 60px 0 100px;
		}
		.helpingContentArea {
			padding: 60px 0 50px !important;
		}
		.aestheticsArea .justAskContentArea {
			padding-bottom: 80px;
		}
		
		.our_facilitiesArea {
			padding: 60px 0 40px;
		}

		/* About Page */
		.about-us .diapo .why_jacloContantArea p {
			max-width: 850px;
		}
		.over_experienceArea .subText {
			padding: 50px 40px 45px;
		}
		.customer_.staffArea .itemBox .subTeext span.larry {
			font-size: 24px;
		}

		.customer_.staffArea .itemBox .subTeext span.brodey {
			font-size: 46px;
		}
		.questions_lookArea .rightFinishText .subText {
			padding-left: 0px;
		}

		.philAugustinArea .row {
			margin: 0 -15px;
		}

		.philAugustinArea .phil_item {
			padding: 0 15px;
		}

		.philAugustinArea .phil_item .image {
			padding: 40px 25px;
		}

		.philAugustinArea .phil_item .philText h3 {
			font-size: 34px;
		}

		.philAugustinArea .phil_item .philText p {
			font-size: 28px;
		}

        .inspirationArea .inspiratBox .item .sub img {
            height: 220px;
        }

	}

	@media (max-width: 1199px) {
		.showing_result_box .col-sm-4 {
			width: 50%;
		}
		.showing_result_box .col-sm-6 {
			width: 100%;
		}

		.showing_result_box .col-sm-3 {
			width: 50%;
		}

		.result_search_box .accordion {
			float: right;
			margin-right: 15px;
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.result_search_box .accordion {
			width: auto;
		}
		
		.ourexistingArea .subText .box_item h3, .showerSystemArea .content h2, .CapabilitieArea h2, .inspirationArea .subText h2 {
			font-size: 30px;
			letter-spacing: normal;
		}
		.showerBox .subitem .image {
			margin-bottom: 35px;
		}

		.showerBox .subitem h3 {
			margin-bottom: 25px;
		}

		.showerBox .subitem p {
			margin-bottom: 25px;
		}
		.clickme {
			font-size: 16px;
			line-height: 22px;
		}
		.ourexistingArea .subText {
			padding: 40px 30px 30px;
		}

		.CapabilitieArea {
			padding: 60px 0 65px;
		}

		.CapabilitieArea .sub_item h3 {
			font-size: 16px;
		}

		.CapabilitieArea .sub_item .clickme {
			bottom: 65px;
		}

		.bannerArea {
			height: 500px;
		}
		.img-principal {
			min-height: 380px !important
		}

		.justAskContentArea {
			padding-top: 80px;
		}

		.about-us .diapo .why_jacloContantArea {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}

		.over_experienceArea .subText {
			padding: 40px 20px 40px;
		}
		.over_experienceArea .subText .box_item p {
			margin-bottom: 18px;
		}

		.customer_.staffArea .itemBox .subTeext span.brodey {
			font-size: 42px;
		}

		.customizationArea h2 {
			margin-bottom: 60px
		}

		.color_FinishesArea .itemBox {
			grid-template-columns: repeat(5, 1fr);
			gap: 0px 24px;
		}

		.sopacPart .itemBox .image img {
			max-width: 100% !important;
		}

		.sopacPart {
			padding: 70px 0 0;
		}

		.philAugustinArea {
			padding: 80px 0 0;
		}

		.philAugustinArea .phil_item .philText p {
			font-size: 26px;
		}

		.philAugustinArea .phil_item .philText h3 {
			font-size: 32px;
		}

        .inspirationArea .inspiratBox .item .sub img {
            height: 180px;
        }

	}

	@media (max-width: 991px) {
		.showing_result_box .col-sm-4 {
			width: 39%;
		}

		.result_search_box .accordion {
			margin-top: 0;
		}
		.ourexistingArea .subText .box_item h3, .showerSystemArea .content h2, .CapabilitieArea h2, .inspirationArea .subText h2 {
			font-size: 28px !important;
		}
		.showerBox .subitem h3 {
			margin-bottom: 20px;
		}

		.showerBox .subitem p {
			font-size: 16px !important;
			line-height: 1.5 !important;
		}

		.showerBox .subitem {
			margin-bottom: 30px;
			padding: 0 0px;
		}

			.showerBox .subitem:last-child {
				margin-bottom: 0;
			}

		.showerBox .row {
			margin: 0;
			width: 100%;
		}
		.ourexistingArea.partnerArwa .subText {
			order: 1;
		}
		.CapabilitieArea .sub_item .clickme {
			bottom: 0;
		}

		.inspirationArea .inspiratBox .item a:hover .icon_hvr img {
			width: 50px;
		}

		.inspirationArea {
			padding: 60px 0 0;
		}
		.inspirationArea .subText {
			padding: 0 0 45px;
		}

		.bannerArea {
			height: 350px;
			background-position: center;
		}

		.bannerArea .bannerText h2 {
			font-size: 46px !important;
		}
		.galleryPart {
			padding: 60px 0 80px;
			margin-top: 70px;
			margin-bottom: 40px;
		}

		.our_facilitiesArea {
			padding: 60px 0 40px;
		}

		.galleryPart .itemBox .owl-nav {
			display: block;
		}

		.galleryPart h2 {
			font-size: 40px !important;
			margin-bottom: 40px;
			line-height: 1;
		}
		.helpingContentArea.finish_performanceArea {
			padding: 50px 0 0px !important;
		}

		.helpingContentArea {
			padding: 20px 0 50px !important;
		}

		.helpingContentArea p {
			font-size: 28px !important;
		}

		.justAskContentArea .subText {
			padding-top: 30px;
		}
		.justAskContentArea {
			padding-top: 40px;
		}

		.justAskContentArea.customContentAre .image {
			order: -1;
		}

		.justAskContentArea .subText h2 {
			font-size: 32px !important;
		}

		.justAskContentArea .subText p {
			font-size: 16px !important;
			line-height: 1.5 !important;
		}

		.justAskContentArea .subText .box {
			padding-left: 0;
		}

		.aestheticsArea .justAskContentArea {
			padding-bottom: 30px;
		}

		.justAskContentArea.personalityBox {
			padding: 40px 0 60px;
		}

		.givingContentArea .givingBackBox p {
			font-size: 16px !important;
			line-height: 1.5 !important;
		}
		.givingContentArea {
			padding-bottom: 50px;
		}


		/* About Page */
		.over_experienceArea .image {
			width: 100%;
		}

		.about-us .diapo .why_jacloContantArea h2 {
			font-size: 34px !important;
		}

		.over_experienceArea .image img {
			margin-bottom: 0;
		}

		.over_experienceArea .subText .box_item p {
			font-size: 16px !important;
			line-height: 1.5 !important;
			color: #77787b;
			margin-bottom: 18px !important;
		}

		.over_experienceArea .subText .box_item h2 {
			font-size: 32px !important;
		}

		.customer_.staffArea .itemBox .image {
			width: 100%;
		}

		.customer_.staffArea .itemBox .subTeext p {
			font-size: 32px !important;
			margin-bottom: 20px !important;
			line-height: 1.1 !important;
		}

		.customer_.staffArea .itemBox .subTeext span.brodey {
			font-size: 38px;
		}

		.customer_.staffArea .itemBox .subTeext {
			padding-top: 20px;
		}

		.customer_.staffArea.customer_.MorganArea .image {
			order: -1;
		}
		
		.customer_.staffArea.customer_.MorganArea {
			padding-bottom: 70px;
		}

		.customizationArea {
			padding: 60px 0 70px;
		}
		.customizationArea h2 {
			margin-bottom: 50px;
			font-size: 32px !important;
		}

		.customizationArea .subText {
			padding: 40px 0 0;
		}

		.customizationArea .subText .listtext2 li {
			font-size: 16px;
		}

		.customizationArea.questions_lookArea .subText P {
			font-size: 16px !important;
			line-height: 1.5 !important;
			margin-bottom: 22px !important;
		}

		.color_FinishesArea .itemBox {
			grid-template-columns: repeat(4, 1fr);
		}

		.color_FinishesArea h2 {
			font-size: 32px !important;
		}

		.finishescolorBox {
			padding: 60px 0 30px;
		}

		.color_FinishesArea .itemBox .item {
			margin-bottom: 30px;
		}

		.findBtn {
			font-size: 22px;
		}

		/*04-09-23 991*/
		.result_search_box .accordion {
			right: 3px;
			top: 3px;
		}

		.sopacPart .itemBox .subText {
			padding-top: 30px;
		}

		.sopacPart {
			padding: 60px 0 0;
		}

		.philAugustinArea {
			padding: 70px 0 0;
		}

		.philAugustinArea .phil_item {
			padding: 0 15px;
			margin-bottom: 30px;
			width: 100%;
		}

		.philAugustinArea .phil_item .image {
			width: 100%;
		}

		.sopacPart .itemBox .col-md-6 {
			width: 100%;
		}

		.sopacPart .itemBox .image img {
			max-width: 72% !important;
			width: auto;
		}

		.phil_item .image img {
			max-width: 65%;
			width: auto;
		}

		.philAugustinArea .phil_item .image {
			justify-content: center;
		}
		.sopacPart .itemBox .subText h2 {
			font-size: 32px !important;
		}

		.sopacPart .itemBox .subText p {
			font-size: 16px !important;
			line-height: 1.5 !important;
		}

		.philAugustinArea .phil_item .philText h3 {
			font-size: 30px;
		}

		.philAugustinArea .phil_item .philText p {
			font-size: 22px !important;
			line-height: 1.2 !important;
		}

        .inspirationArea .inspiratBox .item .sub img {
            height: 146px;
        }
		


	}
	@media only screen and (max-width: 890px) {
		.ourexistingArea .subText .box_item p {
			line-height: 1.5 !important;
		}
	}

	@media only screen and (max-width: 889px) {
		.bredcrumb_title.title_innerBannerArea {
			margin-top: 70px;
		}

		.bannerArea {
			margin-top: 0;
		}
	}


	/*END New*/
	
	/* @media only screen and (max-width: 1199px) {

		.showing_result_box .col-sm-6 {
			width: 100%;
		}

		.showing_result_box .col-sm-3 {
			width: 50%;
		}
	} */
	@media only screen and (max-width: 767px) {
	.showing_result_box {
			display: flex;
			flex-wrap: wrap;
		}

			.showing_result_box .result_item {
				width: 100%;
			}

		.result_search_box .accordion {
			padding: 8px 14px 8px;
		}

		.showing_result_box .col-sm-4 {
			width: 35%;
		}
		
		.ourexistingArea .subText .box_item h3, .showerSystemArea .content h2, .CapabilitieArea h2, .inspirationArea .subText h2 {
			font-size: 26px !important;
			letter-spacing: normal;
		}
		.showerBox .subitem {
			margin-bottom: 30px;
		}

		.showerBox .subitem:last-child {
			margin-bottom: 0;
		}

		.showerBox .subitem p, .ourexistingArea .subText .box_item p {
			font-size: 14px !important;
		}
		.ourexistingArea .subText {
			padding: 50px 20px 40px;
		}

		.ourexistingArea.partnerArwa .subText {
			padding: 50px 20px 40px;
		}

			.ourexistingArea.partnerArwa .subText .box_item p {
				margin: 30px 0 30px;
			}

		.ourexistingArea.partnerArwa .image {
			order: -1;
		}
		.CapabilitieArea {
			padding: 50px 0 50px;
		}

		.CapabilitieArea .row {
			display: flex;
			flex-wrap: wrap;
		}

		.CapabilitieArea .sub_item:nth-of-type(3) h3 {
			min-height: inherit;
		}

		.inspirationArea {
			padding: 50px 0 0;
		}

		.inspirationArea .subText {
			padding: 0 0 40px;
		}

		.inspirationArea .inspiratBox .item {
			width: calc(50% - 16px);
			margin: 0 8px 30px;
		}
		.inspirationArea .inspiratBox .item:last-child {
			padding-right: 0;
			display: none;
		}

		.bannerArea .bannerText p {
			font-size: 16px;
		}
		.bannerArea .bannerText h2 {
			font-size: 38px !important;
		}

		.galleryPart {
			margin-bottom: 20px;
			margin-top: 50px;
		}

		.galleryPart .itemBox {
			padding: 0 0px;
		}

		.galleryPart .itemBox .owl-nav {
			display: none;
		}

		.helpingContentArea p {
			font-size: 24px !important;
		}

		.helpingContentArea {
			padding: 10px 0 30px !important;
		}

		.justAskContentArea {
			padding-bottom: 0;
		}
		.justAskContentArea .subText {
			padding-top: 15px;
		}

		
		.givingContentArea h2, .sopacPart .itemBox .subText h2, .justAskContentArea .subText h2, .about-us .diapo .why_jacloContantArea h2, .featuring_capitanArea .featurBox .subText h2 {
			font-size: 32px !important;
		}
		.givingContentArea {
			padding-bottom: 40px;
		}

		/* About Pages */
		.about-us .diapo .why_jacloContantArea p {
			font-size: 16px !important;
		}

		.about-us .diapo .why_jacloContantArea h2 {
			font-size: 32px !important;
		}

		.over_experienceArea .subText .box_item h2 {
			font-size: 32px !important;
		}

		.over_experienceArea .subText .box_item p {
			font-size: 15px !important;
		}
		.over_experienceArea .subText .box_item p strong {
			font-size: 16px;
		}

		.customer_.staffArea {
			padding-top: 40px;
		}

			.customer_.staffArea .itemBox .subTeext p {
				font-size: 28px !important;
			}

			.customer_.staffArea .itemBox .subTeext span.larry {
				font-size: 22px;
			}

			.customer_.staffArea .itemBox .subTeext span.brodey {
				font-size: 34px;
			}

			.customer_.staffArea.customer_.MorganArea {
				padding-bottom: 60px;
			}

			.customizationArea .subText .listtext2 li {
				font-size: 16px;
			}
	
			.customizationArea .subText {
				padding: 20px 0 0;
			}
	
			.customizationArea {
				padding: 40px 0 40px;
			}
	
			.customizationArea h2 {
				margin-bottom: 30px;
			}

			.customizationArea.questions_lookArea .subText P {
				font-size: 16px !important;
			}
	
			.color_FinishesArea .itemBox {
				grid-template-columns: repeat(3, 1fr);
			}
	
			.color_FinishesArea .itemBox .item h4 {
				margin-top: 15px;
				font-size: 20px;
			}
	
			.questions_lookArea .col-md-6 {
				padding: 0;
			}
	
			.questions_lookArea .col-md-12 .row {
				margin-left: 0;
				margin-right: 0;
			}
	
	
			.color_FinishesArea h2 {
				font-size: 32px !important;
			}

			.sopacPart .itemBox .subText p {
				font-size: 15px !important;
			}
	
			.philAugustinArea {
				padding: 60px 0 0;
			}
	
			.philAugustinArea .phil_item .philText p {
				font-size: 20px !important;
			}

            .inspirationArea .inspiratBox .item .sub img {
                height: 230px;
            }
	
		
	}
	@media (max-width: 575px) {
	
		/*22-08*/
		.showing_result_box .col-sm-6 {
			width: 100%;
		}

		.showing_result_box .col-sm-3 {
			width: 50%;
		}

		.showing_result_box .col-sm-4 {
			width: 50%;
		}

		.showing_result_box {
			justify-content: flex-end;
		}
		.ourexistingArea .subText .box_item h3, .showerSystemArea .content h2, .CapabilitieArea h2, .inspirationArea .subText h2 {
			font-size: 24px !important;
		}
		.showerBox .subitem .image {
			margin-bottom: 30px;
		}

		.showerBox .subitem p {
			margin-bottom: 20px;
		}
		.clickBtn {
			font-size: 18px;
		}

		.bannerArea {
			height: 310px;
		}

		.bannerArea .bannerText h2 {
			font-size: 32px !important;
		}

		/* about */
		.customer_.staffArea .itemBox .subTeext p {
			font-size: 22px !important;
		}

		.customer_.staffArea .itemBox .subTeext span.larry {
			font-size: 20px;
		}

		.customer_.staffArea .itemBox .subTeext span.brodey {
			font-size: 28px;
		}
		.img-principal {
			min-height: 280px !important;
		}
		.about-us .diapo, .custom .diapo {
			padding: 0;
		}
		.phil_item .image img {
			max-width: 100%;
		}
		
	}

	@media (max-width: 479px) {
		.showing_result_box .col-sm-4 {
			width: 100%;
		}

		.result_search_box .accordion {
			margin-top: 12px;
		}
		.ourexistingArea .subText .box_item h3, .showerSystemArea .content h2, .CapabilitieArea h2, .inspirationArea .subText h2 {
			font-size: 22px !important;
		}
		.showerBox .subitem h3 {
			font-size: 16px;
		}
		.color_FinishesArea .itemBox {
			grid-template-columns: repeat(2, 1fr);
		}

        .inspirationArea .inspiratBox .item .sub img {
			height: 175px;
		}

	}


	@media (max-width: 374px) {

		.showing_result_box .col-sm-3 {
			width: 100%;
		}
        .inspirationArea .inspiratBox .item .sub img {
			height: 150px;
		}
	}
	
	.hideli {
		display: none !important;
	}

	.Hidemix {
		display: none;
	}

	@media (max-width: 890px) {
		.hidelicollection {
			display: block !important;
		}
	}

	/*New*/
	.collection_rptBox {
		display: flex;
		flex-wrap: wrap;
	}

	/*New*/
	.dealer-locator .formAccount input[type="text"] {
		width: 60%;
	}

	.search_for_dealer {
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
	}

		.search_for_dealer .button_dorado {
			margin-top: 10px;
		}
	/*END New*/

	/*new*/
	.plumbing_img img {
		width: 36px;
		height: 36px;
		border-radius: 100%;
	}
	/*End*/




	.CustomeDropdownlist #CustomeDropdownlist {
		height: 44px;
		width: 100%;
		border: 1px #000 solid;
		background: url(../images/ui/down_arrow_icn.png) no-repeat 95% center;
		background-size: 11px;
	}
	
.showing_result_box .showing_sort select.sortBy {
	background: url(../images/ui/down_arrow_icn.png) no-repeat 95% center;
	background-size: 11px;
	appearance: none;
}


	.CustomeDropdownlist ul li {
		padding: 5px 10px;
		z-index: 2;
	}

		.CustomeDropdownlist ul li.has-submenu {
			float: left;
			width: 82%;
			display: none;
			padding: 0;
			background: #fff;
			position: absolute;
			right: 13px;
			top: 100%;
			border: 1px solid #ddd;
			box-shadow: 0 0 10px #ddd;
		}

			.CustomeDropdownlist ul li.has-submenu .submenu-items li {
				cursor: pointer;
				padding: 10px 5px 10px 12px;
				border-bottom: 1px solid #ddd;
			}

	.dealer-locator .sortBy.sortBytopBox {
		float: none;
	}

	.CustomeDropdownlist li.dropdownlistoption img {
		width: 24px;
		margin-right: 6px;
	}

	/*.CustomeDropdownlist ul li:not(.init):hover,
	.CustomeDropdownlist ul li.selected:not(.init) {
		background: #09f;
	}
	*/

	/*.CustomeDropdownlist ul li:not(.init):hover
 {
	background: #09f;
}
*/
	.CustomeDropdownlist li.init {
		cursor: pointer;
		padding: 9px 0px;
	}

	.CustomeDropdownlist ul li.has-submenu.selected {
		display: none;
	}
	/*NEW ealers_listBox*/
	.cuadro.partner_subText {
		border: 0;
		padding: 0;
	}

	.dealers_listBox ul {
		margin-bottom: 18px;
	}

		.dealers_listBox ul li {
			/*display: flex;
			flex-wrap: wrap;
			align-items: center;*/
			font-family: 'Montserrat', sans-serif;
			font-size: 14px;
			margin-bottom: 12px;
		}

			.dealers_listBox ul li img {
				margin-right: 6px;
				width: 30px;
				height: 30px;
				border-radius: 100%;
			}

			.dealers_listBox ul li strong {
				font-weight: bold;
				/*margin-right: 4px;*/
			}

			.partner_subText p {
				margin-bottom: 12px !important;
				color: #77787c;
			}

				.partner_subText p span {
					display: block;
				}

			@media (max-width: 767px) {
				.dealers_listBox ul li {
					font-size: 14px;
				}
			}

			.dealers_readonly {
				color: #f6f6f6 !important;
				background-color: #f6f6f6;
			}
			.contactUsBox {
				display: flex;
				flex-wrap: wrap;
			}
			/*END ealers_listBox*/
/* Desktop search */
.search {
  position: relative;
  display: inline-block;
}

.search input[type="text"] {
  padding: 10px 35px 10px 12px; /* space for icon */
  width: 250px;
  border: 1px solid #ccc;
  border-radius: 25px;
  font-size: 14px;
  outline: none;
  transition: all 0.3s ease;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
}

.search input[type="text"]:focus,
.search input[type="text"]:hover {
  border-color: #4f5071;
  box-shadow: 0 0 8px rgba(79, 80, 113, 0.3);
}

.search .search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
  font-size: 16px;
  pointer-events: none;
  transition: color 0.3s ease;
}

.search input[type="text"]:focus + .search-icon,
.search input[type="text"]:hover + .search-icon {
  color: #4f5071;
}

/* Mobile search (remove resizing) */
.searchMob {
  position: relative;
  width: 100%;
}

.searchMob input[type="text"] {
  width: 100%; /* fixed full width */
  padding: 10px 35px 10px 12px;
  border: 1px solid #ccc;
  border-radius: 25px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease; /* no width change */
  box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
}

.searchMob input[type="text"]:focus,
.searchMob input[type="text"]:hover {
  border-color: #4f5071;
  box-shadow: 0 0 8px rgba(79, 80, 113, 0.3);
}

.searchMob .search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
  font-size: 16px;
  pointer-events: none;
  transition: color 0.3s ease;
}

.searchMob input[type="text"]:focus + .search-icon,
.searchMob input[type="text"]:hover + .search-icon {
  color: #4f5071;
}
/*for custom subscription start*/

.formaccountWrapper label {
	color: #ffffff;
}
.input-box {
	display: flex;
	width: 100%;
}

.input-box input{
	border: #77787b 1px solid !important;
	border-radius: 2px;
	background-color: transparent;
	height: 40px !important;
	padding-left: 12px !important;
	color:#ffffff !important;
	flex: 1;
}
.input-box button {
	border: #77787b 1px solid;
	border-radius: 2px;
	background-color: transparent;
	height: 40px;
	padding: 0 12px;
	color: #ffffff;
	margin-left: 20px;
	font-weight: 400;
}

.input-box button:hover {
	background-color: #77787b;
	color: #202020;
}

.formaccountWrapper .sfregisterField {
	margin-bottom: 20px;
}
.formaccountWrapper .sfregisterFormWrp {
	border: none;
	max-width: 450px !important;
	padding: 0px !important;
	margin: 0px !important;
}

.formaccountWrapper label {
	margin: 0px 0 8px 0;
}
.formaccountWrapper {
	margin: 20px 0 0px 0;
}
/*for custom subscription End*/

.contactForm .validation {
	 margin-left: 0px;  
}
.contact-us .diapo.bggris {
	margin-bottom: 0px;
}

.contact-us #lblmessage {
	margin-top: 10px;
	font-weight: bold;
	display: none;
}

.contact-us .lbl_error {
	color: #d9534f;
}

/* Validation message under each input */
.contact-us .validation {
	display: block;
	margin-top: 5px;
	margin-bottom: 12px;
	font-size: 13px;
	color: #d9534f;
}

/* Captcha error message */
.contact-us #captchaError {
	margin-top: 10px;
	display: block;
	color: #d9534f;
}

/* FIX — Recaptcha overlapping Issue */
.contact-us .g-recaptcha {
	display: block !important;
	clear: both !important;
	margin-bottom: 30px !important; /* Push button below */
}

/* FIX — Button alignment below captcha */
.contact-us #btnSubmit {
	display: block !important;
	clear: both !important;
	margin-top: 5px !important;
	margin-bottom: 20px !important;
	position: relative;
	z-index: 10;
}

.contact-us .contactForm {
	overflow: visible !important; /* Allow proper flow */
}
.field-wrapper {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 0;
	width: 0;
	overflow: hidden;
}