﻿
@import url('https://fonts.googleapis.com/css?family=Merienda+One');


.both{clear:both}
.margin0{margin:0!important}
.padding0{padding:0!important}
.border0{border:0!important}
.left{float:left}
.right{float:right}
.displaynone{display:none}
.relative{position:relative !important}

.height5{height:5px}
.height10{height:10px}
.height20{height:20px}
.height25{height:25px}
.height30{height:30px}
.height40{height:40px}
.height50{height:50px}
.height60{height:60px!important}
.margin5{margin:5px}
.margin10{margin:10px}
.margintop0{margin-top:0!important}
.margintop5{margin-top:5px}
.margintop10{margin-top:10px}
.margintop20{margin-top:20px}
.margintop25{margin-top:25px}
.margintop30{margin-top:30px}
.margintop50{margin-top:50px}
.margintop100{margin-top:100px}
.marginbottom0{margin-bottom:0!important}
.marginbottom10{margin-bottom:10px !important}
.marginbottom20{margin-bottom:20px}
.marginright20{margin-right:10px}
.marginleft10{margin-left:10px}
.marginleft15{margin-left:15px}
.marginleft20{margin-left:20px}
.padding10{padding:10px!important}
.padding15{padding:15px!important}
.paddingright0{padding-right:0}
.padding10_0{padding:10px 0}
.padding0_5 { padding:0 5px;}
.paddingbottom0{padding-bottom:0!important}
.paddingleft0{padding-left:0!important}
.paddingtop0{padding-top:0!important}
.width100{width:100%}
.height100{height:100%!important}
.height120 { height:120px;}

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{position:relative;min-height:1px}
.col-xs-15{width:20%;float:left}

@media (min-width:768px){.col-sm-15{width:20%;float:left}
}
@media (min-width:992px){.col-md-15{width:20%;float:left}
}
@media (min-width:1200px){.col-lg-15{width:20%;float:left}
}


.text-slide {text-transform: uppercase; font-weight: bold;  color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}


