/* Add here all your CSS customizations */

body{
	letter-spacing: 0!important;
}



#header.header-effect-shrink .header-container{min-height: 70px; padding: 10px;}

.header-logo{
	height: 100%;
	max-width: 200px;
}

.sticky-header-active #header.header-effect-shrink .header-logo{
	    max-height: 50px;
    margin: 0!important;
    top: -9px;
}

.scroll:after{
    content: '';
    position: absolute;
    height: 5px;
    width: calc(100% - 27px);
    bottom: 0;
    right: 14px;
    
}



.scroll::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.scroll::-webkit-scrollbar{
    width: 6px;
    
}

.scroll::-webkit-scrollbar-thumb{
    background-color: #0088cc ;
}

/*-------------------------------*/
/*HOME SLIDE
/*-------------------------------*/

.owl-carousel.dots-inside .owl-dots {
	right: calc(50% - 66px);
}

html.sticky-header-active #header .header-body .header-logo img{
    max-width: 150px!important;
    transition: all .3s;
}

.slide-item{
	width: 100%;
	padding-top: 30%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#slide-01{
	background-image: url(../img/fondo_slide.svg);
}

#slide-01 img{
	width: 80%!important;
	min-width: 500px;
	max-width: 800px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#slide-02{
	background-image: url(../img/slide2.jpg);
}

#slide-02 img{
	width: 80%!important;
	max-width: 1500px;
	position: absolute;
	bottom: 0;
}


/*-------------------------------*/
/*empresa
/*-------------------------------*/

.empresa h2{
	text-align: left;
	margin-bottom: .2em;
}

.wrapper {
	display: flex;
	justify-content: center;
	align-items: stretch;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	flex-wrap: wrap;
}

.wrapper .w-imagen{
	width: 50%;
}

.wrapper .w-imagen img{
	position: relative;
}

.wrapper .w-action{
	width: 50%;
	padding: 10px;
}

.wrapper .w-action .empresa{
	padding-bottom:10px;
}

.wrapper .w-action .call{
	padding-top:10px;
	height: 50%;
}

.empresa p{
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 1.5em!important;
	padding: 1.2em;
	color: #fff;
	text-align: left;
	background-color: #212529;
	margin: 0;
}

.call-to-action-content h3{
	font-size: 21px!important;
}


.empresa p strong{
	color: #ff6d00;
}

.nosotros-img{
	width: 100%;
	height: 100%;
	background-image: url(../img/nosotros.jpg);
	background-size: cover;
	background-position: center;
}

/*-------------------------------*/
/*PRODUCTOS
/*-------------------------------*/

.productos-item .call-to-action-primary{
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	position: relative;
	border-radius: 20px;
	overflow:hidden;
}

.productos-item .call-to-action-primary:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(55,96,172,.7);
}

.productos-item .call-to-action-primary .col-12{
	position: relative;
	z-index: 3;
}

.productos-item .call-to-action-primary h3{
	line-height: 1.2em;
}

.productos-item:nth-child(1) .call-to-action-primary{
	background-image: url(../img/fondo_slide2.svg);
}

.productos-item:nth-child(2) .call-to-action-primary{
	background-image: url(../img/fondo_slide3.svg);
}

.productos-item:nth-child(3) .call-to-action-primary{
	background-image: url(../img/fondo_slide4.svg);
}



/*-------------------------------*/
/*TRABAJOS
/*-------------------------------*/

html section.section-secondary{
	border-color: #3760ae!important;
}

/*-------------------------------*/
/*REDES
/*-------------------------------*/

.redes{
	height: 430px;
	overflow-y: scroll;
	display: flex;
	justify-content: center;
	padding: 15px
}

/*-------------------------------*/
/*CONTACTO
/*-------------------------------*/
#contacto h3{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 35px;
	font-style: italic;
	letter-spacing: unset;
	line-height: .9;

}

#contacto h5{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: unset;
	line-height: .9;

}

.social-icons li a{width: 0; height: 0;}

.social-icons li .social-link{
	width: 48px;
	height: 48px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.social-icons li .social-link:hover{
	background-color: #2d2d2d!important;
}

.social-icons li .social-link i{
	color: #fff;
}


@media (max-width: 1400px){
 	}

@media (max-width: 1200px){
}


@media (max-width: 992px){
	.wrapper .w-imagen{width: 90%; max-width: 768px; margin: 0 auto; order: 2;}
	.wrapper .w-action{width: 90%; max-width: 768px; margin: 0 auto;order: 1;}
	
}

@media (max-width: 768px){
	.slide-item{padding-top: 40%;}
	#slide-01 img{max-width: 80%; min-width: unset;}
}

@media (max-width: 550px){
}