@import 'classes.css';

body{
	font-family: 'Open Sans', sans-serif;
	background-color: #222222;
}

/*
============================
>>> NAV
============================
*/

.navbar{
	border-radius:0;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0;
}

.navbar .navbar-brand{
    padding: 0;
    display: block;
    width: 260px;
    height: auto;
}

.navbar .navbar-nav>li>a{
	text-transform:uppercase;
	color:#1f5e6d;
	font-weight:700;
	font-size: 12px;
    padding-left: 9px;
    padding-right: 9px;
}

.nav>li>a:hover, .nav>li>a:focus{background:transparent;}

.navbar .navbar-nav>li.active>a,
.nav>li>a:hover, .nav>li>a:focus{color:#fff;}

.navbar .navbar-nav>li.navbar-icon{
	width:38px;
	margin-top: 3px;
}

.navbar .navbar-nav>li + li.navbar-icon{
	margin-left:10px;
}

.navbar .navbar-nav>li.navbar-icon + li.navbar-icon{
	margin-left:0px;
}

.navbar .navbar-nav>li.navbar-icon>a{
	display: block;
    width: 100%;
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*
============================
>>> HEADER
============================
*/

.wrapper{
	max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

section{
background-color:#fff;
}

.carousel {
    height: 500px;
    overflow: hidden;
}

.carousel-inner{
	max-height:500px;
}

.carousel-caption{
	bottom:50px;
	left:0;
	right:0;
}



.carousel-caption .btn{
	margin-left:15px;
	margin-right:15px;
}

.carousel-indicators li,
.carousel-indicators li.active{
	border:0;
	margin:0 3px;
	background-color:#1f5e6d;
	width:10px;
	height:10px;
}

.carousel-control{
	background-color:transparent;
	background-repeat:no-repeat!important;
	width: 5%;
	opacity:1;
}

.carousel-control.left{
	background-position:left center;
	background-image:url(../images/ico-left.png);
	margin-left:8px;
}

.carousel-control.right{
	background-position:right center;
	background-image:url(../images/ico-right.png);
	margin-right:8px;
}

.carousel-indicators li.active{
	background-color:#fff;
}

.carousel .carousel-inner .item{
	height:500px;
}

.carousel .carousel-inner .item-image,
.carousel .carousel-inner .item-video{
	background-position:top center;
	background-repeat:no-repeat;
}

.carousel:not(.carousel-noshadow) .carousel-inner .item-image:after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+66,1+98 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 66%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 98%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 66%,rgba(0,0,0,1) 98%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.interna .carousel:not(.carousel-noshadow) .carousel-inner .item-image:after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+66,0.65+98 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 66%, rgba(0,0,0,0.65) 98%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 66%,rgba(0,0,0,0.65) 98%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 66%,rgba(0,0,0,0.65) 98%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}



.carousel .carousel-inner .item-image>img{
	width: 100%;
    margin: 0 auto;
}

.icon-servicios-wrapper{
	height:90px;
	box-sizing:border-box;
}

.icon-servicios-wrapper>svg{
	height:100%;
	width:auto;
	margin:0 auto;
}

.carousel .carousel-inner .item-video>a{
	display:block;
	width:100%;
	height:100%;
}

div.video{
	position: relative;
	/*padding-bottom: 56.25%; /* 16:9 
	padding-bottom: 55%;*/
	padding-top: 25px;
	height: 100%;
}

div.video > iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
=========================
>>> 
=========================
*/

.title-lines{
	text-align:center;
	position:relative;
}

.title-lines>span{
	display:inline-block;
	background-color:#fff;
	padding:0 20px;
}

.title-lines:before{
	content:'';
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:5px;
	background-color:#bdbcbc;
	z-index:-1;
}

.link-block{
	display:block;
	padding:30px 25px;
	height:100%;
	text-decoration:none!important;
}

.link-block svg{
	height:85px;
	width:auto;
	margin:0 auto;
}

.link-block svg path{
	fill:#1f5e6d;
}


/*
=================================
>>> ACCORDION
=================================
*/

.accordion-group{
	background-color:#eaeaea;
}

.accordion-group .accordion-title{
	background-color:#1f5e6d;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	padding:15px 20px;
	font-weight:700;
}

.accordion-group  .panel-group{
	padding:10px;
}

.accordion-group .panel-group .panel{
	border-radius:0;
	background: transparent;
    box-shadow: none;
	margin-top:0!important;
}

.accordion-group .panel-group .panel.active{
	background-color:#fff;
}

.accordion-group  .panel-group .panel-heading{
	padding:10px;
	background:url(../images/ico-arrow-down.png) no-repeat center right;
}

.accordion-group  .panel-group .panel.active .panel-heading{
	background:url(../images/ico-arrow-up.png) no-repeat center right;
}

.accordion-group  .panel-group .panel-body{
	padding:0px 10px 10px;    
	font-size: 13px;
    border-top: 0!important;
}

.accordion-group  .panel-group .panel-heading a{
	display:block;
	font-size:15px;
	color:#1f5e6d;
	text-decoration:none!important;
}

/*
=================================
>>> COLOR BOXES
=================================
*/

.color-box{
	position:relative;
	height:100%;
	padding-bottom:34px;
	text-align:center;
	background-color:#eaeaea;
}

.color-box .content{
	padding:0 10px;
	margin-bottom:20px;
}

.color-box .btn{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:#fff!important;
}

.color-box .icon-svg{
	height:55px;
	margin:20px 0 15px;
}

.color-box .icon-svg>svg{
	height:100%;
	width:auto;
	margin:0 auto;
}

.color-box ul{
	text-align:left;
	margin:20px 0;
}

.color-box ul a{color:#000;}

.color-box .title-bg{
	text-transform: uppercase;
	color:#fff;
    font-size: 15px;
    font-weight: 700;
	padding:10px;
	text-align:left;
	line-height:1.1em;
}

.color-box .title-bg>small{
	display:block;
	font-size:0.6em;
}

.color-box .color-badge{
	background-color:#b30013;
	padding:12px 3px 20px;
	position:absolute;
	top:40px;
	right:10px;
	width:70px;
	color:#fff;
    font-size: 16px;
    font-weight: 700;
	text-transform:uppercase;
	line-height:0.9em;
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

.color-box .color-badge>small{
	display:block;
	font-size:0.5em;
}


.color-box.azul .title-color,
.color-box ul{color:#002339;}
.color-box.azul svg path{fill:#002339;}
.color-box.azul .btn,
.color-box.azul .title-bg,
.textos-proyecto.azul>.titulo{background-color:#002339;}

.color-box.amarillo .title-color,
.color-box ul{color:#dc7a09;}
.color-box.amarillo svg path{fill:#dc7a09;}
.color-box.amarillo .btn,
.color-box.amarillo .title-bg,
.textos-proyecto.amarillo>.titulo{background-color:#dc7a09;}


.color-box.verde .title-color,
.color-box ul{color:#1f5e6d;}
.color-box.verde svg path{fill:#1f5e6d;}
.color-box.verde .btn,
.color-box.verde .title-bg,
.textos-proyecto.verde>.titulo{background-color:#1f5e6d;}

.color-box.lima .title-color,
.color-box ul{color:#8e9618;}
.color-box.lima svg path{fill:#8e9618;}
.color-box.lima .btn,
.color-box.lima .title-bg,
.textos-proyecto.lima>.titulo{background-color:#8e9618;}

.color-box.celeste .title-color,
.color-box ul{color:#469a9a;}
.color-box.celeste svg polygon,
.color-box.celeste svg path{fill:#469a9a;}
.color-box.celeste .btn,
.color-box.celeste .title-bg,
.textos-proyecto.celeste>.titulo{background-color:#469a9a;}

.color-box.amarillo .title-bg>small,
.color-box.celeste .title-bg>small,
.color-box.lima .title-bg>small{color:#161615;}

/*
=======================================
>>> FORM CONTACTO
=======================================
*/

.form-contacto,
.wpcf7-form{
	background-color:#eaeaea;
	padding-bottom:1px;
}

.form-contacto .form-title,
.wpcf7-form .form-title{
	color:#fff;
	font-size:18px;
	font-weight:600;
	padding: 15px 20px;
	background-color:#1f5e6d;
	margin-bottom:20px;
}

.form-contacto .form-campos,
.wpcf7-form .form-campos{
	padding: 0 20px 30px;
}

.form-contacto label,
.wpcf7-form label{
	font-weight:normal;
	color:#1f5e6d;
    margin-bottom: 2px;
	display:block;
}

.wpcf7-form label+br,
.wpcf7-form p:empty{display:none;}

.form-contacto .form-control,
.wpcf7-form .form-control{
	border-radius:0;
}

.form-contacto select.form-control,
.wpcf7-form select.form-control{
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	background:#cbcbcb url(../images/select-down.png) no-repeat center right;
	box-shadow: none;
}

.form-contacto textarea.form-control,
.wpcf7-form textarea.form-control{
	height:103px;
	resize:none;
}

.wpcf7-form span.wpcf7-not-valid-tip{
	position: absolute;
    min-width: 300px;
    font-size: 12px;
    left: 0;
}

.wpcf7-form .wpcf7-response-output{
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	margin: 0 20px 15px;
}

.wpcf7-form .wpcf7-validation-errors{
	color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.wpcf7-form .wpcf7-mail-sent-ok{
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.form-contacto .radio-buttons,
.radio-buttons{
	overflow:hidden;
}

.wpcf7-form .wpcf7-list-item:first-child{margin:0;}

.form-contacto .radio-buttons>.radio-buttons-group{
	float:left;
	margin-right:20px;
}

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label,
[type="radio"]:not(:checked) + span, [type="radio"]:checked + span{
	height:33px;
	line-height:33px;
	padding-left:0;
	padding-right:45px;
	font-size:13px;
	color:#3d3c3c;
	margin-bottom: 0;
}


[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before, [type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after,
[type="radio"]:checked + span:before, [type="radio"]:checked + span:after{
	border:0;
	margin:0;
	border-radius:0;
	background-color:#fff;
	height:33px;
	width:33px;
	left: auto;
    right: 0;
}

[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:before, [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after,
[type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after, [type="radio"]:checked + span:before, [type="radio"]:checked + span:after, .with-gap [type="radio"]:checked + span:before, .with-gap [type="radio"]:checked + span:after{
	border-radius:0;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after,
[type="radio"]:checked + span:after, .with-gap [type="radio"]:checked + span:before, .with-gap [type="radio"]:checked + span:after{
	border-color:#1f5e6d;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after,
[type="radio"]:checked + span:after, .with-gap [type="radio"]:checked + span:after{
	background-color:#1f5e6d;
	-webkit-transform: scale(0.7);
    transform: scale(0.7);
}

/*
============================
>>> ADDRESS
============================
*/

address>div{
	text-align:center;
	color:#fff;
	padding:20px 10px 80px;
	font-size:13px;
	min-height:230px;
	position:relative;
}

address>div>h1{
	margin:0;
	margin-bottom:7px;
}

address .map{
	width:100%;
	padding-bottom:100%;
}

address .logo-inmob{
	white-space: nowrap;
	height:70px;
	position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

address .logo-inmob:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

address .logo-inmob>img{
	display:inline-block;
	vertical-align:middle;
}

/*
============================
>>> ERRORES
============================
*/

.parsley-errors-list{
	display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
	color: darkred;
	float:right;
}

.messi-wrapper{border-radius:0;}

.messi-box{
	background: transparent;
    border-radius: 0;
}

.messi-titlebox{
	background-color: #1f5e6d;
    background-image: none;
    border-radius: 0;
    box-shadow: none;
}

.messi-closebtn::before{
	top:1px;
	left: -1px;
}

/*
===========================
>>> AVANCES
===========================
*/

.avances-box,
.textos-proyecto{
	position: relative;
    height: 100%;
    background-color: #eaeaea;
	color:#016a7f;
	margin-bottom:30px;
}

.avances-box>.content,
.textos-proyecto>.content{
    padding: 15px;
}

.avances-box h1,
.avances-box h2,
.avances-box h3, 
.avances-box h4, 
.avances-box h5{
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	font-size: 20px;
}

.avances-box h1:first-child,
.avances-box h2:first-child,
.avances-box h3:first-child, 
.avances-box h4:first-child, 
.avances-box h5:first-child{
	margin-top:0;
}

.avances-box .video{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.avances-box .video > iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.textos-proyecto>.content{
	padding:15px 20px;
	line-height:1.6em;
}

.textos-proyecto>.content>p{margin-bottom:0;}

.textos-proyecto>.titulo{
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	font-size: 20px;
	color:#fff;
}

.textos-proyecto>.titulo{
	padding:3px 20px;
}

.block-contacto{
	padding:25px 30px;
}

.icons-mobile{display:none;}

@media (max-width: 991px) {
	
	body{font-size:12px;}
	
	.container{padding-left:0; padding-right:0; overflow-x:hidden;}
	
	.fsize-15{font-size:12px;}
	.fsize-18,
	.form-contacto .form-title, .wpcf7-form .form-title{font-size:14px;}
	.fsize-34{font-size:26px;}
	.fsize-48{font-size:24px;}
	.fsize-55{font-size:15px;}
	.fsize-75{font-size:20px;}
	.carousel-caption .fsize-34{font-size:11px;}
	
	section.pbottom-70{padding-bottom:0;}
	footer.pbottom-70{padding-bottom:50px;}
	
	.link-block{margin-bottom:5px;padding:15px 20px;}
	.link-block svg{float:left; margin-right:10px;}
	.link-block hr{display:none;}
	
	.block-contacto{text-align:center; padding:15px 20px;}
	.block-contacto .btn{margin-top:10px;}
	.block-contacto .pull-right{float:none!important;}
	
	.btn{
		font-size:12px;
		height:40px;
		line-height:38px;
	}
	
	footer{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.carousel,
	.carousel .carousel-inner .item{height:125px;}
	.carousel-inner{max-height:125px;}
	.carousel .carousel-inner .item-image, 
	.carousel .carousel-inner .item-video{background-size:auto 100%; }
	.carousel-control,
	.carousel-indicators{ transform: scale(0.7);}
	.carousel-indicators{ transform-origin: bottom; bottom:0;}
	
	.carousel-caption{bottom:30px; padding: 0 20px;}
	
	.carousel-caption .btn{ 
		width: calc(50% - 25px); 
		padding: 0; 
		font-size: 9px;
		height: 30px;
		line-height: 28px;
	}
	
	.carousel-caption .btn + .btn{margin-left:0;}
	
	.carousel-caption .mbottom-40{margin-bottom:10px;}
	.carousel-caption .mbottom-50{margin-bottom:0;}
	
	.carousel-caption .icon-servicios-wrapper{height:40px;}
	
	.carousel-caption hr{margin-top:5px; margin-bottom:5px;}
	
	.carousel-caption .btn.btn-arrow:before{
		transform:scale(0.6);
		margin-right:0;
	}
	
	.navbar-toggle .icon-bar{background-color:#fff;}
	
	.navbar-nav,
	.container>.navbar-header{margin-left:0; margin-right:0;}
	
	.navbar .navbar-brand{width:180px;}
	
	.icons-mobile{
		display:block;
		float:right;
		margin-top: 8px;
		padding-top: 7px;
	}
	
	.icons-mobile>ul{
		list-style-type:none;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
	.icons-mobile li{
		width:22px;
		float:left;
		margin: 0 4px;
	}
	
	.navbar-toggle{margin-right:0;}
	
	.color-box{margin-bottom:5px;}
	.color-box .content{overflow:hidden; padding:15px 20px;}
	.color-box .icon-svg{float:left; margin:0; margin-right:10px;}
	.color-box .title-color{ width: 100%;}
	
	.proyectos .color-box .content{
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-align-items: center;
		  -ms-flex-align: center;
			  align-items: center;
	}

	.color-box .content ul{display:inline-block;}
	
	.accordion-group  .panel-group .panel-heading{padding-right:25px;}
	
	address>div{    min-height: auto;}
	
}