/* 
	
	VARIABLES
	
*/

@color-brand: #FDDA00;
@color-brand-hover: darken(@color-brand, 15%);
@color-black: #211915;
@color-white: #FFFFFF;
@color-green: #70a83b;
@color-dark-blue: #31383d;
@color-light-gray:#868686;
@color-brown:#463729;


@pixels-s: 10px;
@pixels-m: 30px;
@pixels-l: 40px;
@pixels-xl: 50px;
@pixels-xxl: 100px;

@screen-xs: 520px;
@screen-s: 640px;
@screen-m: 960px;
@screen-l: 1200px;
@screen-xl: 1600px;




.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6{
	font-family:inherit!important;
	color: #463729;
}

#preloader {
	z-index: 1000!important;
	height: 100vh;
	top: 0%;
	width: 100%;
	overflow: hidden;
}

body.preload {
	overflow-y: hidden;
}

.logo-preload {
	width: 80px;
	-webkit-animation:spin 5s linear infinite;
    -moz-animation:spin 5s linear infinite;
    animation:spin 5s linear infinite;
}

/* 
	
	GENERALES   
	
*/

body {
	overflow-x: hidden;
	font-family: 'Barlow Condensed', sans-serif!important;
}

.oculto {
	display: none;
}

.sans-serif{
	font-family: 'Barlow Condensed', sans-serif;
}

.serif{
	font-family: 'Vollkorn', serif!important;
}

.color-brown{
	color: @color-brown;
}

.bg-brown{
	background: @color-brown;
}

.uk-overlay-default {
    background:rgba(69, 55, 41, 0.9)!important;
}

.uk-overlay-default .uk-icon{
	color: @color-brand!important;
}

.sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left:0!important;
	width: 190px;
	height: 100vh;
	min-height: 700px;
	font-size:0.9em;
	background:white;
	box-shadow:1px 0px 10px #eaeaea;
}

.border-right{
	box-shadow:1px 0px 54px #eaeaea;
}


.position-left{
	position:absolute;
	left:0;
}

.uk-offcanvas-bar{
	min-height:568px;
}

.main {
  width: 84%;
  	@media screen and (max-width:@screen-m - 1px) {
		& {
			width: 100%;
		}
	}
	
	@media screen and (min-width:@screen-l - 1px) {
		& {
			width: 89%;
		}
	}
	

}

.uk-margin-xlarge-top{
	margin-top:85px!important;
	@media screen and (min-width:@screen-s) {
		& {
			margin-top:160px!important;
		}
	}
}

.italic{
	font-style:italic;
}

.uk-dotnav li a{
	background-color:#d2d2d2;
}

.uk-dotnav .uk-active a {
    background-color:@color-brand!important;
    width: 10px!important;
    height: 10px!important;
    border-radius: 10px!important;
}




.uk-grid-collapse>* {
    padding-left: 6px;
    padding-bottom: 6px;
}

.side-footer{
	position: absolute;
	bottom:30px;
	
}

.green{
	color:#18c183;
}


.letter-spacing{
	letter-spacing:10px;
}

.letter-spacing-small{
	letter-spacing:2px;
}

.text-black{
	color:@color-black!important;
}

.text-white{
	color:@color-white;
}

.text-italic{
	font-style:italic;
}

.color-brand{
	color:@color-brand!important;
}

.bg-black{
	background: @color-black!important;
}

.bg-white{
	background: @color-white;
}

.bg-dark-blue{
	background: @color-dark-blue;
}

