/* FULL D'ESTILS */

/* 1. GENERAL __________________________________________________________________________ */
body{
	background-color:#818587;
	color:#25285a!important;
	font-family: 'Ubuntu', sans-serif;
 letter-spacing:1.5px!important; transition:all 0.2s ease-in;
}


body.transparent{
	background-color:#000!important; color:#25285a!important
}
body.blanc{
	background-color:#fff!important;
	color:#25285a!important;
}
body.gris{
	background-color:#fff!important;
	color:#25285a!important;
}
a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none!important;
    transition: all 0.3s;
}
.upper{
	text-transform:uppercase
}
.bloc-principal{
	min-height:100vh; padding-top:100px
}
#contenidor {
    width: 100%;min-height:100vh;
    transition: all 0.3s;
}

.blanc{
	color:#fff!important
}
.negre{
	color:#575756!important
}
.blau{
	color:#88c2d2
}
h1,
h2,
h3,
h4{
	color:#25285a!important
}
h1.entry-title{
	font-size:2.6rem!important;
	color:#000!important; text-transform:uppercase!important
}
a{
	color:#000!important; text-decoration:none
}
a:hover{
	color:#1d1d1b!important; text-decoration:none
}
.slider{
	z-index:-1
}
.page-title{
	margin-top: 0px;
    color: #25285a!important;
}
.page-title span{
	font-weight:800
}

.centrador{
position: absolute; color:#fff;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.topet{
	max-height:100vh
}
@media (max-width:768px){
	.tope{
		height:40vh!important; min-height:unset!important
	}
}
.contingudet{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	max-width:60%
}
/* 2. CAPÇALERA __________________________________________________________________________ */
.logo, .menu{
	z-index:99;
}


.logo img{
	max-width:120px; padding:10px;
}
.navbar-toggler{
	width:35px; height:50px; position: fixed;
    right: 15px;
    top: 20px;
    z-index: 99;
}
.menu-lateral{
	padding-top:45px;
	padding-right:15px;
}
.idioma{
	font-size:12px; text-align:center; padding-top:15px;
}
header#masthead{
	background-color:#fff!important; color:#818587!important; text-transform:uppercase!important; box-shadow:none!important
}
header#masthead a, #masthead .navbar-nav > li > a{
	color:#818587!important;
}
header#masthead a, #masthead .navbar-nav > li > a:hover{
	color:#000!important; font-weight:unset!important
}
#masthead .navbar-nav > li > a:hover, #masthead .navbar-nav > li.current_page_item > a{
	color:#000!important; font-weight:unset!important
}
header#masthead a{
	padding:10px!important;color:#818587!important;
}
header#masthead a:hover{
	color:#000!important;
}
@media (max-width:768px){
	.nav-link{
		text-align:center;
	}
}
/* 3. MENU __________________________________________________________________________  */


.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;overflow:hidden!important
}





a[data-toggle="collapse"] {
    position: relative;
}



ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

button:focus{
	outline: none!important;
}



/* 4. PEU __________________________________________________________________________ */

.prefooter{
	padding:15px 20px 15px 20px;
	position:fixed; bottom:0px; width:100%;transition: all 0.3s; background-color:rgba(255,255,255,0.8); font-size:13px; color:#818587
}
.social{
	 height:20px;
}
.social a{
	color:#000
}
.social a:hover{
	color:#1d1d1b
}
.social .fab{
line-height:0!important;	
}
.capbaix{
	position:relative!important;transition: all 0.3s; background-color:#fff
}

#footer {
	background-color:white;
	color:#1d1d1b;
	font-size:13px;
	z-index:101
}
#footer a{
	color:#000;
}
#footer a:hover{
	color:#000
}

#footer-item{
	padding:20px;
}


/* 5. INICI __________________________________________________________________________ */
.caixa-inici{
	width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: fixed;
    top: 0; z-index:-1
}
.logo-inici{
	position:absolute; right:-120px; bottom:40px;z-index: 9999;
}

.sombra{
	width:100%; height:100%; background-color: rgba(0,0,0,0.5);transition: all 0.3s;
}

.slider img{
	min-height:100vh; object-fit: cover;
}
.slider .contingudet h1, .slider .contingudet h2, .slider .contingudet h3, .slider .contingudet h4{
	color:#fff!important
}

@media (max-width:768px){
	.caixa-inici .contingudet{
		width:300px!important; font-size:30px; padding-top:40px; padding-bottom:0px;
	}
	
}
.clients{
	background-color: #fff;
    width: 100%;
    min-height: 50vh;
    padding-top: 60px;
	margin-top:100vh; color:#818587!important;
	
}
.item-client{
	min-height:10vh; background-size:cover; background-position:center center
}
.item-client-int{
	padding:25px!important;
}
.item-client-int{
	filter: grayscale(100%);height: 150px;
}
.item-client-int .contingudet{
	width: 80%;
}
/* 6. SERVEIS __________________________________________________________________________ */

