@charset "UTF-8";
/*html{scroll-behavior:smooth;}*/

.row{margin-bottom:0;}
.flex{
    flex-wrap:wrap;
    display:flex;
}

.inner-wrapper{width:100%;}

.wrapper-opacity{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
}


nav .logo
{
	width: 100px;
	height: auto;	
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}


nav{
    position:fixed;
    z-index:9;
	width: 100%;
	height:100px;
	top: 0;
	left: 0;
	display: inline-flex;
	justify-content: space-around;
	align-items: center;
	
}

#sidenav .user-view img{
    width:100px;
}

#sidenav .user-view h3{
    /*property: [up,right,bottom,left]*/
    margin:0 0 25px 0;
}

#sidenav li a{color:#fff;font-family:"Quicksand",sans-serif;font-weight:600;font-size:16px;}
#sidenav li a i{font-size:22px;color:#aaa;}

section{
    /*property: value [up,down] [left,right] */
    padding:100px 0;
	
}

header{
    padding-top:100px;
    height:600px;
    position:relative;
	background-color: #29306c;
}

header #homeCarousel .item{
	
	margin: auto;
    width:400px;
    height:auto;
	
}

header a.btn{
    margin-top:15px;
}

header button[type="button"]{
    position:absolute;
    top:50%;
    z-index:2;
    font-size:50px;
    background-color:transparent;
    border:0;
    color:rgba(255,255,255,1);
    opacity:0.5;
    filter: opacity(0.5);
    cursor:pointer;
    transition:all 0.3s ease;
}

header button[type="button"]:hover,
header button[type="button"]:focus,
header button[type="button"]:active{
    opacity:1;
    filter:opacity(1);
}

header button[type="button"]:nth-child(1){
    left:10px;
}

header button[type="button"]:nth-child(2){
    right:10px;
}



main#index section:nth-child(3) #productsCarousel .item img{
    width:100px;
}

main#index section:nth-child(4){
    padding-bottom:0;
}

main#index .parallax-container{height:500px;}

main#index section:nth-child(6) .box{
    display:block;
    margin:10px;
}
    main#index section:nth-child(6) .box img{
        width:80px;
    }



#map{width:100%;height:350px;}

footer{
	
    width:100%;
    height:auto;
    padding:50px 0;
}

footer .logo-blanco
{
	width: 100%;
	height: auto;
}

footer .social a{
    margin:3px;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    text-align:center;
    font-size:20px;
    transition:background-color 0.3s ease;
}

/*
s [smartphone]: <= 600px,
m [tablet]: >= 601px && <= 992px
l [surface]: >= 993px && < 1200px
xl[desktop]: > 1200px
*/

@media screen and (max-width:992px){
    main#index section:nth-child(1) .right-align{
        text-align:center;
    }
        main#index section:nth-child(1) .btn{margin-top:25px;}
        main#index section:nth-child(1) .subtitle,
        main#index section:nth-child(1) .text{text-align:center;}

    main#index section:nth-child(3) .subtitle,
    main#index section:nth-child(3) .text{text-align:center;}

    footer{text-align:center;}
        footer .copy{margin-top:25px;}
}

@media screen and (max-width:600px){
    main#index section:nth-child(6) form .btn{width:100%;}
    main#index section:nth-child(6) .box img{width:50px;}
	footer .logo-blanco
	{
		width: 25%;
	}

}