.bg-gradient{
	background:linear-gradient(to top right, #425b76, #0091b0, #00a4bd, #7fd1de);
}

.color-dark-blue{
	color:@color-dark-blue!important;
}

.bg-brand{
	background: @color-brand;
}

.link{
	color:#242424;
	&:hover{
		color:#9e9e9e;
		text-decoration:none;
	}
}

.bg-green{
	background: @color-green;
}

.text-brown{
	color: @color-brown!important;
}

.bg-light{
	background:#FAFAFA;
}

.light-gray{
	color: @color-light-gray;
}

.color-green{
	color:@color-green!important;
}

.text-light{
	font-weight:100!important;
}

.text-bold{
	font-weight:700;
}

.text-semibold{
	font-weight:600;
}

.text-italic{
	font-style:italic;
}

.heading::after{
	content:"";
	height:3px;
	background:white;
	width:90px;
	margin-top:40px;
	display:block;
	margin:0 auto;
}

.uk-h5{
	font-size:1.15em!important;
}

.uk-text-xsmall{
	font-size:0.7em;
}

.heading-slider{
	font-size:3.3em;
	font-weight:600;
}

.white{
	color:white;
}

.logo{
	width: 300px;
	@media screen and (max-width:639px) {
		& {
			width:230px;
		}
	}
}

.z-index{
	z-index: 1!important;
}

.uk-margin-left-s{
	@media screen and (max-width:639px) {
		& {
			margin-left:20px;
		}
	}
}

.uk-form-label{
	font-size:1.2em;
}

.circulo{
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background:@color-white;
}

.dark-link:hover{
	color:@color-dark-blue;
	text-decoration:none;
}

.light-link:hover{
	color:@color-brand;
	text-decoration:none;
}

.overflow-auto{
	overflow-y: auto;
}

.uk-text-xsmall{
	font-size:0.7em;
}

#main-slider .uk-text-lead{
	color:white!important;
	text-shadow:0px 0px 2px black;
}

.texto-imagen-portada{
	margin-top:0;
	@media screen and (min-width:@screen-m) {
		& {
			margin-top:-50px!important;
		}
	}
}


.pt-30{
	padding-top:30px!important;
}

.restar-padding-m{
	padding-left:inherit;
	@media screen and (min-width:@screen-m) {
		& {
			padding-left:0px!important;
		}
	}
}




#sobre{
	max-width:inherit!important;
	right:250px;
	bottom:100px;
	img{
		max-width:inherit!important;
	}
	
	@media screen and (max-width:1199px) {
		&{
			top:200px;
		}
		
	}
}

#sobre.en-buzon {
	right:90%;
}


#sobre.animate{
	-webkit-transition: all 1.0s linear;
    -moz-transition: all 1.0s linear;
    -o-transition: all 1.0s linear;
    -ms-transition: all 1.0s linear;    
    transition: all 1.0s linear!important;
}



/* 
	
	ANIMACIONES   
	
*/

.animacion-rotar{
	-webkit-animation-name: spin;
    -webkit-animation-duration: 40000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;
    -moz-animation-duration: 40000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 40000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 40000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    @-ms-keyframes spin { 
        from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotate(360deg); 
        }
    }
    @-moz-keyframes spin { 
        from { 
            -moz-transform: rotate(0deg); 
        } to { 
            -moz-transform: rotate(360deg); 
        }
    }
    @-webkit-keyframes spin { 
        from { 
            -webkit-transform: rotate(0deg); 
        } to { 
            -webkit-transform: rotate(360deg); 
        }
    }
    @keyframes spin { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(360deg); 
        }
    }
}




.dashed{
  stroke-dasharray: 5px;
  animation: dash 1s linear infinite;

}


@keyframes dash {

  to {
    stroke-dashoffset: 10;
  }
}



/* 
	
	IMAGEN BACKGROUND PORTADA   
	
*/


#worker{
	position:absolute;
	right:50%;
	bottom:0;
	@media screen and (max-width:1560px) {
		& {
			right:0;
			margin-right:60px;
		}
	}
}

#truck{
	@media screen and (max-width:1395px) {
		& {
		
			margin-left:450px;			
		}
	}
	
	@media screen and (max-width:1095px) {
		& {

			margin-bottom:120px;		
		}
	}
	
	@media screen and (min-width:1095px) {
		& {

			margin-bottom:100px;		
		}
	}
	
	@media screen and (min-width:1170px) {
		& {

			margin-bottom:50px;		
		}
	}
	


}






/* 
	
	SLIDESHOW   
	
*/



.uk-card .uk-slideshow-items {
	@media screen and (min-width:639px) {
		& {
			height:100%!important;
		}
	}
}









.servicio-gif{
	display:none;
}

.card-servicio:hover{
	& .servicio-img{
	display:none;
	}
	& .servicio-gif{
		display:block;
		margin:0 auto;
		
	}
}

.uk-height-custom-70{
	padding-bottom:70%;
}


/* 
	
	NAVBAR     
	
*/





header{
	&.uk-sticky-fixed.uk-active{
		padding:0!important;
		transition:padding ease 0.4s;
		.logo{
			width:60px;
			transition:width ease-in-out 0.4s;
		}
	}
}




