/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

#introcarousel{
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.75);
}

#introcarousel .item {
	height: 80vh;
	background-size: cover;
	background-position: center top!important;
	background-attachment: fixed;
}
/*  pattern overlay */
#introcarousel .item::before {
	content: "";
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC);
	background-size: 4px 4px;
	position: absolute;
	top: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.5;
}

#introcarousel .carousel-caption{
	bottom:20%;
	z-index: 3;

}
#introcarousel .carousel-caption a.btn{
	margin-top:1.5em;
}
#introcarousel .carousel-indicators{
	bottom:15%;
}
#introcarousel h3 {
	font-family: 'Lemon/Milk', cursive;
	font-size: 3em;
	line-height: 1.3em;
	text-shadow: rgba(0, 0, 0, 0.8) 0px 3px 5px;
}
#introcarousel h3 span.mini {
	font-family: inherit;
	font-size: 0.8em;
	line-height: 0.8em;
	text-shadow: inherit;
}
#introcarousel h3 span.yellow {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	text-shadow: inherit;
	color:#FFE276;
}
#introcarousel p {

}
#introcarousel .button {

}


.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}


.carousel-fade .active.item-left,
.carousel-fade .active.item-prev,
.carousel-fade .item-next,
.carousel-fade .item-prev,
.carousel-fade .item.active{
	-webkit-transform: none;
	transform: none;
}

.page-top-image .container .chevron-down,
.page-top-video .container .chevron-down,
#introcarousel .chevron-down {
	position: absolute;
	bottom: -60px;
	left:0;right:0;
	text-align: center;
	font-family: 'Lemon/Milk', cursive;
	width:100%;
	color:rgb(252, 183, 21);
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 5px;
	z-index: 3;
	padding-bottom:2em;
	cursor: pointer;
}
.chevron-down.bounce {
	transform: translateX(-50%);
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}







#services h4,
#secteurs h4 {
	font-size:2em;
}
.wrapsecteur,
.wrapservice {
	cursor:pointer;
	margin-bottom:2em;
}
ul.service_explain{
	line-height: 1em;
	padding:0;
	margin:0;
	list-style: none;
}
ul.service_explain li {
	margin-bottom: 0.7em;
}
ul.service_explain li:last-child {
	margin-bottom: 0em;
}

.roundimage {
	max-width:130px;
	max-height:130px;
	height:130px;
	border:3px solid #3278F0;
	/* Centering on image`s center*/
	background-position-y: center;
	background-position-x: center;
	background-repeat: no-repeat;
	/* it makes the clue thing, takes smaller dimension to fill div */
	background-size: cover;
	margin:auto; /*centering the block*/
	box-shadow: 0px 0px 0px 1px #fff inset;
}
.roundimage.service {
	background-color: #3278F0;
}
.roundimage:hover{
	border-color: #3278F0;
	background-color: #aaa;;
}
.wrapsecteur .roundimage:hover,
.wrapservice .roundimage:hover{
	border-color: #efc415;
	background-color: #aaa;;
}



/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.row .linebreak{
		padding-top:1em;
		text-align:center;
	}

	#introcarousel .item .carousel-caption h3{
		font-size:8vw;
	}

	#introcarousel .item {
		height: 70vh;

	}

/* Portrait phones and smaller */
@media (max-width: 480px) {

	#introcarousel .item {
		height: 65vh;
	}
}

}