.caixa-serveis{
	width: 100%;
    height: 100%;
    top: 0;
	margin-top:-53px
}

.tope{
	min-height:100vh;background-size: cover;
    background-position: center;
}
.tope .contingudet{
	max-width:80%; text-align:justify
}
.ralles{border-top: 3px solid white; border-bottom: 3px solid white; text-align:center!important; padding-top:60px; padding-bottom:60px;}
.ralles-blaves{border-top: 3px solid #000; border-bottom: 3px solid #000; text-align:center!important; padding-top:60px; padding-bottom:60px; color:#000;}


.interior-serveis{
	width: 100%;
    height: 100%;background-size: cover;
    background-position: center;
}
.icona-servei{
	width:80%
}
@media (max-width:768px){.caixa-serveis{
	position:relative; 
	}
	.tope .contingudet{
		max-width:90%
	}.interior-pad{
	padding:0px!important
}
	.icona-servei{
	width:50%
}
}


/* 7. SOBRE NOSALTRES __________________________________________________________________________ */

.caixa-sobre-nosaltres{
	width: 100%;
    min-height: 100%;
    top: 0;margin-top:-53px
}

.interior-pad{
	padding:65px!important
}
.caixa-sobre-nosaltres .tope .contingudet{
	max-width:90%; margin-bottom:30px;
}
.caixa-sobre-nosaltres .tope .contingudet h2{
	color:#88c2d2; text-transform:uppercase; font-size:30px;
}
@media (max-width:768px){.caixa-sobre-nosaltres{
	position:relative; text-align:justify;
	}
	.caixa-sobre-nosaltres .tope{
		min-height:100vh;
	}
	.caixa-sobre-nosaltres .tope .contingudet{
		max-width:90%;}.interior-pad{
	padding:0px!important
}
}

/* 8. PORTFOLI __________________________________________________________________________ */

.caixa-portfoli{
	width: 100%;
    height: 100%;
    top: 0;
	margin-top:-53px
}
.caixa-portfoli .tope .contingudet{
	font-size:40px; font-family: 'Noto Serif JP', serif;
 padding-top:20px; padding-bottom:20px; text-align:center; line-height:0.90;max-width:400px;
	border-top: 3px solid white; border-bottom: 3px solid white;
}
.cos-portfoli{
	background-color:#fff; min-height:100vh; width:100%; padding-top:20px; color:#1d1d1b;
}
.cos-portfoli h2{
	font-size:50px; color:#25285a!important;margin-top: 0px;
}
@media (max-width:768px){
	.cos-portfoli h2{
		font-size:30px;
	}
}
.filtres a{
	color:#1d1d1b;
}
.filtres a:hover{
	color:#000!important;
}
.filtres a.actiu{
	color:#000;
}
.filtre-sel, #mostrar_tots{
	cursor:pointer;
}
.interior-item-portfoli{
	min-height:400px; padding:15px; background-position:center;transition: all 0.3s;background-color:#1d1d1b; background-blend-mode: luminosity; margin-top:30px;
}
.interior-item-portfoli:hover{
	background-blend-mode: multiply, luminosity; background-color:#1d1d1b;transition: all 0.3s;
}
.interior-item-portfoli h2{
	color:#fff; font-size:16px; font-weight:600!important;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif!important; margin:0!important
}
.interior-item-portfoli span{
	color:#fff; font-size:10px
}
.interior-item-portfoli:hover h2{
	color:#88c2d2!important;
}
.interior-item-portfoli:hover span{
	color:#88c2d2!important;
}