.uk-navbar .uk-navbar-nav li a{
	color: @color-brown;
	text-transform: uppercase!important;
	font-size: 0.9em;
	font-weight:500;
}

.uk-navbar {
	@media screen and (max-width:639px) {
		& {
			padding:0px;
		}
	}
	
	li a{
		font-size:1em;
		font-weight:400;
	}
	.uk-navbar-nav li a{
		text-decoration:none;
		text-transform: none;
	}	
	.uk-navbar-right a:hover{
		text-decoration:none;
		color:black!important;
	}
	
}


.uk-navbar-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 240px;
    padding: 25px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
    margin-top:-20px;
}


/* 
	
	OFFCANVAS
	
*/







#offcanvas-nav-primary{
	
	a{
		color:@color-brand;
		text-transform: uppercase;
		font-size:2em!important;
		margin-bottom:30px;
	}
	
	a:hover{
		color:#ab9c12;
	}

	.uk-icon-button{
		color:black;
		margin-bottom:5px;
	}
	.uk-icon-button:hover{
		background-color:black;
				
	}
	.uk-icon-button:hover a{
		color:@color-white;
	}

	.uk-offcanvas-bar{
	
    background-size: cover;
    background-position: center bottom;
	background-color:@color-brown;
	}

	
	
}






/* 
	
	BOTONES
	
*/


.btn-brand-small {
	background-color: transparent;
	color: @color-brown!important;
	padding: 12px 12px;
	font-size:1em;
	text-transform: uppercase;
	cursor: pointer;
	border:2px solid @color-brown;
	border-radius:50px;
	transition:all ease 0.4s;
	min-height: 1px!important;
	&:hover{
		background-color:@color-brown;
		color:white!important;
		text-decoration:none!important;
		transition:all ease 0.4s; 
	}
}


.btn-brand{
	background-color: transparent;
	color: @color-brand!important;
	padding: 12px 23px;
	font-size:1em;
	text-transform: uppercase;
	cursor: pointer;
	border:2px solid @color-brand;
	border-radius:50px;
	letter-spacing: 5px;
	transition:all ease 0.4s;
	&:hover{
		background-color:@color-brand;
		color:black!important;
		text-decoration:none!important;
		transition:all ease 0.4s; 
	}
}

.bg-brand {
	
	.btn-brand {
		color: @color-brown!important;
		border:2px solid @color-brown;
	}
	
}	


.btn-secondary{
	background-color: transparent;
	color: @color-brown!important;
	padding: 8px 15px;
	font-size:1em;
	text-transform: uppercase;
	cursor: pointer;
	border:2px solid @color-brown;
	border-radius:50px;
	letter-spacing: 3px;
	font-weight:400;
	transition:all ease 0.4s;
	&:hover{
		background-color:@color-brown;
		color:white!important;
		text-decoration:none!important;
		transition:all ease 0.4s; 
	}
}	

.height-270{
	height:270px;
}

.uk-button.uk-button-default{
	background:@color-brand;
	color:white;
	border: 1px solid @color-brand;
}




.height-custom{
	height:120px;
	@media screen and (min-width:960px) {
		& {
			height:470px!important;
		}
	}
}



/* 
	
	OVERLAYS
	
*/


.uk-overlay-fixed{
	background:rgba(69, 55, 41, 0.9)!important;
}

.uk-overlay-default{
    opacity:0;
    &:hover{
		opacity:1;
		transition:opacity ease-in-out 0.4s;
	
	}
	
}

.uk-overlay-icon{
	color:black;
}

.pointer{
	cursor:pointer;
}


.uk-subnav-pill a{
	color:@color-brown!important;
}


.uk-subnav-pill > .uk-active > a{
	background-color: transparent!important;
	color:@color-brown;
}

.uk-subnav-pill a:hover{
	background-color: transparent!important;
}

.uk-height-xsmall{
	height:100px;
}

.uk-drop{
	filter: drop-shadow(0 0 5px lightgray);
}

/* 
	
	Footer
	
*/



footer {
	a {
		color: white;
		&:hover {
			color:@color-brand!important;
			text-decoration:none;
		}
	}
}

.uk-icon-button{
	background:transparent;
	border:1px solid gray;
	color:#c9c9c9;
	&:hover{
		background:@color-brand;
		color:@color-brown!important;
		border:1px solid @color-brand;
	}
}


footer li a {
	font-size:1.2em!important;
}