/*
Theme Name: Code Barcelona
Theme URI: https://codewebbarcelona.com/
Author: Code Barcelona
Author URI: http://codewebbarcelona.com/
Description: Code Barcelona
Version: 1.0
Tags: be inspired
Text Domain: Code Barcelona
*/

@charset "utf-8";
/* CSS Document */

/*estandards*/

.margintop40{height:40px;}
.margintop80{height:80px;}
.textcenter{text-align:center!important;}.textleft{text-align:left!important;}.textright{text-align:right!important;}
.floatleft{float:left;}.floatright{float:right;}
.displaynormal{display:inline!important;}
.ccenter{margin:auto;}
.fixed{position:fixed}
.pointer{cursor:pointer;}

.positionabsolute{position:absolute;}
.positionrelative{position:relative;}

.bold{font-weight:bold;}
li,ul{margin:0px;padding:0px;}
.min{
	width:960px;
	margin:auto;
}
.cvcenter{
	display:table;
	height:100%;
	width: 100%;
}
.cvcenterinner{
	display:table-cell;
	vertical-align:middle;
}
.nicescroll-rails {
z-index: 999!important;

}
/*//estandards*/
.clear{clear:both;}

/*general*/
body {
	font-size: 20px;
	color:black;
	font-family: 'Raleway', sans serif;
    margin: 0;
	font-weight:300;
	letter-spacing:0px;
  	background-color:white;
}
img {border: 0 none;}
a {
    font-size: 20px;
	color:#24a394;
	font-weight: 900;
	font-family: 'Raleway', sans serif;
    text-decoration: none;
	letter-spacing:0px;
	text-transform: lowercase;
}
a:hover {text-decoration:none;}

h1, .sh1{
	font-size: 63px;
    line-height: 54px;
    text-align: center;
    font-family: 'Raleway', sans serif;
    color: white;
    font-weight: 900;
    margin-top: 5px;
}
.h1sub{
	font-size:20px;
}
.h1sub2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

:root{
     --color1:#24a394;
     --color2:#93035b;
     --color3:#f0f0f0;
     --color4:#00a192;
     --colorgray:#d2d3d5;
     --colorblack:#000000;
	 --mainMargin:30px;
	 --halfMargin:calc(var(--mainMargin)/2);
}
/*///general*/


/*slider*/
.cwrap,.cpasador,.slide{
	height:100%;
	width:100%;
}
.cwrap{
	position:relative;
	height:66%;
}
.slide{
	background-position:center;
	background-size:cover;
}


/*web*/
body,.cheader{
	padding:140px;
	padding-bottom: 0px;
	padding-top:0px;
}

