.verif { display: none; }


.fadeInLeft{
    animation-duration: 3s;
}

.zoomIn{
    animation-duration: 4s;
}

.fadeIn{
    animation-duration: 4s;
}

.slideInUp{
    animation-duration: 3s;
}

.wow {
  visibility: hidden;
}




/*    SLIDENAV*/

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}




    /*Parallax*/

    .parallax-window {
        min-height: 600px;
        background: transparent;
        background-color: rgba(0,0,0,0.2);
        
    }

	h2{
		font-family: 'Archivo Black', sans-serif;
	}

    p{line-height: 25px;}
  	

  	/* Menu*/
	.nav {
		background-color: transparent;
	}

    .navbar {
    	height: 90px; 
    	background-color: transparent;
    	margin-top: 20px; 
    	border-bottom: 1px solid #f2f2f2;
   		background: transparent;
   		border-color: transparent;
    }

    .navbar-brand{
    	margin-top: 0px;
    }

    .navbar-toggle{
    	margin-top: 30px;
    	color: #151515; 
    	background-color: transparent; 
    	border: 1px solid #f2f2f2;
    }

    .navbar-header {
    	margin-top: 5px;
    }

    .icon-bar {
    	color: #fff; 
    	background-color: white; 
    }

    .navbar-collapse {
    	margin-top: 18px; 
    	background-color: transparent;
    }

    .navbar-right>li>a {
    	font-size: 14px; 
    	color: #fff; 
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 700;
    	margin-right: 20px;
    }
	
    .navbar-right>li>a:hover{
    	color: #7ED96F; 
    	background-color: transparent;
    }

    

    .title-header {
        margin-top: -490px;
    }

    .title-header h1 {
        font-size: 45px;
        font-family: 'Open Sans', sans-serif;
        color: white;
        padding-bottom: 20px;
    }

    .title-header-hr hr{
        margin-top: -300px;
        border: 9px solid #7ED96F;
        width: 70%;
    }






    /*Section home*/

    .oferta-slide .btn-slide{
       margin-bottom: 100px;
       border-radius: 0px; 
        width: 250px; 
        background-color: #000154; 
        margin-top: 10px;
        margin-right: 300px;
    }

    .oferta-slide .btn-slide a{
        text-decoration: none; 
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        padding:10px 0px 10px 0px;
    }

   

    .carousel-caption p{
        margin-bottom: 230px;
        font-size: 50px;
        line-height: 70px;
        font-family: 'Raleway', sans-serif;
        background-color: #000154;
        color: #fff;
        opacity: 0.6;
        padding: 20px;

    }

    #home {
    	background-color: #f1f1f1;
    	height: 1100px;
        

    }

    .icono-home{
    	font-size: 40px;
    }

    .columna-home{
    	background-color: #fff;
    	height: 420px;
    	padding: 40px 30px;
    	margin:-80px 0px 30px 0px;

    	
    }

    .nacional {
        margin-right: 30px; 
        margin-left: 140px;
    }

    .logistica{
        margin-right: 30px;
    }

    .columna-home h2{
    	font-size: 25px;
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 600;
    }

    .columna-home p {
    	margin-top: 20px;
		font-family: 'Raleway', sans-serif;
		color: #717171;
    }

    .btn-home{
    	border-radius: 0px; 
    	width: 100px; 
    	background-color: #000154; 
    	margin-top: 10px;
    }

    .btn-home>a{
    	text-decoration: none; 
    	color: #fff;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 12px;
    	font-weight: 600;
    	text-transform: uppercase;
    }

    .partedos-home{
    	margin-top: 150px;
    }

    .texto-home {
    	padding: 0px 80px 0px 30px;
    	font-family: 'Raleway', sans-serif;
    }

    .texto-home p {
    	margin-top: 20px;
    	font-size: 15px;
    	font-family: 'Raleway', sans-serif;
		color: #717171;
    }

    .partedos-home img{
        margin-top: 50px;
    }

    .btn-home-dos{
    	border-radius: 0px; 
    	width: 120px; 
    	background-color: #f1f1f1; 
    	margin-top: 40px;
    }

    .btn-home-dos>a{
    	text-decoration: none; 
    	color: #000;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 14px;
    	font-weight: 600;
    	text-transform: uppercase;
    }


    /*Parallax Seccion*/

    .texto-parallax{
        font-size: 18px;
        font-family: 'Raleway', sans-serif;
        padding:250px 230px 0px 230px;
        line-height: 30px;
        color: #fff;
        
    }

    .texto-parallax h4{
        font-size: 30px;
    }



    #transportes h1{
    	font-size: 50px;
    	font-family: 'Archivo Black', sans-serif;
         	
    }

    #transportes hr{
        border:2px solid #7ED96F;
        width:20%;
        margin-top: 0px;
    }
	
	#transportes {
		background-color: #f1f1f1;
		padding-top: 100px;
        height: 1000px;
	}

    #transportes .texto-cabecera-transportes {
    	font-size: 15px;
    	font-family: 'Raleway', sans-serif;
		color: #717171;
		padding: 20px 200px 50px 200px;
    }

    .columna-transportes{
        margin-top: 100px;
    }

    .columna-transportes p {
        padding-top:10px;
        font-family: 'Raleway', sans-serif;
        color: #717171;
        line-height: 25px;
        font-weight: 200;
    }

    #bloque-color{
        height: 160px;
        background-color: #7ED96F;
        padding-top: 50px;
        
        font-size: 20px;
        font-family: 'Archivo Black', sans-serif;
    }

    #bloque-color i, p {
        margin-top: 20px;
        color: #fff;
    }





    footer { 
        height: 380px;
        background-image: url("../img/footer-camion.jpg"); 
        padding-top: 70px;
        
    }


    footer p {
        color: #f1f1f1;
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;

    }

    footer hr {
        width: 10%;
        border: 1px solid #c1c1c1;

    }

    .empresa h5{
        color: #f1f1f1;
        font-size: 13px;

    }


    .enlaces-footer h5{
        color: #f1f1f1;
        font-size: 13px;

    }


    .enlaces-footer a{
        color: #f1f1f1;
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;

    }

    .enlaces-footer a:hover{
        color: #7ED96F;
    }

    .datos-footer p{
        line-height: 7px;
        padding: 0px;
    }

    .datos-footer i{
        margin-right: 10px;
    }

    

    .datos-footer h5{
        color: #f1f1f1;
        font-size: 13px;
        
    }

    .mapa{
        margin-top: 30px;
    }

    .mapa img{
        height: 200px;
    }

    #copyright {
        background-color: #fff;
    }

    #copyright p{
        color: #000154;
        font-size: 11px;
        font-family: 'Raleway', sans-serif;

    }

    #copyright a{
        color: #000154;
        font-family: 'Raleway', sans-serif;
    }

    #copyright a:hover{
        color: #7ED96F;
        text-decoration: none;
    }

    #copyright .pol {
        margin-left: 20px;
    }

    .designer{
        text-align: right;
    }





