@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
font-family: 'Europa-Regular';
src: url("fonts/Europa-Regular.eot");
src: local("?"), url("fonts/Europa-Regular.woff") format("woff"), url("fonts/Europa-Regular.ttf") format("truetype"), url("fonts/Europa-Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Basis-Grotesque-Pro';
src: url("fonts/Basis-Grotesque-Pro.eot");
src: local("?"), url("fonts/Basis-Grotesque-Pro.woff") format("woff"), url("fonts/Basis-Grotesque-Pro.ttf") format("truetype"), url("fonts/Basis-Grotesque-Pro.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_RealHeadPro-Medium';
src: url("fonts/RealHeadPro-Medium.eot");
src: local("?"), url("fonts/RealHeadPro-Medium.woff") format("woff"), url("fonts/RealHeadPro-Medium.ttf") format("truetype"), url("fonts/RealHeadPro-Medium.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_RealHeadPro-Extrabold';
src: url("fonts/RealHeadPro-Extrabold.eot");
src: local("?"), url("fonts/RealHeadPro-Extrabold.woff") format("woff"), url("fonts/RealHeadPro-Extrabold.ttf") format("truetype"), url("fonts/RealHeadPro-Extrabold.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ChronicleDisplay-Roman';
src: url("fonts/ChronicleDisplay-Roman.eot");
src: local("?"), url("fonts/ChronicleDisplay-Roman.woff") format("woff"), url("fonts/ChronicleDisplay-Roman.ttf") format("truetype"), url("fonts/ChronicleDisplay-Roman.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BreweryNo2W06-Regular';
src: url("fonts/BreweryNo2W06-Regular.eot");
src: local("?"), url("fonts/BreweryNo2W06-Regular.woff") format("woff"), url("fonts/BreweryNo2W06-Regular.ttf") format("truetype"), url("fonts/BreweryNo2W06-Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}
*/
/* NEW BreweryNo2W06-Regular*/
@font-face {
font-family: 'BreweryNo2W06-Regular';
src: url('fonts/Brewery-No2-W06-Regular.eot');
src: url('fonts/Brewery-No2-W06-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Brewery-No2-W06-Regular.woff2') format('woff2'),
url('fonts/Brewery-No2-W06-Regular.woff') format('woff'),
url('fonts/Brewery-No2-W06-Regular.ttf') format('truetype'),
url('fonts/Brewery-No2-W06-Regular.svg#BreweryNo2W06-Regular') format('svg');
}
/* NEW Cardo Bold*/
@font-face {
font-family: 'Cardo-Bold';
src: url('fonts/Cardo-Bold.eot');
src: url('fonts/Cardo-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Cardo-Bold.woff2') format('woff2'),
url('fonts/Cardo-Bold.woff') format('woff'),
url('fonts/Cardo-Bold.ttf') format('truetype'),
url('fonts/Cardo-Bold.svg#Cardo') format('svg');
}
/* NEW Cardo Regular*/
@font-face {
font-family: 'Cardo-Regular';
src: url('fonts/Cardo-Regular.eot');
src: url('fonts/Cardo-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Cardo-Regular.woff2') format('woff2'),
url('fonts/Cardo-Regular.woff') format('woff'),
url('fonts/Cardo-Regular.ttf') format('truetype'),
url('fonts/Cardo-Regular.svg#Cardo') format('svg');
}
/* NEW Cardo Italic*/
@font-face {
font-family: 'Cardo-Italic';
src: url('fonts/Cardo-Italic.eot');
src: url('fonts/Cardo-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/Cardo-Italic.woff2') format('woff2'),
url('fonts/Cardo-Italic.woff') format('woff'),
url('fonts/Cardo-Italic.ttf') format('truetype'),
url('fonts/Cardo-Italic.svg#Cardo') format('svg');
}
/* NEW Basis-Grotesque-Pro*/
@font-face {
font-family: 'Basis-Grotesque-Pro';
src: url('fonts/BasisGrotesquePro-Regular.eot');
src: url('fonts/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
url('fonts/BasisGrotesquePro-Regular.woff') format('woff'),
url('fonts/BasisGrotesquePro-Regular.ttf') format('truetype'),
url('fonts/BasisGrotesquePro-Regular.svg#Basis-Grotesque-Pro') format('svg');
}
html, body {
font-family: 'Basis-Grotesque-Pro';
}
h1 {
font-size: 30px;
}
.navbar .navbar-right a {
padding-top: 10px;
}
.navbar .navbar-right .open>a,
.navbar .navbar-right .open>a:focus,
.navbar .navbar-right .open>a:hover {
background: rgba(215, 209, 201,1);
border-color: #fff;
}
.navbar .dropdown-menu {
background: rgba(215, 209, 201,0.8);
min-width: 95px;
}
a:focus, a:hover{
color: #333;
}
a:focus, input:focus, textarea:focus, button:focus, * {
outline: none;
}
a .fa-angle-down {
font-size: 17px;
position: relative;
right: 2px;
top: 2px;
}
.navbar-fixed-top .mini-menu {
padding-top: 12px;
}
.navbar-fixed-top .mini-menu a{
color: #000;
}
.navbar-fixed-top {
height: 95px;
}
.navbar-fixed-top .navbar-brand > img {
width: 90px;
}
.hf-fixed-navbar .navbar-right a {
font-family: 'Basis-Grotesque-Pro';
border-top: 1px solid #3e3a35;
border-bottom: 1px solid #3e3a35;
color: #3e3a35;
font-size: 12px;
letter-spacing: 1px;
padding-bottom: 8px;
text-transform: uppercase;
}
.hf-fixed-navbar .navbar-right a.active {
background: #3e3a35;
color: #fff;
}
.hf-fixed-navbar .navbar-right .dropdown-menu a{
border: 0;
}
.mini-menu.no-fixed {
margin-right: 15px;
}
.menutopb .navbar-wrapper {
display: none;
}
.navbar-wrapper .navbar-brand img {
height: 105px;
}
@media (max-width: 999px) {
.navbar-wrapper .navbar-brand {
padding-top: 20px;
}
.navbar-wrapper .navbar-brand img {
height: 65px;
}
}
.navbar-brand {
padding: 10px 15px 5px;
height: auto;
/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.3);
border-radius: 10px; */
}
/*catalos header link*/
.header-catalog {
display: none;
}
@media (min-width: 1600px) {
.mini-menu ul li.header-catalog-nav {
display: none;
}
.header-catalog {
display: block;
position: absolute;
top: 23px;
right: 50px;
width: 120px;
z-index: 1031;
font-size: 12px;
}
.header-catalog::before {
content: '';
background: center center no-repeat url('../img/icon_header-catalog.png');
background-size: contain;
width: 30px;
height: 30px;
float: left;
margin: 2px 5px 0 0;
}
.hf-fixed-navbar .header-catalog {
color: #fff;
}
.hf-fixed-navbar .header-catalog::before {
background-image: url('../img/icon_header-catalog-white.png');
}
}
/*Gallery home*/
.slider-primera {
background-image: url("../img/slide_home/slide1.jpg");
}
.slider-segunda {
background-image: url("../img/slide_home/slide2.jpg");
}
#myCarousel .carousel-inner .item {
background-position: center center;
background-size: cover;
height: 100vh;
max-height: 930px;
}
#myCarousel .carousel-indicators li {
width: 10px;
height: 10px;
border-radius: 0;
background: #fff;
border: 0;
margin: 0 5px 0 0;
}
#myCarousel .carousel-indicators li.active {
margin: 0 5px 0 0;
background: #d7d1c9;
}
#myCarousel .carousel-indicators {
margin: 0;
left: 20px;
}
/*service home*/
.home-service-block {
padding: 90px 0 80px;
}
.home-service-item {
position: relative;
background: center center no-repeat;
background-size: cover;
height: 430px;
}
.home-service-item img{
transition: 0.2s;
}
.home-service-item:hover img{
opacity: 0.8;
}
.home-service-item .link .title {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
color: #fff;
text-align: center;
text-shadow: 0 1px 9px rgba(0, 0, 0, 1);
margin-top: -40px;
}
.home-service-item:hover .link {
opacity: 1;
}
h1,
h2,
.subtitle {
font-family: 'Basis-Grotesque-Pro';
}
.mb-10 {
margin-bottom: 10px;
}
.full-absolute{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.inline {
display: inline;
}
.stick {
height: 210px;
}
.noMB {
margin-bottom: 0 !important;
}
.clear-fix {
clear: both;
float: none;
}
.width100 {
width: 100%;
}
.noPL {
padding-left: 0;
}
.noPR {
padding-right: 0;
}
.noP {
padding: 0;
}
.separa {
clear: both;
float: none;
height: 60px;
}
hr.hobby-green {
border-color: #727272;
margin-bottom: 0;
}
.step {
padding: 30px 0;
}
.steps {
margin-top: 30px;
}
.title-step h3 {
font-size: 30px;
font-family: 'BreweryNo2W06-Regular';
}
.title-step h3 img {
margin-left: 10px;
}
.title-step h3 span {
margin-left: 10px;
color: #d7d1c9;
}
.hr-steps {
border-color: #ccc;
margin: 56px 0 35px;
}
.col-middle-right {
padding-right: 5px
}
.col-middle-left {
padding-left: 5px
}
.hr-collection {
border-color: #d2d2d2;
margin-top: 25px;
margin-bottom: 0;
}
.detalle .proyectos-header-info {
border-left: 1px solid #d2d2d2;
}
.detalle .proyectos-header-info, .detalle .hf-proyectos-header {
padding-bottom: 0;
padding-top: 0;
}
.detalle .hf-proyectos-header {
border: none;
}
.detalle .proyectos-header-info .subtitle {
float: right;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
line-height: 20px;
margin: 0;
text-align: right;
text-transform: uppercase;
width: 500px;
}
.detalle .hf-proyectos-header h1 {
margin-bottom: 20px;
}
.detalle .empresa-info-content {
margin-top: 0;
padding: 50px 20px 0 11px;
position: relative;
text-align: left;
top: 0;
width: auto;
}
.detalle .empresa-info-content p {
font-size: 15px;
text-transform: inherit;
}
.detalle .clear-fix {
height: 50px;
}
.detalle .empresa-info {
min-height: inherit;
}
.hf-proyectos {
margin-top: 50px;
padding-top: 20px;
background: #fff;
}
.hf-proyectos h2 {
text-align: center;
text-transform: uppercase;
}
.subtitle {
margin-top: 19px;
}
.contact-section .subtitle {
margin-top: 10px;
}
.hf-proyectos-header .subtitle {
font-size: 14px;
letter-spacing: 1px;
line-height: 18px;
text-transform: uppercase;
}
.projecto-detalle {
padding-bottom: 55px;
padding-top: 40px;
}
.projecto-detalle h2 {
font-family: sans-serif;
color: #d7d1c9;
font-size: 25px;
letter-spacing: 2px;
}
.projecto-detalle h3 {
font-size: 16px;
font-family: 'Basis-Grotesque-Pro';
text-transform: uppercase;
}
.projecto-detalle .gallery-block {
max-width: 750px;
margin: 0 auto 30px;
width: 95%;
padding: 15px 0;
}
.projecto-detalle .gallery-block .left {
float: left;
width: 25px;
height: 100px;
line-height: 100px;
text-align: center;
color: #000;
font-size: 20px;
}
.projecto-detalle .gallery-block .right {
float: right;
width: 25px;
height: 100px;
line-height: 100px;
color: #000;
text-align: center;
font-size: 20px;
}
.projecto-detalle .gallery-block .gallery {
margin: 0 30px;
}
.projecto-detalle .owl-carousel .item {
height: 100px;
background: center center no-repeat;
background-size: cover;
cursor: pointer;
}
.projecto-detalle .gallery-panel {
max-width: 750px;
margin: 0 auto;
width: 90%;
padding: 15px 0 0;
position: relative;
}
.projecto-detalle .gallery-panel .gallery {
height: 470px;
max-width: 700px;
margin: 0 auto 20px;
width: 90%;
position: relative;
}
.projecto-detalle .gallery-panel .gallery .item {
left: 0;
top: 0;
height: 470px;
width: 100%;
position: absolute;
background: center center no-repeat;
background-size: cover;
}
.projecto-detalle .gallery-panel .gallery .owl-item {
height: 470px;
}
.projecto-detalle .gallery-panel .right,
.projecto-detalle .gallery-panel .left {
position: absolute;
width: 20px;
height: 470px;
line-height: 470px;
top: 0;
color: #000;
font-size: 30px;
}
.projecto-detalle .gallery-panel .right{
right: 0;
text-align: right;
}
.projecto-detalle .gallery-panel .left{
left: 0;
text-align: left;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
z-index: 10;
}
/* Title in slide */
.carousel-title {
margin-top: 10%;
}
.carousel-title h2 {
font-size: 45px;
line-height: 51px;
text-align: left;
line-height: inherit;
}
@media (min-width: 300px) and (max-width: 767px) {
.carousel-title h2 {
font-size: 25px;
}
.projecto-detalle .gallery-block {
display: none;
}
.projecto-detalle .gallery-panel .gallery {
width: calc(100% - 60px);
height: 200px;
}
.projecto-detalle .gallery-panel .gallery .owl-item {
height: 200px;
}
.projecto-detalle .gallery-panel .gallery .item {
height: 200px;
}
.projecto-detalle .gallery-panel .right,
.projecto-detalle .gallery-panel .left {
height: 200px;
line-height: 200px;
}
}
@media (min-width: 767px) and (max-width: 1199px) {
.carousel-title h2 {
font-size: 30px;
}
}
/* Round stickers in carousel */
@media (min-width: 300px) and (max-width: 767px) {
.stick {
width: 170px;
height: auto;
}
}
@media (min-width: 767px) and (max-width: 1199px) {
.stick {
width: 170px;
height: auto;
}
}
/* Carousel indicators for select slide */
.hf-carousel-indicators {
text-align: left;
}
.hf-carousel-indicators .active {
background-color: #d7d1c9;
}
/* Declare heights because of positioning of img element */
.hg-carousel-home .item {
background-color: #777;
}
.carousel-inner > .item > img {
width: 100%;
}
/* Hack thumbnail */
@media (min-width: 767px) and (max-width: 1199px) {
.thumbnail {
display: block;
padding: 0;
margin-bottom: 0;
line-height: 0;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
transition: border .2s ease-in-out;
}
}
/* Hack carousel inner for tablet */
@media (min-width: 767px) and (max-width: 1199px) {
.hg-carousel .carousel-inner {
height: 100px;
}
}
/* Carousel author producte */
.product-carousel .carousel-control.left, .product-carousel .carousel-control.right {
background: none;
margin-top: 7%;
font-size: 35px;
color: black;
}
@media (min-width: 1023px) and (max-width: 1199px) {
.product-carousel .carousel-control.left, .product-carousel .carousel-control.right {
margin-top: 4%;
}
}
@media (min-width: 300px) and (max-width: 767px) {
.product-carousel .carousel-control.left, .product-carousel .carousel-control.right {
margin-top: 5%;
}
}
/* Navbar Right Links in default navbar */
.hf-navbar-default {
background-color: transparent;
}
@media (min-width: 300px) and (max-width: 767px) {
.hf-navbar-default {
display: none;
}
}
.hf-navbar-default .navbar-right a {
font-family: 'Basis-Grotesque-Pro';
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
color: #fff;
font-size: 12px;
letter-spacing: 1px;
padding-bottom: 9px;
padding-top: 9px;
text-transform: uppercase;
}
.hf-navbar-default .hf-navbar-right {
margin-top: 75px;
}
.hf-navbar-default .hf-navbar-right .dropdown-menu a{
border: 0;
font-size: 9px;
padding: 5px 15px;
text-align: center;
font-size: 11px;
}
.hf-navbar-default .navbar-nav > li > a:hover, .hf-navbar-default .navbar-nav > li > a:focus {
background-color: #3e3a35;
}
.dropdown-menu>li>a {
font-size: 10px;
}
.dropdown-menu>li>a:hover {
background: none;
color: #fff;
text-decoration: underline;
}
.dropdown-menu>li>a.active {
background: none;
text-decoration: underline;
background: none !important;
}
/* Class for toggle scroll navbar */
.no-navbar {
display: none;
}
@media (min-width: 300px) and (max-width: 767px) {
.no-navbar {
display: block;
}
}
/* Fixed scroll navbar always */
.hf-fixed-navbar-always {
background-color: #343434;
}
.hf-fixed-navbar-always .navbar-brand {
margin-top: -18%;
}
@media (min-width: 300px) and (max-width: 767px) {
.hf-fixed-navbar-always .navbar-brand {
margin-top: -4%;
width: 100px;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.hf-fixed-navbar-always .navbar-right {
margin-right: -50px;
}
}
.hf-fixed-navbar-always .navbar-right a {
color: #FFF;
text-transform: uppercase;
font-size: 12px;
border-top: 1px solid #FFF;
}
@media (min-width: 767px) and (max-width: 1199px) {
.hf-fixed-navbar-always .navbar-right a {
font-size: 10px;
}
}
a.active {
background-color: #3e3a35;
}
/* Fixed scroll navbar when activate scroll */
.hf-fixed-navbar {
background-color: #d7d1c9;
}
.menutopb .hf-fixed-navbar {
display: block;
}
@media (min-width: 567px) and (max-width: 767px) {
.hf-fixed-navbar .navbar-brand {
margin-top: 0%;
width: 120px;
}
}
@media (min-width: 767px) and (max-width: 1199px) {
.hf-fixed-navbar .navbar-right a {
font-size: 10px;
}
}
.hf-fixed-navbar .navbar-nav > li > a:hover, .hf-fixed-navbar .navbar-nav > li > a:focus {
background-color: #d7d1c9;
}
/* Button dropdown menu in mobile */
.fa-bars {
color: #FFF;
font-size: 20px;
}
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;
}
.navbar-wrapper .navbar .container {
width: auto;
}
/* Mini-menu for navbar fixed */
.mini-menu {
color: #d7d1c9;
font-size: 12px;
text-transform: uppercase;
padding-top: 26px;
text-align: right;
}
.mini-menu a {
color: #fff;
font-family: 'Basis-Grotesque-Pro';
}
.mini-menu ul li {
width: 200px;
display: inline;
padding-left: 2%;
line-height: 5px;
}
.mini-menu .dropdown-menu {
min-width: 0;
margin: 2px 10px 0;
}
/* Fix for no fixed mini-menu */
.no-fixed {
margin-bottom: -10%;
}
/* Jumbotron */
.hf-jumbotron {
background-color: #d7d1c9;
color: #fff;
margin-bottom: 0;
padding: 73px 0 83px;
text-align: center;
}
.hf-jumbotron p {
font-size: 14px;
letter-spacing: 1px;
margin: 0 auto;
width: 900px;
}
@media (min-width: 300px) and (max-width: 767px) {
.hf-jumbotron p {
font-size: 14px;
}
}
/* Seccio sistema */
.seccio-sistema {
background-color: #f4f4f4;
text-align: center;
margin-bottom: 0;
padding-top: 50px;
position: relative;
}
.seccio-sistema .img-responsive {
display:block;
width: 100%;
}
@media (min-width: 1023px) and (max-width: 1199px) {
.seccio-sistema p {
min-width: 100px;
}
}
.seccio-sistema .container {
border-top: 1px solid #000;
padding-top: 1%;
margin-top: 3%;
padding-top: 3%;
}
@media (min-width: 300px) and (max-width: 767px) {
.seccio-sistema .container {
margin-top: 10%;
}
}
.seccio-sistema .title-sistema {
color: #d7d1c9;
font-size: 12px;
letter-spacing: 1px;
padding: 30px 0 0;
text-transform: uppercase;
}
.seccio-sistema .title-sistema a{
font-family: 'Basis-Grotesque-Pro';
}
.seccio-sistema .des-sistema {
border: 0 none;
font-size: 14px;
text-align: center;
color: #272727;
}
/* Seccio serveis */
.serveis {
position: relative;
}
@media (min-width: 300px) and (max-width: 767px) {
.serveis {
margin: 0;
}
}
.serveis .desc-servei {
text-align: center;
}
.serveis .desc-servei .flecha-izquierda {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid white;
margin-top: -36%;
margin-left: -5%;
}
@media (min-width: 300px) and (max-width: 767px) {
.serveis .desc-servei .flecha-izquierda {
display: none;
}
}
.serveis .desc-servei img {
margin-top: 27%;
}
.serveis .desc-servei h3 {
color: #d7d1c9;
font-size: 24px;
letter-spacing: 2px;
line-height: 30px;
margin: 0 auto;
padding: 4% 0 34px;
width: 257px;
}
.flecha-derecha {
border-bottom: 20px solid transparent;
border-left: 20px solid white;
border-top: 20px solid transparent;
left: 0;
margin-top: -20px;
position: absolute;
top: 50%;
}
.flecha-derecha.to-left {
border-left: 0 none;
border-right: 20px solid white;
left: inherit;
right: 0;
}
.flecha-arriba {
border-bottom: 20px solid white;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
bottom: 0;
left: 50%;
margin-left: -20px;
position: absolute;
}
/* Change section buttons */
.button-section {
left: 50%;
margin-left: -100px;
position: absolute;
text-align: center;
top: -21px;
}
.serveis .button-section {
margin-left: -83px;
}
.fa-arrow-down {
color: #d7d1c9;
font-size: 18px;
padding-top: 10px;
}
/* Special header in hobby sections */
.jumbo-hobby {
background-image: url("../img/bg-hobby.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: white;
height: 600px;
margin-bottom: 0;
}
.jumbo-hobby-green {
background-image: url("../img/bg-hobby-green.jpg");
}
.jumbo-hobby.hobbys {
background-image: url("../img/bg-hobbysocial.jpg");
}
.hobby-light .jumbo-hobby {
background-image: url("../img/bg-hobby-light.jpg");
}
.jumbo-hobby div {
position: relative;
}
.jumbo-hobby div div {
left: 30px;
position: absolute;
top: 216px;
}
.jumbo-hobby .hg-title {
font-size: 45px;
letter-spacing: 5px;
margin-bottom: -1%;
text-transform: uppercase;
font-family: 'Basis-Grotesque-Pro';
}
.jumbo-hobby .hg-subtitle {
font-size: 45px;
letter-spacing: 2px;
font-family: 'BreweryNo2W06-Regular';
}
.s-patentat .hg-info {
padding-bottom: 40px;
padding-top: 30px;
}
.jumbo-hobby.patentat {
background-image: url("../img/bg-hobbyp.jpg");
}
.jumbo-hobby.adellina {
background-image: url("../img/bg-hobbya.jpg");
}
/* Hobby green info */
.hg-info {
background-color: #f4f4f4;
margin-top: -3%;
padding: 60px 0;
font-family: 'Basis-Grotesque-Pro';
}
.hg-info h1 {
margin-top: 0;
padding: 0 0 60px;
font-family: 'BreweryNo2W06-Regular';
}
.hg-info div div div:nth-child(2) hr, .hg-info div div:nth-child(2) hr {
border-color: #ccc;
margin-top: 60px;
}
.hg-info .section1 .promo1 {
color: #d7d1c9;
font-size: 30px;
letter-spacing: 1px;
}
.hobby-green .hg-info,
.hobby-plus .hg-info {
background: #fff;
}
.adellina .section1 .promo1 h1 {
margin-top: 0;
}
.hg-info .section1 .promo1 h5 {
font-size: 30px;
color: #343434;
width: 303px;
padding-top: 12px;
}
@media (min-width: 300px) and (max-width: 767px) {
.hg-info .section1 .promo1 h5 {
width: 100%;
}
}
.hg-info .section1 .promo1 p {
color: black;
font-size: 14px;
text-transform: uppercase;
}
.hg-info .section1 .promo1 {
border-right: 1px solid #ccc;
padding-left: 3%;
}
.adellina .section1 .promo2 {
border-left: none;
margin-top: 0;
}
.hg-info .section1 .promo2 .title-info {
font-size: 14px;
letter-spacing: 1px;
}
.hg-info .section1 .promo2 .desc-info {
font-size: 14px;
letter-spacing: 1px;
/*line-height: 16px;*/
text-align: justify;
}
.hg-info .section1 .promo2 .desc-info a {
color: #d7d1c9;
font-weight: bold;
}
@media (min-width: 1023px) and (max-width: 1199px) {
.hg-info .section2 {
border: 0;
}
}
.hg-info .section2 img {
display: inline;
margin: 30px 0 20px;
}
.hg-info .section2 p {
font-size: 13px;
letter-spacing: 1px;
text-align: center;
}
.eco-hobby .section1 .promo1 {
color: #d7d1c9;
font-size: 30px;
}
.plantat {
padding-top: 20px;
}
.eco-hobby .section1 .promo1 h5 {
font-size: 30px;
color: #343434;
width: 55%;
padding-top: 2%;
}
.eco-hobby h2 {
letter-spacing:1px;
margin-bottom: 35px;
}
.eco-hobby .section1 .promo1 p {
color: black;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 20px;
}
.eco-hobby .section1 .promo2 {
border-left: 1px solid #ccc;
padding-left: 3%;
margin-top: 2%;
}
.eco-hobby .section1 .promo2 .title-info {
font-size: 14px;
text-transform: uppercase;
width: 50%;
}
.eco-hobby .section1 .promo2 .desc-info {
font-size: 14px;
}
.eco-hobby .section1 .promo2 .desc-info a {
color: #d7d1c9;
font-weight: bold;
}
.eco-hobby .section2 {
padding-top: 12%;
border-bottom: 1px solid #ccc;
}
.eco-hobby .section2 img {
padding: 15% 18% 10% 35%;
}
.eco-hobby .section2 p {
font-size: 14px;
text-align: center;
}
/* Hobby green special section */
.hg-special {
background-color: #f4f4f4;
padding: 5% 0 0 0;
}
.hg-special .flecha-izquierda{
border-right: 20px solid #f4f4f4;
}
.hg-special .flecha-izquierda.to-right{
border-left: 20px solid #f4f4f4;
}
.hg-special .section1 .promo1 {
color: #d7d1c9;
font-size: 30px;
border-right: 1px solid #ccc;
}
.hg-special .section1 .promo1 h2 {
font-family: 'BreweryNo2W06-Regular';
margin-bottom: -1%;
margin-top: 10px;
}
.hg-special .section1 .promo2 {
border-left: 1px solid #727272;
padding-left: 3%;
}
.hg-special .section1 .promo2 .title-info {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.hg-special .section1 .promo2 .desc-info {
font-size: 14px;
letter-spacing: 1px;
text-align: justify;
}
.hg-special .section2 {
font-size: 14px;
}
.hg-special .section2 img {
width: 100%;
margin-left: -5%;
position: absolute;
}
.proyectos-header-info p{
text-align: justify;
}
@media (min-width: 767px) and (max-width: 1199px) {
.hg-special .section2 img {
margin-left: -6%;
padding: 5%;
}
}
.hg-special .section2 .title {
letter-spacing: 1px;
padding-top: 12%;
}
.hg-special .section2 .desc {
letter-spacing: 1px;
padding-bottom: 30%;
padding-right: 97px;
}
@media (min-width: 300px) and (max-width: 767px) {
.hg-special .section2 .desc {
width: 300px;
}
}
.hg-special .section3 {
}
@media (min-width: 767px) and (max-width: 1199px) {
.hg-special .section3 .special-video-green {
margin-right: 10%;
}
}
.hg-special .section3 img {
width: 100%;
}
@media (min-width: 300px) and (max-width: 767px) {
.hg-special .section3 img {
margin-top: 55%;
}
}
.hg-special .section3 .title {
padding: 6% 6% 0 6%;
letter-spacing: 1px;
}
.hg-special .section3 .desc {
width: auto;
padding: 0 6%;
letter-spacing: 1px;
}
@media (min-width: 300px) and (max-width: 767px) {
.hg-special .section3 .desc {
width: 300px;
}
}
@media (min-width: 1023px) and (max-width: 1199px) {
.hg-special .section3 .desc {
width: 450px;
}
}
/* Section gallery */
.hg-gallery {
padding: 35px 0 17px;
}
.hg-gallery h2 {
font-family: 'BreweryNo2W06-Regular';
color: #d7d1c9;
font-size: 30px;
}
.hg-gallery p {
font-size: 14px;
letter-spacing: 1px;
}
.hg-gallery .hg-carousel {
border-top: 1px solid #ccc;
margin-top: 50px;
padding: 15px 30px 35px;
}
.hg-gallery .hg-carousel .carousel-control.left {
height: 30px;
width: 25px;
margin-top: 45px;
color: black;
background: none;
font-size: 30px;
left: -15px;
}
.hg-gallery .hg-carousel .carousel-control.right {
height: 30px;
width: 25px;
margin-top: 45px;
color: black;
background: none;
font-size: 30px;
right: -15px;
}
.hg-gallery .hg-carousel img {
width: 100%;
height: 120px;
}
@media (min-width: 300px) and (max-width: 767px) {
.hg-gallery .hg-carousel img {
width: 150px;
border: none;
}
}
@media (min-width: 767px) and (max-width: 1199px) {
.hg-gallery .hg-carousel img {
width: 110px;
float: left;
height: 100px;
padding-left: 1%;
}
}
.hg-gallery .final-gallery {
border-top: 1px solid #ccc;
height: 5px;
padding-bottom: 2%;
margin-top: -3%;
}
.hg-gallery .thumbnail {
border: none;
box-shadow: none;
}
/* Hobby plus section */
.columns3 {
margin-left: 10%;
}
.hg-special .special-images {
margin-left: 20%;
}
.hg-special .special-images img {
padding-bottom: 15%;
}
.hg-colors {
padding: 5%;
}
/* Hobby light section */
.hl-info {
padding: 0;
}
.hl-info .hl-right {
color: #d7d1c9;
font-size: 30px;
}
.hl-info .hl-right .subtitle {
font-size: 14px;
text-transform: uppercase;
color: #000;
}
.hl-info .hl-right .more-hg-info {
color: #000;
font-size: 14px;
padding-top: 31%;
}
.hobby-light .hl-info .hl-right {
letter-spacing: 1px;
padding: 40px 0 0 25px;
}
.hobby-light .hl-info h2 {
margin-bottom: 30px;
}
.hobby-light .hl-info .subtitle {
}
.hobby-light h2, .hl-info .hl-right .more-hg-info {
}
.hobby-light h2 {
color: #d7d1c9;
letter-spacing: 1px;
}
@media (min-width: 300px) and (max-width: 767px) {
.hl-info .hl-right h2 {
font-size: 20px;
}
}
@media (min-width: 300px) and (max-width: 767px) {
.hl-info .hl-right {
width: 350px;
}
}
.section-img {
margin-top: 40px;
}
.section-img .logos {
float: right;
padding-top: 30px;
}
.h-social .hg-info, .adellina .hg-info {
padding: 30px 0;
}
.h-social .promo1, .adellina .promo1 {
padding-top: 0;
}
.adellina .promo1, .adellina .promo1 {
border-right: 1px solid #ccc;
}
.h-social .hg-info .section1 .promo2 .desc-info, .adellina .promo2 .desc-info {
letter-spacing: 1px;
}
.h-social .jumbo-hobby .hg-subtitle {
}
.section-img .logos li {
list-style: none;
display: inline-block;
}
.hg-special .special-info {
border-bottom: 1px solid #717171;
overflow: hidden;
padding-bottom: 53px;
}
.hg-special .special-info div.col-xs-12.col-sm-6.col-md-6.col-lg-6:last-child, .hg-special .special-info-2 div.col-xs-12.col-sm-6.col-md-6.col-lg-6:last-child {
border-left: 1px solid #717171;
}
.hg-special .special-info-2 {
overflow: hidden;
padding-bottom: 64px;
padding-top: 48px;
}
@media (min-width: 300px) and (max-width: 767px) {
.hg-special .special-info {
border-bottom: none;
}
}
.hg-special .special-info ul, .hg-special .special-info p {
color: white;
}
.hg-special .special-info-2 h2, .hg-special .special-info h2 {
color: #d7d1c9;
margin-top: 0;
}
.hg-special .special-info h2 {
width: 200px;
}
.hg-special .special-info-2 p {
color: white;
margin-bottom: 10px;
padding: 0 5%;
}
.hg-special .special-info-2 .dades {
color: white;
list-style: none;
margin-top: 7%;
margin-left: -2%;
}
.hg-special .special-info-2 .dades li {
margin-bottom: 10px;
}
.hl-info-colors .hl-photos {
overflow: hidden;
padding-bottom: 30px;
padding-top: 40px;
}
.hl-info-colors .hl-photos .photos img {
width: 220px;
height: auto;
padding-top: 30%;
border-bottom: 1px solid #ccc;
}
.hl-info-colors .hl-photos .photos ul li {
display: inline;
}
.hl-info-colors .hl-photos .info-photos h5 {
}
.hl-info-colors .hl-photos .info-photos p {
padding-bottom: 2%;
}
.hl-info-colors .hl-collection ul li {
display: inline;
}
.hl-info-colors .hl-collection .subtitle, .hl-info-colors .hl-photos .subtitle {
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 5%;
}
.hl-info-colors .hl-collection .muestra {
padding-top: 67.5%;
}
.img-bottom {
padding-top: 21%;
}
/*.hl-info-colors .hl-collection .colors img {
padding-top: 193%;
}*/
.hl-info-colors .hl-collection .colors p {
font-size: 14px;
}
.hl-info-colors .hl-collection .colors .info-colors {
margin-top: 0;
}
.hl-collection {
border-bottom: 1px solid #d2d2d2;
margin-bottom: 40px;
overflow: hidden;
padding-bottom: 35px;
padding-top: 60px;
}
/* Flechas en HG */
.flecha-izquierda.to-right {
border-left: 20px solid #fff;
border-right: medium none;
left: 0;
right: inherit;
top: 68px;
}
.flecha-izquierda {
border-bottom: 20px solid transparent;
border-right: 20px solid #fff;
border-top: 20px solid transparent;
position: absolute;
right: 0;
top: 68px;
font-size: 1px;
}
@media (min-width: 300px) and (max-width: 767px) {
.flecha-izquierda {
display: none;
}
}
.flecha_abajo {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #f4f4f4;
height: 0;
margin-left: 50%;
width: 0;
}
.hg-right {
float: right;
margin-top: 20%;
margin-right: 5%;
}
.separator {
margin-top: 12%;
}
.separator, .separator2 {
border-bottom: 1px solid #ccc;
margin-top: 22px;
}
.patentat-info {
padding-top: 45px;
}
.info-hp h5 {
letter-spacing: 2px;
margin-bottom: 3%;text-transform: uppercase;
}
.info-hp .col-md-4 {
margin-top: 3%;
}
.steps h6 {
color: #343434;
float: right;
font-size: 12px;
letter-spacing: 1px;
margin-top: 25px;
}
.info-hp p {
letter-spacing: 1px;
}
.adel-steps {
padding-top: 65px;
}
.adel-steps img, .adel-steps p {
padding-bottom: 40px;
}
.adel-steps p {
border-bottom: 1px solid #cdcdcd;
height: 61px;
letter-spacing: 1px;
margin-bottom: 35px;
margin-left: 101px;
text-align: left;
width: 360px;
}
.adel-steps p.special-height {
height: 90px;
}
.video {
padding-bottom: 80px;
padding-top: 80px;
}
.adel-steps .step-number {
color: #d7d1c9;
padding-right: 5%;
}
.eco-hobby {
background-color: white;
padding-top: 25px;
}
.eco-hobby .plantes {
color: #343434;
}
.eco-hobby .plantes h3 {
font-size: 30px;
text-align: left;
}
.eco-hobby .plantes p {
font-size: 14px;
padding-bottom: 52px;
text-align: left;
}
.desc-promo-patentat {
padding-top: 12%;
}
.list-patentat {
padding-bottom: 20px;
padding-top: 20px;
}
.list-patentat li {
letter-spacing: 1px;
list-style: outside none none;
}
.list-patentat li span {
color: #d7d1c9;
float: left;
padding-right: 20px;
}
.promo-patentat p {
text-transform: uppercase;
font-size: 14px;
letter-spacing:1px;
}
.plantat p {
color: #3d3d3d;
font-size: 14px;
margin-bottom: 90px;
padding-top: 25px;
text-align: left;
text-align: justify;
}
@media (min-width: 300px) and (max-width: 767px) {
.plantat p {
margin-bottom: 30px;
}
}
/* FAQ info questions section */
.faq-title {
padding-top: 2%;
}
.faq-title h1, .faq-title p {
font-family: 'Basis-Grotesque-Pro';
}
.faq-title p {
border-left: 1px solid #d2d2d2;
letter-spacing: 1px;
padding-left: 50px;
}
.faq-title h1{
font-size:36px;
letter-spacing:5px;
}
.faq-title p {
margin-top: 20px;
text-transform: uppercase;
}
@media (min-width: 300px) and (max-width: 767px) {
.faq-title p {
margin: 0;
width: 350px;
}
}
.customer-info {
background: white;
letter-spacing: 1px;
margin-top: 10px;
padding: 5% 50px;
margin-bottom: 30px;
}
.faq-info {
background: white;
letter-spacing: 1px;
margin-top: 30px;
padding: 5% 50px;
}
.customer-title {
padding-top: 2%;
}
.customer-title h2 {
font-family: 'Basis-Grotesque-Pro';
font-size: 30px;
}
@media (max-width: 767px) {
.customer-info {
margin-top: 10px;
padding:20px;
margin-bottom: 30px;
}
.customer-title {
padding-top:4%;
}
.customer-title h2 {
font-family: 'Basis-Grotesque-Pro';
font-size: 25px;
}
}
.faq-info li{
margin-bottom:11px;
}
.faq-info article {
padding-top: 40px
}
@media (min-width: 300px) and (max-width: 767px) {
.faq-info {
margin-top: 25%;
}
}
.faq-info article .desc-question {
color: #343434;
margin-left: 35px;
font-size: 14px;
}
.faq-info article .title-desc, .faq-info article ul {
padding-left: 2%;
list-style: none;
}
.faq-info article .title-desc li, .faq-info article ul li {
padding-bottom: 1%;
}
.faq-info ol, .faq-info a, .faq-info .title-question {
color: #d7d1c9;
font-family: 'Basis-Grotesque-Pro';
}
.sep-line {
height: 50px;
border-bottom: 1px solid #d1d1d1;
margin-bottom: 20px;
}
/* Go to the top! */
.ir-arriba {
background-color: #d7d1c9;
border-radius: 50%;
bottom: 20px;
color: #fff;
cursor: pointer;
display: none;
font-size: 20px;
padding: 10px 15px;
position: fixed;
right: 20px;
}
/* Header BLOG section */
.hf-container.blog-title {
background-color: #dedede;
}
.blog-title .container {
background-image: url("../img/blog/header-bg.png");
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
}
.blog-title .super-title {
padding-bottom: 20px;
padding-top: 20px;
font-family: 'Basis-Grotesque-Pro';
}
.blog-title .super-title h2.subtitle{
font-family: 'BreweryNo2W06-Regular';
}
.blog-title .super-title p{
margin: 0;
}
.blog-title .col-xs-12.col-sm-8.col-md-7.col-lg-7 {
border-left: 1px solid #d7d1c9;
margin-top: 40px;
}
.blog-title h2 {
color: white;
display: inline;
padding-right: 1%;
}
.blog-title h2 {
font-size: 45px;
letter-spacing: 4px;
}
.blog-title .title {
text-transform: uppercase;
}
.blog-title .title span{
font-family: 'BreweryNo2W06-Regular';
}
.blog-title .subtitle {
letter-spacing: 2px;
}
.blog-title p {
float: right;
letter-spacing: 1px;
text-transform: uppercase;
width: 574px;
margin-bottom: 0;
}
/* Post and sidebar BLOG section */
/* Post */
.post-content {
position: relative;
}
.hf-post .post-content img.img-right{
margin: 0 0 20px 20px;
float: right;
}
.hf-post .post-content img.img-left{
margin: 0 20px 20px 0;
float: left;
}
.hf-post {
background: white;
border-bottom: 1px solid #ccc;
padding: 35px 30px;
position: relative;
}
.hf-post .tags {
text-align: center;
font-size: 12px;
font-family: 'Basis-Grotesque-Pro';
}
.hf-post .tags ul {
padding: 0
}
.hf-post .tags ul li {
color: #d7d1c9;
display: inline;
letter-spacing: 1px;
list-style: none;
text-transform: uppercase;
}
.post-content .grey-button {
letter-spacing: 1px;
}
.hf-post .title-post {
text-align: center;
}
.hf-post .title-post h2{
font-family: 'BreweryNo2W06-Regular';
}
.hf-post .title-post .data {
font-size: 12px;
}
.hf-post .post-content img, .hf-post .post-content .more-content {
display: block;
margin: 0 auto;
}
.hf-post .post-content p {
font-size: 14px;
padding: 15px 0;
}
.hf-post .social-post {
text-align: right;
padding-top: 5px;
}
.social-post.inside {
bottom: -59px !important;
position: absolute !important;
right: 0;
}
@media (min-width: 300px) and (max-width: 767px) {
.hf-post .social-post {
float: none;
margin: 0 auto;
margin-left: 22%;
}
}
.hf-post .social-post a {
background: #d7d1c9;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 25px;
margin-left: 2px;
border-radius: 0;
display: inline-block;
width: 25px;
height: 25px;
}
.hf-post .social-post a:hover {
background: #343434;
}
.hf-post .social-post ul li {
display: inline;
list-style: none;
}
/* Sidebar */
.hf-sidebar .section-sidebar {
border-bottom: 1px solid #ccc;
letter-spacing: 1px;
padding: 22px 0 30px;
}
.hf-sidebar .section-sidebar .categories {
color: #d7d1c9;
text-transform: uppercase;
}
.categories ul {
padding: 0;
}
.categories a:hover {
color: #d7d1c9;
}
@media (min-width: 767px) and (max-width: 1199px) {
.hf-sidebar .section-sidebar .categories {
margin: 0;
}
}
@media (min-width: 1023px) and (max-width: 1199px) {
.hf-sidebar .section-sidebar .categories {
padding-bottom: 30%;
}
}
.hf-sidebar .section-sidebar .categories li {
list-style: none;
font-family: 'Basis-Grotesque-Pro';
}
.hf-sidebar .section-sidebar h3 {
color: #d7d1c9;
font-size: 18px;
}
.hf-sidebar .section-sidebar h5 {
color: #d7d1c9;
font-size: 14px;
padding-bottom: 18px;
font-family: 'Basis-Grotesque-Pro';
}
.hf-sidebar .section-sidebar h6 {
font-size: 12px;
}
.hf-sidebar .section-sidebar p,
.hf-sidebar .section-sidebar p a {
color: #272727;
font-size: 14px;
}
.hf-sidebar .section-sidebar p {
font-family: 'Basis-Grotesque-Pro';
}
.hf-sidebar .section-sidebar p a {
font-family: 'BreweryNo2W06-Regular';
}
.hf-sidebar .section-sidebar p{
text-align: justify;
}
.hf-sidebar .section-sidebar .social-sidebar {
font-size: 35px;
}
.hf-sidebar .section-sidebar .social-sidebar ul {
padding: 0;
text-align: center;
}
.hf-sidebar .section-sidebar .social-sidebar ul li {
display: inline;
list-style: none;
}
.hf-sidebar .section-sidebar .social-sidebar ul li a{
color: #fff;
font-size: 16px;
}
.hf-sidebar .section-sidebar .social-sidebar ul li .fa{
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
}
.hf-sidebar .section-sidebar .social-sidebar .fa-facebook-f {
background: #445897;
}
.hf-sidebar .section-sidebar .social-sidebar .fa-twitter {
background: #69a8de;
}
.hf-sidebar .section-sidebar .social-sidebar .fa-google-plus {
background: #be4c3c;
}
.hf-sidebar .section-sidebar .social-sidebar .fa-pinterest-p {
background: #ac1c1d;
}
.hf-sidebar .section-sidebar .social-sidebar .fa-youtube {
background: #c6242f;
}
.hf-sidebar .section-sidebar .recent-post {
padding-bottom: 20px;
}
.recent-post div .col-xs-6.col-sm-6.col-md-6.col-lg-6:first-child {
width: 120px;
}
.recent-post .image {
height: 110px;
display: block;
background: center center no-repeat;
background-size: cover;
}
/* Comments styles */
#comments {
background-color: white;
border-top: 1px solid #ccc;
margin-top: 89px;
padding-top: 23px;
}
#comments .comment {
border-bottom: 1px solid #ccc;
font-size: 12px;
letter-spacing: 1px;
height: auto;
min-height: 350px;
padding-top: 5%;
}
#comments .comment .date, #comments .comment .name {
color: #d7d1c9;
}
#comments .comment .city {
}
#comments .comment .votes ul {
padding-left: 0;
margin-bottom: 30px;
}
#comments .comment .votes li {
list-style: none;
display: inline-block;
padding-right: 5%;
}
#comments .comment .votes .post-up {
color: #d7d1c9;
}
#comments .comment .votes .post-down {
color: #f16856;
}
.form-comments {
padding-bottom: 10%;
}
.form-comments h3 {
}
.form-comments .form-group .form-control {
border: 1px solid #cdcdcd;
box-shadow: none;
}
.form-comments .form-group {
margin-bottom: 25px;
}
.send-form {
padding-top: 20px;
}
.inside {
padding-top: 5%;
}
#map {
width: 100%;
height: 450px;
}
.map-header {
height: 450px;
}
.contact-section {
color: #3d3d3d;
letter-spacing: 1px;
padding-bottom: 30px;
}
.contact-section .title {
letter-spacing: 1px;
padding-top: 40px;
}
.contact-section .title h1 {
display: inline;
padding-right: 1%;
font-size: 24px;
padding-bottom: 5%;
}
.contact-section .title h1.green {
color: #d7d1c9;
}
.contact-section .title h3 {
font-size: 18px;
padding-bottom: 25px;
}
.contact-section .contact-info {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding-bottom: 30px;
padding-top: 30px;
}
.checkbox > label {
font-size: 13px;
}
.servei {
margin-bottom: 12px;
}
.contact-section .form-contact {
clear: both;
padding-top: 26px;
}
.contact-section .form-contact h2 {
color: #d7d1c9;
font-size: 18px;
margin-bottom: 18px;
margin-top: 0;
}
.contact-section .form-contact .form-group label {
font-weight: bold;
letter-spacing: 0;
}
.contact-section .form-contact .form-group .checkbox {
display: inline;
}
.contact-section .form-contact .form-group input {
margin-bottom: 2%;
}
.form-control {
border: medium none;
border-radius: 0;
}
.contact-section .form-contact .form-group textarea {
margin-bottom: 5%;
width: 100%;
resize: none;
}
.contact-section .form-contact .form-group .enviar {
margin-top: 2%;
}
.contact-section .form-contact .nota-legal {
font-size: 12px;
}
.contact-section .contact-tel .dropdown button {
width: 100%;
margin-top: 3%;
}
.contact-section .contact-tel .dropdown .btn {
background-color: transparent;
background-image: none;
border-radius: 0;
box-shadow: 0 0 0;
position: relative;
}
.contact-section .contact-tel .dropdown .btn i {
color: #363636;
font-size: 20px;
margin-top: -9px;
position: absolute;
right: 15px;
top: 50%;
}
.contact-section .contact-tel .dropdown .dropdown-menu {
width: 100%;
}
.contact-section .contact-tel .info-tel {
margin-top: 25px;
}
.super-footer {
background-image: url("../img/footer-fons.jpg");
background-repeat: no-repeat;
/* background-attachment: fixed; */
background-position: center center;
background-size: cover;
color: white;
height: 530px;
text-align: center;
position: relative;
}
.super-footer .tit-spfooter {
margin-bottom: 0;letter-spacing: 2px;text-transform: uppercase;
font-family: 'Basis-Grotesque-Pro';
}
.super-footer .spfooter {
position: absolute;
top: 50%;
margin-top: -50px;
width: 100%;
}
.super-footer p {
letter-spacing: 1px;
}
.super-footer .xarxa-social-sp {
font-size: 40px;
margin-top: 10px;
}
.super-footer ul {
padding: 0;
}
.super-footer .xarxa-social-sp a {
color: #353332;
background: #fff;
display: inline-block;
font-size: 20px;
width: 40px;
height: 40px;
line-height: 40px;
}
.super-footer .xarxa-social-sp ul li {
display: inline;
margin: 0 3px;
}
.super-footer .foot-spfooter {
position: absolute;
width: 100%;
bottom: 30px;
left: 0;
}
.super-footer .foot-spfooter a {
color: #fff;
}
.super-footer .foot-spfooter .sep {
display: inline-block;
margin: 0 10px;
color: #d7d1c9;
}
.footer-menu ul li {
display: inline;
}
.footer-menu a {
color: #6c6c6c;
letter-spacing: 1px;
}
footer {
background-color: #343434;
color: #6c6c6c;
padding: 15px;
}
.footer-menu ul {
padding: 0;
}
.footer-menu ul a:hover {
color: #d7d1c9;
}
.footer-menu ul .sep {
display: inline-block;
text-align: center;
width: 15px;
}
.navbar-footer{
text-transform: uppercase;
}
/* Container for sections with navbar-fixed always */
.hf-container {
padding-top: 100px;
}
.menutopb .hf-container {
padding-top: 95px;
}
/* Fix in tablet container */
#hf-bg {
background: #f4f4f4;
}
#hf-bgv2 {
background: #d7d1c9;
}
#hf-bgbb {
background: #fff;
}
.hf-bgwhite {
background: #fff;
}
.hf-bghb {
background: #d7d1c9;
}
.hf-bggris {
background: #efefef;
}
/* General styles */
a {
color: #d7d1c9;
}
a:hover ,a:focus{
opacity: 0.8;
text-decoration: none;
}
/* Class for not display blocks in mobile, desktop or tablet */
@media (min-width: 300px) and (max-width: 767px) {
.no-mobile {
display: none;
}
}
@media (min-width: 1199px) and (max-width: 1900px) {
.no-desktop {
display: none;
}
}
@media (min-width: 767px) and (max-width: 1199px) {
.no-tablet {
display: none;
}
}
@media (min-width: 1023px) and (max-width: 1199px) {
.no-tablet {
display: none;
}
}
.right {
float: right;
}
/* Buttons */
.grey-button {
background-color: #343434;
border: 0 none;
color: white;
font-size: 12px;
letter-spacing: 1px;
padding: 10px 20px;
text-transform: uppercase;
}
.grey-button a {
color: white;
text-decoration: none;
}
.grey-button:hover {
background-color: #d7d1c9;
}
.green-button {
background-color: #808285;
border: 0 none;
color: white;
font-size: 12px;
letter-spacing: 1px;
margin-top: 0;
padding: 12px 15px;
text-decoration: none;
text-transform: uppercase;
min-width: 163px;
}
.green-button-interact {
background-color: #d7d1c9;
border: 0 none;
color: white;
font-size: 12px;
letter-spacing: 1px;
padding: 12px 15px;
text-decoration: none;
text-transform: uppercase;
}
.green-button-interact:hover {
background-color: #343434;
}
.green-button-low {
background-color: #d7d1c9;
border: 0 none;
color: #fff;
font-size: 12px;
letter-spacing: 2px;
padding: 12px 15px;
text-decoration: none;
text-transform: uppercase;
}
.green-button-low:hover {
color: white;
}
.hf-collection-header h1 {
color: #d7d1c9;
font-size: 22px;
}
/* Collections */
.page-collection .info-header{
font-family: 'Basis-Grotesque-Pro';
padding-top: 150px;
}
.page-collection .info-footer{
color: #d7d1c9;
text-align: center;
font-style: italic;
padding-bottom: 80px;
}
.page-collection .info-footer span{
font-family: 'Basis-Grotesque-Pro';
}
.hf-collection-sections .collection-block {
border-top: 1px solid #e6e6e6;
padding: 25px 0;
}
@media (min-width: 300px) and (max-width: 767px) {
.hf-collection-sections .collection-block {
border: none;
height: auto;
}
}
.hf-collection-sections .collection-block .outdoor {
float: left;
width: 50px;
margin-top: -23%;
}
.ico-frozen {
display: inline !important;
position: relative;
right: 9px;
top: 0px;
}
@media (min-width: 300px) and (max-width: 767px) {
.hf-collection-sections .collection-block .outdoor {
display: none;
}
}
@media (min-width: 767px) and (max-width: 1199px) {
.hf-collection-sections .collection-block .outdoor {
display: none;
}
}
.hf-collection-sections .collection-block .title {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0;
font-family: 'Basis-Grotesque-Pro';
}
.hf-collection-sections .collection-block img {
display: block;
margin: 0 auto;
}
.title-collecion {
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Basis-Grotesque-Pro';
}
.title-collecion span {
font-family: 'Basis-Grotesque-Pro';
margin: 0 5px;
}
.hf-collection-sections .collection-block p {
text-align: center;
}
.contact {
padding: 25px 0;
}
.contact h6, .contact a {
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
}
.product-detail .title-info h1 {
font-size: 24px;
}
.product-detail .title-info i, .product-detail .title-info h1 {
display: inline;
letter-spacing:1px;
padding-right: 10px;
}
.product-detail .title-info h3,.product-detail .title-info h2 {
color: #d7d1c9;
font-size: 20px;
letter-spacing:1px;
margin-bottom:15px;
margin-top: 7px;
font-family: 'Basis-Grotesque-Pro';
}
.product-container .gallery-block {
background: #fff;
padding: 20px;
margin-bottom: 20px;
}
.product-container .gallery-block .thumnail {
background: #efefef;
}
.product-container .thumbnail {
background: #fff;
padding: 20px;
}
.thumnail-block {
margin: 0 auto;
width: calc(100% - 50px);
}
.product-thumbnail .item {
height: 100px;
background: center center no-repeat;
background-size: contain;
cursor: pointer;
margin: auto;
}
.product-thumbnail button.owl-prev,
.product-thumbnail button.owl-next {
position: absolute;
font-size: 25px !important;
top: 30px;
}
.product-thumbnail button.owl-prev {
left: -10px;
}
.product-thumbnail button.owl-next {
right: -10px;
}
.product-container .product-carousel {
height: 500px;
position: relative;
}
.product-container .product-carousel .item{
height: 500px;
width: 100%;
position: absolute;
background: center center no-repeat;
background-size: contain;
display: none;
}
.product-container .product-carousel .item:first-child{
display: block;
}
.product-container .autor {
position: relative;
height: 130px;
}
.product-container .autor .link{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
}
.product-container .autor .title {
position: absolute;
width: 130px;
padding: 2px 15px;
text-align: right;
color: #fff;
background: #d7d1c9;
transform: rotate(-90deg);
top: 53px;
left: -53px;
}
.product-container .autor .image {
height: 130px;
width: 110px;
margin-left: 25px;
background: center center no-repeat;
background-size: cover;
float: left;
}
.product-container .autor .name {
height: 130px;
width: 70px;
float: left;
padding: 10px;
text-align: left;
font-family: 'Basis-Grotesque-Pro';
}
.product-container .autor .info {
height: 130px;
width: calc(100% - 205px);
float: left;
padding: 10px;
text-align: left;
font-size: 12px;
background: #e9e9e9;
}
.product-container .autor .info blockquote {
border: 0;
font-size: 12px;
}
.product-detail .block-label {
font-family: 'Basis-Grotesque-Pro';
margin-bottom: 15px;
}
.product-detail .productd_size{
padding: 25px 0;
}
.product-detail .productd_size .item{
display: inline-block;
text-align: center;
margin-right: 10px;
min-height: 80px;
vertical-align: top;
padding: 0 5px;
}
.product-detail .productd_size .item span{
font-size: 12px;
}
.product-detail .productd_size .item .icon{
width: 50px;
height: 50px;
display: block;
position: relative;
background: center bottom no-repeat;
background-size: contain;
margin: 0 auto 10px;
}
.prod37 .product-detail .productd_size .item .icon,
.prod38 .product-detail .productd_size .item .icon,
.prod27 .product-detail .productd_size .item .icon,
.prod28 .product-detail .productd_size .item .icon,
.prod32 .product-detail .productd_size .item .icon,
.prod33 .product-detail .productd_size .item .icon,
.prod34 .product-detail .productd_size .item .icon,
.prod9 .product-detail .productd_size .item .icon,
.prod10 .product-detail .productd_size .item .icon,
.prod19 .product-detail .productd_size .item .icon,
.prod41 .product-detail .productd_size .item .icon,
.prod20 .product-detail .productd_size .item .icon,
.prod17 .product-detail .productd_size .item .icon,
.prod15 .product-detail .productd_size .item .icon,
.prod16 .product-detail .productd_size .item .icon,
.prod1 .product-detail .productd_size .item .icon,
.prod29 .product-detail .productd_size .item .icon,
.prod3 .product-detail .productd_size .item .icon,
.prod7 .product-detail .productd_size .item .icon,
.prod8 .product-detail .productd_size .item .icon,
.prod2 .product-detail .productd_size .item .icon
{
width: 80px;
height: 80px;
display: block;
position: relative;
background: center bottom no-repeat;
background-size: contain;
margin: 0 auto 10px;
}
.product-detail .productd_material {
border-top: 1px solid #ccc;
padding: 25px 0 0;
}
.product-detail .block-sublabel {
font-size: 12px;
margin-bottom: 5px;
}
.productd_material .block-label{
margin-bottom: 0;
}
.product-material .list-info {
font-size: 14px;
font-style: italic;
margin-bottom: 30px;
}
.product-material .list-block {
margin-bottom: 15px;
}
.product-material .list-block .list-label {
padding-top: 20px;
}
.product-material .list-block .item {
display: inline-block;
margin-right: 5px;
overflow: hidden;
vertical-align: top;
}
.product-material .list-side .item .sample{
display: inline-block;
margin-right: 5px;
height: 15px;
width: 40px;
vertical-align: middle;
overflow: hidden;
}
.product-material .item img {
display: block;
height: 100% !important;
}
.product-material .item .sample{
box-shadow: 0 0 3px #666;
margin-left: 2px;
}
.product-material .item .name-top {
display: none;
}
.product-faq {
float: right;
text-transform: uppercase;
font-family: 'Basis-Grotesque-Pro';
text-decoration: underline;
z-index: 2;
position: relative;
}
.product-faq:hover{
text-decoration: none;
}
.collnew{
height: 50px;
width: 50px;
background: center left no-repeat url('../img/lcnew.png');
background-size: contain;
position: absolute;
top:5px;
z-index: 1;
left:20px;
}
.product-detail .title-info.dcnews{
background: center right no-repeat url('../img/lcnew.png');
background-size:80px;
}
.product-icon-service {
height: 45px;
width: 110px;
background: center left no-repeat url('../img/product-HobbyGreenService.jpg');
background-size: contain;
position: absolute;
top: 500px;
z-index: 1;
left: 35px;
text-align: right;
}
.product-icon-expo {
background: top right no-repeat;
background-size: auto 30px;
display: inline-block;
height: 25px;
width: 40px;
margin-top: 5px;
}
.filter-item {
cursor: pointer;
}
.filter-item {
padding:3px;
}
.filter-item:hover {
text-decoration: underline;
}
.filter-item.selected {
background: #fff;
/*box-shadow: 0 0 3px #000;*/
border-radius: 4px;
}
.product-material .list-bottom .item {
margin-right: 0px;
text-align: left;
padding: 5px;
}
.productItem-boira .product-material .list-bottom .item {
margin-right: 0;
}
.product-material .list-bottom .item .name-bottom{
display: block;
text-align: center;
}
.product-material .list-bottom .item .sample{
height: 80px;
width: 80px;
display: block;
overflow: hidden;
}
.product-material .list-top .item {
margin-right: 30px;
text-align: left;
position: relative;
}
.product-material .list-top .item .sample{
height: 50px;
width: 100px;
display: block;
margin-top: 10px;
}
.product-material .list-top .item .name{
font-style: italic;
}
.product-material .list-top .item .name-top {
display: block;
}
.product-material .list-top .item .name-bottom {
display: none;
}
.product-footer {
padding: 20px 0 50px;
border-top: 1px solid #d7d1c9;
}
.product-footer h3{
font-family: 'Basis-Grotesque-Pro';
font-size: 20px;
}
.product-detail .productd_description {
display: none;
}
.product_symbol {
margin-top: 20px;
}
.product_symbol .item {
display: inline-block;
margin-right: 10px;
vertical-align: top;
margin-bottom: 10px;
background: #f4f4f4;
padding: 5px 14px 5px 10px;
border-radius: 7px;
}
.product_symbol .item .icon{
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.product-related {
border-top: 0;
padding: 50px 0;
}
.product-accessory {
background: #d7d1c9;
padding: 50px 0;
border-bottom: 20px solid #fff;
}
.product-related h2,
.product-accessory h2{
font-family: 'Basis-Grotesque-Pro';
}
.product-accessory .info {
font-family: 'Basis-Grotesque-Pro';
}
.product-accessory .text {
color: #d7d1c9;
}
@media (min-width: 300px) and (max-width: 767px) {
.product-detail .title-info p {
border: none;
}
}
.product-detail .hf-tecnical {
padding: 3px 0 10px;
}
.product-detail .hf-tecnical .disabled-filter {
opacity: 0.6;
}
.product-detail .hf-tecnical p {
font-size: 14px;
letter-spacing: 1px;
}
.product-detail .hf-tecnical ul li {
list-style: none;
}
.product-detail .hf-tecnical ul {
padding-left: 0
}
.product-detail .hf-tecnical .colors .list-colors input[type=radio], .product-detail .hf-tecnical .colors .list-colors-2 input[type=radio] {
margin: 5px 10px 0 0;
}
.product-detail .hf-tecnical .colors .list-colors .white, .product-detail .hf-tecnical .colors .list-colors .black, .product-detail .hf-tecnical .colors .list-colors .antracita, .product-detail .hf-tecnical .colors .list-colors .taupe, .product-detail .hf-tecnical .colors .list-colors .xocolata, .product-detail .hf-tecnical .colors .list-colors .vermell, .product-detail .hf-tecnical .colors .list-colors-2 .white, .product-detail .hf-tecnical .colors .list-colors-2 .black, .product-detail .hf-tecnical .colors .list-colors-2 .antracita, .product-detail .hf-tecnical .colors .list-colors-2 .taupe, .product-detail .hf-tecnical .colors .list-colors-2 .xocolata, .product-detail .hf-tecnical .colors .list-colors-2 .vermell {
width: 18px;
height: 10px;
display: inline-block;
margin-right: 6px;
}
.product-detail .hf-tecnical .colors .list-colors div {
}
.product-detail .hf-tecnical .colors .list-colors .white, .product-detail .hf-tecnical .colors .list-colors-2 .white {
background: #FFF;
}
.product-detail .hf-tecnical .colors .list-colors .black, .product-detail .hf-tecnical .colors .list-colors-2 .black {
background: #000;
}
.product-detail .hf-tecnical .colors .list-colors .antracita, .product-detail .hf-tecnical .colors .list-colors-2 .antracita {
background: #545454;
}
.product-detail .hf-tecnical .colors .list-colors .taupe, .product-detail .hf-tecnical .colors .list-colors-2 .taupe {
background: #bdaf9d;
}
.product-detail .hf-tecnical .colors .list-colors .xocolata, .product-detail .hf-tecnical .colors .list-colors-2 .xocolata {
background: #5a4740;
}
.product-detail .hf-tecnical .colors .list-colors .vermell, .product-detail .hf-tecnical .colors .list-colors-2 .vermell {
background: #ba2a24;
}
.product-detail .hf-tecnical .colors ul li {
margin-left: 0;
list-style: none;
}
.product-detail .hf-tecnical .colors ul, .product-detail .material ul {
padding: 0;
}
.product-detail .material {
border-bottom: 1px solid #ccc;
padding: 22px 0 40px;
}
.product-detail hr {
border-color: #ccc;
margin-top: 13px;
}
.product-detail .material p {
font-size: 14px;
letter-spacing: 1px;
}
.product-detail .material ul li {
list-style: none;
}
.product-detail .material img {
float: right;
}
.ficha-collection {
background-color: #f4f4f4;
padding-bottom: 70px;
}
.ficha-collection hr {
border-color: #ccc;
margin: 0
}
.ficha-collection h2 {
font-size: 24px;
letter-spacing: 2px;
margin-bottom: 20px;
padding: 25px 0;
text-align: center;
}
.ficha-collection h2 span{
}
.potser {
background: #FFF;
padding: 30px 0 38px;
}
.potser .info h2 {
font-size: 24px;
letter-spacing: 1px;
line-height: 31px;
margin-bottom: 20px;
width: 177px;
}
.potser .info p {
font-weight: bold;
margin-bottom: 3px;
}
.potser .info .green {
color: #d7d1c9;
margin-top: -1%;
}
.product-gallery {
margin: 0;
padding: 0;
}
#hg-slider .to-left {
left: -20px;
}
#hg-slider .to-right {
right: -20px;
}
.autorboxprod{width: 198px;float: left;padding-right: 10px;}
.to-left {
left: -22px;
margin-top: -11px;
position: absolute;
top: 50%;
}
.to-right {
right: -22px;
margin-top: -11px;
position: absolute;
top: 50%;
}
.to-left i, .to-right i {
color: #3f3f3f;
font-size: 21px;
}
/* Styles header proyectos */
.empresa {
background-color: #fff;
overflow: hidden;
position: relative;
}
.empresa-desc {
position: relative;
}
.empresa-info {
min-height: 410px;
position: relative;
}
.empresa-info-content {
margin-top: -53px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.empresa-info-content h3 {
color: #d7d1c9;
font-size: 24px;
letter-spacing: 2px;
margin-bottom: 24px;
}
.empresa-info-content p {
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
.hf-proyectos .empresa .info-desc{
margin-top: 50px;
}
.flecha_izquierda {
border-bottom: 20px solid transparent;
border-right: 20px solid white;
border-top: 20px solid transparent;
height: 0;
margin-top: -20px;
position: absolute;
right: 0;
top: 50%;
width: 0;
}
.flecha_izquierda.to-right {
border-left: 20px solid white;
border-right: none;
left: 0;
}
.empresa a {
}
.empresa a .no-visible {
background-color: rgba(119, 161, 59, 0.9);
display: none;
height: 100%;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.empresa a .no-visible p {
color: #fff;
}
.empresa a .no-visible p {
left: 50%;
letter-spacing: 1px;
margin-left: -198px;
margin-top: -75px;
padding: 15px;
position: relative;
top: 50%;
width: 395px;
}
.empresa a .no-visible p span {
display: block;
font-weight: bold;
margin-top: 20px;
}
.empresa a:hover .no-visible {
display: block;
}
/* View in mobile */
.title-mobile {
margin-bottom: -40%;
margin-top: 25%;
position: relative;
color: white;
text-align: center;
background: #4c4c4c;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #4c4c4c), color-stop(12%, rgba(89, 89, 89, 0.95)), color-stop(25%, rgba(102, 102, 102, 0.9)), color-stop(39%, rgba(71, 71, 71, 0.84)), color-stop(50%, rgba(44, 44, 44, 0.8)), color-stop(51%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(17, 17, 17, 0.76)), color-stop(76%, rgba(43, 43, 43, 0.7)), color-stop(91%, rgba(28, 28, 28, 0.64)), color-stop(100%, rgba(19, 19, 19, 0.6)));
background: linear-gradient(to bottom, #4c4c4c 0%, rgba(89, 89, 89, 0.95) 12%, rgba(102, 102, 102, 0.9) 25%, rgba(71, 71, 71, 0.84) 39%, rgba(44, 44, 44, 0.8) 50%, rgba(0, 0, 0, 0.8) 51%, rgba(17, 17, 17, 0.76) 60%, rgba(43, 43, 43, 0.7) 76%, rgba(28, 28, 28, 0.64) 91%, rgba(19, 19, 19, 0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.title-mobile h2 {
color: #d7d1c9;
font-size: 24px;
}
.title-mobile p {
font-size: 12px;
text-transform: uppercase;
}
#boxmodelocol{margin-top:26px;}
.itemsmodelp{float: left;}
.delright{margin-right: 0;padding-right: 0;}
.cdesign{color:#69bab4 }
.cproject{color:#678150 }
.cclassic{color:#ebadda }
.cbasic{color:#dac23d }
.cdesignline{border-top: 1px solid #69bab4 }
.cprojectline{border-top: 1px solid #678150 }
.cclassicline{border-top: 1px solid #ebadda }
.cbasicline{border-top: 1px solid #dac23d }
.accesorioline{border-top: 1px solid #d7d1c9 }
.simbologialine{border-top: 2px solid #343434;margin-bottom:50px }
.cdesignline h2{margin: 0;display: inline-block; padding: 4px 6px;font-size:17px;}
.cprojectline h2{background-color:#678150;color: #fff;margin: 0;display: inline-block;padding: 4px 6px;font-size:17px; }
.cclassicline h2{background-color:#ebadda;color: #fff;margin: 0;display: inline-block;padding: 4px 6px;font-size:17px; }
.cbasicline h2{background-color:#dac23d;color: #fff;margin: 0;display: inline-block;padding: 4px 6px;font-size:17px; }
.accesorioline h2{background-color:#d7d1c9;color: #fff;margin: 0;display: inline-block;padding: 4px 6px;font-size:17px; }
.accesorioline h2 span,.cbasicline h2 span,.cclassicline h2 span,.cprojectline h2 span,.cdesignline h2 span {
letter-spacing: 2px;
font-size:19px;
}
.hf-collection-sections > div.collection-block:first-child{border: 0;padding-top:5px}
.hf-collection-sections .boxinfocoll {
max-width: 300px;
margin: auto;
}
.linedownloadcollect{text-align: right;margin: 20px 0 15px;}
.linedownloadcollect a{color: #333;font-weight: 600}
.boxlogosimb{width:44px;float: left;margin-bottom: 30px }
.boxtxtsimb{float: left;margin-left:20px; }
@media (min-width: 767px) and (max-width: 1199px) {
.title-mobile {
margin-bottom: -30%;
}
}
/* Empresa destacada, proyectos2 section */
.empresa-destacada-info {
background: white;
}
.empresa-destacada-info .header-desc {
padding: 3% 0 8% 0;
}
.empresa-destacada-info h2, .empresa-destacada-info .subtitle {
text-align: center;
}
.empresa-destacada-info h2 {
color: #d7d1c9;
font-size: 24px;
}
.empresa-destacada-info .subtitle {
font-size: 12px;
text-transform: uppercase;
}
.empresa-destacada-info .info-section img {
width: 100%;
padding-bottom: 7%;
}
.empresa-destacada-info .info-section .info-desc {
font-size: 14px;
font-weight: bold;
padding: 4%;
}
@media (min-width: 768px) {
.hl-collection .col-xs-12.col-sm-6.col-md-6.col-lg-6:first-child {
border-right: 1px solid #d2d2d2;
padding-right: 35px;
}
.hl-collection .col-xs-12.col-sm-6.col-md-6.col-lg-6:nth-child(2) {
padding-left: 35px;
}
.proyectos-header-info {
letter-spacing: 1px;
padding-left: 35px;
}
.hf-proyectos-header {
border-right: 1px solid #d2d2d2;
padding-right: 25px;
}
.hf-proyectos-header h1 {
font-size: 36px;
letter-spacing: 4px;
margin-bottom: 40px;
margin-top: 0; text-transform:uppercase;
}
.form-contact .col-xs-12.col-sm-6.col-md-6.col-lg-6:first-child {
border-right: 1px solid #c9c9c9;
padding-right: 30px
}
.contact-tel button{
text-align:left;
}
.form-contact .col-xs-12.col-sm-6.col-md-6.col-lg-6:last-child {
padding-left: 30px
}
.adellina .section1 .promo1 p {
margin-top: 50px;
}
.h-social .hg-info .section1 .promo1 h1 {
margin-bottom: 36px;
}
.promo-patentat {
margin-top: 27px;
}
}
@media (min-width: 1200px) {
.footer-menu img {
float: right;
}
}
@media (max-width: 1199px) {
#myCarousel .carousel-inner .item {
/* height: 500px; */
}
.serveis div:nth-child(2) div div:nth-child(5) img, .serveis div:nth-child(2) div div:nth-child(7) img {
margin-top: 15%;
}
.hl-info .hl-right .more-hg-info {
padding-top: 17%;
}
/*.hl-info-colors .hl-collection .colors img {
padding-top: 216%;
}*/
.empresa-info {
min-height: 389px;
position: relative;
}
.hg-special .special-info-2 .dades {
margin-left: -3.5%;
}
.blog-title h2 {
font-size: 37px;
}
.adel-steps p {
margin-left: 50px;
}
.hg-info .section1 .promo2 .title-info {
width: 66%;
}
.blog-title p {
letter-spacing: 0;
width: auto;
}
}
@media (max-width: 991px) {
.hf-collection-sections.container .collection-block:first-child {
border-top: 0!important;
}
.ico-frozen {
width: 15px;
}
.serveis .desc-servei h3 {
font-size: 18px;
line-height: 32px;
width: auto;
}
.hf-navbar-default .navbar-right a, .hf-fixed-navbar .navbar-right a {
padding-left: 9px;
padding-right: 9px;
color: #fff;
}
.hg-special .section2 .desc, .hg-special .section3 .desc {
width: auto;
}
.hg-right {
margin-top: 0;
}
.hg-special .section2 .desc {
padding-bottom: 25px;
width: auto;
}
.hl-info .hl-right .more-hg-info {
padding-top: 0;
}
.img-bottom {
padding-top: 52%;
}
/*.hl-info-colors .hl-collection .colors img {
padding-top: 282%;
}*/
.empresa-info {
min-height: 301px;
position: relative;
}
.hg-special .section3 .desc {
margin-bottom: 0;
}
.hg-special .special-info-2 .dades {
margin-left: -6.5%;
}
.blog-title h2 {
font-size: 28px;
}
.blog-title p {
width: auto;
}
.blog-title .col-xs-12.col-sm-8.col-md-7.col-lg-7 {
margin-top: 22px;
}
.hf-post .social-post {
right: 15px;
}
.hf-post .social-post {
bottom: 0;
margin: 25px 0 0;
position: relative;
right: 0;
text-align: center;
}
.hf-post .social-post ul {
padding: 0
}
.detalle .proyectos-header-info .subtitle {
width: auto;
}
.detalle .empresa-info-content {
padding: 20px 20px 0 11px;
}
.product-detail .material {
padding: 20px 0;
}
.ficha-collection h2 {
padding: 0;
}
.ficha-collection {
padding-bottom: 30px;
}
.hg-info .section1 .promo1 h5 {
width: auto;
}
.adel-steps p {
margin-left: 0;
}
.hf-jumbotron p {
width: auto;
}
.hg-info .section1 .promo2 .title-info {
width: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hobby-light .hl-info .hl-right {
padding: 0 0 0 25px;
}
.hobby-light .hl-info h2 {
line-height: 30px;
margin-bottom: 0;
margin-top: 10px;
}
}
@media (max-width: 767px) {
.navbar-wrapper {
display: none;
}
.hf-fixed-navbar .navbar-brand {
width: 100px;
}
.mini-menu.visible-xs {
position: absolute;
top: 0;
right: 20px;
}
.mini-menu.visible-xs > ul {
padding: 0;
width: 300px;
}
.mini-menu.visible-xs > ul li {
margin-left: 5%;
}
.navbar-toggle {
margin-bottom: 0;
margin-top: 25px;
padding-bottom: 0;
color:#fff
}
a.navbar-toggle:hover {
color:#fff
}
.navbar-fixed-top {
height: 95px;
padding-top: 20px;
}
#navbar .nav {
background-color: #343434;
margin-top: 0;
}
.navbar-collapse {
border: none;
box-shadow: none;
margin-top: 8px;
}
.hf-fixed-navbar .navbar-right a {
border-bottom: none;
}
.hf-fixed-navbar .navbar-right li:last-child a {
border-bottom: 1px solid #fff
}
.carousel-title h2 {
font-size: 18px;
margin-top: 5px;
text-align: center;
}
.carousel-caption {
padding-top: 0;
top: 80px;
}
.carousel-title {
margin-top: 0;
}
.mini-menu .dropdown-menu {
left: -28px;
}
#myCarousel .carousel-inner .item {
height: 335px;
}
.noPL, .col-middle-left {
padding-left: 15px;
}
.noPR, .col-middle-right {
padding-right: 15px;
}
.noP {
padding: 0 15px;
}
.hf-jumbotron {
padding: 30px 0 50px;
}
.seccio-sistema {
padding-bottom: 45px;
}
.serveis {
padding-top: 78px;
}
.serveis .desc-servei img {
margin-top: 25px !important;
}
.desc-servei .grey-button {
margin-bottom: 25px;
}
.super-footer {
height: inherit;
padding: 8% 15px;
}
.super-footer .spfooter {
position: relative;
top: auto;
margin: auto;
}
.super-footer .foot-spfooter {
position: relative;
bottom: auto;
padding-top: 30px;
}
.footer-menu div div div:first-child {
text-align: center;
}
.hf-container {
padding-top: 69px;
}
.hf-collection-sections.container .collection-block:first-child {
border-top: 1px solid #ccc;
}
.jumbo-hobby, .jumbo-hobby.patentat {
height: 300px;
}
.jumbo-hobby div div {
left: 20px;
top: 80px;
}
.hg-info .section1 .promo2 {
padding-left: 15px;
}
.hg-info div div div:nth-child(2) hr {
display: none;
}
.hg-special {
padding: 5% 0 0;
}
.hg-special .section1 .promo2 {
border-left: 0;
margin-top: 25px;
padding-left: 15px;
}
.separa {
height: 0;
}
.hg-special .section2 .desc {
padding-bottom: 25px;
}
.hg-special .section3 img {
margin-top: 60px;
}
.hg-special .section3 .title, .hg-special .section3 .desc {
padding-left: 0;
}
.hg-special .section3 .title {
margin-top: 35px;
}
.hg-right {
float: left;
margin-right: 0;
margin-top: 30px;
}
.hg-info {
padding: 10px 0 30px;
}
.title-step h3 {
font-size: 20px;
}
.title-step h3 img {
margin-left: 0;
width: 50px;
}
.title-step h3 span {
margin-left: 0;
}
.hr-steps {
border-color: #ccc;
margin: 30px 0;
}
.step {
padding: 30px 0 0;
}
.hl-info .hl-right {
width: auto;
}
.hg-special .special-info-2 p {
padding: 5px 0 0 0;
margin-bottom: 0;
}
.hg-special .special-info-2 .dades {
margin-top: 10px;
margin-left: 0;
padding-left: 0;
}
.hg-special .special-info-2 {
padding-bottom: 35px;
padding-top: 0;
}
.hg-special .special-info {
padding-bottom: 10px;
}
.hl-info-colors .hl-photos, .hl-collection {
padding-top: 20px;
}
.hl-info-colors .hl-collection .subtitle {
padding-bottom: 0;
}
.hl-info-colors .hl-photos {
padding-bottom: 30px;
}
.hg-gallery {
padding: 10px 0 17px;
}
.img-bottom {
padding-top: 0;
}
.hl-info-colors .hl-collection .colors img {
padding-top: 48px;
}
.empresa-info {
min-height: inherit;
}
.empresa-info-content {
margin-top: 0;
position: relative;
top: 0;
margin-bottom: 20px;
}
.empresa {
padding-top: 25px;
}
.flecha_izquierda {
display: none;
}
.empresa-desc.noP {
padding: 0;
}
.faq-title div div:nth-child(2) p {
float: left !important;
width: auto;
}
.faq-info {
margin-top: 35px;
}
.ir-arriba {
bottom: 5px;
padding: 7px 12px;
right: 5px;
}
.faq-info article {
padding-top: 80px
}
.faq-info {
padding: 5% 15px;
}
.subtitle {
margin-top: 0;
}
.flecha-arriba {
display: none;
}
.flecha-derecha {
display: none;
}
.hl-collection {
border-bottom: none;
margin-bottom: 0;
}
.hf-collection-sections {
padding-bottom: 25px;
}
.hf-collection-header h1 {
margin-top: 10px;
}
.blog-title .super-title {
padding-bottom: 16px;
padding-top: 16px;
}
.blog-title .col-xs-12.col-sm-8.col-md-7.col-lg-7 {
border-left: none;
margin-bottom: 13px;
margin-top: 0;
}
.blog-title .container {
background-image: none;
}
.hf-sidebar .section-sidebar h5 {
padding-bottom: 0;
}
.hf-sidebar .section-sidebar {
padding: 15px 0 10px;
}
.hf-post {
padding: 20px 15px;
}
.detalle .proyectos-header-info .subtitle {
float: none;
margin: 0;
text-align: left;
}
.detalle .proyectos-header-info {
border-left: none;
margin-bottom: 20px;
margin-top: 0;
}
.detalle .clear-fix {
height: 30px;
}
.bx-wrapper {
margin: 0 auto 18px;
}
.product-detail .hf-tecnical .tamanys {
border-right: none;
}
.ficha-collection .col-xs-offset-1 {
margin-left: 0;
}
.product-detail .hf-tecnical .colors ul.list-colors {
margin-bottom: 0;
}
.potser {
padding-top: 10px;
}
.product-detail .title-info p {
padding: 0 0 0px 0;
}
.product-detail .title-info h3 {
margin-bottom: 6px;
}
.promo1 {
padding-top: 0;
}
.s-patentat .hg-info {
padding-top: 0;
}
.desc-promo-patentat {
padding-top: 0;
}
.hg-info .section1 .promo2 {
margin-top: 0;
}
.plantat img.visible-xs {
display: inline !important;
}
.s-patentat .hg-info {
padding-bottom: 0;
}
.list-patentat ul {
padding: 0;
}
.h-social .hg-info {
padding: 10px 0 20px;
}
.eco-hobby {
padding-top: 10px;
}
.adel-steps p {
text-align: center;
width: auto;
}
.adel-steps {
padding-top: 30px;
}
.video {
padding-bottom: 20px;
padding-top: 20px;
}
.jumbo-hobby .hg-subtitle, .jumbo-hobby .hg-title, .jumbo-hobby .hg-subtitle {
font-size: 30px;
}
.jumbo-hobby .hg-subtitle, .jumbo-hobby .hg-subtitle {
line-height: 34px;
padding-right: 15px;
}
.projecto-detalle {
padding-bottom: 25px;
padding-top: 0;
}
.hg-gallery .hg-carousel {
padding: 15px 30px;
}
.hg-special .special-info h2 {
width: auto;
}
.hg-special .special-info div.col-xs-12.col-sm-6.col-md-6.col-lg-6:last-child, .hg-special .special-info-2 div.col-xs-12.col-sm-6.col-md-6.col-lg-6:last-child {
border-left: none;
}
.seccio-sistema .des-sistema {
margin-bottom: 50px;
}
.hobby-light .hl-info .hl-right {
padding: 15px 0 0 25px;
}
.hobby-light .hl-info h2 {
margin-bottom: 15px;
}
.hf-proyectos-header h1 {
margin-top: 5px;
}
.faq-title p {
border-left: none;
padding-left: 0;
}
.adel-steps p.special-height {
height: 61px;
}
#hg-slider .to-left {
left: -15px;
}
#hg-slider .to-right {
right: -15px;
}
.menutopb .hf-container {
padding-top:90px;
}
}
@media (max-width: 480px) {
.title-step h3 {
font-size: 16px;
}
.list-patentat li span {
padding-bottom: 10px;
}
}
@media (max-width: 360px) {
.empresa a .no-visible p {
padding: 20px;
width: auto;
left: 0;
position: relative;
margin-left: 0;
top: 0;
margin-top: 0;
}
}
@media (max-width: 320px) {
.empresa a .no-visible p span {
margin-top: 5px;
}
.empresa a .no-visible p {
padding-top: 10px;
}
}
.list-blog-esp-desc{
margin-top:20px;
margin-bottom: 20px;
}
.spatenta_import {
border: 1px solid #333;
margin-bottom: 30px;
padding: 20px;
text-align: justify;
}
.spatenta_import strong {
color: #d7d1c9;
}
.recent-post .row{margin-bottom:20px;}
.pagecms .faq-info article {
padding-top:0px;
}
.prodimgdetail{
width: 100%;
padding:17px 0;
text-align: center;
}
.prodimgdetail img{margin: 0 auto}
.productd_simbologia_t{
font-size: 14px;
letter-spacing: 1px;
margin:15px 0 8px;
}
.product-detail .material .productd_simbologia img{float: none;margin-right: 5px;}
.textbold {
font-weight:normal;
font-size: 14px!important;
}
.ttextbold{font-size: 15px!important;}
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
text-align:center;
margin-right:-4px;
}
.col-centeredp {
display:inline-block;
float:none;
text-align:left;
margin-right:-4px;
vertical-align: top;
}
.empresa-info-content p a{
color: #343434;
}
.adelinasubtxt{
margin: 50px 0px 10px;
color: black;
font-size: 14px;
text-transform: uppercase;
}
/* MESSAGES
*******************************************************************************/
.error,
a.error span,
.validation-advice { color:#D40707 !important; font-style:bold !important; }
.notice { color:#ea7601}
.flashmessages ul { border:0 !important; }
.flashmessages li {
min-height:23px !important;
margin-bottom:11px !important;
padding:8px 8px 2px 32px !important;
font-size:.95em !important;
font-weight:bold !important;
list-style:none;
}
.flashmessages ul li {
margin:0 0 3px 0 !important;
border:0 !important;
padding:0 !important;
}
.flashmessages_content{
padding: 10px 30px;
}
.flashmessages{
padding: 0px 0px 0px 0px;
}
.error-msg {
border:1px solid #f16048 !important;
color:#df280a !important;
background:#faebe7 url(../img/error_msg_icon.gif) no-repeat 10px 10px !important;
margin: 10px 0;
}
.success-msg {
border:1px solid #95a486 !important;
color:#3d6611 !important;
background:#eff5ea url(../img/success_msg_icon.gif) no-repeat 10px 10px !important;
margin: 10px 0;
}
.error-msg li{
padding-left: 30px
}
.error-msg ul{
margin: 0; padding: 0; border: 0;list-style: none;
}
.notice-msg {
border:1px solid #ffd967 !important;
background:#fffbf0 url(../img/note_msg_icon.gif) no-repeat 10px 10px !important;
color:#3d6611 !important;
}
.warning-msg {
border:1px solid #666e73 !important;
background:#e6e6e6 url(../img/warning_msg_icon.gif) no-repeat 10px 10px !important;
color:#000000 !important;
}
#flashMessages{
clear: left;
clear:both;
height: auto;
}
/*fin MESSAGES*/
/*CMS*/
.jumbotron-cms{
height: 460px;
position: relative;
}
.jumbotron-cms .container-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 460px;
overflow: hidden;
}
.jumbotron-cms .container-image .image{
display: block;
margin: auto;
width: 100%;
}
.jumbotron-cms .container-text{
position: absolute;
bottom: 150px;
left: 0;
width: 100%;
}
.jumbotron-title{
color: #fff;
font-family: 'Basis-Grotesque-Pro';
font-size: 45px;
margin: 0;
letter-spacing: 2px;
}
.jumbotron-subtitle{
color: #fff;
font-family: 'BreweryNo2W06-Regular';
font-size: 45px;
margin: 0;
}
@media (max-width: 990px) {
.jumbotron-cms,
.jumbotron-cms .container-image{
height: 300px;
}
.jumbotron-cms .container-text{
bottom: 20px;
}
.jumbotron-title,
.jumbotron-subtitle {
font-size: 40px;
}
}
@media (max-width: 680px) {
.jumbotron-cms .container-image .image{
width: auto;
height: 300px;
}
.jumbotron-title,
.jumbotron-subtitle {
font-size: 30px;
}
}
.info-cms {
padding: 60px 0 30px;
border-bottom: 1px solid #c8c8c8;
background: #f4f4f4;
}
.info-cms-left {
border-right: 1px solid #c8c8c8;
padding-right: 30px;
}
.info-cms-right {
padding-left: 30px;
}
.info-cms h3{
color: #d7d1c9;
margin: 0 0 60px 0;
font-family: 'BreweryNo2W06-Regular';
font-size: 30px;
}
@media (max-width: 767px) {
.info-cms-left {
border-right: 0;
padding-right: 15px;
}
.info-cms-left h3{
margin-bottom: 20px;
}
.info-cms-right{
padding: 0 15px;
}
}
.info-cms .text{
font-family: 'Basis-Grotesque-Pro';
color: #272727;
font-size: 14px;
}
.image-cms {
padding: 50px 0;
background: #f4f4f4;
}
.image-cms .image{
display: block;
margin: auto;
max-width: 90%;
width: auto;
}
.dialog-arrow-cms {
background:url('../img/icon-arrow.png') no-repeat bottom center;
height: 17px;
}
.instruction-cms {
padding: 60px 0;
}
.instruction-cms-title {
margin-bottom: 30px;
}
.instruction-cms-title h3 {
font-size: 30px;
color: #d7d1c9;
font-family: 'BreweryNo2W06-Regular';
margin: 0;
}
.instruction-cms-title .quote {
max-width: 150px;
margin-left: auto;
text-transform: uppercase;
font-family: 'Basis-Grotesque-Pro';
}
@media (max-width: 768px) {
.instruction-cms-title .quote {
max-width: 100%;
}
}
.instruction-cms-grid .col {
padding: 0;
margin-bottom: 50px;
}
.instruction-cms-grid .reference {
text-align: center;
position: relative;
margin-bottom: 30px;
}
.instruction-cms-grid .image {
height: 150px;
text-align: center;
position: relative;
width: 100px;
margin: 0 auto 30px;
}
.instruction-cms-grid .image img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
}
.instruction-cms-grid .reference::before{
content: '';
position: absolute;
border-bottom: 1px solid #cfcecb;
width: 100%;
top: 15px;
left: 0;;
}
.instruction-cms-grid .reference span{
display: inline-block;
background: #cfcecb;
border-radius: 3px;
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
text-align: center;
position: relative;
}
.instruction-cms-grid .title {
padding: 0 20%;
color: #d7d1c9;
text-transform: uppercase;
}
.instruction-cms-grid .text {
padding: 0 20%;
text-align: justify;
}
.desing-container {
background: #f4f4f4;
padding: 60px 0;
}
.desing-container .profile{
text-align: center;
}
.desing-container .profile img{
cursor: pointer;
}
.desing-container .profile .name{
text-transform: uppercase;
font-size: 'Basis-Grotesque-Pro';
padding: 5px 0;
}
.desing-container .profile .arrow{
width: 1px;
height: 1px;
border: 20px transparent solid;
border-bottom-color: #d7d1c9;
display: block;
margin: -10px auto 0;
opacity: 0;
}
.desing-container .profile.active .arrow{
opacity: 1;
}
.designer-panel {
background: #d7d1c9;
padding: 20px;
color: #fff;
}
.designer-panel .name {
text-transform: uppercase;
font-size: 'Basis-Grotesque-Pro';
padding: 5px 0;
margin-bottom: 15px;
}
.designer-panel .image {
float: left;
margin: 0 20px 20px 0;
}
.designer-panel .owl-carousel .item {
height: 180px;
background: center center no-repeat;
background-size: cover;
display: block;
}
.designer-panel .gallery-block {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 15px 0;
}
.panel-block {
display: none;
}
.panel-block.active {
display: block;
}
.designer-panel .gallery-block .left {
float: left;
width: 25px;
height: 180px;
line-height: 180px;
text-align: center;
color: #fff;
font-size: 20px;
}
.designer-panel .gallery-block .right {
float: right;
width: 25px;
height: 180px;
line-height: 180px;
color: #fff;
text-align: center;
font-size: 20px;
}
.designer-panel .gallery-block .gallery {
margin: 0 30px;
}
@media (max-width: 992px) {
.desing-items{
display: none;
}
.designer-panel .panel-block {
display: block;
}
.designer-panel .gallery-block {
margin-bottom: 20px;
}
}
.filter-category {
text-align: center;
margin-bottom: 20px;
}
.filter-category span {
color: #d7d1c9;
cursor: pointer;
}
.filter-category span.active {
color: #000;
text-decoration: underline;
}
.filter-category li{
display: inline-block;
list-style: none;
margin: 0 10px;
}
.filter-grid .item {
text-align: center;
margin-bottom: 30px;
max-width: 100%;
}
.filter-grid .item a{
display: block;
color: #000;
}
.filter-grid .image {
display: block;
height: 300px;
width: 300px;
margin: auto;
background: center center no-repeat;
background-size: cover;
}
.filter-grid .item .name{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: block;
font-family: sans-serif;
font-size: 20px;
padding: 10px 0 5px;
}
.filter-grid .item .place{
display: block;
font-family: 'Basis-Grotesque-Pro';
}
.hf-proyectos .item .name{
font-family: 'Cardo-Regular';
font-size: 17px;
color: #000000;
}
.hf-proyectos .filter-grid .item .place{
font-family: 'Cardo-Italic';
font-size: 14px;
color: #000000;
}
/*------- BOT�N V�DEO CMS --------- */
#boton-video {
max-width: 300px;
margin: auto;
}
#boton-video a {
text-decoration: none;
text-align: center;
border: 1px solid #d7d1c9;
border-radius: 10px;
color: #d7d1c9;
padding: 5px 10px;
}
#boton-video a:hover {
background: #d7d1c9b0;
color: white;
}
/*------ POL�TICA DE CALIDAD ----*/
#qualitat>ul>li {
list-style-type: circle;
}
#qualitat p {
margin-bottom: 10px;
}
.collectionpage h1 {
font-size: 16px;
margin: 0 0 10px;
padding: 0;
}
.collectionpage h2 {
font-size: 14px;
margin: 0;
padding: 0;
}
h1.homeh1 {
font-size: 14px;letter-spacing: 1px;margin: 0 auto;font-weight: 200;font-family: 'Basis-Grotesque-Pro';
}
.proydetaila {
font-size: 36px;
letter-spacing: 4px;
margin-bottom: 40px;
margin-top: 0;
text-transform: uppercase;
font-weight: 700;
font-family: 'Basis-Grotesque-Pro';
line-height: 1.1;
}
.proydetailb {
font-size: 14px;
letter-spacing: 1px;
line-height: 18px;
text-transform: uppercase;
font-family: 'Basis-Grotesque-Pro';
margin-top: 19px;
margin-bottom: 10px;
}
.proytitleh1 {
margin-bottom: 10px;
font-family: 'Cardo-Regular';
color: #d7d1c9;
font-size: 25px;
letter-spacing: 2px;
text-align: center;
margin-top: 20px;
font-weight: 500;
line-height: 1.1;
}
.proytitleh2 {
margin-top: 0!important;
font-size: 16px!important;
font-family: 'Cardo-Italic'!important;
margin-bottom: 10px!important;
font-weight: 500!important;
line-height: 1.1!important;
text-align: center!important;
color: inherit!important;
}
#contactfooter #contact-form {
max-width: 900px;
margin: 0 auto;
}
#contactfooter h2 {
font-family: 'BreweryNo2W06-Regular';
font-size: 35px;
margin-top: 40px;
text-transform: uppercase;
}
#contactfooter .form-control {
border: none;
border-bottom: 1px solid #d4d4d4;
border-radius: 0px;
box-shadow: none;
font-size: 13px;
margin-top: 10px;
margin-bottom: 10px;
-webkit-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
}
#contactfooter input[type=text],#contactfooter input[type=email] {
text-transform: uppercase;
height: 30px;
padding: 0;
background: transparent;
margin-bottom:12px;
}
#contactfooter .btn-lineblack {
background:transparent;
border: 1px solid #3e3a35;
border-radius: 0;
color: #3e3a35;
padding:5px 30px;
margin-top: 10px;
margin-bottom: 24px;
font-size:15px;
text-transform: uppercase;
letter-spacing:3px;
}
#contactfooter{
padding-bottom:4rem;
}
/******************PERSONLIZACION CARRITO************************/
.icoheader{font-size: 1.4rem!important;}
.w-100{width: 100%;}
.navbar .dropdown-topp{min-width: 320px;background: #fff;padding: 10px;}
.frmcustom .form-control {
border: none;
border-bottom: 1px solid #d4d4d4;
border-radius: 0px;
box-shadow: none;
font-size: 13px;
margin-top: 10px;
margin-bottom: 10px;
-webkit-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
}
.frmcustom input[type=text],.frmcustom input[type=email],.frmcustom input[type=password] {
text-transform: uppercase;
height: 30px;
padding: 0;
background: transparent;
margin-bottom:12px;
}
.btn-lineblack {
background:transparent;
border: 1px solid #d7d1c9;
border-radius: 0;
color: #d7d1c9;
padding:5px 30px;
margin-top: 10px;
margin-bottom: 24px;
font-size:15px;
text-transform: uppercase;
letter-spacing:3px;
font-family: 'Basis-Grotesque-Pro';
}
.btn-perso {
background:#d7d1c9!important;
border: 1px solid #d7d1c9!important;
border-radius: 0!important;
color: #fff!important;
padding:5px 30px!important;
margin-top: 10px!important;
margin-bottom: 24px!important;
font-size:15px!important;
text-transform: uppercase!important;
letter-spacing:3px!important;
font-family: 'Basis-Grotesque-Pro'!important;
}
.link_color{
color: #d7d1c9!important;
}
.cart-header{
font-family: 'Basis-Grotesque-Pro';
color:#d7d1c9;
font-size:16px;
}
.itemlogintop{list-style: none;margin: 10px 0 5px;padding: 0;}
.itemlogintop li a{color: #d7d1c9 !important;font-size: 12px}
ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #d7d1c9!important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border:1px solid #fff!important;
background:#fff url("images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x!important;
font-weight:bold;
color:#d7d1c9!important;
}
.product-medialist .item .close {
background: #1f1f1f;
opacity: 1;
color: #FFF;
text-shadow: none;
width: 16px;
height: 16px;
font-size: 14px;
text-align: center;
margin: 10px 0 4px 4px;
}
.product-medialist .item .close:hover {
color: #fff;
}
.product-medialist .item .entry-title {
display: block;
font-size: 12px;
line-height: 1.5;
margin-bottom: 0.2em;
margin-right: 20px;
color: #000;
}
.product-medialist .item .entry-title a{
color: #d7d1c9;
}
.product-medialist .item .entry-thumbnail {
width: 55px;
height: 50px;
background:transparent;
margin-right: 10px;
float: left;
}
.product-medialist .item .entry-price {
display: inline-block;
vertical-align: middle;
font-size: 12px;
font-weight: bold;
}
.unstyled {
list-style: none;
padding: 0;
margin: 0;
}
.sub-cart .product-medialist .item {
padding: 10px 15px;
}
.sub-cart .cart-header small a{color:#d7d1c9 ;}
.sub-cart footer{
background: #fff;
color: #000;
}
.m-t-20{margin-top: 20px;}
#main_cart .entry-thumbnail img{max-width: 100px;}
.qty-btn-group {
color: #919191;
border: 2px solid #919191;
border-radius: 1.5em;
min-width: 95px;
}
.qty-btn-group > * {
display: inline-block;
}
.qty-btn-group button {
color: #919191;
background: none;
border: 0;
margin: 0;
width: 28px;
height: 28px;
text-align: center;
}
.qty-btn-group button:hover {
color: #1f1f1f;
}
.qty-btn-group input {
border: 0!important;
margin: 0!important;
padding: 0!important;
width: 25px;
text-align: center;
background: none;
font-size: 16px;
color: #919191;
}
.d-inline{display: inline-block; vertical-align: middle;}
.clearline{clear: both;clear: left;height: 10px;width: 100%;}
.cartcliente_title{font-size: 20px;color:#000;margin-bottom: 10px}
.datacliente{list-style: none;margin: 0;padding: 0}
.datacliente label{width:200px;font-weight: 600}
.ordercliente_title{font-size: 20px;color:#000;margin-bottom: 10px;margin-top: 20px}
.text-bold{font-weight: bold;}
.mrr-5-20{margin-right: 20px;}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
vertical-align: middle;
}
.subnavbar{margin-top: 20px;text-align: right; color: #d7d1c9; font-size: 15px;}
.subnavbar ul{list-style: none;margin: 0;padding: 0; }
.subnavbar ul li{float: left; padding: 0 10px ;}
.subnavbar ul li:first-child{padding-left: 0;}
/* DROPL */
.pl-2 { padding-left: 7px; }
table.w100 { width: 100% !important; }
#tabsmicuenta a, #tabsmicuenta p, #tabsmicuenta span, #tabsmicuenta { font-family: 'Basis-Grotesque-Pro'; }
.navbar-brand, .navbar-nav > li > a {
text-shadow: initial!important;
}
#navbar.pmenutp {
margin-top: 20px;
}
.navbar-fixed-top .mini-menu a.btndownloadtop,a.btndownloadtop{
display: inline-block;
background: #333;
padding: 5px 10px;
border-radius: 4px;
color: #fff
}
.navbar-fixed-top .mini-menu a.btndownloadtop img,a.btndownloadtop img{
vertical-align: text-top;
}
.hbienvtxt h2.tbvhome{
font-family: 'BreweryNo2W06-Regular';
font-size: 40px;
color: #000000;
margin-bottom: 20px;
margin-top: 0px;
}
.hbienvtxt p,.hbienvtxt h1{
color: #000000;
}
h3#homedownl {
display: flex;
flex-direction: row;
font-family: 'BreweryNo2W06-Regular';
font-size: 40px;
color: #000000;
}
h3#homedownl:before,
h3#homedownl:after {
content: "";
flex: 1 1;
border-bottom: 1px solid #000;
margin: auto;
}
h3#homedownl img {
height: 70px;
width: 70px;
}
h3#homedownl span{
display: inline-block;
text-align: center;
padding: 0 20px;
}
h3#homedownl a{color: #000000;}
.downloadhome{text-align: center;}
.bg-white{
background: #fff;;
}
.titlehl{
font-family: 'BreweryNo2W06-Regular';
font-size: 40px;
color: #000000;
padding-bottom: 10px;
border-bottom: 1px solid #000;
}
.itemhcir{text-align: center;padding: 0 30px;}
.jumbotron p.subtitlehl{margin-bottom: 35px;}
.itemhcir img {
border-radius: 50%;
width: 100%;
}
.itemhcir .name,.itemhcir .name a{
font-family: 'Cardo-Regular';
font-size: 17px;
color: #000000;
margin-top: 20px;
}
.fontcr{
font-family: 'Cardo-Bold';
font-weight: bold;
}
.itemhcir .subname,.itemhcir .subname a{
font-family: 'Cardo-Italic';
font-size: 14px;
color: #000000;
}
.homest {
background-color: #d7d1c9;
}
.homest .titlehl{
font-family: 'BreweryNo2W06-Regular';
font-size: 40px;
color: #000000;
padding-bottom: 10px;
border-bottom: 1px solid #000;
z-index: 2;
position: relative;
}
.homestright{
background-color: #eae8e4;
padding: 50px 30px;
}
.homesttxt{
border-left: 1px solid #000000;
padding-left: 20px;
margin-top: 60px;
margin-bottom: 50px;
}
.homesttxt p{
font-family: 'Cardo-Regular';
font-size: 15px;
}
.btndefailth2{
display: inline-block;
background: #fff;
padding: 5px 10px;
border-radius:7px;
color: #000;
font-family: 'Cardo-Regular';
font-size: 16px;
}
.product-detail .title-info h1.col_title{
font-family: 'BreweryNo2W06-Regular';;
font-size: 40px;
}
.product-detail .col_dlabel{
font-family: 'Basis-Grotesque-Pro';
font-size: 20px;
margin-top: 15px;
}
.product-detail .col_dname{
font-family: 'Basis-Grotesque-Pro';
font-size: 17px;
background: #fff ;
color: black;
padding: 7px 15px;
border-radius: 7px;
display: inline-block;
margin-bottom: 20px;
}
.main_designed .col_dlabel,.main_designed .col_dname{
display: inline-block;
}
.product-related h2.title_rela, .product-accessory h2.title_acc{
font-family: 'BreweryNo2W06-Regular';;
color: black;
font-size: 35px;
}
.product-accessory .text,.product-accessory .info{
color: black;
}
.pagehome .jumbotron{margin-bottom: 0;}
.pageproduct #contactfooter{
background: #d7d1c9;
}
.pageproduct #contactfooter .form-control{
border-bottom: 1px solid #666;
}
.pageproduct #contactfooter .btn-lineblack {
border: 1px solid #666;
color: #666;
}
.pageproduct #contactfooter a {
color:#3e3a35;
}
@media (max-width: 992px) {
.navbar-fixed-top .mini-menu a.btndownloadtop {
display: inline;
background:initial;
padding: 0;
border-radius: 0;
color:#000000;
}
#navbar.pmenutp {
margin-top: 0;
}
.hbienvtxt h2.tbvhome{
font-size: 30px;
}
h3#homedownl {
font-size: 30px;
}
.titlehl {
font-size: 30px;
}
.jumbotron p.subtitlehl {
font-size: 16px;
}
.homest .titlehl {
font-size: 30px;
}
.homesttxt {
border-left: 0;
padding-left: 0px;
margin-top: 20px;
margin-bottom: 20px;
}
.homestright {
padding: 10px 10px;
margin-top: 20px;
}
}
.swiper-button-next {
background-image: url(../img/next.svg);
background-size: 12px;
background-repeat: no-repeat;
/*background-size: 100% auto;*/
background-position: center;
right: -3px;
}
.swiper-button-next::after {
display: none;
}
.swiper-button-prev {
background-image: url(../img/prev.svg);
background-size: 12px;
background-repeat: no-repeat;
/*background-size: 100% auto;*/
background-position: center;
left: -3px;
}
.swiper-button-prev::after {
display: none;
}
@media (min-width: 768px) {
.col-sm-5 {
float: left;
width: 20%;
}
}
@media (min-width: 992px) {
.col-md-5 {
float: left;
width: 20%;
}
}
@media (min-width: 1200px) {
.col-lg-5 {
float: left;
width: 20%;
}
}
/******************************COOKIES***************************************/
@media(min-width:481px){
#idxrcookies #bottom{
z-index: 8005;
text-align: justify;
font-size: 13px;
position: fixed;
padding: 5px 30px;
max-width: 700px;
bottom: 2em;
right: 1em;
}
}
@media(max-width:480px){
#idxrcookies #bottom {
z-index: 8005;
width: 100%;
text-align: justify;
color: #fff;
font-size: 13px;
position: fixed;
padding: 5px 10px;
box-shadow: 0px 0px 5px rgba(0,0,0,.5);
bottom: 0;
}
}
#idxrcookies #cookies{
border-bottom: 1px dotted #fff;
color: #fff;
clear: both!important;
display: block;
}
#modal_cookies .nav-link:hover,#modal_cookies .nav-link:focus,#modal_cookies .nav-link {
color: #333;
border: 3px solid #fff;
border-radius: 0;
font-weight: bold;
min-height: 50px;
}
#modal_cookies .nav-pills .nav-link.active {
color: #fff;
background-color: #333!important;
}
#idxrcookies #bottom{
background: white; background-color: #f7f7f7; color: black; box-shadow: 0 15px 16px 0 rgba(0,0,0,0.3);z-index: 1040;
}
#idxrcookies.hide{
opacity: 0;
pointer-events: none;
transform: scale(0.8);
transition: all 0.3s ease;
}
.dlxctab-content input[type="checkbox"]:disabled {
cursor:not-allowed !important;
}
#cookieModalBody ul{
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.cookie-content-title{
font-size:17px;
color:#343434;
font-weight: 900;
border-bottom:1px solid #e5e2e2;
}
.cookie-content-subtitle {
font-size: 14px;
color: #343434;
font-weight: 900;
border-bottom: 1px solid #e5e2e2;
}
#cookiesConf, #close_manage_cookie, #idxrcookiesKO{
color: #343434;
border-color: #343434;
background-color: #FFFFFF;
border-radius: 0;
background-image: initial;
}
#save_manage_cookie, #idxrcookiesOK{
background-color: #343434;
border-color: #343434;
color: #FFFFFF;
border-radius: 0;
background-image: initial;
}
.linkcookie{
color: #343434;
font-weight: bold;
text-decoration: underline;
}
.tabs-left > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a {
background-color: #e9e9ed;
color: #333;
border: 3px solid #fff;
border-radius: 0;
font-weight: bold;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
background-color: #343434;
color: #fff;
border: 3px solid #fff;
border-radius: 0;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
background-color: #343434;
color: #fff;
border: 3px solid #fff;
border-radius: 0;
}
.material-switch > input[type="checkbox"] {
display: none;
}
.material-switch > label {
cursor: pointer;
height: 0px;
position: relative;
width: 40px;
}
.material-switch > label::before {
background: rgb(0, 0, 0);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 8px;
content: '';
height: 16px;
margin-top: -8px;
position:absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 40px;
}
.material-switch > label::after {
background: rgb(255, 255, 255);
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: '';
height: 24px;
left: -4px;
margin-top: -8px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
background: inherit;
opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
background: inherit;
left: 20px;
}
.m-0 {
margin:0!important
}
.mt-0,
.my-0 {
margin-top:0!important
}
.mr-0,
.mx-0 {
margin-right:0!important
}
.mb-0,
.my-0 {
margin-bottom:0!important
}
.ml-0,
.mx-0 {
margin-left:0!important
}
.m-1 {
margin:.25rem!important
}
.mt-1,
.my-1 {
margin-top:.25rem!important
}
.mr-1,
.mx-1 {
margin-right:.25rem!important
}
.mb-1,
.my-1 {
margin-bottom:.25rem!important
}
.ml-1,
.mx-1 {
margin-left:.25rem!important
}
.m-2 {
margin:.5rem!important
}
.mt-2,
.my-2 {
margin-top:.5rem!important
}
.mr-2,
.mx-2 {
margin-right:.5rem!important
}
.mb-2,
.my-2 {
margin-bottom:.5rem!important
}
.ml-2,
.mx-2 {
margin-left:.5rem!important
}
.m-3 {
margin:1rem!important
}
.mt-3,
.my-3 {
margin-top:1rem!important
}
.mr-3,
.mx-3 {
margin-right:1rem!important
}
.mb-3,
.my-3 {
margin-bottom:1rem!important
}
.ml-3,
.mx-3 {
margin-left:1rem!important
}
.p-0 {
padding:0!important
}
.pt-0,
.py-0 {
padding-top:0!important
}
.pr-0,
.px-0 {
padding-right:0!important
}
.pb-0,
.py-0 {
padding-bottom:0!important
}
.pl-0,
.px-0 {
padding-left:0!important
}
.p-1 {
padding:.25rem!important
}
.pt-1,
.py-1 {
padding-top:.25rem!important
}
.pr-1,
.px-1 {
padding-right:.25rem!important
}
.pb-1,
.py-1 {
padding-bottom:.25rem!important
}
.pl-1,
.px-1 {
padding-left:.25rem!important
}
.p-2 {
padding:.5rem!important
}
.pt-2,
.py-2 {
padding-top:.5rem!important
}
.pr-2,
.px-2 {
padding-right:.5rem!important
}
.pb-2,
.py-2 {
padding-bottom:.5rem!important
}
.pl-2,
.px-2 {
padding-left:.5rem!important
}
.p-3 {
padding:1rem!important
}
.pt-3,
.py-3 {
padding-top:1rem!important
}
.pr-3,
.px-3 {
padding-right:1rem!important
}
.pb-3,
.py-3 {
padding-bottom:1rem!important
}
/***************************//*COOKIES**************************************/
.btn_close_frmdescatal{
font-size: 36px;
opacity: 1;
color: #333333 !important;
}
#frm_descargar_catalogo .modal-content,#send_notif_ctalogo .modal-content{
background-color: #d7d1c9;
}
#frm_descargar_catalogo .modal-header,#send_notif_ctalogo .modal-header{
padding: 25px 25px 0 25px;
border-bottom: none;
}
.tittle_frmcata{
font-family: 'BreweryNo2W06-Regular';
font-size: 38px;
text-align: center;
color: #333333;
margin: 0px 0px 30px 0px;
}
#frm_descargar_catalogo .modal-body,#send_notif_ctalogo .modal-body{
padding: 0px 25px 25px 25px;
border-bottom: none;
}
#frm_descargar_catalogo .form-control{
background-color: #d7d1c9 !important;
color: #333333 !important;
}
#frm_descargar_catalogo .form-control::placeholder{
color: #333333 !important;
opacity: 1;
}
#frm_descargar_catalogo input[type="text"]{
padding: 8px 4px ;
height: 50px !important;
font-family: 'BreweryNo2W06-Regular';
}
#frm_descargar_catalogo input[type="email"]{
padding: 8px 4px ;
height: 50px !important;
font-family: 'BreweryNo2W06-Regular';
}
#frm_descargar_catalogo textarea{
padding: 8px 4px ;
font-family: 'BreweryNo2W06-Regular';
}
#frm_descargar_catalogo select{
height: 50px;
padding: 8px 0px;
font-family: 'BreweryNo2W06-Regular';
}
.div_form_catalogo{
margin: 0px 0px 0 0px;
border-color: #77797d !important;
}
#frm_descargar_catalogo .check_privacidad, #frm_descargar_catalogo .check_privacidad a{
color: #333333 !important;
min-height: 18px;
font-family: 'BreweryNo2W06-Regular';
}
#frm_descargar_catalogo .check_privacidad input{
border-radius: 0;
margin: 2px -20px 0;
}
.s_tex_sub{
margin: 0px 0 0 20px;
color: #333333 !important;
font-size: 13px;
font-family: 'BreweryNo2W06-Regular';
}
.btn_send_descargar_ctg{
background-color: #d7d1c9;
border-radius: 0;
border: 1px solid;
width: 100px;
margin-top: 20px;
font-family: 'BreweryNo2W06-Regular';
}
.error_formctg-msg {
color: red;
font-size: 12px;
display: none;
font-family: 'BreweryNo2W06-Regular';
}
.btn_send_descargar_ctg.active{
color: #333333 !important;
font-weight: 600;
}
.notif_cata {
color: #333333;
font-size: 24px;
font-family: 'BreweryNo2W06-Regular';
}
.notif_cata_p{
color: #333333;
font-size: 20px;
font-family: 'BreweryNo2W06-Regular';
}