@charset "UTF-8";
@import url(../fonts/novecento/stylesheet.css);
@import url(http://fonts.googleapis.com/css?family=Arapey);
@font-face {font-family: Hero;src: url("../fonts/Hero.otf") format("opentype");}
@font-face {font-family: HeroLight;src: url("../fonts/HeroLight.otf") format("opentype");}

/*------  GENERAL -----------*/
/*loading*/
#loading { position: fixed; left: 0px; top: 0px; background-color:#fff; width:100%; height:100%;z-index:999999; }
#loading .loading_gif{width:200px; margin-left:-100px;; margin-top:-50px; position:absolute; left:50%; top:50%; z-index:1000; }

body{ font-family: Hero; color:#444444;}
.fondoGris{background:#89898b; color:#fff;}



/*MARCAS 18-10-18*/

#titol {text-align: left; margin-top: 5%; line-height: 40px; font-size: 40px; color: #444444; text-transform: capitalize; display: inline-block;}
#descripcio {text-align: left; margin-top: 2%; font-size: 16px; color: #444444; text-transform: capitalize; margin-bottom: 10%;}
.retxeta1{width:60px; height:3px; background:#b9d5bc; }
.img-polaroid1{background-position:center; background-size:100%; background-repeat:no-repeat; margin-top: 2%; margin-bottom: 0%; width: 200px; height: 200px; display: inline-block;}
.img-polaroid_marcas1{background-size:100% auto; background-position:center center; height:12vw; margin-bottom:5px; margin-top:5px; background-repeat:no-repeat; max-height:100%; display: inline-block;}
#div-marcas-info {width: 100%; height: 100%; margin-bottom: 5%; display: inline-block;}

/*bootstrap*/
img{width:100%;}
.container-fluid{padding:0;width:100%}
.container-marges{padding:0 2%; max-width:1200px;}
.row{margin:0;}
.full{margin-left:-2%; margin-right:-2%; width:104%;}
.col-sm-12{padding:0;}
.vcenter {    display: inline-block;    vertical-align: middle;    float: none; margin-left:-1.5px; margin-right:-1.5px;}
.row.gris{background:#ededed}

/*botons*/
.boto {padding:10px 30px; border: 1px solid #fff; color:#444; font-size:14px; border-radius:3px; text-decoration:none; font-weight:bold; transition: background-color 0.8s ease-in-out;  background:#fff;  color:#3f3f3f;}
.boto:focus{text-decoration:none;color:#3F3F3F;}
.boto:hover{color:#fff; background:#3f3f3f; text-decoration:none;}
.boto2{color:#444444;background:#ededed;}
.boto.ver{padding:10px 40px}
.boto2:hover{background:#FFF; }

/*select style*/
select option{color:#444444}
select option.placeHolder{color:#cacaca}
select.placeHolder{color:#cacaca}
::-webkit-input-placeholder{color:#cacaca;}:-moz-placeholder{color:#cacaca; opacity: 1;}::-moz-placeholder {color:#cacaca;opacity: 1;}:-ms-input-placeholder { color:#cacaca;}
.select {position: relative;}
.select:after {width: 28px;height: 31px;display: block;content: '';position: absolute;	top: 1px;right: 1px;pointer-events: none;background:#fff;background-image: url('../images/icons/fletxa_select.png');	background-repeat: no-repeat;	background-position: center center;}
select{ -moz-appearance: none; -webkit-appearance: none; appearance: none;height:33px;}

/*titols*/
.titol_1{ font-size:40px; line-height:40px;}
.titol_2{ font-size:30px; line-height:30px }
.titol_3{font-size:24px; line-height:30px;padding-bottom:10px;}
.desc_1{  font-size:16px; font-family: 'Arapey', serif; text-align:left; line-height:23px; max-width:560px; margin-left:auto; margin-right:auto;}
.retxeta{width:60px; height:3px; background:#b9d5bc; margin:20px auto;}
img.img_aquaquae{width:170px}
.retxa{ height: 3px; width: 70px; border-bottom:3px solid #b9d5bc;margin: 10px 0 20px 5px;}
#profesional_sesion{width:100%; background:url(fondo_prof.jpg); color:#fff; font-size:14px; padding:5px; text-align:center;text-shadow: 2px 2px 3px #000; font-family: 'Hero';font-weight:bold; }
a,a:hover{color:#444444;}

/*------ HEADER ---------*/
#header{padding-bottom:10px; border-bottom:2px solid #b9d5bc;}
header{background:#fff}
header .col-logo{text-align:center;}
header .logo{max-width:375px; padding:50px 50px 25px;}
header .menu{margin:0 auto;}
header .menu .item{text-align:center;  font-family: Hero; font-size:16px; color:#3f3f3f; cursor:pointer; padding:0 10px;  width:auto; line-height:40px}
header .menu .item:hover > a{text-decoration:none; border-bottom:3px solid #444444;}
header .collapse.in{display:table;}
header .btn{width: 100%;height: 30px;padding: 0;}
header .sr-only{position:relative;}
#header a{color:#3f3f3f;  padding-bottom:5px;}

section#header.fixed{position:fixed; width:100%; top:0; left:0; background:#fff; z-index:9;}

/*navbar*/
.navbar-default .navbar-collapse{width:100%; background:#fff; }
.navbar-default{background:none; box-shadow:none; border:none;  margin-bottom:0; min-height:25px;}
.navbar-toggle{float:left; margin-left:5px;background:#fff;}

.open > .dropdown-menu{text-align:center;}
.dropdownlangs .dropdown-menu{left:-99px;}
header .btn:hover, .btn:focus{color:#fff;}
header .btn{font-weight:bold;}
header .open > .dropdown-menu{background:#000;}
header .dropdown-menu{box-shadow:0px 6px 12px rgba(256, 256, 256, 0.176);border:1px solid rgba(256, 256, 256, 0.15);}
header .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#000 !important;}
.logos_header_menu_movil{display:none;}
/*langs*/
header .langs{margin-top:10px; padding-right:35px; font-size:14px; font-family:Hero; text-align:right; }
#header .langs a{color:#b9d5bc;}
header .menu .item.lang {padding:0 2px;}
header .lupa{width:20px; margin-right:25px; cursor:pointer;}
#header input[type="search" ]{border:1px solid #b9d5bc; color:#b9d5bc;}
.ui-autocomplete{ background:#fff; border:1px solid #b9d5bc; color:#b9d5bc; border-radius:3px;}
.ui-autocomplete .ui-state-focus{background:#b9d5bc; color:#fff; font-weight:bold;border:none;}
/*------------ HOME --------*/

/*slider */
.slider{}
.slider img, .slider li {width:100% ;  color:#444444; }
.responsive-slider .slides ul li .slide-body{width:100%; max-height:77vh; overflow:hidden; }
#showroom .responsive-slider .slides ul li .slide-body{overflow:visible;}
#showroom .taggd-wrapper {overflow:visible;}
.responsive-slider .slides ul li .slide-body .caption.header {top:20%; right:25%; left:inherit;}
.responsive-slider .slides ul li .slide-body .caption.header.slider2 {top:20%; right:5%; left:inherit;}
.responsive-slider .slides ul li .slide-body .caption.header.slider3 {top:20%; right:10%; left:inherit;}
.responsive-slider .slides ul li .slide-body .caption.sub {bottom:inherit; top:70px; right:0; text-align:right;}
.responsive-slider .slides ul li .slide-body .caption.sub{top:78px;width:528px; padding-left:20px;}
.responsive-slider .slides ul li .slide-body .caption.header{top:55%; right:6%;}
.responsive-slider .slides ul li .slide-body .caption{color:#fff; text-shadow:none;}
.responsive-slider .slides h3{color:#FFF;margin-bottom:0;font-size:40px;  }
.responsive-slider .slides h5{color:#FFF;margin-top:0;line-height:35px; font-size:40px; font-weight:bold;}
.responsive-slider .slider-control{top:calc(50% - 30px); transition:background 0.5s ease; opacity:0.8;}
.responsive-slider .slider-control.left{background:url("../images/icons/left.png") no-repeat scroll center center / 35px auto; width:60px; height:60px;}
.responsive-slider .slider-control.right{background:url("../images/icons/right.png") no-repeat scroll center center / 35px auto; width:60px; height:60px;}
.responsive-slider .slider-control.left:hover{background:url("../images/icons/left.png") no-repeat scroll center center / 50px auto;}
.responsive-slider .slider-control.right:hover{background:url("../images/icons/right.png") no-repeat scroll center center / 50px auto;}
#proyecto .responsive-slider .slides ul li .slide-body img{height:auto !important; width:100%;}

.jcarousel li{height:30vh}
.jcarousel-control-prev{background: url("../images/icons/left.png") repeat scroll center center / 25px auto transparent; background-color:rgba(256,256,256,0.8);}
.jcarousel-control-next{background: url("../images/icons/right.png") repeat scroll center center / 25px auto transparent; background-color:rgba(256,256,256,0.8);}
.jcarousel-control-next:hover, .jcarousel-control-prev:hover{background-color:rgba(256,256,256,1);}

/*datepicker*/
#ui-datepicker-div{background:#EDEDED ; color:#978f4f;}
.ui-datepicker .ui-datepicker-header{background:#444;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#fff; color:#978f4f;}

#home .fila_1 .filaA{padding:60px ; text-align:right; }
#home .fila_1 .filaB{padding:60px; background:#fff;  }
#home.productes{background:#ededed; padding:40px 40px 100px;}
#home .marco{padding:15px; background:#fff; margin:15px;}
#home .producte{ height:14vw; background-size:120% auto; background-repeat:no-repeat; background-position:center center; padding:0; margin:0px; width:100%; max-height:260px}
#home.productes .titol_1{text-align:center; padding-bottom:60px;}
#home .producte .info-producte{background:#fff; height:13vw;  position:absolute; width:calc(100% - 40px); left:0; bottom:0; text-align:center; opacity:0;transition:opacity 0.7s linear; margin:0 20px 15px; max-height:245px;}
#home .product_row{max-width:1200px; margin:0 auto;}
#home .producte .info-producte .top{position:absolute; top:10px; left:0; width:100%; font-size:22px;}
#home .producte .info-producte .middle{position:absolute; top:25%; left:0;padding:0 20%;font-family: 'Arapey', serif; }
#home .producte .info-producte .home_bottom{font-size:14px; font-family: 'Arapey', serif; position:absolute; bottom:5px; width:100%; left:0;}
#home .producte .info-producte .home_bottom a{padding:6px 15px;; background:#ededed; border:1px solid #ededed; transition:background 0.5s ease-in-out;}
#home .producte .info-producte .home_bottom a:hover{background:#fff;text-decoration:none;}
#home .producte:hover > .info-producte{opacity:1;}

/* modal newsletter*/
#modalNewsletter{max-width:450px; left:calc(50% - 225px); right:inherit; top:10%; padding: 0 10px; overflow:hidden;}
#modalNewsletter input{width:100%; background:#D3D3D3; color:#fff; padding:10px 18px; margin:10px 0; font-size:16px; border:none; }
#modalNewsletter .modal-title{font-size:16px; color:#5B5B5B;}
#modalNewsletter button{border-radius:0; border:1px solid #838385; background:#838385; color:#fff; transition:background 0.8s ease-in-out; border:none; text-transform:uppercase; text-shadow:none;}
#modalNewsletter button:hover{background:#fff; color:#838385; }
#modalNewsletter .modal-dialog{width:100%;}
#modalNewsletter .modal-body, #modalNewsletter .modal-header, #modalNewsletter .modal-footer{padding-left:44px; padding-right:44px; border:none;}
#modalNewsletter .modal-footer{padding-top:0; margin-top:0; padding-bottom:50px;}
#modalNewsletter .modal-header{padding-top:50px;}
#modalNewsletter .modal-content{border-radius:0;}
#modalNewsletter button.close{position:absolute; top:-10px; right:-10px; width:35px; height:35px; border-radius:20px; background:#fff; border:1px solid #838385; text-align:center; color:#000; opacity:1;}
#modalNewsletter input::-webkit-input-placeholder {
   color: #fff;
}

#modalNewsletter input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

#modalNewsletter input::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}

#modalNewsletter input:-ms-input-placeholder {  
   color: #fff; 
}
#modalNewsletter #mce-responses{padding:0;}
#modalNewsletter #mce-error-response, #modalNewsletter #mce-success-response{background:#fff;padding:15px; width:100%;}

/*---- DRETA SCROLL ----*/
.dreta-scroll{/*height:calc(100vh - 572px);*/ min-height:556px; position:relative; overflow:hidden;}
.dreta-scroll button{width:30px; height:30px;  position:absolute;right:8px; border:none;background-repeat:no-repeat; background-size:25px auto; background-position:center center; background-color:transparent; display:none;}
.dreta-scroll button:hover{opacity:0.6; }
.dreta-scroll button.up{top:30%; background-image:url('../images/icons/button-up.png');}
.dreta-scroll button.down{bottom:30%;background-image:url('../images/icons/button-down.png');}

.esquerra-scroll{padding:0 4%;}
.esquerra-scroll .retxeta{margin:10px 0 20px 5px;}
/*.dreta-scroll::-webkit-scrollbar {width: 1em;} 
.dreta-scroll::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(185,213,188,0.3); border-radius:6px;}
.dreta-scroll::-webkit-scrollbar-thumb {background-color: #b9d5bc;outline: 1px solid slategrey;border-radius:6px;}*/
.bottom{background:#ededed;}
.bottom .aquaquae{max-width:1200px; margin:20px auto;}
.polaroid{padding:15px;}
.img-polaroid{background-size:120% auto; background-position:center center; height:12vw; margin-bottom:10px; background-repeat:no-repeat; max-height:153px;}
.polaroid_padd{padding:15px; text-align:center; background:#fff; min-height:265px;}


.polaroid_marcas{padding:15px;}
.img-polaroid_marcas{background-size:120% auto; background-position:center center; height:12vw; margin-bottom:5px; margin-top:5px; background-repeat:no-repeat; max-height:100%}
.polaroid_padd_marcas{padding:15px; text-align:center; background:#fff;}


.aquaquae{padding:0 10px;}
.polaroid .proj-tit{padding-top:8px; font-weight:bold;}
.polaroid a:hover{ text-decoration:none; color:#AED6BC;}

/*--------- EQUIPO ---------*/
#equip{margin-top:80px}
#equip .desc_1{text-align:left;}
#equip .titol_1{text-align:left;}

/*-------- PRODUCTOS ------*/
#productos .info{padding:75px 20px;}
#productos .sub-categoria .titol_1{text-align:left;}
#productos .sub-categoria .retxeta{margin:20px 0;}

#productos.productes{ padding:80px 0px 80px; }
#productos .producte{  padding:0; margin:15px; width:calc(33.33% - 30px);padding:15px; background:#fff;}
#productos .producte .img{height:10vw; background-size:139% auto; background-repeat:no-repeat; background-position:center center; width:100%; max-height:190px}
#productos .info-producte{background:#fff; height:188px;  width:100%;  text-align:center; padding:0px 15px 10px;  overflow-y:hidden; position:relative;}
#productos .info-producte .flecha-bottom{position:absolute; background-color:#fff; width:100%; height:30px; top:30px; left:0; background-image:url('../images/icons/button-down.png'); background-position:center center; background-repeat:no-repeat; background-size:15px auto; cursor:pointer;z-index:9;}
#productos .info-producte .flecha-top{position:absolute; background-color:#fff; width:100%; height:30px; top:0; left:0; background-image:url('../images/icons/button-up.png'); background-position:center center; background-repeat:no-repeat; background-size:15px auto; cursor:pointer;z-index:9;}
#productos .info-producte .flecha-bottom:hover, #productos .info-producte .flecha-top{}
#productos .info-producte .top{ font-size:22px;  text-transform:uppercase; top:60px; z-index:8; background:#fff; position:absolute; left:0; width:100%; padding-top:10px;}
#productos .info-producte .middle{font-family: 'Arapey', serif;font-size:18px;  position: absolute;width: 100%;left: 0px;top: 105px;z-index: 1;}
#productos .info-producte .middle a:hover{color:#b9d5bc; text-decoration:none;}
#productos .llista-categories{cursor:pointer; margin-top:40px; font-size:15px; padding-left:0;}
#productos .llista-categories > li{font-weight:bold; padding:5px 0; list-style:none; background-image:url('../images/icons/plus.png'); background-position:right 6px; background-size:16px auto; background-repeat:no-repeat;}
#productos .llista-categories > li:hover{color:#AED6BC;}
#productos .llista-categories > li > ul {display:none; }
#productos .llista-categories > li > ul > li{ list-style:none; font-weight:normal;font-family: 'Arapey', serif;}
#productos .llista-categories > li > ul > li a:hover{ text-decoration:none; color:#AED6BC;}
	
/*sub-categoria*/
#productos.productes.sub-cat{padding:80px 0px 40px; max-width: 1200px;}
#productos .sub-categoria .marco{padding:15px; background:#fff;}
#productos .sub-categoria .info-producte{height:auto;text-align:left;padding:10px 0;}
#productos .sub-categoria a:hover > div > div > div > .middle{color:#b9d5bc; text-decoration:none;}
.productes.sub-cat .img-polaroid{height:11vw; background-size:115% auto;}

/*--------- PRODUCTE ----*/
.img_producte_galeria{width:100%;}
#producte .info-prod .imatges{overflow:hidden;max-height:40vh;}
#producte{max-width:1200px; width:80vw; background:#fff; }
#producte .responsive-slider .slides ul li .slide-body img{width:100%; height:auto;}
#producte .titol_1{font-size:26px;color:#444;}
#producte .titol_2{font-size:20px; color:#8f8989;}
#producte .info{font-family: 'Arapey', serif; margin:25px 0; font-size:16px;color:#444;}
#producte .info span{color:#8f8989; font-style: italic;}
#producte .oferta{font-family: 'Arapey', serif;color:#444;}
#producte .oferta_titol{font-size:16px;padding-bottom:10px;color:#444;}
#producte .oferta_desc{font-size:14px;color:#444;}
#producte .desc_{font-family: 'Arapey', serif;font-size:14px; padding-top:25px;padding-bottom:10px;color:#444;}
#producte .bottom_show .titol{font-size:20px; color:#8f8989; padding-bottom:20px;}
#producte .bottom_show .desc{font-family: 'Arapey', serif; font-size:14px;color:#444;}
#producte .responsive-slider .slides ul li .slide-body{max-height:40vh}
#producte .bottom_show{padding:25px 0 40px 25px;}
/*ligtbox fitxa*/
.lv_title_caption.lv_has_title.lv_has_caption{display:none !important;}
.lv_bubble canvas{display:none;}
.lv_window.lv_window_dark .lv_skin canvas:nth-child(5){ visibility:hidden !important}
.lv_window_dark .lv_button_top_close{left:initial; right:20px;}
.lv_shadow, .lv_bubble, .lv_skin{}
.lv_shadow{display:none !important;}
.lv_content{top:20px !important; overflow:visible !important;}
.lv_content_wrapper{overflow:visible !important;}
.lv_skin{}
/*categories*/
#productos .filtro-marques label{margin-left:10px;}

/*---------- SERVICIOS ---------*/
#servicios .info{padding:80px 40px 60px; margin:0 auto;}
#servicios .desc_1{text-align:left;}
#servicios .img-servicios{margin:78px 0;}


/*---------- SHOWROOM ---------*/ 
#showroom.gris{background:#ededed;}
#showroom .info{text-align:center;padding:60px 40px 20px; max-width:1000px; margin:0 auto;}
#showroom .info .titol_2{font-size:24px;margin-top:10px;}
#showroom .info .titol_3{font-family: 'Arapey', serif; font-size:18px; color:#8f8989;padding-bottom:25px;}
#showroom .info .desc_1{text-align:center;}
#showroom .responsive-slider .slider-control{top:50%}
#showroom  .responsive-slider .slides ul li .slide-body{max-height:none;}
#showroom .pulsa-y-veras{color:#AED6BC; font-size:18px;}
/*taggd*/
.taggd-wrapper .taggd-item, .taggd-wrapper .taggd-item.active{background-color:#b9d5bc; }
.taggd-wrapper .taggd-item-hover{background:rgba(256,256,256,0.9); color:#444; border-radius:0; padding:15px; width:400px; display:none; }
.taggd-wrapper .taggd-item-hover.show{z-index:9999; display:inherit;}
.taggd-wrapper .taggd-item-hover .titol{font-size:14px; text-transform:uppercase; color:#444;font-weight:bold;}
.taggd-wrapper .taggd-item-hover .desc{font-size:14px; font-family: 'Arapey', serif;padding-bottom:10px; color:#444; white-space:normal;}
.taggd-wrapper .taggd-item-hover a{float:right; border:1px solid #444; padding:3px 13px; font-size:12px;}
.taggd-wrapper .taggd-item-hover a:hover{background:#444; color:#fff; text-decoration:none;}
.taggd-wrapper .taggd-item:hover{background-color:#444;}
/*lightview*/
.body-show .img-show-product{padding:20px 20px 20px 0; width:100%; height:auto;}
/*.body-show .lv_overlay{background:transparent !important;}*/
.body-show .lv_skin{background:rgba(256,256,256,0.8);}
.body-show .lv_shadow, .body-show .lv_bubble{background:transparent;}
.body-show .lv_side{display:none !important}
/*.body-show .lv_window{top:285px !important;}*/
/*slider*/
#showroom .slider .desc_1{white-space:normal;}
#showroom .responsive-slider .slides{ }

/*----------- PROYECTOS-------*/
#proyectos .info{text-align:center;padding:75px 40px; max-width:1000px; margin:0 auto;}
#proyectos .info .desc_1{text-align:center; }
#proyectos.projectes{ padding:80px 0px 40px;}
#proyectos .projecte{ height:40vh; background-size:auto 120%; background-repeat:no-repeat; background-position:center center; padding:0; margin-top:15px; margin-bottom:15px; }
#proyectos .projecte .bottom{font-size:14px; font-family: 'Arapey', serif; position:absolute; bottom:5px; left:50%; margin-left:-50px;}
#proyectos .projecte .bottom a{padding:6px 15px;; background:#ededed; border:1px solid #ededed; transition:background 0.5s ease-in-out;}
#proyectos .projecte .bottom a:hover{background:#fff;text-decoration:none;}
#proyectos .img-polaroid{height:12vw; max-height:185px;}


/*proyecto*/
#proyecto{background:#fff; color:#444; padding: 20px 20px; max-width:1100px; width:80vw;}
#proyecto .proj{padding-bottom:30px;}
#proyecto .titol_1{ font-size:26px;color:#444;}
#proyecto .titol_2{font-weight:normal; font-size:22px;margin-bottom:20px;color:#444;opacity:0.6;}
#proyecto .desc_1{ text-align:justify;color:#444;font-family: 'Arapey', serif; font-size:16px; padding-top:10px; padding-left:20px;}
#proyecto .info-proyecto{padding-top:40px;}
#proyecto .info-proyecto .col-sm-9{padding-left:40px;}
#proyecto .responsive-slider .slides ul li .slide-body{max-height:50vh}
.slide-una-imatge{max-height:50vh; overflow:hidden;}
.slide-una-imatge img{height:auto !important; width:100% !important;}
#proyecto .img-proyecte{padding:12px;}
#proyecto .img-proyecte div{background-size:auto 100%; height:5vw; background-position:center center; cursor:pointer; background-repeat:no-repeat;}
#proyecto .logo{width:30%; max-width:150px; position:absolute; right:0px; top:5px;}
#proyecto .logo img{width:100%; height:auto;}
	
/*lightview*/
.lv_bubble{ height:auto !important;}
.lv_window{overflow-y:scroll;}

/*------- CONTACTE ---------*/
#contacte{margin:45px auto;}
#map_canvas{height:390px;margin-left:40px; margin-top:52px;}
#contacte form{max-width:700px; margin:0 auto;}
#contacte form input, #contacte form textarea{width:100%; border:1px solid #444; border-radius:0px;padding:5px;}
#contacte form textarea{ height:80px}
#contacte form label{width:100%;font-size:14px; margin-top:12px;font-family: 'Arapey', serif;font-weight:normal; }
#contacte .titol_1{ }
#contacte #miss_form_contacte{font-size:12px;margin-top: 8px;}
#contacte form .boto{background:#3f3f3f; color:#fff; border:1px solid #3f3f3f;padding:6px 40px; border-radius:0;margin-top:20px; float:right; }
#contacte form .boto:hover{background:#fff;color:#3f3f3f}
#contacte .info_contact{background:#ededed; padding:50px 0;}
#contacte .info_contact .dreta{text-align:left;}
#contacte .info_contact .esq{text-align:right;}
#contacte .info_contact .titol_{font-size:18px;}
#contacte .info_contact .desc_{font-size:14px; font-family: 'Arapey', serif;}
#contacte .info_contact .col-sm-6{padding:0 40px;}
#contacte .retxeta{margin:10px 0 20px 5px;}

/*------------- FOOTER --------*/
footer {padding:30px 60px 0px !important; }
footer a{color:#444}
footer .top{margin-bottom:70px}
footer .top2{margin-bottom:15px}
footer .top img.aquaquae{ width:60%;margin-right:10%;}
footer .top img.rco{ width:29%;}
footer .col-1{}footer .col-2{text-align:center;font-size:16px;}footer .col-3{text-align:right;}
footer .xarxes{margin-top:32px;font-size:12px;}
footer .xarxes .ico{padding:15px 17px;}
footer .xarxes .ico.twitter{background:transparent url("../images/icons/ico-twitter.png") no-repeat scroll center center / 20px auto}
footer .xarxes .ico.facebook{background:transparent url("../images/icons/ico-face.png") no-repeat scroll center center / 11px auto}
footer .newsletter{text-align:center;margin-top:5px;}
footer .newsletter input{width:300px;color: #444;background: transparent none repeat scroll 0% 0%;border: 1px solid #444;line-height: normal;height: 27px;margin-top: 3px; padding:1%;}
footer .newsletter button{width: 110px;color: #fff;background: #89898B none repeat scroll 0% 0%;border: 1px solid #89898B;text-align: center;border-radius: 0px;margin-left: -4px;padding: 5px 0px;height: 27px;line-height: normal;margin-top: 3px;}

#mce-responses{font-size:13px;font-family: 'Arapey', serif; line-height:15px; text-align:left;padding: 15px 15% 15px;}




#ofertes_feina .info{padding:80px 40px 60px; margin:0 auto; }
#ofertes_feina .desc_1{ max-width: 100%;font-size: 16px;}
#ofertes_feina .titol_1 {
    font-size: 30px;
    line-height: 30px;
}

#ofertes_feina .left{
     padding-right: 2rem;
}

#ofertes_feina .titol { 
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: 'Arapey', serif;
}

#ofertes_feina .titol span {  
    font-size: 16px;
    color: #b9d5bc;
    font-weight: 700;
    line-height: 1.6;
    vertical-align: bottom;
}

#ofertes_feina .desc {       
       font-family: 'Arapey', serif;
       font-size: 16px;
}




/*--tablet--*/
@media (max-width: 1225px){
	.navbar-default, header .langs{width:100%;}
	header .menu, header .langs{text-align:center;}
	header .langs{margin-top:15px; margin-bottom:15px;}
	footer {padding:30px 1% 0px !important; }
	footer .newsletter button{width:30%}
	footer .newsletter input{width:70%}
	#home .producte{ height:20vw;} 
	#home .producte .info-producte{height:21vw; width:calc(100% - 24px); margin:0 12px 15px;}
	#home .marco{margin:7px;padding:8px;}
	#productos .polaroid_padd, #proyectos .polaroid_padd{ min-height:235px}
	#proyectos .img-polaroid{height:14vw;}
}
@media (max-width: 992px){
	
	
	.slider .slide-body{height:auto; overflow:hidden;}
	.slider .slide-body img{height:auto; width:100%;}
	.responsive-slider .slides ul li .slide-body img{ max-width:none;}
	.responsive-slider .slides ul li .slide-body .caption.header{top:48%}
	
	.showroom-menu, #showroom {display:none !important;}
	.info-prod.bottom{display:none;}
	
	/*home*/
	#home .fila_1 .filaA{text-align:center;}
	#home .fila_1 .filaB{padding-bottom:0;}
	#home .producte{}
	#home .fila_1 .filaB{padding-bottom:60px;}
	/*productes*/
	#productos .producte{width:calc(50% - 30px);}
	#proyectos .projecte{width:calc(50% - 30px);}
	footer {padding:30px 15% 0px !important; }
	footer .newsletter{margin-top:50px;}
	/*empleados*/
	.img-empleado{background-size:75% auto;}
	
	/*canvis*/
	.img-polaroid{ height:14vw;}
	#productos .polaroid_padd, #proyectos .polaroid_padd{ min-height:212px}
}
/*--movil--*/
@media (max-width: 767px){
	
	.img-florero{height:38vh;overflow:hidden}
	.img-florero img{width:auto; height:100%;}
	.titol_1{width:auto}
	.desc_1{padding-left:0; padding-right:0;}
	/*-- HEADER --*/
	.img_top img{height:350px; overflow:hidden; width:auto;}
	.navbar-default{position:fixed;top:30px;z-index: 99;}
	header .menu .item{padding:8px 25%;display:inline-block; width:100%}
	header .menu .item.lang{width:24%}
	header .logo { width: 70%; max-width: none; margin:0; padding:40px; padding-bottom:10px;}
	header .menu{}
	.navbar-default .navbar-collapse{width:calc(100% - 15px); border:1px solid #89898B;}
	.slider .caption.header{display:none;}
	.slider .slide-body{height:auto; overflow:hidden;}
	.slider .slide-body img{height:auto; width:100%;}
	.responsive-slider .slides ul li .slide-body img{ max-width:none;}
	.navbar-default .navbar-collapse{padding-top:20px; padding-bottom:20px; border-radius:5px;}
	.img-top{height:275px; width:100%; overflow:hidden}
	.img-top img{height:100%; width:auto;}
	/*home*/
	#home .fila_1 .filaA{padding-bottom:0;}
	#home .producte{height:67vw;}
	#home .producte .info-producte{height:27vh;}
	#home .producte .info-producte .middle{padding:0 10%;}
	#home.productes{padding:2%;}
	#modalNewsletter button.close{display:none;}
	#modalNewsletter .modal-body, #modalNewsletter .modal-header, #modalNewsletter .modal-footer{padding-left:15px; padding-right:15px;}
	#modalNewsletter{left:2%; width:90%;}
	#modalNewsletter .modal-header{padding-top:30px; padding-bottom:0;}#modalNewsletter .modal-footer{padding-bottom:30px;}
	#modalNewsletter .modal-title, #modalNewsletter input, #modalNewsletter button{font-size:13px;}
	
	#producte{width:90vw;}#producte .info, #producte .oferta{display:none;}
	#productos .producte{width:calc(100% - 30px);}
	#proyectos .projecte{width:calc(100% - 30px);}
	
	#proyecto{padding:0; width:95vw;}
	.lv_window_dark .lv_button_top_close{right: -7px;top: 3px;}
	#proyecto .responsive-slider .slides ul li .slide-body img{}
	#proyecto .responsive-slider .slides ul li .slide-body{max-height:none; height:auto;}
	#proyecto .titol_1{font-size:18px;}#proyecto .titol_2{font-size:16px; line-height:18px;}
	#proyecto .desc_1 {padding: 15px; font-size: 16px; line-height: 30px;}
	#proyecto .img-proyecte div{height:15vw;}
	
	#producte .responsive-slider .slides ul li .slide-body img{width:auto; height:100% !important;}
	#producte .responsive-slider .slides ul li .slide-body{max-height:none; height:25vh;} 
	#producte .titol_1{font-size:18px;}#proyecto .titol_2{font-size:16px; line-height:18px;}
	#producte .desc_1 {padding-top: 20px; font-size: 16px; line-height: 30px;}
	#producte .info{margin:5px 0;}
	#producte .oferta{margin: 4px 0px 15px 0;}
	#productos .filtro-marques label{margin-left:0px; font-size:11px;}
	#productos.productes.sub-cat{padding: 55px 15px 100px;}
	.lv_content{ overflow:scroll !important; height:95vh !important;}
	.lv_content_wrapper{overflow:scroll !important; height:95vh !important;}
	#productos .producte .img{background-size: 120% auto; height:50vw; max-height:none;}
	#productos.productes{background:#ededed; padding:80px 3% 80px;}
	
	#contacte form .boto{float:left;}
	
	.lv_side {display:none !important}
	.lv_bubble, .lv_content, .lv_content_wrapper {width:100% !important;left:0 !important;}
	
	/*empleados*/
	.img-empleado{ height:60vw;}
	
	
	/*footer*/
	footer{padding:60px 14px 10px !important}
	footer .col-1{text-align:center;margin-bottom:40px;}
	footer input{margin-top:20px;}
	footer .col-3 {text-align: center;  margin-top: 75px;}
	footer .top img.aquaquae{width:53%;}
	footer .xarxes{font-size:9px;}
	footer {padding:30px 2% 0px !important; }
	
	
	/*canvis*/
	.dreta-scroll{ height:auto; min-height:none; overflow:auto;}
	.dreta-scroll button{display:none;}
	.bottom .aquaquae{padding:0 5px 0 5px}
	.img-polaroid{ height:65vw;}
	.esquerra-scroll{margin-bottom:60px;}	
	#productos .llista-categories{display:none;}
	#productos .info-producte{height:auto;}
	#productos .info-producte .middle, #productos .info-producte .top{ position:relative; top:inherit;left:inherit;}
	#productos .info-producte .flecha-top{display:none;}
	#productos .info-producte .flecha-bottom{display:none;}
	#productos .polaroid_padd{ min-height:none;}
	.productes.sub-cat .img-polaroid, #proyectos .img-polaroid{height:60vw; max-height:none;}
	.filtro-marques button{width:100%; margin-top:20px;}
	.img-polaroid{max-height:none;}
	
}

@media (max-width: 500px){
	.productes.sub-cat .img-polaroid{height:55vw;}
}

@media  (max-width: 767px){
    #ofertes_feina .rigth{display:none; }
        #ofertes_feina .left{ padding-right: 0rem;}
}



.custom{margin-top:15px;}
.custom a {color:#aed6bc;}
.custom [type="checkbox"]:not(:checked),.custom  [type="checkbox"]:checked {position: absolute; left: -9999px;}
.custom [type="checkbox"]:not(:checked) + label,.custom  [type="checkbox"]:checked + label { position: relative; cursor: pointer;    margin-left: 30px; }

.custom  [type=checkbox]+label, .custom [type=radio]+label{margin-left: 0;}
/* checkbox aspect */
.custom [type="checkbox"]:not(:checked) + label:before,.custom [type="checkbox"]:checked + label:before {  content: '';  position: absolute;  left: -30px; top: 0;     width: 22px;  height: 22px;  border:2px solid #89898b;  background: #fff;  }

/* checked mark aspect */
.custom [type="checkbox"]:not(:checked) + label:after,
.custom [type="checkbox"]:checked + label:after {content: '✔'; position: absolute;top: 5px; left: -27px; line-height: 0.8;  color: #89898b; transition: all .2s;    font-size: 18px;}

/* checked mark aspect changes */
.custom [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.custom [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}

/* disabled checkbox */
.custom [type="checkbox"]:disabled:not(:checked) + label:before,.custom [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd;}
.custom [type="checkbox"]:disabled:checked + label:after {color: #999;}
.custom [type="checkbox"]:disabled + label { color: #aaa;}

/* accessibility */
.custom [type="checkbox"]:checked:focus + label:before,.custom [type="checkbox"]:not(:checked):focus + label:before { border:2px solid #89898b;}

/* hover style just for information */
.custom label:hover:before { border:2px solid #89898b important;}