/*ESTILOS CONTACTO*/

.contact-us{
    margin-top: -300px;
}

.contact-us h1{
    font-family: 'Archivo Black', sans-serif;
    font-size: 60px;
}

.contact-us hr{
    border:9px solid #7ED96F;
    width:60%;
    margin-top: -30px;
}

#contacto {
    padding-top: 100px;
    height: 1500px;

}

#contacto .form-control{
    border-radius: 0px;
    background-color: #f1f1f1;
    box-shadow: none;
}

#contacto .btn-enviar{
    background-color: #000154;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0px;
    margin-top: 20px;
}

.formulario {
    font-family: 'Raleway', sans-serif;
}

.formulario h3{
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: 600;
}

.formulario hr{
    margin-bottom: 40px;
}

.direccion{
    margin-top: 50px;
    border-left: 2px solid #7ED96F;
}

.direccion p{
    color: #717171;
    font-size: 14px;
    line-height: 0px;
}


.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 600px !important;
}

.google-maps-vlc iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 600px !important;
}

.google-maps-vlc {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    margin-top: -5px;
    }


.valencia h5{
    color: #000154;
    font-family: 'Raleway', sans-serif;
    margin-top: -220px;
}

.cuenca h5{
    color: #000154;
    font-family: 'Raleway', sans-serif;
}



