/*
==========================================================================
	HOME :: TRENDY FIVE by: KUBIK;
==========================================================================
*/

/*1.618033988749894848204586834365638117720309179805762862135*/

section{padding:0;position:relative;}

/* CONTENT */

.foo{display:none;}
.whiteSpace{}
.whiteSpace a.btn.ghostBtn{max-width:330px;font-size: 34px;}

/* Products */

#products{padding:20px 30px 60px;}
#productos-carousel-l1{}
#productos-carousel-l2{}

/* About Us */

#about-us{
	height:800px;
	display:block;
	position:relative;
	padding:60px 40px;
	border-top:1px solid rgba(0,0,0,0.16);
	border-bottom:1px solid rgba(0,0,0,0.16);
}
#about-us .parallaxParent{
	width:100%;
	height:100%;
	padding-top: 30px;
	position:relative;
	z-index:1;
	overflow: hidden;
}
#about-us .parallaxParent .container{
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
}
#about-us .parallax-img {
	height:200%;
	width:100%;
	position: absolute;
	top: -75%;
	background-size: cover !important;
	z-index:1;
	background:url(../images/home/background-parallax.jpg)no-repeat;
	background-position:top center;
}
#about-us .row.d-flex{
	height:100%;
	display:block;
	position:relative;
}
.floating-images{position:relative;width:100%;height:100%;}
.floating-images img#calzado1{
	position:absolute;
	z-index:3;
	top:50%;
	left:calc(50% - 240px);
	transform:translateX(-40%);
	transform:translateY(-40%);
}
.floating-images img#calzado2{
	position:absolute;
	z-index:2;
	top:calc(50% - 140px);
	left:calc(50% - 360px);
	transform:translateX(-40%);
	transform:translateY(-40%);
}

/* Contact Us */
#contactForm{margin:10px auto 30px;}
#contactForm .form-group {margin-bottom: 1.5rem !important;}
#form-header{border-bottom: 1px solid rgba(0, 0, 0, 0.16);margin-bottom:30px;}
#contact-us{padding-top:90px;}
.form-group {margin-bottom: 1rem;}
.btn-send{width:240px;font-size:18px;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* LG/XL */
@media screen and (min-width: 1440px){}
@media screen and (min-width: 1200px){}
/* MD/SM */
@media screen and (max-width: 1200px){}
@media screen and (max-width: 991px){
	#about-us{height:auto;}
	#about-us .parallaxParent{padding-top:0px;}
	#about-us .parallaxParent .parallax-img{display:none !important;}
	.floating-images{}
	.floating-images img{display:none !important;}

}
@media screen and (max-width: 767px){}
/* XS */
@media screen and (max-width: 480px){}
@media screen and (max-width: 360px){}