//global variables
@import 'variables';

//header styling
@import 'header';

//navbar styling
@import 'navbar';

//footer styling
@import 'footer';

//map styling
@import 'map';

//home styling
@import 'home';

//forms styling
@import 'forms';

//newsletter styling
@import 'newsletter';

//actialites
@import 'actualites';

//membre
@import 'membre';

//prestations
@import 'prestations';

//valeur
@import 'valeur';

//equipe
@import 'equipe';

//reseau
@import 'reseau';

//historique
@import 'historique';

html,
body {
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-family: $AksidenzGroteskStd-BoldCn;
}

label {
	font-weight: normal;
	margin-bottom: 0px;
}

a:hover {
	text-decoration: none;
}

* {
	outline: none !important;
}

.wrapper {
	padding: $gutter;
	box-sizing: border-box;
	float: left;
}

.wrapper--100 {
	width: 100%;
}

.wrapper--50 {
	width: 50%;
}

.container {
	display: block;
	width: calc(80% - 80px);
	padding: 0px;
}

.img-responsive {
	height: auto;
	display: block;
	max-width: 100%;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.clearfix {
	display: block;
	clear: both;
}

@media all and (max-width: $desktop-sm) {
	.wrapper--50 {
		width: 100%;
	}
	.container {
		display: block;
		width: calc(100% - 80px);
		padding: 0px;
		&--100 {
			width: 100%;
		}
	}
}

/*-----------------*\
	  Loader
\*-----------------*/
.loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: $main-dark-color;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	span {
	    -webkit-animation-name: blink;
	            animation-name: blink;
	    -webkit-animation-duration: 1.4s;
	            animation-duration: 1.4s;
	    -webkit-animation-iteration-count: infinite;
	            animation-iteration-count: infinite;
	    -webkit-animation-fill-mode: both;
	            animation-fill-mode: both;
	}
	span:nth-child(2) {
	    -webkit-animation-delay: .2s;
	            animation-delay: .2s;
	}
	span:nth-child(3) {
	    -webkit-animation-delay: .4s;
	            animation-delay: .4s;
	}
	&__text {
		position: absolute;
		width: 300px;
		height: 100px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
	
	}
	&__image {
		position: absolute;
		left: 61px;
		top: 49px;
		width: auto;
		height: auto;
		img {
			width: 65px;
    		height: auto;
		}
	}
	svg#loader {
		fill: none;
		stroke: #fff;
	}
}

// custom scrollbar style override

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(173,23,43, 0.2); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(173,23,43, 0.8) }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(173,23,43, 1); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(173,23,43, 1) }


// superslides style override
.slides_wrapper-full {
	height: 100%;
}

.slides_wrapper-half {
	height: 100%;
}

@media (max-width: $tablet) {
	.slides_wrapper-half {
		height: 40vh;
	}
}

@-webkit-keyframes blink {
    0% {
      opacity: .2;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .2;
    }
}

@keyframes blink {
    0% {
      opacity: .2;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .2;
    }
}

@media all and(max-width: $desktop-sm) {
	.loader{
		&__image {
			left: 9px;
			top: 9px;
			img {
				width: 65px;
				height: auto;
			}
		}
	}
}