/*Estilos Transportes*/


.titulo-transporte p{
    color: #fff;
    font-size: 30px;
    margin-top: -400px;
    font-family: 'Raleway', sans-serif;
}

.titulo-transporte h2{
    color: #fff;
    font-size: 50px;
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.titulo-transporte hr{
    width: 20%;
    border:2px solid #7ed96f;

}

#trans{
    height: 1000px;
    background-color: #fff;
}

.fotos-camiones{
    margin-top: 80px;
    text-align: center;
}

.intro{
    margin-bottom: 50px;
}

.intro h5{
    font-size: 20px;
    margin-bottom: 40px;
}

.intro h4{
    font-size: 30px;
    font-weight: 600;
}
.intro p{
    color: #717171;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 500;
    
}

.glyphicon{
    color: #7ED96F;
    margin-right: 5px;
}

.caption p{
    color: #717171;

}


/*Estilos Logistica*/

#logistica-seccion{
    height: 550px;
    padding-top: 80px;
}

#logistica-seccion ul li{
    border:none;
        list-style: none;
        font-family: 'Raleway', sans-serif;
        color: #717171;
        font-size: 14px;
        font-kerning: 20px;
        line-height: 20px;
}
#logistica-seccion h5{
    font-size: 25px;
    margin-bottom: 50px;
}

#logistica-seccion p{
    color: #717171;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    margin-bottom: 50px;
}

#fotos-logistica{
    height: 400px;
}



#bloque-color-azul{
        height: 160px;
        background-color: #000154;
        padding-top: 50px;
        text-align: center;
        font-size: 20px;
        font-family: 'Archivo Black', sans-serif;
    }

    #bloque-color i, p {
        margin-top: 20px;
        color: #fff;
    }



/*Estilos medio ambiente*/

#medioambiente{
    margin-top: 90px;
    height: 530px;
}



.columna-ambiente {
    padding:40px 20px 40px 20px;
    border:6px solid #fff;
    height: 400px;
    background-color: #f1f1f1;
}

.columna-ambiente p{

    color: #717171;
    font-family: 'Raleway', sans-serif;
    
}

.titulo-ambiente h2{
    margin-top: -300px;
    color: #fff;
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.titulo-ambiente hr{
    width: 20%;
    border:2px solid #7ed96f;
}

#gas{
    height: 600px;
}

#gas h3{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin-bottom: 100px;
    text-align: center;
    font-size: 25px;
    background-color: #7ed96f;
    padding: 20px 0px 20px 0px;
}



/*Cambio de color menu scroll*/

.navscroll {
   	background-color:transparent;
    transition:background-color 20ms;
    margin-top: 0px;

}

.navscroll.blanco {
    background-color:white;
    color:#151515;
}


.navscroll.blanco>li>a {	
    background-color:white;
    color:#151515;

}

.navscroll.blanco>li>a:hover {	
    color:#7ED96F; 
}


/*Scroll Up*/

#scrollUp {

    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    background: #000154;
    color: #fff;
}


/*Política de privacidad*/

#politica{
    margin-top: 60px;
    height: 1800px;

}

#politica h5{
    color: #000154;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    margin-top: 50px;
}