.cheaderfix,.cheaderinner,.cheader{
	height:150px;
	position:relative;
}
.cheader{
	position:fixed;
	width:100%;
	left:0px;
	top:0px;
	padding-bottom:0px;
	box-sizing:border-box;
	z-index: 150;
}
.cmenuwrap{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width: 70%;
    text-align: center;
}
.cmenu ul li{
	display:inline-block;
	text-decoration:none;
}
.cheaderlogo{
	position:absolute;
	top:50%;
	left:0px;
	transform:translateY(-50%);
}
.cempieza{
	position:absolute;
	top:50%;
	right:0px;
	transform:translateY(-50%);
}
.cbloque{
	position: relative;
}
.ctopbloque{
	margin-bottom: 20px;
}
.cbloquetexto{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 100;
	text-align: center;
	width: 70%;
}
.cbloquetexto h1{
	margin-bottom: 0px;
}
.copa{
	position: absolute;
	background-color: black;
	opacity: 0.2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 50;
}
.cbgimage{
	background-position: center;
	background-size: cover;
	position: relative;
}
.cproyectos .cbloquetexto .sh1,.cbloquedestacado  .sh1,.cproyectos h3,.cslidehome .cbloquetexto h1{
	text-transform:none;
	text-shadow: 0px 0px 47px rgba(0, 0, 0, 0.55);
}
.csingleproductoimage{
	background-size: auto 100%;
}
.cbloque .cbgimage{
	height: 900px;
}
.cbloquesmall .cbgimage{
	height: auto!important;
}
.cbloquesmall .cinner{
	position: relative;
}
.cbloquesmall .cbloquetexto{
	max-width: none;
	width: 80%;
}
.spretitle{
	padding: 2px;
	background-color: #24a394;
    font-size: 12px;
	color: white;
    font-weight: bold;
}
.ctopbloque .spretitle, .cmasproductos .spretitle{
	background-color: #93035b;
	padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 2px;
    font-size: 28px;
    line-height: 29px;
}
.sbloqueh{
	color: white;
	font-weight: 900;
	margin: 0px;
	font-size: 26px;
	line-height: 22px;
}
.cvector svg{
	width: 250px;
}
.cmenu li{
	margin-left: 10px;
	margin-right: 10px;
}
.cmenu li a{
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
	transition:all 0.6s ease-in-out;
	font-size: 24px;
}
.cmenu li a:hover{
	color: #93035b;
}
.cbloqueshome .col25{
	margin-bottom: 0px!important;
}
.single-producto .cbloqueshome .cbgimage img{
	display: block!important;
}
.single-producto .cbloqueshome .cbgimage{
	height: auto!important;
}
.cempieza{
	color: #24a394;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
}
.cmenupie{
	text-align: center;
	padding: 35px;
	box-sizing: border-box;
	background-color: #24a394;
	margin-top: 20px;
	margin-bottom: 70px;
}
.cmenupie li a{
	color: white;
	font-weight: 600;
}
.cbloquedestacado .cbgimage{
	height: 550px;
	width: 50%;
}
.cbloquedestacado .copa{
	width: 50%;
}
.cbloquedestacado .cbloquetexto{
	width: 35%;
}
.cbloquedestacado .cbloquetextomore{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 80px;
    width: 25%;
    line-height: 28px;
	color: white;
	font-weight: 600;
}
.cbloquedestacado{
	background-color: #444242;
}
.cheaderlogo svg{
	width: 150px;
}
.ctopnothome .cbgimage{
	height: 700px;
}
.cbloquetexto .sh1{
	margin-bottom: 0px!important;
	font-size: 55px;
	line-height: 50px;
}
.ctoptext{
	text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    font-weight: 700;
    color: #444242;
}
.cbloquedestacadoresponsive{
	display: none;
}
.cbloquedestacadoresponsive .cbloquetextomore{
	width: 100%;
	transform: none;
	position: relative;
	right: 0px!important;
}
.cbloquedestacadoresponsive .sh1{
	margin-bottom: 10px!important;
	margin-top: 0px;
}
.cbloquedestacadoresponsive .copa, .cbloquedestacadoresponsive .cbgimage{
	width: 100%;
}
.ctoptext a,.ctoptext p{
	font-size: 29px;
	font-weight: 700;
}
.ctoptext p{
	max-width: 60%;
    margin: auto;
    line-height: 38px;
}
.cnosotrosimg{
	width: 50%;
    height: 600px;
	position: absolute;
}
.cnosotrosimg.cbgimage{
	background-size:cover;
}
.cnosotrostext{
	width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 40px;
    right: 0px;
    box-sizing: border-box;
    line-height: 30px;
    color: #444242;
    font-weight: 700;
}
.cnosotrosdesc{
	position: relative;
	height: 600px;
}
.cnosotrossvg .col20{
	text-align: center;
	margin-bottom: 0px;
}
.cnosotrossvg span, .cnosotrostext h2, .cnosotrostext .sh2{
	color: #24a394;
	font-weight: 900;
	font-size: 24px;
}
.cnosotrossvg p{
	margin-bottom: 0px;
	font-weight: 700;
	color: #444242;
	font-size: 16px;
    line-height: 24px;
}
.cnosotrossvg{
	margin-top: 120px;
	margin-bottom: 120px;
}
.cnosotrossvg svg{
	width: 200px;
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 20px;
}
.cflecha svg{
	width: 150px;
    margin: auto;
    margin-top: 120px;
}
.ccontacto .ctoptext{
	background-color: #f0f0f0;
}
input, textarea{
	background-color: #d2d3d5;
	box-sizing: border-box;
	width: 100%;
	padding: 30px;
	font-size: 22px;
	letter-spacing: 0px;
	border: 0px;
	color: #444242;
	text-align: center;
	font-weight: 700;
	font-family: 'Raleway', sans serif;
}
textarea{
	resize: none;
	height: 150px;
	padding-left: 40px;
	padding-right: 40px;
}
.ccontacto .contentsmall .col100{
	margin-bottom: 10px;
}
input:focus, textarea:focus{
	outline: none;
}
input:placeholder, textarea:placeholder{
	color: #444242;
}
.ccontacto .contentsmall{
	margin-top: 50px;
	margin-bottom: 90px;
}
.current-menu-item a{
	color: #93035b;
}
.cproductoscategorized .col33 .cinner{
	position: relative;
}
.cproductoscategorized .cbgimage{
	height: auto;
}
.cproductoscategorized .cbloquetexto{
	width: 90%;
}
.cpageproductotitle{
	display: block;
	color: white;
	font-weight: 900;
	font-size: 24px;
}
.cproductosearcher{
	text-align: center;
	background-color: #808080;
    padding: 15px;
    box-sizing: border-box;
}
.cproductocurrent .cproductosearcher{
	background-color: #24a394;
}
.cproductoscategorized .col33{
	margin-bottom: 20px!important;
}
.cproductosearcher .spretitle{
	background-color: #93035b;
}
.cproductotopgeneral .col25{
	margin-bottom: 0px!important;
}
.cproductotopgeneral{
	margin-bottom: 50px;
}
.cproductoslisttitle{
	margin-top: 10px;
	margin-bottom: 0px;
	color: #444242;
	font-weight: 900;
    font-size: 28px;
}
.cproductoslistimg{
	height: 400px;
}
.cproductoslist .col25{
	margin-bottom: 40px!important;
}
.cproductoslist{
	margin-bottom: 30px;
}
.page-id-26 .cheader .cmenu li:nth-child(4) a{
	color: #93035b;
}
.csingleproductoimage{
	height: 100%;
}
.csingleproductotext h2{
	margin-top: 0px;
    font-size: 44px;
    font-weight: 900;
	margin-bottom: 30px;
    line-height: 40px;
}
.csingleproductotext{
	color: #444242;
}
.csingleproductotext p{
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.csinglelinks span,.csinglelinks a{
	display: block;
	color: white;
	padding: 25px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 24px;
	font-weight: 800;
	text-align: center;
	box-sizing: border-box;
	width: 450px;
	margin-bottom: 20px;
}
.lsolicitarinfo, .cback span{
	background-color: #24a394;
}
.ldescargarficha, .cproyectocontactar span{
	background-color: #93035b;
}
.csingleproductotext{
	margin-bottom: 100px;
}
.cbottomrelacionado .cbgimage, .cbottomrelacionado .cproductosopa{
	height: 350px;
}
.cmasproductos{
	text-align: center;
}
.cmasproductos h2{
	color: #24a394;
}
.cbottomrelacionado{
	margin-top: 100px;
	margin-bottom: 30px;
}
.cmasproductos{
	margin-bottom: 70px;
}
.cproyectosimg{
	height: 550px;
}
.cproyectos .cbloquedestacado{
	margin-bottom: 20px;
}
.cproyectoslist .col50{
	position: relative;
}
.cproyectos h3{
	color: white;
	margin-top: 0px;
	font-size: 40px;
	font-weight: 800;
	line-height: 35px;
}
.cproyectos .cproyectoslist .spretitle{
	background-color: #93035b;
}
.cproyectos .cbloquedestacado .spretitle{
	font-size: 28px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #93035b;
}
.cproyectoslist .cbloquetexto{
	width: 55%;
}
.csingleproyecto .ctoptext p{
	max-width: 75%;
	margin-bottom: 20px;
}
.csingleproyecto .ctoptext{
	padding-top: 50px;
	padding-bottom: 70px;
}
.csingleproyectocontent .csinglelinks span{
	width: 100%;
	margin: auto;
}
.cservicios{
	text-align: center;
	margin-bottom: 20px;
}
.cnosotros .ctopbloque{
	margin-bottom: 0px;
}
.single-proyecto .cheader .menu-item-21 a, .single-producto .cheader .menu-item-20 a{
	color: #93035b;
}
.cempieza span::before{
	background-image: url(img/elementos/arrow.svg);
	background-size: 30px;
	width: 30px;
	height: auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;

}
.cempieza span{
	position: relative;
}
.senviar{
	width: 100%;
    text-align: center;
    display: block;
    background-color: #24a394;
    color: white;
    font-weight: 600;
    padding: 25px;
    box-sizing: border-box;
	font-size: 22px;
	cursor: pointer;
	margin-top: -5px;
}
.csingleproyectocontent .col50{
	margin-bottom: 15px!important;
}
.csingleproyectocontent .row .csinglelinks {
    margin-bottom: 20px!important;
}
.jqpopupimg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.cvector svg{
	width:100%;
	height:auto;
	transform:scale(1.3);
}
body{
	overflow-x:hidden;
}
.cvector {
	margin-top:200px;
	margin-bottom:100px;
}
.cvector.scrollingwaydone svg path{
	stroke-dasharray:none!important;
}
.cheader,.cheaderinner{
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	background-color:white;
}
body.scrolled .cheader,body.scrolled .cheaderinner{
	height: 60px;
}
.cmenu li a {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
body.scrolled .cmenu li a {
	font-size: 18px;
}
.cheaderlogo svg,.cheaderlogo,.cempieza {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
body.scrolled .cheaderlogo svg {
    width: 70px;
}
body.scrolled .cheaderlogo {
    top: 56%;
	margin-left:30px;
}
body.scrolled .cempieza {
	margin-right:30px;
    font-size: 14px;
    line-height: 14px;
}
body.scrolled .cheaderinner{
	background-color:#e6e6e6;
}
.scrollingway{
	opacity:0;
	transform:translateY(-20px);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.8s ease-in-out;
}
.scrollingwayfinish{
	opacity:1;
	transform:translateY(0px);
}
.wrappopupimg{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:1000;
}
.popupimgopa{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	background-image:url(img/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-size:40px;
	width:100%;
	background-color:black;
	opacity:0.7;
}
.popupimg{
    position: relative;
	height:100%;
	width:100%;
	opacity:0;
}
.popupimg img{
	max-height:80%;
	max-width: 90%;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.sclosepopupimg{
	position: absolute;
    margin-top: -20px;
    margin-right: 30px;
    background-image: url(img/elementos/close.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.csingleproyectocontent .csinglelinks a{
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
}
.cservicioslist{
	padding-top: 140px;
	padding-bottom: 120px;
	background-color: #f0f0f0;
	color: #444242;
	box-sizing: border-box;
}
.cservicioslist svg{
	width: 150px;
}
.cservicioslist .cinner{
	margin-bottom: 30px!important;
}
.cserviciopopup{
	margin-top: 70px;
	margin-bottom: 100px!important;
}
.cservicioslist h3{
	max-width: 65%;
    margin: auto;
	margin-top: 5px;
	font-size: 29px;
}
.cserviciopopup{
	background-color: #24a394;
	display: none;
}
.cserviciopopup .cinner{
	padding: 200px;
}
.stitlepopup{
	font-size: 26px;
	font-weight: bold;
	color: white;
}
.cservicepopuptext{
	font-weight: 500;
	color: white;
	max-width: 75%;
    margin: auto;
	margin-top: 20px;
}
.csingleproductowrapimage .cproductosopa{
	height: 100%;
}
.csinglewrapblock{
	position: relative;
}
.csinglewrapblock .csingleproductoimagefix, .csinglewrapblock .csingleproductowraptext{
	width: 50%;
	float: left;
	position: relative;
}
.csingleproductoimagefix, .csingleproductowraptext{
	height: 800px;
}
.csingleproductoimageinner{
	margin-right: 15px;
	position: relative;
	height: 100%;
}
.csingleproductowraptext .cvcenter{
	margin-left: 10px;
}
.csingleproductoimageinner{
	margin-right: 10px;
}
.cservicioitem{
	cursor: pointer;
}
.cslidehome{
	position: relative;
}
.cslide{
	width: 100%;
	height: 100%;
}
.cnosotrosdescmirror .cnosotrosimg{
	right: 0px;
}
.cnosotrosdescmirror .cnosotrostext{
	left: 0px;
}
.cnosotrosdescmirror{
	margin-top: 120px;
}
.csinglemultiproducto .csingleproductowrapimage, .csinglemultiproducto .csingleproductowraptext{
	width: 100%;
}
.csinglemultiproducto .csingleproductoimagefix, .csinglemultiproducto .cproductosopa{
	display: none;
}
.csingleproductowrapimage{
	margin-bottom: 70px!important;
	position: relative;
}
.csinglemultiproducto .csingleproductowrapimage{
	margin-bottom: 0px!important;
}
.csinglemultiproducto .csingleproductowraptext{
	text-align: center;
}
.csinglemultiproducto .csingleproductowraptext .csingleproductotext,.ccatgeneraltext{
	max-width: 65%;
	margin: auto!important;
	margin-bottom: 50px!important;
	text-align:center;
}
.csinglemultiproducto .csinglelinks span, .csinglemultiproducto .csinglelinks a{
	display: inline-block;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
}
.csinglemultiproducto .cwrapgaleria{
	margin-top: 70px;
	margin-bottom: 50px;
}
.cserviciopopup .cinner{
	margin-left: 0px!important;
	margin-right: 0px!important;
	position: relative;
}
.cserviciopopup .cclosepopup{
	width: 40px;
	top: 50px;
	right: 50px;
	cursor: pointer;
	position: absolute;
}
.cserviciopopup svg{
	width: 20px;
}
.cproductoslist .col25 .cinner, .cbottomrelacionado .col25 .cinner, .csingleproductowrapimage .cinner{
	position: relative;
}
.cproductosopa{
	position: absolute;
	width: 100%;
	height: 400px;
	opacity: 0.1;
	background-color: black;
	z-index: 120;
}
.cproductoslist .cbgimage{
	z-index: 100;
}
.csinglemultiproducto .csingleproductowraptext{
	height: auto;
	margin-top: 50px;
}
.cproductoslistimg, .cbottomrelacionado .cbgimage, .cbottomrelacionado .cproductosopa{
	padding: 30px;
	box-sizing: border-box;
}
.cprodmultiSi .cbgimage{
	background-size:cover;

}
.cformgracias{
color: #444242;
font-weight: 700;
padding: 60px;
text-align: center;
}
.cserviciopopup .cinner{
	margin-bottom: 0px!important;
}