.caixa-single-portfoli{
	width: 100%;
    top: 0;
    z-index: -1;margin-top:-53px
}
.contingut-single-portfoli{
	padding-top:90px; padding-bottom:90px; padding-left:10%!important; padding-right:10%!important; background-color:#f5f5f5; min-height:100vh;
}
.contingut-single-portfoli img{
	border:0px!important
}
.gallery{
	margin-left:-15px!important; margin-right:-15px!important;
}
.menu-categories{
background: linear-gradient(to top, #dadada, white);
    margin-left: -15px; list-style:none; font-size:13px;
}
.menu-item{
	cursor: pointer!important;
}
.menu-categories li a{
	color:#25285a!important; cursor:pointer!important
}
.menu-categories li a:hover{
	color:#b4b6d8!important
}
.imatge-producte{
	height: 300px; overflow:hidden; text-align:center!important
}
.imatge-producte img{
	height:300px;
}
.contactet{
	float:left; padding:8px; margin:3px; background-color:#e94e1a; color:#fff; border-radius:2px;
}
.contactet a{
	color:#fff!important
}
/* 9. CONTACTE __________________________________________________________________________ */
.contacte h1{
	color:#000!important; text-transform:uppercase
}

.granbox{
	min-height:40vh; width:100%; background-size:cover; background-position:center center; margin-top:-100px; z-index:-1
}
.apartat-contacte a{
	color:#000
}
.apartat-contacte{
	padding: 54px!important;
}
@media (max-width:768px){
	.apartat-contacte{padding:20px!important}
}
label{
	width:100%;
}
input[type=text], input[type=email], input[type=tel]{
	width:100%; background-color:#dadada!important; border:0!important
}
input[type=submit]{
	background-color:#000!important; border:0px; width:100%;	
}
input[type=submit]:hover{
	background-color:#1d1d1b!important
}
textarea{
	max-height:150px;background-color:#dadada!important; border:0!important
}
/* 10.BLOG __________________________________________________________________________ */

.caixa-blog{
	width: 100%;
    top: 0;margin-top:-53px
  
}
.caixa-single-blog{
	width: 100%;
    top: 0;margin-top:-53px
   
}
.caixa-blog h1{
	color:#000; text-transform:uppercase; margin-bottom:90px
}

.interior-item-blog{
	padding:30px; background-color:#000; background-blend-mode:luminosity; min-height:50vh; background-size:cover; color:#fff; opacity:0.65;transition: all 0.3s; margin-top:30px;
}
.interior-item-blog:hover{
	opacity:1; background-blend-mode:multiply;transition: all 0.3s;
}
.interior-item-blog h2{
	margin-top:0px; text-align:center; font-size:17px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif!important;:transition: all 0.3s; text-transform:uppercase;transition: all 0.3s; color:#fff; font-weight:700!important
}
.interior-item-blog:hover h2{
	color:#fff!important;transition: all 0.3s;
}
.interior-item-blog:hover{background-blend-mode:multiply;}
.ajuda{
	min-height:50vh
}
.blog{
	padding:5%!important; background-color:#fff; z-index: 3; 
}
.blog-img{
	height:100vh;
}
@media(max-width:992px) and (min-width:769px){.blog-img{
	height:50vh!important; min-height:unset}}
@media(max-width:768px){
	.blog{
		
	}
	.caixa-blog .tope{
		height:50vh;
	}
	.blog-img{
	height:50vh!important; min-height:unset
}
}
/* 11.SEREM __________________________________________________________________________ */

.caixa-serem{
		width: 100%;
    top: 0;margin-top:-53px
}
.caixa-serem h2{
	color:#ec9f34
}
.taronja {
	color:#ec9f34
}
.gran{
	font-size:60px; text-align:left
}
@media (max-width:768px){
	.gran {
		font-size:30px;
	}
}


/* 12.ALTRES __________________________________________________________________________ */

.caixa-estandard{
	width: 90%; padding:5%
}

.gallery-columns-2 {
 -webkit-column-count: 2;
 -moz-column-count: 2;
 column-count: 2;
}
.gallery-columns-3 {
 -webkit-column-count: 3;
 -moz-column-count: 3;
 column-count: 3;
}
.gallery-columns-4 {
 -webkit-column-count: 4;
 -moz-column-count: 4;
 column-count: 4;
}
.gallery-columns-5 {
 -webkit-column-count: 5;
 -moz-column-count: 5;
 column-count: 5;
}
.gallery-columns-6 {
 -webkit-column-count: 6;
 -moz-column-count: 6;
 column-count: 6;
}
.gallery-columns-7 {
 -webkit-column-count: 7;
 -moz-column-count: 7;
 column-count: 7;
}
.gallery-columns-8 {
 -webkit-column-count: 8;
 -moz-column-count: 8;
 column-count: 8;
}
.gallery-columns-9 {
 -webkit-column-count: 9;
 -moz-column-count: 9;
 column-count: 9;
}
.gallery-item {
 display: inline-block!important;
 text-align: center!important;
 vertical-align: top!important;
 width: 100%!important;
 margin: 0 0 15px!important;
}

/* 13. WOOCOMMERCE __________________________________________________________*/

h1.entry-title{
	border:0px!important
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color:#818587!important; font-weight:700; font-size:35px;
}

.products .product{
	text-align:center; font-size:15px;
}
.product .price{
	color:#818587!important; font-weight:700;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	color:#fff!important
}


.woocommerce-info, .woocommerce-message, .woocommerce-error{
	border:0px!important
}
.woocommerce-info::before, .woocommerce-message::before{
	color:#818587!important; 
}
select, input[type=number]{
	border:0px!important; padding:5px!important; border-radius:0px!important; background-color:#ebe9eb!important; color:#818587!important; 
}
.woocommerce .quantity .qty, .woocommerce div.product form.cart .button{
	min-height:40px; border-radius:0px!important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color:#ebe9eb!important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background-color:#000!important; 
}
.woocommerce-tabs{
	display:none
}
input{
	border-radius:0px!important
}
#place_order, #submit_redsys_payment_form{
	background-color:#55a9ca!important
}
#submit_redsys_payment_form{
	font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none; width:unset!important; margin-right:15px; color:#fff;
}
#place_order:hover, #submit_redsys_payment_form:hover{
	background-color:#000!important
}

.woocommerce-input-wrapper{
	width:100%; background-color:#fafafa!important
}