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

a {color: #fff;}

::selection { background: #34001f; }
::-moz-selection { background: #34001f; }
::-webkit-selection { background: #34001f; }

/*-------------STRUCTURE-------------*/
.css3-spinner { background-color:#34001f}
body {
	background-color: #34001f;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	font-size: 15px; line-height: 24px;
}




/*-------------HEADER-------------*/
#wrapper {background-color: #fff !important}
#header {height: 80px;}
#header #header-wrap {left: 10px !important; width: calc(100% - 20px) !important; }
body.device-xl #header #header-wrap, 
body.device-lg #header #header-wrap {top:10px} 
body.device-xl #header.sticky-header #header-wrap,
body.device-lg #header.sticky-header #header-wrap{ height: 70px !important; border-top: 10px solid #fff; top:0}

#primary-menu ul > li a { font-weight: bold}
#primary-menu ul > li.current { background-color: #48002a}
#primary-menu ul > li.current a { margin-top: -1px;}


.dark #header.sticky-header #header-wrap,
#header.sticky-header.dark #header-wrap {border-bottom-color: rgba(255,255,255,0.3) !important;}

/*-------------CONTENT-------------*/
body.stretched .container-fullwidth {padding: 0 10px;}
.row {margin-right: -10px; margin-left: -10px;}

.page-section {padding: 60px 0;}

/*Accueil*/
body.device-xl .onepage-outdoor-negetive,
body.device-lg .onepage-outdoor-negetive { margin-top: -300px; }

#slider h2 {
    font-size: 40px;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    text-transform: uppercase;
    letter-spacing: 4px;
	font-weight: normal
}
#slider h3 {
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    text-transform: uppercase;
    letter-spacing: 2px;
	font-weight: normal
}

.team { border: 5px solid rgba(255,255,255,0.70)}
a:hover .team-image img {filter: brightness(.7); -webkit-filter: brightness(.7);}


/*Les titres*/
.heading-block h2 > span { font-size: 0; line-height: 0; display: block;}

/*BB*/
.bg-ellipse {
background: rgb(72,0,42);
background: -moz-radial-gradient(center, ellipse cover, rgba(120,3,71,1) 0%, rgba(72,0,42,1) 60%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(120,3,71,1) 0%,rgba(72,0,42,1) 60%);
background: radial-gradient(ellipse at center, rgba(120,3,71,1) 0%,rgba(72,0,42,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#780347', endColorstr='#48002a',GradientType=1 );
}

/*Slider Flex*/
.flexslider {border: 5px solid rgba(255,255,255,0.80)}
.flex-next { right: 0}
.flex-control-nav li a { border-radius: 0}
.flex-control-nav li:hover a, .flex-control-nav li a.flex-active { background-color: #48002a;}

/*Listes*/
.iconlist li {
    position: relative;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

/*BTN*/
.button {background-color:#34001f}

/*Maps*/
.gmap_marker h4,
.gmap_marker p { color:#34001f}

/*pop/up*/
.mfp-counter { display: none}
.ajax-modal-title {padding: 10px 40px;background-color: #39001f !important;}
.ajax-modal-title h2 {font-size: 20px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px}
.portfolio-ajax-modal p,
.portfolio-ajax-modal a { color: rgba(255,255,255,0.7)}

.portfolio-ajax-modal .modal-padding {background-color: #48002a;}
button.mfp-close { background-color: rgba(0,0,0,0.69)}
button.mfp-arrow { background-color: rgba(0,0,0,0.2)}




/*-------------FOOTER-------------*/
#footer { position: fixed; bottom: 0; z-index: 100; left: 10px !important; width: calc(100% - 20px) !important; border-bottom: 10px solid #fff !important;}
#copyrights {padding: 10px 0; background-color: #39001f !important }
#copyrights p { color: rgba(255,255,255,0.7)}
#copyrights a { color: rgba(255,255,255,0.7)}
#copyrights a:hover { color: rgba(255,255,255,1)}
#copyrights a.mentions { color: rgba(255,255,255,0.25) !important;}
#copyrights a.mentions:hover { border-bottom: 1px dotted}


#gotoTop:hover {background-color: #48002a;}

/* ----------------------------------------------------------------
	Contenu Responsive 
-----------------------------------------------------------------*/
@media (min-width: 1600px) {

}

@media (max-width: 1700px) {		
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}

@media (max-width: 1600px) {		
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}
@media (min-width: 1400px) and (max-width: 1600px) {
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}

@media (max-width: 1400px) {		
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}

@media (min-width: 1280px) and (max-width: 1399px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}

@media (max-width: 1280px) {
	/*HEADER*/
	/*CONTENT*/
	.section.parallax {padding: 70px 0px !important;}
	/*FOOTER*/
}

@media (max-width: 1150px) {
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}

@media (max-width: 1024px) {
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}

@media (min-width: 992px) and (max-width: 1199px) {
	/*HEADER*/
	/*CONTENT*/
	/*FOOTER*/
}



@media (max-width: 991px) {
	#header.full-header .container, .container-fullwidth {width: 100% !important;}
	/*HEADER*/
	#header.transparent-header.dark:not(.sticky-header) #header-wrap { background-color: #34001f;}
	#primary-menu-trigger, #page-submenu-trigger {font-size: 24px;background-color: #48002a; border-radius: 50%;}
	/*CONTENT*/
	.col-padding {padding: 30px;}
	.section.parallax {padding: 50px 0px !important;}
	/*FOOTER*/
	#footer { position: relative;width: 100% !important;left: 0 !important;}
}


@media (min-width: 768px) and (max-width: 991px) {
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}


@media (max-width: 768px) {

}


@media (max-width: 767px) {
	/*HEADER*/
	/*CONTENT*/
	#slider h2 { font-size: 30px; letter-spacing: 2px;}
	#slider h3 {font-size: 14px;}
	
	/*FOOTER*/
}

@media (min-width: 576px) and (max-width: 767px) {
	/*HEADER*/
	/*CONTENT*/	
	/*FOOTER*/
}
@media (max-width: 575px) {
	/*HEADER*/
	/*CONTENT*/
	.container-fullwidth {padding-left: 10px !important;padding-right: 10px !important;}
	/*FOOTER*/
}



/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
}