.fija { background:#20262a !important; width:100%; text-align:center; position:fixed; top:0; z-index:9999;}
.fixed { position: fixed; z-index: 9998; top: 0; width: 100%;  text-align:center;background:#505963 !important;}
.header-xs {background: #20262a;}
.boxbotonera { display:none;}
.displayblock { display:block; height:67px;}

.c-brandon

@media (max-width: 991px)
{
.displayblock { display:none;}
}


li.fb_cabezal a {
  background:#445897;
  color:#fff !important;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 15px 2px 2px 0;
  border-radius: 34px;
  text-align: center;
}

li.fb_cabezal a > i {
  color:#fff !important;
  font-size: 20px !important;
  line-height: 36px;
}

li.fb_cabezal:hover a {
  background:#355089 !important;
  color:#fff !important;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 15px 2px 2px 0;
  border-radius: 34px;
  text-align: center;
}

li.fb_cabezal:hover a > i {
  color:#fff !important;
  font-size: 20px !important;
  line-height: 36px;
}


.telefonos { font-size: 26px; margin-top: 20px; font-weight: bold; color:#ffc66b;}
.boxcabezal {height: 166px;}



.single-form-item { text-align:left; margin-bottom:10px;}
.single-form-item input,
.single-form-item select,
.single-form-item textarea {
  background-color: #fdf8f8;
  color: #555454;
  line-height: 1;
  padding: 14px 12px;
  width: 100%;
}
.single-form-item.full-width-item {
  overflow: hidden;
  padding-top: 20px;
  text-align: center;
  width: 100%;
}

.single-form-item textarea {
  height: 184px;
  line-height: 1.5;
}

.single-form-item #adjunto {
  background: #f2eeee;
}


label.error { display:none !important}
input.error { border:1px solid #F00 !important;}

/* List */
.list li {
	margin-bottom: 13px;
}

.list.pull-left li {
	text-align: left;
}

.list.list-icons {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
}

.list.list-icons li {
	position: relative;
	padding-left: 25px;
}

.list.list-icons li .fa, .list.list-icons li .icons {
	position: absolute;
	left: 0;
	top: 3px;
	color:#ffce23;
}

#contacto h4 {font-size:26px;}


.cbp-popup-johnson {
  background: url("../img/johnson.png") no-repeat;
  width: 148px;
  height: 38px;
  margin: auto;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 350px; 
  position: absolute;
}

.cbp-popup-disenio5 {
  background: url("../img/maram.png") no-repeat;
  width: 170px;
  height: 79px;
  margin: auto;
  top: 3px;
  right: 350px;
  bottom: 0;
  left: 0; 
  position: absolute;
}

@media (max-width:480px){
.cbp-popup-disenio5, .cbp-popup-johnson { display: none !important;}
}


/* CSS */
/*.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    opacity: 0;
}
.hsContent {
    max-width: 450px;
    margin: -150px auto 0 auto;
    display: table-cell;
    vertical-align: middle;
    color: #ebebeb;
    padding: 0 8%;
    text-align: center
}*/
.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
}

/* Slide Premium Design */
#slide-gofrato-alto-brillo .bcg {background-image:url('../img/productos/cocinas/premium-design/gofratto-alto-brillo/slide.jpg')}
#slide-grofato .bcg {background-image:url('../img/productos/cocinas/premium-design/gofratto/slide.jpg')}
#slide-foscari .bcg {background-image:url('../img/productos/cocinas/premium-design/foscari/slide.jpg')}

/* Slide Premium */
#slide-lacar .bcg {background-image:url('../img/productos/cocinas/premium/lacar/slide.jpg')}
#slide-trend .bcg {background-image:url('../img/productos/cocinas/premium/trend/slide.jpg')}
#slide-mare-bianco .bcg {background-image:url('../img/productos/cocinas/premium/mare-bianco/slide.jpg')}
#slide-mare .bcg {background-image:url('../img/productos/cocinas/premium/mare/slide.jpg')}
#slide-murano .bcg {background-image:url('../img/productos/cocinas/premium/murano/slide.jpg')}
#slide-sydney .bcg {background-image:url('../img/productos/cocinas/premium/sydney/slide.jpg')}
#slide-city .bcg {background-image:url('../img/productos/cocinas/premium/city/slide.jpg')}
#slide-lumina2 .bcg {background-image:url('../img/productos/cocinas/premium/lumina2/slide.jpg')}
#slide-legno .bcg {background-image:url('../img/productos/cocinas/premium/legno/slide.jpg')}
#slide-delta .bcg {background-image:url('../img/productos/cocinas/premium/delta/slide.jpg')}
#slide-steel .bcg {background-image:url('../img/productos/cocinas/premium/steel/slide.jpg')}

/* Slide Nova */
#slide-ventus .bcg {background-image:url('../img/productos/cocinas/nova/ventus/slide.jpg')}
#slide-adria .bcg {background-image:url('../img/productos/cocinas/nova/adria/slide.jpg')}
#slide-arena .bcg {background-image:url('../img/productos/cocinas/nova/arena/slide.jpg')}

/* Slide elite */
#slide-interiores-elite .bcg {background-image:url('../img/productos/placards/serie-elite/interiores/slide.jpg')}

/* Slide classic */
#slide-interiores-classic .bcg {background-image:url('../img/productos/placards/serie-classic/interiores/slide.jpg')}
#slide-interiores-componibles-classic .bcg {background-image:url('../img/productos/placards/serie-classic/interiores-componibles/slide.jpg')}

/* Slide kubia */
#slide-kubia .bcg {background-image:url('../img/productos/placards/serie-kubia/slide.jpg')}

/* Slide sistema open */
#slide-open .bcg {background-image:url('../img/productos/sistema-open/slide.jpg')}


/* Slide sistema open */
#slide-lavaderos .bcg {background-image:url('../img/productos/piletas/lavaderos/slide.jpg')}


#slide-pileta-cocina-triple .bcg {background-image:url('../img/productos/piletas/cocinas/triple/slide.jpg')}


@media (max-width: 800px) {

#slide-gofrato-alto-brillo .bcg, #slide-grofato .bcg, #slide-foscari .bcg, #slide-lacar .bcg, #slide-trend .bcg, #slide-mare-bianco .bcg, #slide-mare .bcg, #slide-murano .bcg, #slide-sydney .bcg, #slide-city .bcg, #slide-lumina2 .bcg, #slide-legno .bcg, #slide-delta .bcg, #slide-steel .bcg, #slide-ventus .bcg, #slide-adria .bcg, #slide-arena .bcg, #slide-interiores-elite .bcg, #slide-interiores-classic .bcg, #slide-interiores-componibles-classic .bcg, #slide-kubia .bcg, #slide-open .bcg, #slide-lavaderos .bcg, #slide-pileta-cocina-triple .bcg  { display: none;}

.c-content-feature-4 .c-feature-content .c-content-v-center {
  height: auto;
}

.c-layout-breadcrumbs-1 {margin-top: 121px;}
}


@media (max-width: 320px) {
.c-layout-breadcrumbs-1 {margin-top: 103px;}
}



.titulo-accesorio {
    font-size: 18px !important;
}


.alpha {
  opacity: 100;
  z-index:1;
  margin-bottom: 20px;
}
.alpha:hover {
  filter:alpha(opacity=70);
  -moz-opacity:.70;
  opacity:.70;
}


.mission-left-img-holder {
     position: relative; 
   margin-top:20px;
}
.mission-left-img-holder::before {
    border: 1px solid rgba(255, 255, 255, 0.5);
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.btn-whatsapp {
    display: block;
    width: 62px;
    height: 62px;
    position: fixed !important;
    right: 9px!important;
    bottom: 10px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    z-index: 99999 !important;
