/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */.navbar-default,a{-webkit-transition:all .35s;-moz-transition:all .35s}header,header .header-content{position:relative;width:100%;text-align:center}body,html{height:100%;width:100%}body{font-family:'Catamaran', sans-serif;webkit-tap-highlight-color:#222}.btn,.navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}hr{border-color:#cccccc;border-width:3px;max-width:50px; opacity: 0;}hr.light{border-color:#fff}a{transition:all .35s;color:#F05F40}a:focus,a:hover{color:#eb3812}p{font-size:16px;line-height:1.5;margin-bottom:20px}.bg-primary{background-color:#F05F40}.bg-dark{background-color:#222;color:#fff}.text-faded{color:rgba(255,255,255,.7)}section{padding:100px 0}aside{padding:50px 0}.no-padding{padding:0}.navbar-default{background-color:#fff;border-color:rgba(34,34,34,.05);transition:all .35s}.btn-default,.portfolio-box .portfolio-box-caption{-webkit-transition:all .35s;-moz-transition:all .35s}.navbar-default .navbar-header .navbar-brand{color:#fff;font-weight:700;text-transform:uppercase}.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}.navbar-default .navbar-header .navbar-toggle{font-weight:700;font-size:12px;color:#222;text-transform:uppercase}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{text-transform:uppercase;font-weight:700;font-size:13px;color:#222}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#F05F40}.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#F05F40!important;background-color:transparent}.navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}@media (min-width:768px){.navbar-default{background-color:transparent;border-color:rgba(255,255,255,.3)}.navbar-default .navbar-header .navbar-brand{color:#fff;}.navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:#fff;}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#C7471B}.navbar-default.affix{background-color:#fff;border-color:rgba(34,34,34,.05)}.navbar-default.affix .navbar-header .navbar-brand{color:#F05F40;font-size:14px}.navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#eb3812}.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}.navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#F05F40}}header{min-height:auto;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center;background-image:url(../img/header.jpg);color:#fff}header .header-content{padding:100px 15px}header .header-content .header-content-inner h1{font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:30px}header .header-content .header-content-inner hr{margin:30px auto}header .header-content .header-content-inner p{font-weight:300;color:#ffffff;font-size:16px;margin-bottom:50px; margin-top:170px;}@media (min-width:768px){header{min-height:100%}header .header-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 50px}header .header-content .header-content-inner{max-width:1000px;margin-left:auto;margin-right:auto}header .header-content .header-content-inner h1{font-size:50px}header .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-left:auto;margin-right:auto}}.section-heading{margin-top:0}.service-box{max-width:400px;margin:50px auto 0}@media (min-width:992px){.service-box{margin:20px auto 0}}.service-box p{margin-bottom:0}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{color:#fff;opacity:0;display:block;background:rgba(240,95,64,.9);position:absolute;bottom:0;text-align:center;width:100%;height:100%;transition:all .35s}.btn-default.active,.btn-default:active,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-primary{background-image:none}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;padding:0 15px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.call-to-action h2{margin:0 auto 20px}.text-primary{color:#F05F40}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-default{color:#222;background-color:#fff;border-color:#fff;transition:all .35s}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#222;background-color:#f2f2f2;border-color:#ededed}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#fff}.btn-default .badge{color:#fff;background-color:#222}.btn-primary{color:#fff;background-color:#F05F40;border-color:#F05F40;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#ee4b28;border-color:#ed431f}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#F05F40;border-color:#F05F40}.btn-primary .badge{color:#F05F40;background-color:#fff}.btn{border:none;border-radius:300px;font-weight:700;text-transform:uppercase}.btn-xl{padding:15px 30px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}

 header{ background-image: url('../img/header.png'); }

 body{ 
 	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif; 
 	background-image: url('../img/dlab-bg.jpg');
 }

 a { outline: 0 !important; }

 .navbar-default{ border:0; }

 .btn-conocenos{
 	background: transparent;
 	color: #ee4b28;
 }

 .btn-conocenos:hover, .btn-conocenos:focus, .btn-conocenos:active, .btn-conocenos:link, .btn-conocenos:visited{
 	background: #fff !important;
 	color: #ee4b28;
 }

 .btn-conocenos::after{
 	position: absolute;
	width: 28px;
	height: 28px;
	content: "";
	background-image: url('../img/btn-conocenos.png');
	background-size: contain;
	display: none;
	left: 49%;
	right: 49%;
	top: 98%;
	-webkit-transition: all 0.1s ease-out;
  	-moz-transition: all 0.1s ease-out;
  	-o-transition: all 0.1s ease-out;
  	transition: all 0.1s ease-out;
 }

  .btn-conocenos:hover::after{
	top:97%;
 }

.btn-catalogo{
	z-index: 10;
	position: fixed;
	width: 200px;
	height: 70px;
	border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
	background-color: #ee4b28;
	bottom: 10%;
    right: -1%;
    padding: 10px;
    background-image: url('../img/icon-catalogo.png');
    background-repeat: no-repeat;
    background-position: 90% center;
    cursor: pointer;
    box-shadow: 0 5px 19px #4f4f4f;
    -webkit-transition: all 0.1s ease-out;
  	-moz-transition: all 0.1s ease-out;
  	-o-transition: all 0.1s ease-out;
  	transition: all 0.1s ease-out;
}

.btn-catalogo:hover{
	right: 0;
}

.btn-catalogo span{
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size: 14px;
	color: #fff;	
	font-weight: 100;
	margin-left: -30px;
}

.btn-catalogo h3{
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size: 26px;
	color: #fff;	
	margin: 0;
	margin-left: -30px;
}

.bg-primary{
	background-color: #104C67;
}

.clientes-container{
	/*width:100%;
	height: 100%;*/
	background-color: #fff;
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clientes-container::before{
	/*position: absolute;
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	border-top: 2px solid #EA8C68;
	border-left: 2px solid #EA8C68;
	right: 0;*/
}

.clientes-container::after{
	/*position: absolute;
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	border-bottom: 2px solid #EA8C68;
	border-right: 2px solid #EA8C68;
	z-index: 10;
    right: 14px;
    bottom: -2px;*/
}

.dlab-mapa{
	width: 100%;
	height: 452px;
	background-image: url('../img/dlab-mapa.jpg');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.contacto-col-left{
	height: 280px;
	padding-left: 0;
	padding-right:0;
}

.contacto-col-right{
	height: 280px;
	padding: 30px 60px 30px 100px;
	background-color: #CADEE5;
}

.contacto-col-right p{
	font-size: 14px;
	color:#588091;
	padding: 10px;
}

.contacto-col-right p a{
	color:#588091;
}

.contacto-col-right i{
	float: left;
	/*height: 30px;*/
    text-align: center;
    width: 46px;
    margin-right: 30px;
}

.contacto-col-right div{
	margin-bottom: 20px;
}

.logos-contacto{ margin-left: -15px; }

.multiplicar{ mix-blend-mode: multiply; }

.logos-contacto img{ margin:0 15px; }

.modal-dialog{
	width: 100%;
	max-width: 990px;
}

.modal-content{
	border-radius: 0;
}

.serv-title{
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	background: #104C67;
    margin-top: 0;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size:22px;
}

.close{
	position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}

.content-serv div{
	padding: 5% 25%;
	text-align: center;
}

.content-serv img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
}

.content-serv div p{
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-weight: 300;
	color:#588091;
	font-size: 18px;
}

.content-serv div button{ 
	border-radius: 0; 
	color:#F6D8D3;
}

.cursive{ 
	font-family: 'Pacifico', cursive;
	color:#DF4C31;
	font-size: 22px;
	}

#contact{ padding:0; }

.todos-logos:nth-child(2){

}

.portfolio-box-caption:nth-child(add){
	background: rgba(31,78,189,.9);
}

header .header-content .header-content-inner h1{
	width: 100%;
    background: rgba(255,255,255,0.7);
    padding: 10px;
    left: 0;
    top: -5px;
    position: absolute;
}

form{
	width:50%;
	margin: 0 auto;
	margin-bottom: 60px;
}

form input{
	background: #F2F2F2 !important;
    border: 0 !important;
    box-shadow: initial !important;
    border-radius: 0 !important;
}

form textarea{
	background: #F2F2F2 !important;
    border: 0 !important;
    box-shadow: initial !important;
    border-radius: 0 !important;
    height: 80px !important;
}

form label{ font-size:10px; }

form button{
	background-color: #E04C31 !important;
	border-radius: 0 !important;
	color:#F6D8D3 !important;
}

footer{
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size: 12px;
	width: 100%;
	height: 40px;
	background-color: #104C67;
	display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

footer img{
	height: 21px;
    margin-left: 6px;
    margin-top: -1px;
}

a:hover{ text-decoration: none; }

.clientes-container img{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
    margin:-28px;
}

@media only screen and (max-width: 1000px) {
	.navbar-default .navbar-nav>li>a{ padding: 16px 10px !important; }
}

@media only screen and (max-width: 991px) {
	.navbar-default.affix .nav>li>a{
		padding: 16px 10px;
	}

	.navbar-default .navbar-nav>li>a{ padding: 16px 5px !important; }
}

@media only screen and (max-width: 768px) {
	.btn-conocenos::after{
		left: 48%;
	    right: 48%;
	    top: 81%;
	}
	  .btn-conocenos:hover::after{
		top:82%;
 	}
 	.dlab-mapa{
 		height: 270px;
 	}
 	.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus{
		padding: 16px 10px;
	}

	.navbar-default .navbar-nav>li>a{ padding: 16px 10px !important; }

	header .header-content .header-content-inner h1{
	    top: 110px;
	}
}

@media only screen and (max-width: 570px) {
	.contacto-col-right{
 		padding:30px; 
 	}
 	.content-serv div{ padding: 5% 12%; }
}


@media only screen and (max-width: 500px) {
	.btn-conocenos::after{
		left: 47%;
	}
	.dlab-mapa{
 		height: 180px;
 	}
}

@media only screen and (max-width: 410px) {
	.contacto-col-right{
 		padding:22px; 
 	}
}