#politica p{
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #717171;
}



	/*Media Queries*/

	@media (max-width: 768px) { 
		.navbar {
			margin-top: 0px; 
			background-color: white;
		}

		.navbar-toggle {
			margin-top: 20px;
		}

		.navbar-collapse {
			text-align: center; 
			background-color: white; 
		}
		.navbar-right>li>a {
			color: black; 
			font-size: 13px; 
		}

		.navbar-right>li>a:hover{
			border-bottom: none; 
		}

		.icon-bar {
    		color: #fff; 
    		background-color: #151515;
    	}

            /*Slide*/

        .carousel{
            margin-top: 0px;
        }

        .carousel-control{
            margin-top: 80px;
        }

        .carousel-caption p{
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 25px;
        }


         .oferta-slide .btn-slide{
       margin-bottom: 0px;
       border-radius: 0px; 
        width: 200px; 
        background-color: #000154; 
        margin-top: 20px;
        margin-right: 300px;
    }

    .oferta-slide .btn-slide a{
        text-decoration: none; 
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        padding:0px 0px 0px 0px;
    }

    	#home{
    		height: 2300px;
    		padding-top: 50px;

    	}

    	.columna-home{
    		background-color: #fff;
    		padding: 30px 30px 20px 30px;
    		margin-top: 0px;
    		margin-bottom: 50px;
    		

    	}

    	.partedos-home{
    		margin-top: 100px;
    		text-align: center;
    	}

    	.btn-home-dos{
			margin-bottom: 50px;
    	}

    	.texto-home {
	    	padding: 0px 30px 0px 30px;
	    	font-family: 'Lato', sans-serif;
    	}


        .texto-parallax{
            padding:150px 20px 0px 20px;  
        }

        

        #transportes {
            height: 2250px;
        }

        #transportes h1{
            font-size: 40px;
        }


        #transportes .texto-cabecera-transportes {
            padding: 20px 50px 50px 50px;
        }

        .columna-transportes{
            height: 550px;
        }

        .columna-transportes p {
            padding-top:10px;
            padding-bottom: 20px;
        }
        
        #bloque-color{
            height: 200px;
        }

        #bloque-color p{
            font-size: 14px;
            font-family: 'Lato', sans-serif;
            font-weight: 600;


        }

        .bloque-color-iconos{
            margin-top: 25px;
            padding-left: 0px;
        }

        footer {
            height: 900px;
            background-image: none;
            background-color: #f1f1f1; 

        }

        footer p {
            color: #717171;
        }

        .empresa h5{
            color: #717171;
        }


        .enlaces-footer h5{
            color: #717171;
        }


        .enlaces-footer a{
            color: #717171;
        }

        .datos-footer{
            margin-top: 15px;
        }

        .datos-footer h5{
            color: #717171;
            
        }

        .datos-footer p{
            line-height: 0px;
            padding: 0px;
        }

        #contacto {
            height: 1400px;
        }

        .google-maps-vlc {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    margin-top: 0px;
    }


.valencia h5{
    color: #000154;
    font-family: 'Raleway', sans-serif;
    margin-left: 10px;
    margin-top: 0px;
}

.cuenca h5{
    color: #000154;
    font-family: 'Raleway', sans-serif;
    margin-left: 10px;
    margin-top: 0px;
}

        .banner{
            margin-top: 100px;
        }

        .contact-us h1{
            margin-top: 180px;
            font-size: 30px;
        }

        .formulario h3{
            font-size: 20px;
        }

        .direccion{
            text-align: center;
        }

        .designer{
        text-align: left;
        }
        .banner-transporte{
            margin-top: 100px;
        }

        .titulo-transporte p{
            font-size: 20px;
            margin-top: -140px;
            
        }

        .titulo-transporte h2{
            font-size: 30px;
            margin-top: 0px;
            
            
        }

        .titulo-transporte hr{
            width: 10%;
            border:1px solid #7ed96f;

        }
        #trans{
            height: 1650px;
        }  

        #logistica-seccion{
            height: 950px;
        } 

        #fotos-logistica{
            height: 900px;
        }

        #fotos-logistica img{
            margin-top: 20px;
        }

        #bloque-color-azul p{
            font-size: 12px;
        }

        #medioambiente{
            height: 1300px;
        }

        #banner-ambiente{
            margin-top: 90px;
        }

        #banner-ambiente h2{
            font-size: 20px;
            margin-top: -110px;
        }

        #gas{
            height: 800px;
        }

        #politica{
            margin-top: 30px;
            height: 4000px;

        }

        #politica h5{
            color: #000154;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            margin-top: 50px;
        }


        #politica p{
            font-family: 'Raleway', sans-serif;
            font-size: 13px;
            color: #717171;
        }

        #banner-pol{
            margin-top: 100px;
        }

	}


	@media (max-width: 480px) { 

    	.columna-home{
    		margin-left: 0px;
   
    	}

   	}

   	@media (max-width: 600px) { 

    	.columna-home{
    		margin-left: 0px;
   
    	}

   	}

   	@media (max-width: 700px) { 

    	.columna-home{
    		margin-left: 0px;
   
    	}

   	}