/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/
@import url("fonts-custom.css");
@import url("colors-custom.css");

/*-------------HEADER-------------*/


/*-------------CONTENT-------------*/
nav.custom-hero-nav { display: none; }


.slider-social {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 200;
}

.slider-social {
	right: auto;
	left: 20px;
	top: 25px;
}

.slider-social a { color: rgba(255, 255, 255, 0.75); }

.slider-social a:hover { color: #FFF; }


a.button .btn-shop { border: 1px dashed; padding: 5px 50px; display: inline-block}
a.button:hover .btn-shop { border: 1px solid #121212; background-color: #121212; }


.slider-logo { height: auto; width:100%; max-width: 500px}


/*Formulaire*/
.border-form-control {
	height: 42px;
	padding: 7px 4px;
	font-size: 17px;
	letter-spacing: 1px;
	background-color:#fff !important;
	border: 1px solid #ddd;
}

.border-form-control::-moz-placeholder { font-weight: 300; color: #CCC; text-align: center }
.border-form-control::-ms-input-placeholder {font-weight: 300; color: #CCC; text-align: center }
.border-form-control::-webkit-input-placeholder { font-weight: 300; color: #CCC; text-align: center }

textarea.border-form-control {resize: none; word-wrap: break-word; height: 120px}


/*-------------FOOTER-------------*/


/*-------------RESPONSIVE-------------*/


@media (min-width: 992px) {
	nav.custom-nav { display: block; margin-top: 0; position: absolute; z-index: 100; bottom: 0; width: 100%;text-align: center; background-color: #010100}
	nav.custom-nav ul { margin: 25px 0;}
	nav.custom-nav ul li { display: inline-block; width: 30%; text-align: center}
	nav.custom-nav ul li a { color: #fff; text-transform: uppercase; border: 1px solid #666;padding: 10px 50px; letter-spacing: 2px; font-size: 13px}
	nav.custom-nav ul li a:hover { background-color: #e6b95e}
	
	#header:not(.sticky-header) {
		pointer-events: none;
	}

	#header:not(.sticky-header) #header-wrap {
		z-index: -1;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	#header.sticky-header #header-wrap {
		-webkit-transition: transform .3s ease;
		-o-transition: transform .3s ease;
		transition: transform .3s ease;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@media (max-width: 767.98px) {
	.section.parallax { padding: 200px !important; background-position: center center !important}
}