@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';


/*general*/
body{ font-family: 'Montserrat', sans-serif; color:#303030; font-weight: 400; margin-top:84.35px;}
#loadingEspera{position: fixed; left: 0; top:0; width:100%; height: 100%; background-color:rgba(256, 256, 256, 1); background-image: url('../images/icons/carga.gif'); z-index: 99999; background-position: center center; background-repeat: no-repeat;}
#loadingEslora{display:none;position:absolute; left:0; top:0; width:100%; height: 100%; background-color:rgba(256, 256, 256, 1); background-image: url('../images/icons/carga.gif'); z-index: 99999; background-position: center center; background-repeat: no-repeat;}

body a{transition:all 0.6s ease-in-out; color:#303030;}
body a:hover, body a:focus, body a:active{text-decoration: none; color:#009cca;outline: none;}

/*bootstrap*/
img{width:100%;}
.container-fluid{padding:0;width:100%}
.container-marges{padding:0 2%; max-width:calc(1180px + 4%);} 
.row{margin:0;}
.col-sm-12{padding:0;}
.vcenter {    display: inline-block;    vertical-align: middle;    float: none; margin-left:-1.5px; margin-right:-1.5px;}
.navbar-toggle{display: none;}
header .lang a:hover{text-decoration: none;}
.modal-header .close{color:#2E3192; opacity:1; margin-top:-15px;}

/*****carousel*****/
.owl-theme .owl-controls{position:absolute; top: 50%; right:20px;}
#property-view .owl-theme .owl-controls{}
#slider .sliderItem{ background-repeat: no-repeat;background-size: cover;background-position:center; height: calc(100vh - 121px); min-height: 400px;}
#slider h1{position:absolute; bottom: 14%; right: 12%; color:#fff; font-size: 60px; width: 130px; text-shadow: 0 0 6px #000; font-weight: 700;text-align: left;line-height: 65px;}
#slider .owl-dots{width:20px;}
#slider .owl-nav{display:none;}
.owl-theme .owl-dots .owl-dot span{background: transparent;border: 1px solid #fff;}
.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span{background: #fff;}
.img_home{margin-top:100px;}

/*iconos*/
.icons{background-position: left center; background-repeat: no-repeat; background-size: 18px; font-size:12px; padding-left: 27px;}
.ico_lang{padding:6px 14px; background-size: 55px auto; background-repeat: no-repeat; background-position: 0.5px 1.5px;background-image:url('../images/icons/idiomes.png');}
.ico_lang.en{}
.ico_lang.de{background-position: -28px 1.5px;}
/*servicios*/
.ico{background-repeat: no-repeat; display: inline-block; background-position: center center; padding:30px; transition:opacity 0.8s ease-in-out;}
.ico-servicio{ padding:35px;  background-image: url('../images/icons/icons-servicios.png')}
.ico-servicio.ico-servicio-negre{background-image: url('../images/icons/icons-servicios-negro.png');margin: 0 1.5%; transition:all 0.8s ease-in-out;}
.ico-servicio.ico-servicio-negre:hover{opacity:0.6;}
.ico-servicio-1{background-position: 0px 0;}
.ico-servicio-2{background-position: -67px 0;}
.ico-servicio-3{background-position: -132px 0;}
.ico-servicio-4{background-position: -196px 0;}
.ico-servicio-5{background-position: -265px 0;}
.ico-llama{ padding:23px;  background-image: url('../images/icons/ico-llama.png'); width:100%; background-position: center right;}
.ico-llama-negre{background-image: url('../images/icons/ico-llama-negre.png'); padding:27px; }
.ico-pany{padding:23px 18px; background-image: url('../images/icons/ico-pany.png'); }
.ico-check{padding:16px;  background-image: url('../images/icons/ico-check.png'); }
.ico-oferta{padding:22px;  background-image: url('../images/icons/ico-oferta.png'); }
.ico-download{background-image: url('../images/icons/ico-download.png'); }
.ico-carrito{background-image: url('../images/icons/ico-carrito.png'); }
.ico-mail{background-image: url('../images/icons/ico-mail.png'); padding:27px; }
.ico-mail-hover{background-image: url('../images/icons/ico-mail-hover.png');padding:27px;  }
.ico-llama-hover{background-image: url('../images/icons/ico-llama-hover.png'); padding:27px;  }
.ico-download-hover{background-image: url('../images/icons/ico-download-hover.png'); }
.ico-carrito-hover{background-image: url('../images/icons/ico-carrito-hover.png'); }
.ico-persones{background-image: url('../images/icons/ico-persones.png');padding:30px 21px;}
.ico-litros{background-image: url('../images/icons/ico-litros.png');padding:30px 18px;}
.ico-dutxa{background-image: url('../images/icons/ico-dutxa.png');padding:30px 18px;}
.ico-bluetooth{background-image: url('../images/icons/ico-bluetooth.png'); padding:30px 35px;}
.ico-solarium{background-image: url('../images/icons/ico-solarium.png'); padding: 30px 20px; }
.ico-bimini{background-image: url('../images/icons/ico-bimini.png');padding:30px 18px;}
.ico-map{background-image: url('../images/icons/ico-map.png');}
.ico-map-hover-azul{background-image: url('../images/icons/ico-map-hover-azul.png');}
.ico-llama-hover-azul{background-image: url('../images/icons/ico-llama-hover-azul.png');}
.ico-mail-hover-azul{background-image: url('../images/icons/ico-mail-hover-azul.png');}
.ico-globus{background-image: url('../images/icons/ico-globus.png'); padding:27px 33px;}
.ico-llegar{background-image: url('../images/icons/ico-llegar.png'); padding:27px; }
.ico-llegar-hover-azul{background-image: url('../images/icons/ico-llegar.png'); padding:27px; }
.ico-hover{opacity:0;position: absolute;left: 5px;}
.ico.ico-lang{padding: 17px;margin-bottom: -10px;}
.ico-es{background-image: url('../images/icons/es.png');}
.ico-en{background-image: url('../images/icons/en.png');}
/*xarxes*/
.ico.ico-xarxes{background-repeat: no-repeat; padding:20px; display: inline-block;  background-image: url('../images/icons/icons-xarxes.png');}
.ico-xarxes.ico-facebook{background-position: 0 0;}
.ico-xarxes.ico-instagram{background-position: -40px 0;}
.ico-xarxes.ico-facebook-hover{background-position: -80px 0; left:0;} 
.ico-xarxes.ico-instagram-hover{background-position: -120px 0; left:45px;}



/*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; }

/*botons*/
.boto {padding: 6px 0px;border: none; color:#303030; font-size:18px;  text-decoration:none;  transition: all 0.8s ease-in-out;  background:none; cursor: pointer;  text-align: center; font-weight: 700; }
.boto:focus,.boto:hover, .boto:active{text-decoration:none;color:#009cca;}
.g-recaptcha{width:304px; float:right; margin-bottom: 15px;}

/*general*/
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea{width:100%; border:none; margin-bottom:15px;color:#303030; padding:5px 10px; font-size: 16px; background:none;}
textarea{margin-top:10px; height: 160px;}
::-webkit-input-placeholder{color: #303030; opacity: 0.8;}:-moz-placeholder {color: #303030; opacity: 0.8;}::-moz-placeholder {color: #303030; opacity: 0.8;}:-ms-input-placeholder {color: #303030; opacity: 1; font-weight: 700;}

.contingut{padding-top: 50px; padding-bottom: 50px;}
p{color:#303030; font-size: 17px;}
p.semi-bold{font-weight: 700;}
p.vermell{color:#f73c48; font-weight:700;}

.img-top{background-size:cover; background-repeat: no-repeat; background-position: center center; height:25vw; max-height:350px; }
.img-top > div{position: relative; height:100%;}
.img-top h1{position:absolute; bottom:65px; left:calc(2% + 20px); color:#fff; font-size:72px; text-transform: uppercase; font-weight: 700;}

.dreta{text-align: right;}
#mapa{height: 35vw; margin-bottom: 40px; max-height: 490px;}
/*header*/
header {color:#303030; font-size:17px;position: fixed;top: 0;left: 0;width: 100%;z-index: 9;background: #fff;}
#header{max-width: 992px; margin-left: auto; margin-right: auto; padding-top:15px; }
header .navbar-default .navbar-collapse{background:transparent; border:none; padding: 0; margin-top:11px; box-shadow: none;}
header .col-logo img{ }
header .header_logo{width:280px;margin-right: 50px;float:left;margin-top: 5px;}
header .header_menu{width:calc(100% - 330px);float:left;}
header .navbar-collapse.collapse {/*display: block;*/}
/*menu*/
header .menu{ text-align: right; padding-top:5px;}
header .menu a{margin-right:40px; padding:0 7px 25px 7px;color:#303030;text-decoration: none;}
header .menu span:last-child > a{margin-right: 0;}
header .item-menu a{transition: all 0s ease-in-out; text-transform: uppercase; font-size:15px; cursor:pointer; display: inline-block;} 
header .item-menu:last-child > a{margin-right:0;}
header .item-menu a.active, header .item-menu:hover > a, header .item-menu a.active, header .item-menu a:hover{color:#009cca; border-bottom: 5px solid #009cca}
header .navbar-default{background:none; box-shadow: none; border:none; margin-bottom: 0;}
header.header_home{ /*position: absolute; top:0; left:0; width:100%; z-index: 2;*/}
header.header_home .item-menu a{border-bottom: 5px solid transparent;}
header.header_home .item-menu a:hover, header.header_home .item-menu a:focus{border-bottom: 5px solid #009cca;}
/*lang*/
header .item-menu.lang a{padding: 7px 5px; margin:0;padding: 8px 2px; filter: grayscale(90%); -webkit-filter: grayscale(90%);
 opacity: 0.7; }
header .item-menu.lang a.active{ filter: grayscale(0%); opacity: 1; border-bottom:none !important; -webkit-filter: grayscale(0%);}
header .item-menu.lang a:hover{ filter: grayscale(0%); opacity: 1; border-bottom:none !important; -webkit-filter: grayscale(0%);}


/*----  HOME    -----*/
#home{margin-top:-84.35px;}
#home #movie{ background-color: #f9fafa;height: 55vw;max-height: 1060px;overflow: hidden;}
#home #movie video{height: 58vw; max-height: 1080px; min-height: 200px;margin-bottom: -10px;margin-top: -15px;}
#home .banners a > div{height: 23vw; max-height: 460px; background-position: center center; background-size: cover; background-repeat: no-repeat; text-align: center; padding:2% 2% 2%; }
#home .banners .interior_banner{position:absolute; top:50%; left:0; width:100%; margin-top:-33px;}
#home .banners h2{color:#fff; font-size: 34px; text-transform: uppercase; margin-bottom:0;margin-top:0;}
#home .banners small{color:#fff; font-size: 20px;}
#home .banners a:nth-child(1) > div{background-image:url('../images/home_banner_1.jpg');}
#home .banners a:nth-child(2) > div{background-image:url('../images/home_banner_2.jpeg');}
#home .banners a:nth-child(3) > div{background-image:url('../images/home_banner_3.jpeg');}
#home .banners a:nth-child(4) > div{background-image:url('../images/home_banner_4.jpg');}
/*productes*/
#home .productes{padding:80px 0;}
#home .productes > div:last-child{margin-top:40px;}
#home .producte{background:#c63737; height: 23vw; max-height: 300px;}
/*serveis*/
#home .serveis-home{text-align: center;}
/*slider*/
#home .owl-carousel .owl-item{height: 30vw; max-height: 760px;}
#home #slider h1{color:#fff; position: absolute; left: 0; bottom: 45%; width: 100%; text-align: center; font-size: 46px; text-transform: uppercase; text-shadow:none;}
#home #slider h3{color:#fff;position: absolute; left: 0; bottom: 40%; width: 100%; text-align: center; font-size: 27px;}
/*slider top*/
#home #slider_top.owl-carousel .owl-item{height: 39vw; max-height: none;}
/*blog*/
#home .blogs{padding:80px 0; margin:0 -40px;}
#home .blogs > div{padding:0 40px;}
#home .blogs .img-blog{height: 20vw; max-height: 175px; background-size: cover; background-position: center center;}
#home .blogs h1{font-size: 24px; color:#303030; }
#home .blogs p{font-size: 17px; color:#303030;}
#home .blogs a{font-size: 17px; color: #3d3d3f; text-transform: uppercase;}
#home .blogs a:hover, #home .blogs a:focus{font-weight: 700;}


/*nosotros*/
#nosotros .img-top{background-image: url('../images/nosotros.jpg');}
#nosotros .img-top h1{left:calc(2% + 20px);}
#nosotros p{color:#403f41;}
#nosotros p.semi-bold{color:#333333;}
#nosotros .contingut > div:first-child > div{padding-left:10px; padding-right:10px;}
#nosotros .img-persona{height:30vw; max-height: 380px; background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative;}
#nosotros .img-persona > div{width:100%; height: 100%;  background:rgba(87, 155, 199, 0.7); opacity:0; transition: all 0.8s ease-in-out; cursor: pointer;}
#nosotros .img-persona > div > p{color:#fff; font-size:17px; font-weight: 400; position:absolute; bottom: 0px; left: 0; width:100%; padding:20px; margin:0; line-height: 21px;}
#nosotros .img-persona:hover > div, #nosotros .img-persona:active > div, #nosotros .img-persona:focus > div, #nosotros .img-persona.active > div{opacity:1;}

#nosotros .personas{margin-top:70px;}
#nosotros .personas > div{padding-left:10px; padding-right:10px; margin-bottom: 35px;}
#nosotros .personas p{margin-bottom: 0;}

/*---   SERVICIOS  ---*/
#servicios .servicios{margin-top: 80px;}
.menu-servicios{background: #898989; padding-top: 30px; padding-bottom: 30px; text-align: justify;position: fixed;top: 84.35px;left: 0;z-index: 2;width: 100%;}
.menu-servicios a{color:#FFF; font-size: 17px; text-transform: uppercase; padding-right: 16px; padding-left: 16px;}
.menu-servicios a:hover, .menu-servicios a.active{color:#333333;}
.menu-servicios .menu-row{text-align: center;}

#servicios .servicios > div{height: 380px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
#servicios .servicios .cont-servei{width:480px; text-align: center; background:rgba(83,83,83,0.8); height: 100%; padding:55px 20px 20px;}
#servicios .servicio-2 a, #servicios .servicio-4 a{float:right;}
#servicios .servicios .cont-servei h3{color:#fff; font-size: 40px; text-transform: uppercase; font-weight: 700;}
#servicios .servicios .cont-servei, #servicios .servicios .cont-servei-hover{transition: opacity 0.8s ease-in-out;}
#servicios .servicios > div > a{display:inline-block; height: 100%;}
#servicios .servicios > div > a:hover > .cont-servei, #servicios .servicios > div > a:active > .cont-servei, #servicios .servicios > div > a:focus > .cont-servei{opacity:0}
#servicios .servicios > div > a:hover > .cont-servei-hover, #servicios .servicios > div > a:active > .cont-servei-hover, #servicios .servicios > div > a:focus > .cont-servei-hover{opacity:1}

#servicios .servicio-1 .cont-servei-hover{background:url('../images/hover-servicio-1.png'); background-size: 100% 100%; position: absolute; left: 0; top:0; opacity:0;}
#servicios .servicio-2 .cont-servei-hover{background:url('../images/hover-servicio-2.png'); background-size: 100% 100%;position: absolute; right: 0; top:0; opacity:0;}
#servicios .servicio-3 .cont-servei-hover{background:url('../images/hover-servicio-3.png'); background-size: 100% 100%;position: absolute; left: 0; top:0; opacity:0;}
#servicios .servicio-4 .cont-servei-hover{background:url('../images/hover-servicio-4.png'); background-size: 100% 100%;position: absolute; right: 0; top:0; opacity:0;}
#servicios .servicio-5 .cont-servei-hover{background:url('../images/hover-servicio-5.png'); background-size: 100% 100%;position: absolute; left: 0; top:0; opacity:0;}

#servicios .servicio-1{background-image: url('../images/servicio-1.jpg');}
#servicios .servicio-2{background-image: url('../images/servicio-2.jpg');}
#servicios .servicio-3{background-image: url('../images/servicio-3.jpg');}
#servicios .servicio-4{background-image: url('../images/servicio-4.jpg');}
#servicios .servicio-5{background-image: url('../images/servicio-5.jpg');}

.servicios-fichas{ }
.servicios-fichas .img-top{position: relative;}
.servicios-fichas .top-servei{position: absolute !important; bottom: 0; left: 0; background-size: 100% 100%;height: auto !important; width:100%; padding:15px 45px; text-transform: uppercase;}
.servicios-fichas .top-servei > div{width:100%; max-width: 780px;}
.servicios-fichas .top-servei .ico-servicio{float:left;margin-top:3px; margin-right: 20px;}
.servicios-fichas h1{font-weight: 700; text-transform: uppercase; font-size: 45px; padding-bottom: 10px; margin-bottom: 15px;margin-top:0; padding-top:0;line-height: 50px;}
.servicios-fichas h2{font-size: 45px; color:#f73c48; text-transform:uppercase; font-weight: 700; padding:0 5px 30px 5px; margin-top:0; }
.servicios-fichas .top-servei h3{color:#fff; font-size: 45px; font-weight: 700; margin-top:20px; margin-bottom: 20px; line-height: 39px;}
.servicios-fichas .info-basica > div:first-child{padding-right: 20px; padding-left: 0;}
.servicios-fichas .info-basica > div:last-child{padding-left: 20px; padding-right: 0;}
.menu-servicios .ico-servicio{display:none; transition: all 0.8s ease-in-out;}
.menu-servicios .ico-servicio:hover, .menu-servicios a.active > .ico-servicio{opacity:0.5;}

/*producte*/
.servicios-fichas .productes{margin-bottom: 50px;}
.servicios-fichas .producte{padding:5px;}
.servicios-fichas .producte > div{height:20vw; max-height: 265px; cursor:pointer; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.servicios-fichas .producte > div > div{position:relative; opacity:0; background:rgba(110, 190, 174, 0.51);  width:100%; height: 100%; transition: all 0.8s ease-in-out; color:#fff;  font-size: 29px; text-align: center; padding: 2%;  }
.servicios-fichas .producte > div > div > span{line-height: 32px; position: absolute; width: 100%; top: calc(50% - 16px); left:0;}
.servicios-fichas .producte > div:hover > div, .servicios-fichas .producte > div.active > div{opacity:1;}
/*fitxa*/
.servicios-fichas .descripcio{margin-bottom: 40px;}
.servicios-fichas .descripcio h2{font-weight: 700; font-size: 40px; text-transform: none; padding-bottom: 0; color:#303030;}
.servicios-fichas .opcions{margin-bottom: 30px; font-size: 19px; text-transform: uppercase; font-weight: 700; }
.servicios-fichas .opcions a{color:#3d3d3f;}
.servicios-fichas .opcions a:hover, .servicios-fichas .opcions a:active, .servicios-fichas .opcions a:focus{color:#1abfaf;}
.servicios-fichas .ico-carrito, .servicios-fichas .ico-download, .servicios-fichas .ico-download-hover, .servicios-fichas .ico-carrito-hover{margin:0 10px -20px 0; transition: opacity 0.8s ease-in-out;}
.servicios-fichas .opcions a:hover > .ico-hover, .servicios-fichas .opcions a:active > .ico-hover, .servicios-fichas .opcions a:focus > .ico-hover{opacity:1; }
.servicios-fichas .opcions a:hover > .ico-ori, .servicios-fichas .opcions a:active > ico-ori, .servicios-fichas .opcions a:focus > .ico-hover{opacity:0;}
.servicios-fichas .info > .col-sm-12{padding:0 5px;}
.servicios-fichas .info h4{font-weight: 700; font-size: 27px; margin-bottom: 25px; color:#1abfaf;}
.servicios-fichas .info table{ width: 100%;}
.servicios-fichas .info td{width:22%; text-align: left; font-size: 18px;}
.servicios-fichas .info td:first-child{width:56%; text-align: left;font-weight: 700;  }
.servicios-fichas .imatges > div:first-child{padding:0 5px 10px; }
.servicios-fichas .engines_recomendations{ color:#3d3d3f; padding: 15px; margin-bottom: 30px; margin-top:50px;}
.servicios-fichas .motor_recomendados{margin-bottom: 30px;} 
.servicios-fichas .motor_recomendados h5{font-size:18px;margin-top:0; margin-bottom: 0;}
.servicios-fichas .motor_recomendados img{width: 130px;height: auto;margin-right: 80px; margin-top:13px;}
.servicios-fichas .motor_recomendados img:last-child{margin-right: 0;}
.servicios-fichas .ico-llama-negre, .servicios-fichas .ico-mail, .servicios-fichas .ico-llama-hover, .servicios-fichas .ico-mail-hover{margin:0 10px -20px 0; transition: opacity 0.8s ease-in-out;}
.servicios-fichas .hps table tr{ }
.servicios-fichas .hps table tr:last-child{border-bottom: 1px solid #fff;}
.servicios-fichas .hps table td{padding: 0;line-height: 23px;}
.servicios-fichas .hps td{ }
#carouselEmbarcaciones img{padding:0 3px;}
#carouselEmbarcaciones .owl-controls{display: none;}

/*servicio 1*/
#servicio-1 .img-top{background-image: url('../images/servicio-1.jpg');margin-top:84.23px; }
#servicio-1 .top-servei{background-image: url('../images/hover-servicio-1.png');}
#servicio-1 .logos{margin-top:80px; padding-bottom: 100px; border-bottom:1px solid #ececed; margin-bottom: 80px;} 
#servicio-1 .images{margin-top:40px; margin-bottom: 40px;}
#servicio-1 .images > div{padding:5px;}
/*servicio 2*/
#servicio-2 .img-top{background-image: url('../images/servicio-2.jpg');margin-top:84.23px; }
#servicio-2 .top-servei{background-image: url('../images/hover-servicio-2.png');}
#servicio-2 p.semi-bold{font-size:22px;}
#servicio-2 .checks { margin-top:50px; padding: 0 5%; padding-bottom: 100px; border-bottom:1px solid #ececed; margin-bottom: 100px;}
#servicio-2 .checks > div:first-child{margin-bottom: 25px; }
#servicio-2 .checks > div > div{padding-bottom: 10px; text-transform: uppercase; font-size:22px; line-height: 24px; text-align: center;}
#servicio-2 .checks > div > div:first-child{text-align: left;}
#servicio-2 .checks .titols > div{font-size:32px; font-weight: 900; }
#servicio-2 .checks .titols > div:nth-child(2){color:#999999;}
#servicio-2 .checks .titols > div:nth-child(3){color:#f4bc11;}
#servicio-2 .galeria{margin-top:60px; margin-bottom: 70px;}
#servicio-2 .descuentos{text-align: right;}
#servicio-2 .descuentos p{font-size: 20px; font-weight: bold; color: #f4bc11;  padding-bottom: 20px; padding-top: 20px;}
#servicio-2 .descuentos a{font-size:20px; }
 /*servicio 3*/
#servicio-3 .img-top{background-image: url('../images/servicio-3.jpg'); margin-top:84.23px;}
#servicio-3 .top-servei{background-image: url('../images/hover-servicio-3.png');}
#servicio-3 .marques{background:#f9fafa; }
#servicio-3 .marca{cursor:pointer;transition: all 0.8s ease-in-out;}
#servicio-3 .marca:hover, #servicio-3 .marca.active{background:#ececed;}
/*slora*/
#servicio-3 .slora{ margin-bottom: 50px;}
#servicio-3 .slora > div{width:100px;  text-align: center; background:#bcbcbc;transition: all 0.8s ease-in-out; font-size:28px; padding:30px 5px; float: left; margin-right: 10px; margin-bottom: 10px; cursor:pointer;}
#servicio-3 .slora > div:hover, #servicio-3 .slora > div.active{background:#6ebeae;}
 /*servicio 4*/
#servicio-4 .img-top{background-image: url('../images/servicio-4.jpg');margin-top:84.23px; }
#servicio-4 .top-servei{background-image: url('../images/hover-servicio-4.png');}
#servicio-4 .contingut > .row:last-child{margin-bottom: 100px;margin-top:30px; padding-bottom: 30px;  border-bottom:1px solid #ececed;}
#servicio-4 .contingut > .row:last-child img{width:225px; height: auto;margin-right: 20px;}
/*servicio 5*/
#servicio-5 .img-top{background-image: url('../images/servicio-5.jpg');margin-top:84.23px; }
#servicio-5 .top-servei{background-image: url('../images/hover-servicio-5.png');}
#servicio-5 .menu-servei-5{background:#f9fafa;}
#servicio-5 .menu-servei-5 .item{padding:30px; height: 130px; text-transform: uppercase; text-align: center; font-size: 22px; display: flex; width: auto; align-content: center; align-items: center; cursor:pointer; float:left; transition:all 0.8s ease-in-out;}
#servicio-5 .menu-servei-5 .item:hover, #servicio-5 .menu-servei-5 .item.active{background:#ececed;} 
#servicio-5 .producte > div > div   {padding-top:39%; background: rgba(37,50,75,0.51);}
#servicio-5 .info h4{color:#303030;}
#servicio-5 .info {font-weight: 700;}
#servicio-5 .descripcio{margin-bottom: 10px;}
#servicio-5 .col-sm-12{padding-left: 5px; padding-right: 5px;}
#servicio-5 .info .ico{margin-right: 10px;margin-bottom: -22px;}
#servicio-5 .info .iconitos > div{margin-bottom: 15px;}
#servicio-5 .info .iconitos > div > div{padding:0;}
#servicio-5 .consulta{ padding:10px; color:#fff; text-transform: uppercase; font-size: 24px; transition:all 0.8s ease-in-out; font-weight: 700; background: #888888; border:none;}
#servicio-5 .consulta:hover{background:#324b5f;}
#servicio-5 .info p{padding-left: 0; padding-right: 0; font-weight: 400;}
#servicio-5 .info h5{font-size:24px; font-weight: 700;}
#servicio-5 .iconitos, #servicio-5 .extras{margin-bottom: 30px;}
 

/*---   CONTACTO  ---*/
#contacte .cont-esq{border-right: 1px solid #919191; padding-right: 80px}
#contacte .cont-esq img{margin-bottom: 30px;}
#contacte .cont-esq h3{font-size:23px; margin-bottom: 15px; margin-top:40px; text-transform: uppercase; font-weight: 700; cursor:pointer; transition: all 0.8s ease-in-out;}
#contacte .cont-esq h3:hover, #contacte .cont-esq h3:active, #contacte .cont-esq h3:focus, #contacte .cont-esq h3.active{color:rgb(87, 155, 199);}
#contacte .cont-esq span{display:inline-block; width:100%; margin-bottom: 10px; font-size: 20px; font-weight: 400;}
#contacte .cont-esq .ico{background-size: 25px; padding:16px 18px; margin-bottom: -8px; background-position: left center;}
#contacte .cont-esq i{display:inline-block; font-style: normal;}
#contacte .cont-esq i:last-child{width:calc(100% - 37px);}
#contacte .cont-esq a:hover .ico-ori, #contacte .cont-esq a:focus .ico-ori, #contacte .cont-esq a:active .ico-ori {opacity:0; display:none;}
#contacte .cont-esq a:hover .ico-hover, #contacte .cont-esq a:focus .ico-hover, #contacte .cont-esq a:active .ico-hover {opacity:1; display: inline-block;}
#contacte .ico-hover{left:auto;top: auto; position: relative;}
#contacte a:hover, #contacte a:focus, #contacte a:active{color:#579bc7;}
#contacte .cont-esq .ico-map{background-position: left top; padding:28.5px 18px;}

#contacte .cont-dreta{padding-left: 100px;}
#contacte h3{font-size: 17px; font-weight: 700; text-transform: uppercase;}
#contacte p{font-size: 16px; color:#333333;}
#contacte label{text-transform: uppercase; font-weight: bold; font-size: 15px;}
#contacte input{font-size: 15px; border-bottom: 1px solid #919191; *width:100%; }
#contacte textarea{font-size: 15px; border-bottom: 1px solid #919191; width:100%; resize: none;}
#contacte form button{font-weight: 700; text-transform: uppercase; color:#333333;}
#contacte form button:hover{color:#579bc7;}
#contacte .cont-esq > div > div a{position: relative;}
#contacte .cont-esq > div > div a:last-child > span{font-weight: 700;}
#contacte .cont-esq .ico-hover{display:none;}
#contacte .cont-esq .ico-hover.ico-map-hover-azul{padding: 28.5px 18px;background-position: left top;}
#missatgeContacte{margin-top:20px; text-align: center;}
    
/*---   FOOTER  ---*/
footer{}
footer .footer_one{background:#f9fafa; color:#303030; font-size:17px;padding-top:45px; padding-bottom: 100px;}
footer .footer_one a{color:#303030;}
footer .footer_one a:hover, footer .footer_one a:focus, footer .footer_one a:active{color:#009cca; text-decoration: none;}
footer .footer_one .info-adicional a:hover, footer .footer_one .info-adicional a:active, footer .footer_one .info-adicional a:focus{color:#009cca; text-decoration: none;}
footer .footer_one .logo-bottom h4{font-size: 25px; margin-bottom: 20px;}
footer .footer_one h4{ font-weight: 700; text-transform: uppercase;margin-bottom: 0;}
footer .footer_one h4 span{font-weight: 400;}
footer .footer_one span{display: inline-block; width:100%; padding-bottom: 7px; }
footer .footer_one .info-adicional,footer .footer_one .info-adicional a {color:#929292;}
footer .footer_one_row > div{padding:0 0 0 20px;}
footer .footer_one_row .xarxes a.facebooklink{padding-left: 30px; }

footer .xarxes h4{ margin-bottom: 10px;}
footer .xarxes > div:last-child h4{border-bottom: none;padding-bottom: 0;margin-bottom: 0; margin-top: 40px;}
footer .xarxes a .ico-hover, footer .xarxes a .ico-ori{transition:opacity 0.8s ease-in-out;}
footer .xarxes a:hover > .ico-hover, footer .xarxes a:focus > .ico-hover, footer .xarxes a:active > .ico-hover{opacity:1;}
footer .xarxes a:hover > .ico-ori, footer .xarxes a:focus > .ico-ori, footer .xarxes a:active > .ico-ori{opacity:0;}
/*mailchimp*/
footer #mc_embed_signup .mc-field-group input{background:none; border:none; border-bottom: 1px solid #303030; font-size:17px; color:#303030; border-radius: 0; }
footer #mc_embed_signup input{border:none;margin:0; padding: 0;}
footer #mc-embedded-subscribe.boto{ text-align: right; font-size: 14px;}
footer #mc-embedded-subscribe{margin-left:0;}
footer #mc_embed_signup form{padding-left:0; padding-top:0;}
footer #mc_embed_signup .mc-field-group{padding-bottom: 0;}
footer #mc_embed_signup .mc-field-group{width: 100%;}

footer .footer_two{background:#282828; padding-top:75px; padding-bottom: 100px;color:#8c8989;}
footer .footer_two a{color:#8c8989; text-transform: uppercase; }
footer .footer_two a:hover,footer .footer_two a:focus, footer .footer_two a:active {color:#f9fafa}
footer .footer_two .menu_bottom a{padding-right: 65px;}
footer .footer_two .menu_bottom a:last-child{padding-right: 0;}
footer .footer_two .menu_bottom{padding-bottom: 50px; border-bottom:1px solid  #6b6b6b; margin-bottom: 50px;}
footer .footer_two .row > div:last-child{text-align: right;}
footer .footer_two .peu a{text-transform: none;}

/*dades contacte*/
footer #contacte .xarxes .ico-hover{left:35px; position: absolute; }
footer #contacte .ico-xarxes.ico-instagram-hover{left:80px;}
footer #contacte .cont-esq.cont-footer{}
footer #contacte .cont-esq.cont-footer h3{margin-top:10px; font-size: 18px;}
footer #contacte .cont-esq span{font-size: 15px;padding-left: 35px; position: relative;}
footer #contacte .cont-esq{padding-right: 20px;    padding-left: 0;}
footer #contacte .cont-esq .ico{padding:14px; background-size: 21px;position: absolute;left: 6px;top: -4px;}
footer #contacte a{transition: none;}
/*---   COOKIES ---*/
#cookies a{color:#758DBB;}

@media (max-width: 1300px){
    .menu-servicios a{font-size: 15px; padding-right: 10px; padding-left: 10px;} 
    .servicios-fichas{margin-top: 80px;}
    
}
@media (max-width: 1100px){
    #home .banners .interior_banner{margin-top:-27px;}
    .menu-servicios a{font-size: 13px; padding-right: 7px; padding-left: 7px;} 
    header .item-menu a{padding:0 3px 25px 3px; font-size: 14px;}
    #home .banners h2{font-size: 26px;}
    #home .banners small{font-size: 18px;}
    #servicios .servicios .cont-servei h3{font-size: 30px;}
    #servicios .servicios > div{height: 30vw;}
    #servicio-5 .opcions a{font-size: 16px;}
}
@media (max-width: 991px){
    header .menu a{margin: 0;}
    .collapse{display:block;}
    .navbar-toggle{float:left;}  
    .img-top{height: 35vw;}
    p{font-size: 16px;}
    .menu-servicios{padding-top: 20px; padding-bottom: 20px;}
    #home{margin-top:0px;}
    #home .banners a > div{height:30vw;}
    .img_home{margin-top:20px;}

    #home #movie video{display:none;}
    #home #movie{background-image: url('../images/home_background.png'); background-size: 110%; background-position: center center;}
    
    #nosotros .img-persona{height: 40vw;}
    #nosotros .img-persona > div > p{font-size:12px; line-height: 14px;}
    #home .owl-carousel .owl-item{height: 40vw;}
    
    #servicios .servicios .cont-servei{padding: 15px;}
    .servicios-fichas .menu-servicios .ico-servicio{display:inline-block;}
    .servicios-fichas .menu-servicios span{display:none;}
    .servicios-fichas .menu-servicios .ico-servicio{background-size: 220px; padding:22px; margin: 0 4%;}
    .servicios-fichas .menu-servicios .ico-servicio-2{background-position: -44px 0;}
    .servicios-fichas .menu-servicios .ico-servicio-3{background-position: -86px 0;}
    .servicios-fichas .menu-servicios .ico-servicio-4{background-position: -128px 0;}
    .servicios-fichas .menu-servicios .ico-servicio-5{background-position: -173px 0;}
    
    .servicios-fichas .top-servei{padding:15px;}
    .servicios-fichas .top-servei h3{line-height: 30px; font-size: 30px; margin-top:10px; margin-bottom: 10px;}
    .servicios-fichas .top-servei .ico-servicio{margin-top:-2px;}
    #servicio-1 .logos{margin-top:50px; margin-bottom: 50px; padding-bottom: 50px;}
    
    #servicio-5 .trobarnos{margin-bottom: 30px;}
    #servicio-5 .consulta{ font-size: 18px;}
    
    #mapa{height:50vw; }
    #contacte .cont-esq span{font-size: 18px;}
    #form_contacte{margin-top: 30px;}
    #contacte .cont-dreta{padding-left: 10%;}
    
    footer .footer_two .menu_bottom a{padding-right: 45px;}
    footer .footer_two .row > div:last-child{margin-top:30px;}
    
    
}
@media (max-width: 767px){
    header .navbar-default{position: fixed; right: 0%; top:2%; z-index: 999; width:300px;}
    #header{float:left; width: 100%; }
    h1{margin:0;}
    .ico-bimini{padding:20px 18px;}
    .navbar-default .navbar-toggle .icon-bar{background-color:#303030;}
    .navbar-default .navbar-toggle{border-color:#303030; background:#fff;}
    .collapse{display:none}  
    header{ background-size: auto 100%;}
    header .navbar-default .navbar-collapse{position:absolute; z-index: 10; max-height: none; padding-bottom:20px; width: 100%;  right: 15px; top:45px; margin-top:0;}
    header .menu{background:#fff; }
    header .navbar-toggle{display: block;}
    header .menu{ border:1px solid #303030; box-shadow: 0px 4px 4px -1px rgba(117, 93, 11, 0.7);}
    header .item-menu a{width:100%; display: inline-block; padding:15px;margin:0;  text-align: center;}  
    header .menu a.boto{display: inline-block;}
    header .navbar-header{float:right;}
    header .item-menu a{border-bottom: 5px solid #fff}
    header .header_logo{margin-bottom:20px;}
    header .navbar-collapse.collapse {/*display: none;*/}
    
    .img_home{margin-top:20px;}
    #home .blogs{margin:0;}
    #home .owl-carousel .owl-item{height: 50vw;}
    #home #slider h3{font-size:21px;}
    #home #slider h1{font-size: 35px;}
    #home .blogs .img-blog{max-height: none; height: 50vw;}
    #home .blogs > div{margin-bottom: 50px;}
    #home .blogs h1{padding:10px 0;}
    #home .blogs > div{padding: 0 20px;}
    
    #servicios .servicios .cont-servei, #servicios .servicios > div > a{width:100%;}
    #servicios .servicios > div{height: 40vw; background-size: cover;}
    
    .servicios-fichas .info-basica > div:last-child, .servicios-fichas .info-basica > div:first-child{padding:20px;}
    .servicios-fichas .menu-servicios .ico-servicio{margin:0 3%;}
    .servicios-fichas .img-top{height: 40vw; background-size: cover;}
    .servicios-fichas .producte > div{height:40vw;}
    .servicios-fichas .producte > div > div{font-size: 23px; line-height: 25px;}
    .servicios-fichas .opcions a{font-size: 16px;}
   
    #servicio-1 .logos{margin-top: 0; padding-bottom: 0;}
    #servicio-1 .dreta{margin-top:30px;}
    #servicio-1 .images img{margin-bottom:20px;}
    
    #servicio-2 .checks > div > div{padding-bottom: 15px; font-size: 12px; line-height: 15px;}
    #servicio-2 .checks .titols > div{font-size: 16px;}
    #servicio-2 .checks > div > div{padding-bottom: 10px;}
    #servicio-2 .checks > div > div:first-child{padding-top: 8px;}
    #servicio-2 .checks .titols > div{padding:30px 0 0; font-size: 12px;}
    #servicio-2 .checks{margin-top:30px; padding-bottom: 50px; margin-bottom: 70px;}
    .servicios-fichas h1{font-size: 35px; line-height: 43px;}
    #servicio-2 .descuentos{text-align: center; margin-top: 45px;}
    
    #servicio-4 .contingut > .row:last-child img{width:calc(50% - 20px); float:left;}
    
    #servicio-5 .menu-servei-5 .item{padding:20px; height: 100px; font-size: 16px;}
    #servicio-5 .info .iconitos > div{margin-bottom: 0;}
    #servicio-5 .info .iconitos > div > div{padding-bottom: 20px;}
    #servicio-5 .consulta{ margin-bottom:40px;}
    
    .g-recaptcha{float:left;}
    
    #slider .sliderItem{background-size: cover;}
    
    #contacte .cont-esq{border-right:none; padding-right: 0;}
    #contacte .cont-dreta{margin-top:40px; padding-left:3%; padding-right: 3%;}
    #contacte .cont-esq > div{text-align: center;}
    #contacte .cont-esq img{max-width: 250px;}
    #contacte .cont-esq > div > div{padding:0 20px; text-align: left;}
    #mapa{margin-bottom:0; height: 70vw;}
    
    footer .footer_one .info-adicional{margin:40px 0;}   
    footer .xarxes > div:last-child{margin:40px 0;}
    footer .footer_two .menu_bottom{display:none;}
    footer .footer_two{padding:50px 0;}
    footer .footer_two .peu a{display:inline-block; width:90%;}
    footer .footer_one{padding-left:2%; padding-right: 2%;}
    footer #contacte .cont-footer{display:none;}
  
}
@media (max-width: 500px){
    h1{font-size: 26px; line-height:28px;}
    .img-top{height:65vw;}
    .img-top h1{font-size: 40px;}
    
    header .bottom .horari{display: none; }
    header .bottom .visita_castell{width:100%;}
    header .header_logo {width: 255px;}
    .menu-servicios{top:81.51px;}
    .img_home{margin-top:0px;}
    
    #home .banners .interior_banner{margin-top:-16.5px;}
    #home .banners h2{font-size: 12px;}
    #home #movie{ background-size: 140%; background-position: center center;}
    #home .banners small{font-size: 10px;}
    #home #movie{height: 62vw;}
    #home #movie video{width:300%;margin:0 -100%; height: 70vw;}
    #home .owl-carousel .owl-item{height: 90vw;}
    #home #slider h3{font-size:14px;}
    #home #slider h1{font-size: 23px;}
    #home .blogs h1{font-size: 16px;}
    #home .blogs p{font-size: 12px;}
    
    .contingut{padding:30px 2%;}
    
    .g-recaptcha{float:right; width:100%;}
    .g-recaptcha > div{float: right;}
    
    #nosotros .img-persona{height: 80vw;}
    #nosotros .personas > div{width:100%;}
    #nosotros .img-persona > div > p{font-size: 16px; line-height: 19px;}
    
    .servicios-fichas .menu-servicios .ico-servicio{margin:0;}
    #servicios .servicios .cont-servei{padding:8%;}
    #servicios .servicios .cont-servei h3{font-size:22px;}
    #servicios .servicios > div{height: 75vw;}
    
    .servicios-fichas .img-top{height: 70vw; background-size: cover;}
    .servicios-fichas .top-servei h3{line-height: 23px; font-size: 20px; }
    .servicios-fichas .top-servei .ico-servicio{margin-top:3px;}
    .servicios-fichas .opcions a span{display: none;}
    .servicios-fichas .info td{font-size: 15px; padding-bottom: 7px;}
    .servicios-fichas .hps td{width:33%; }
    .servicios-fichas .hps td:last-child{display:none;}
    
    .ico-servicio{background-size: 220px; padding:22px; margin: 0 4%;}
    .ico-servicio-2{background-position: -44px 0;}
    .ico-servicio-3{background-position: -86px 0;}
    .ico-servicio-4{background-position: -128px 0;}
    .ico-servicio-5{background-position: -173px 0;}
    
    #servicio-3 .slora > div{width:65px; font-size: 19px; padding:20px 5px;}
    
    #servicio-5 .menu-servei-5 .item{padding:5px 10px; height: 65px; font-size: 13px;}
    #servicio-5 .consulta{font-size: 16px;}
    
    #contacte .cont-esq > div > div{width:100%;}
     #mapa{margin-bottom:0; height: 90vw;}
}