/* @import url('https://fonts.googleapis.com/css?family=KarmillaRegular:400,400i,700,700i'); */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700&display=swap');


::selection{ background-color: rgba(0,0,0,.75); color: white; }
::moz-selection{ background-color: rgba(0,0,0,.75); color: white; }
::webkit-selection{ background-color: rgba(0,0,0,.75); color: white; }
           
/* ==================== */
/* STRUCTURE */
/* ==================== */

html {
  scroll-behavior: smooth;
}

body{
	font-family: 'KarmillaRegular', sans-serif;
	color:#2C5699;
	font-weight:400;
	padding:0 0 0 0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	

	
	/* overflow-x: hidden;*/
}

/* ==================== */
/* NAV */
/* ==================== */

.navigation-container{
	background:#fff;
	
	z-index:500;
	
	position: fixed;
	
	flex-direction:row;
	justify-content:space-between;
	width:100%;
	
	padding:1rem 0;

}

#pel, #don, #comite{
	padding-top:30px;
}

nav{

	color:rgba(255,255,255,1);
	margin-top:18px;
}

nav ul{
	text-align: right;
	padding:0;
	margin:0;
}

nav ul li.current > a{
	/* background:rgba(0,0,0,.05); */
	background-position:50% 0;
	background-image:linear-gradient(transparent calc(100% - 6px), #33CCFF 2px);
	background-size:60% 12%;
}

nav ul li {
	margin:0 15px;
	padding:25px 12px 25px 12px;
	list-style-type:none;
	display:inline-block;
}

nav ul li ul li{
	padding: 0;
}

nav ul li.sub-wrap{
	text-transform: uppercase;
	font-weight:600;
}

@media screen and (min-width: 768px) {

nav ul .sub-wrap > span{
	pointer-events: none;
}

}



nav ul li a:link, nav ul li a:visited, nav ul li a:active, nav ul li span, nav ul li ul.sub_nav_fst a, nav ul li ul.sub_nav_snd a, nav ul li.nav-active a{
	text-decoration: none;
	color:#2C5695;
	padding-top:30px;
	
	font-size:15px;
	
	text-transform: uppercase;
	font-weight:600;
	
	background-repeat: no-repeat;
	transition:all 400ms;
	background-image:linear-gradient(transparent calc(100% - 6px), #33CCFF 2px);
	background-size:0 12%;
	background-position:50% 0;
}

nav > ul li a:hover, nav > ul li.current a, nav li.sub-wrap.current span, nav ul li.nav-active a{
	/* color:rgba(0,0,0,.3); */
	background-position:50% 0;
	background-image:linear-gradient(transparent calc(100% - 6px), #33CCFF 2px);
	background-size:60% 12%;

	
}

/*

nav.bottom li a{
	background-repeat: no-repeat;
	transition:all 400ms;
	background-image:linear-gradient(transparent calc(100% - 6px), #027BB0 2px);
	padding-bottom:15px;
	background-size:0 100%;
	background-position:50% 100%;
}

nav.bottom li a:hover, nav.bottom li a.active{
	background-image:linear-gradient(transparent calc(100% - 6px), #027BB0 2px);
	background-size:60% 100%;
	
	padding-bottom:15px;
	background-position:50% 100%;
}

*/



header .side-menu{
	position:absolute;
	right:0;
	top:0;
}

.top_menu{
	background:rgba(255,255,255,.6);
}

.top_menu nav ul li{
	margin: 0 6px;
	padding: 8px;
}

.top_menu nav ul li a{
	font-size:13px;
	color:rgba(0,0,0,.75);
}

nav ul.lang_wrapper{
	display:none;
	/* display:inline-block; */
}

nav ul.lang_wrapper li{
	padding:0;
	margin:0 4px;
}

nav ul.lang_wrapper li:last-child{
	margin:0 0 8px 4px;
}

nav ul.lang_wrapper li a:not(.active){
	filter: grayscale(1);
	opacity:.6;
}

/* ==================== */
/* SOUS MENU */
/* ==================== */

nav ul li i.fa-chevron-down, i.fa-chevron-right {
	margin: 0 0 0 6px;
	font-size:10px;
}

nav ul li, nav ul li ul li{
	position:relative;
}

nav ul li:hover ul.sub_nav_fst, nav ul li ul.sub_nav_fst:hover, nav ul li ul.sub_nav_fst li ul:hover{
	display:block;
	position:absolute;
	top:57px;
	z-index:9999;
	left:0;
}

nav ul li ul.sub_nav_fst li:hover ul.sub_nav_snd{
	display:block;
	position:absolute;
	left:130px;
	top:0;

	z-index:9999;

}

nav ul li ul.sub_nav_fst, nav ul li ul.sub_nav_snd{

	border: 1px solid #D0D0D0;
	box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	-webkit-box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	-moz-box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	background:#fff;
	min-width:230px;

	color:rgba(0,0,0,.75);
}

nav ul li ul.sub_nav_fst li:hover, nav ul li ul.sub_nav_snd li:hover{
	cursor: pointer;
	background:rgba(0,0,0,.1);
}

nav ul li ul.sub_nav_fst li, nav ul li ul.sub_nav_snd li{
	text-align:left;

	display:block;
	margin:0!important;
}
nav ul.sub_nav_fst a:link, nav ul.sub_nav_fst a:visited, nav ul.sub_nav_fst a:active{
	color:rgba(0,0,0,.75);
	padding:15px 15px;
	display:block;
}

nav ul.sub_nav_fst{
	display:none;
	padding:0;
}

nav ul.sub_nav_snd, nav ul.sub_nav_snd li{
	display:none;
	padding:0;
}

ul.sub_nav_snd.big-submenu{
	background:rgba(0,83,140,.7);
}


nav .big-submenu-trigger.on {
	background:#fff;
	z-index:200;
	cursor: pointer;
}

nav .big-submenu-trigger a{
	cursor: pointer;	
}


/* ==================== */
/* BOTTOM MENU */
/* ==================== */

nav.bottom{
	text-align: right;	
	background:#33CCFF;
	padding:8px 0;
	
	position: relative;
	z-index:200;
}

nav.bottom li {
	display:inline-block;
	margin:4px 12px;
}

nav.bottom li:last-child{
	margin-right:0;
} 

nav.bottom li a{
	color:#fff;
	text-decoration: none;
}

nav.bottom li a{
	background-repeat: no-repeat;
	transition:all 400ms;
	background-image:linear-gradient(transparent calc(100% - 6px), #027BB0 2px);
	padding-bottom:15px;
	background-size:0 100%;
	background-position:50% 100%;
}

nav.bottom li a:hover, nav.bottom li a.active{
	background-image:linear-gradient(transparent calc(100% - 6px), #027BB0 2px);
	background-size:60% 100%;
	
	padding-bottom:15px;
	background-position:50% 100%;
}

/* ==================== */
/* BIG SUBMENU */
/* ==================== */

.big-submenu-layout{
	display:none;
	background:rgba(0,83,140,.7);
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	z-index:100;
}

.big-submenu-links.apprenti,
.big-submenu-links.continu{
	display:none;
}

.big-submenu-layout.active,
.big-submenu-links.apprenti.active,
.big-submenu-links.continu.active{
	display:block;
}



.big-submenu-links{
	background:#fff;
	position: relative;
	top:115px;
	padding:50px 0;
}

.big-submenu-links .category-icon{
	max-height:35px;
	max-width:45px;
	margin:0 8px 0 0;
}

.big-submenu-links h2{
	color:#2C5699;
}

.big-submenu-links li{
	font-weight:bolder;
	list-style-type: none;
	background:#fff;
	padding:6px 12px;
	position: relative;
	left:0;
	
	transition:all .3s ease-in-out;
}

.big-submenu-links li span{
	display:block;
	font-weight:lighter;
	font-size:12px;
}

.big-submenu-links li:hover{
	left:20px;
	background:rgba(14,92,135,.1);
}

.big-submenu-links li a{

	display:block;
	width:100%;
	height:100%;

}

.big-submenu-links li:hover:before{
	content:'\f054';
	
	transition:all .3s ease-in-out;
	
	font-family: 'FontAwesome';
	color:rgba(14,92,135,.3);
	font-size:18px;
	position:absolute;
	left:-18px;
	top:12px;
}

/*
.big-submenu-links:after{
	content:'\f00d';
	font-family: 'FontAwesome';
	position: absolute;
	top:50px;
	right:50px;
	color:#000;
	
}
*/

.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}


/* ==================== */
/* LIGHT NAV */
/* ==================== */



.light_nav{
	position:fixed;
	top:-100px;
	width:100%;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
	
	z-index:9999;
}

.light_nav.active{
	top:-25px;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}

.light_nav img.logo{
	max-width:30px;
	margin-right:30px;
	position:relative;
	top:14px;

}

.light_nav nav{
	background:rgba(0,0,0,.75);

}

.light_nav nav ul li a:link, .light_nav nav ul li a:visited, .light_nav nav ul li a:active, .light_nav nav ul li a, .light_nav nav ul li{
	text-decoration: none;
	color:#fff;
}


/* ==================== */
/* TOGGLE */
/* ==================== */

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-target br {
	display:none;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;

  max-height: 999em;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target br {
	display:block;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Lire la suite';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Fermer';
}

.read-more-trigger {
  cursor: pointer;
  display: block;
  width:100px;
  padding: 0 .5em;
  color: #fff;
  background:#027BB0;
  font-size: 1.1em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;

  margin:18px auto 0 auto;
}



	/* News GLOBAL */
	
	    
    .news_global h4{
	    margin-top:4px;
	    font-weight:300;
    }
    
    .news_global .grid-80 h2{
    margin:0 0 6px 10px;
    font-weight:300;
    }

    
    .news_global .grid-80{
	    position:relative;
    }
    
    .news-description{


    
    }
    
.grid-60 .news-description{
    text-align:left;
    overflow:hidden;
        
    }
    
    p.news-desc{
	    text-align:center!important;
    }
    
    .news-description p{margin:0px}
    
    	
    a.read-more:hover{
	    color:inherit;

    }
    
    div.news_global hr{
	 
	    margin:20px 0;
    
    }
    

/* ==================== */
/* HEADER */
/* ==================== */

a.logo img{
	max-width:120px;
}

img.logo {
}

.social_wrapper{
	color:rgba(0,0,0,.3);
}

li.social_wrapper{
	padding:0!important;
	margin:0 8px!important;
}

.social_wrapper i{
	font-size:22px;
}

.social_wrapper a:link, .social_wrapper a:visited, .social_wrapper a:active {
	color:rgba(0,0,0,.2);

}
  
header{
	color:rgba(0,0,0,.75);
	padding:15px 0;
}  

/* ==================== */
/* HEADER LIGHTPAGE */
/* ==================== */

header.home{
	z-index:500;
	min-height:80vh;
/*	display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:space-between;
	align-items:flex-start;
	*/
}

header.contact{
	max-height: 15vh!important;
	min-height:inherit;
}

header{
	position: relative;
}

header{
	min-height:30vh;
	width:100%;
	
	background-position: 50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;

}

header::before{
	content:'';
	width:100%;
	height:100%;
	background:rgba(255,255,255,.2);
	position: absolute;
	top:0;
}

header::after{
	content:'';
	width:100%;
	height:250px;
	background:rgba(0,0,0,.6);
	position: absolute;
	top:0;
	
	background: linear-gradient(to bottom, rgba(0,0,0,.3) 10%, transparent 50%);
}

body.lightpage header{
	padding:0;
	margin:0 0 0 0;
	
}

body.lightpage header .logo_wrapper,
body.lightpage header .menu_wrapper{
	z-index:300;
	width:auto;
	
	/*
	display:flex;
	flex:auto;
	
	flex-direction:column;
	align-items:stretch;
	justify-content:space-between;
	*/
	
}

body.lightpage header .logo_wrapper{
	justify-content:flex-start;
}

body.lightpage header .menu_wrapper{
	justify-content:flex-start;
}

body.lightpage .menu ul li:last-child{

}
body .menu ul li{
/*	padding:25px 0px 25px 0px; */
	margin:0px 0px 0 0px;
}

body .menu ul li:last-child{
	padding:25px 0px 25px 15px
}

body.lightpage .menu .side-menu li{
	padding:25px 2px 25px 2px;
	margin:8px 0 0 6px;	
}

body.lightpage nav ul.sub_nav_fst li{
	padding:0;
}

body.lightpage nav ul.sub_nav_fst a:link, body.lightpage nav ul.sub_nav_fst a:visited, body.lightpage nav ul.sub_nav_fst a:active{
	padding:15px 15px;
}

body.lightpage .side-menu{
	position: relative;
	top:inherit;
	right:inherit;
	
	margin:0;
}

body.lightpage nav{
	margin:0
	}

body.lightpage .menu_wrapper{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	padding-right:0;
}

body.lightpage header .logo_wrapper a img{
	display:block;
	margin:0;
	height:75px;
	z-index:100;
	
}





/* ==================== */
/* CONTENUS */
/* ==================== */

.boxcenter{
	display:flex;
	align-content:center;
	justify-content:center;
	
	text-align:justify;
	text-align-last: center;
}

.box-home{
	overflow: hidden;
	position: relative;
	height:240px;
	text-align:center;
		
	display:flex;
	align-content:center;
	
}

.box-home h3{
	padding: 10px 0 0 0
}


.box-home a{
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	display:block;
	z-index:800;

}

.box-home p{
	line-height: .3rem;
}

.box-home .hover{
	background:rgba(0,0,0,.3);
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	color:#fff;
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	flex-wrap:wrap;
	flex-direction:column;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
	
	z-index:600;
}

.box-home .hover p{
	opacity:1;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}
.box-home .hover:hover p{

}

.box-home .hover:hover{

}

.box-home img{
	object-fit:cover;
	-o-transition:.8s ease;
	-ms-transition:.8s ease;
	-moz-transition:.8s ease;
	-webkit-transition:.8s ease; 
	transition:0.8s ease;
	
	min-width:100%;
	min-height:100%;
}           

.box-home:hover img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}


.partners_wrap {
	text-align:center!important;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-flow:wrap;
}

.partners_wrap img{

	width:130px;
	height:130px;
	
	max-width:90px;
	margin:26px 36px;
	height:auto!important;
	display:inline-block;	
	

}


.slider_title{
	background:rgba(255,255,255,1);
	color:#027BB0;
	z-index:80;
	
	-moz-box-shadow: 0 -16px 0 rgba(255,255,255,.7), 0 -22px 0 rgba(255,255,255,.3); 
	-webkit-box-shadow: 0 -16px 0 rgba(255,255,255,.7), 0 -22px 0 rgba(255,255,255,.3); 
	box-shadow: 0 -16px 0 rgba(255,255,255,.7), 0 -22px 0 rgba(255,255,255,.3);
  
	position: absolute;
	bottom:-50px;
	left:-40px;
	width:120%;
	text-align:left;
	padding-left:80px;
}

.slick-dots{
	position: absolute;
	bottom:-30px;
	right:0;
	
	z-index:90;
}

.slider_emplois .slide, .slider_formations .slide, .slider_actualites .slide{
	padding:40px;
	opacity:1;
	
	position: relative;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}

.slider_emplois .slick-dots, .slider_formations .slick-dots, .slider_actualites .slick-dots{
	bottom:-50px!important;
}

.slider_formations .slide:hover, .slider_actualites .slide:hover{
	opacity:.55;

}

.slider_formations .slide a, .slider_actualites .slide a{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;

}

.slider_formations .slick-prev:before, .slider_formations .slick-next:before,
.slider_emplois .slick-prev:before, .slider_emplois .slick-next:before {
	color:rgba(2,123,176,1)!important;
}

.slider_formations .category-icon{
	max-width:55px;
	max-height: 45px;
	margin:0 auto 12px auto;

}

.slider_actualites{
	padding:20px 0 40px 0;
	background: linear-gradient(to bottom, #009BDE 70%, #F2F2F2 70%);
		
	/* color:#fff!important; */
}

.slider_actualites h2{
	color:#fff;
	font-weight:400;
}

.slider_actualites .headline span{
	color:#fff!important;
	background:rgba(2,123,176,1)!important;
}

.slider_actualitess .headline hr{
	background:#fff!important;
	color:#2C5699;
}

.slider_actualites .wrap,
.actus .wrap{
	background:#fff;
	padding:15px;

}

.news_date{
	position:absolute;
	top:14px;
	font-size:16px;

	padding:10px 12px 6px 12px;
	text-align:center;
	left:24px;
}


.slider_actualites .wrap .news_date,
.actus .wrap .news_date {
	background:rgba(51,102,255,.7);
	font-size:16px;
	color:#fff;
}

.slider_actualites .wrap .news_date span,
.actus .wrap .news_date span{
	font-size:28px;
	display:block;
	line-height:22px;
}

.slider_actualites img,
.actus img{
	height:220px;
	width:100%;
	object-fit:cover;
	object-position:50% 50%;
}

.slider_emplois .slide .front, .slider_formations .slide .wrap, .slider_actualites .slide .wrap{
	background:rgba(0,0,0,.1);
	border:4px solid rgba(2,123,176,.3);
	text-align:center;
	
	padding:25px;
	margin-bottom:60px;
}

.slider_formations .slide .wrap{
	min-height:340px;
}

.slider_emplois .slide .back{
	background:rgba(2,123,176,.6);
	
	border:4px solid rgba(2,123,176,.3);
	text-align:center;
	
	color:#fff;
	padding:25px;
	margin-bottom:60px;
}

.soins .wrap, .soins .sidebar{
	background:rgba(0,0,0,0);
	border:4px solid #33CCFF;
	
	padding:0 ;
	margin-bottom:15px;
	overflow: hidden;

}

.soins h4, .soins h5{
	margin-top:8px;
	margin-bottom:8px;
}

.temoignages .wrap, #Tab__temoignages_video__temoignages_ecrit .wrap {
	background:rgba(0,0,0,.02);
	border:4px solid rgba(2,123,176,.3);
	text-align:center;
	padding:25px;
	margin-bottom:15px;
	min-height:340px;
}

.soins .wrap *, .soins .sidebar *{
	padding:0 25px;
}

.wrap .title, .sidebar .title{
	background:#33CCFF;
	color:#fff;
	text-transform: uppercase; 
	width:100%;
	margin:0;
	font-size:16px;
	padding:6px 0 6px 25px;
}

.wrap h4{
	color:#33CCFF;
	text-transform: uppercase;
}

#Tab__temoignages_video__temoignages_video .wrap h4,
.temoignages .wrap h4 {
	
	margin:8px 0;
	text-transform: inherit;
	color:#3366FF!important;
}

.actus .wrap h4{
	color: inherit;
	text-transform: inherit;
}

.slider_actualites .wrap h4{
	color:#2C5699;
	text-transform: inherit;
	margin:0;
}

.sidebar li{
	list-style-type: none;
	padding:0!important;
}


.sidebar li a{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
	width:100%;
	display:inline-block;
	text-transform: uppercase;
	
	text-decoration: none;
	padding:15px 0 15px 25px!important;
	color:#2C5699;
}

.sidebar li a:hover, .sidebar li.active a{
	background:#F2F2F2;
	padding-left:45px!important;
}

.actus .wrap img{
	position:absolute;
	top:0;
	left:0;
	z-index:-10;
	opacity:.4;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}

.actus .wrap:hover img{
	opacity:.7;
}


.actus .wrap h4{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}
.actus .wrap:hover h4{

}

.actus .wrap{
	background: #fff;
	margin-bottom:40px;
}

.actus {
	background: #F2F2F2;

}

.actus .wrap img + h4:before{
	content:'';
	/* background: linear-gradient(transparent, #f9f9f9); */

	/* background: linear-gradient(to top, #f9f9f9, #f9f9f9 10%, transparent 50%, transparent 100%); */
	
	background: linear-gradient(to top, #f9f9f9 10%, transparent 50%);
	
	display: block;
	position: relative;
	top:104px;
	width:120%;
	z-index:-5;
	right:30px;
	height:140px;
}

.actus .wrap.img_holder {
	padding-top:60px;
	position: relative;
	overflow: hidden;
}

.temoignages img, #Tab__temoignages_video__temoignages_ecrit img{
	background:rgba(0,0,0,.1);
	border-radius:50%;
	width:90px;
	height:90px;
	margin-left:15px;
	object-fit:cover;
}

.temoignages .header{
	display:flex;
	align-items:center;
}

.temoignages .header h4{
	margin-left:15px;
	text-align:left!important;
}

#Tab__temoignages_video__temoignages_ecrit .header h4{

}

.temoignages .header h4 span{
	font-size:14px;
	font-family: 'KarmillaRegular', sans-serif;
}

blockquote{
	margin:0;
}

.quotation{
  font-size: 16px;
  margin: 0 auto;
  /*font-family:Times;*/
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px;
  line-height: 1.4;
  position: relative;
}

.quotation:before {
	font-family:Times;
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 5em;
}

.quotation::after {
	font-family:Times;
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  right: 10px;
  position: absolute;
  bottom: 0;
  color: #ccc;
  font-size: 5em;
  opacity:0;
}/*
*/
.quotation + .footer{
  margin:0;
  text-align: right!important;
  font-size: 1.1em;
  font-style: italic;
}

.header_services{
	background-position:center center;

	background-size:cover;
	
	overflow: hidden;
	min-height:40vh;
	position: relative;
	
	margin-bottom:35px;
}

.social_block{
	background:#009BDE;
	padding:40px 0 40px 0;
	margin-top:40px;
}

.social_block img{
	height:45px;
	max-width:35px;
	margin:0 auto 12px auto;
	display:block;
}

.social_block {
	text-align:center;
}

.social_block div {

}

.social_block span{
	color:#fff;
	font-size:14px;
}

.social_block a, footer a.social{
	display:inline-block!important;
	margin:0 12px 0 0;
	color:#fff;
}

.social_block a:link, .social_block a:visited, .social_block a:active, .social_block a {
	color:#fff;
	font-weight:400;
}


.social_block a i.social_icons{
	color:#fff!important;
	font-size:24px!important;

	
	background: rgba(2,123,176,1)!important;
	width:50px!important;
	height: 50px!important;
	line-height: 50px!important;
	
}

.social_line span{
	margin-left:54px;
	display:block;
}

.social_block .social_icons:hover, .social_block .social_wrapping a:hover i{
	color:rgba(2,123,176,1)!important;
	border:1px solid rgba(2,123,176,1)!important;
	background:#fff!important;
}

.social_block a:hover i, footer a.social:hover i{
	color:rgba(2,123,176,1)!important;

}

.header_services h1{
	font-weight:400;
	font-size:36px;
	letter-spacing:3px;
}


.header_services .hover{
	background:rgba(0,0,0,.3);
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	color:#fff;
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	flex-wrap:wrap;
	flex-direction:column;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
	
	z-index:600;
}


.tarif_wrapper{
	background-position:center center;
	background-attachment: fixed;

	background-size:cover;
	overflow: hidden;
	position: relative;
	
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	
	padding:80px 0;
}

.tarif_single{
	background: #fff;
	text-align:center;
	padding:15px 15px;
	
	margin: 0 50px 0 0;
	-o-transition:.6s ease-in-out;
	-ms-transition:.6s ease-in-out;
	-moz-transition:.6s ease-in-out;
	-webkit-transition:.6s ease-in-out;
	transition:0.6s ease-in-out;
}

.tarif_single:nth-child(3){
	margin:0;
}

.tarif_single:nth-child(4), .tarif_single:nth-child(5){
	/*	margin-top:50px; */
	
}

.tarif_single h1{
	margin:0;	
}

.tarif_single h1 + h1{
	font-size:1.1em;
	font-weight: 300;
	font-style: italic;
}

.tarif_single:hover{
	-webkit-transform: scale(1.04,1.04);
	-moz-transform: scale(1.04,1.04);
	-o-transform: scale(1.04,1.04);
	transform: scale(1.04,1.04);
	
	box-shadow:5px 5px 30px 10px rgba(0,0,0,.25);
}

.tarif_single:last-child{

}

.tarif_single button{
	padding:8px 18px;
	margin:6px 0 12px 0;
	border:1px solid rgba(0,0,0,1);
	background:#fff;
	color:rgba(0,0,0,.75);
	font-size:14px;
	font-weight: 600;
	box-shadow:0 0 0 1px rgba(0,0,0,.15);
	text-transform: uppercase;
	cursor: pointer;

	-o-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	transition:0.3s ease-in-out;
}

.tarif_single button:hover{
	color: rgba(255,255,255,1);
	background:rgba(0,0,0,1);
}
            
.main{
	position:relative;
	border: 1px solid #D0D0D0;
	box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	-webkit-box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	-moz-box-shadow:1px 0 0 3px rgba(27,84,102, .05);
	
	padding-bottom:25px;
	                
	display:block;
	margin:auto;
}

.cms_wrapper{
	padding-bottom:25px;
	max-width:960px!important;
}

.cms_wrapper ul li ul{
	margin:12px 0;
	text-indent: 0;
	padding:0 12px;
}

.cms_wrapper ul li {
	margin:6px 0;
}

.cms_wrapper ul li ul li{
	text-indent: 24px;
	list-style-type: none;
}

.cms_wrapper p{
	text-align: justify;
}

.soins{
	padding:25px 0 40px 0;
	text-align: justify;
}

.soins .grid-60{
	padding-left:40px;
}

.soins h1{
	text-align:left;
	text-transform: uppercase;
}

a.shop{
	position:absolute;
	right:0;
	top:2px;
	background:#fff;
}

a.shop i{

	color:rgba(0,0,0,.4);
	padding-right:6px;
}

a.buy, a.more, .partenaires.grid-30 a{
	 -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	padding:6px 15px;
	border:1px solid rgba(255,255,255,.2);
	display:inline-block!important;
	clear:both;
	margin:3px auto!important;
	
	font-size:12px;
	
	text-decoration: none;

	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;

}

a.buy:hover, a.more:hover{
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;
	
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	
}

a.buy{
	background:#6cdd2e;

}

a.more{
	background:#2a97e4;	
	color:#fff!important;
}

.partenaires.grid-30 a{
	background:rgba(0,0,0,.1);	
	color:rgba(0,0,0,.75)!important;
}

.instit_logos{
	max-height:90px!important;
	display:inline-block!important;
	margin:10px 15px!important;
}

   
.partenaires{
	text-align:center;
}

.partenaires img{
	max-width:70%!important;

	display:block;
	margin:0 auto;
}
   
/* ==================== */
/* SOCIAL & CONTACTS */
/* ==================== */


footer a:link, footer a:visited, footer a:active, footer a, footer{
	/*color:rgba(0,0,0,.3); */
	display:block;
	margin:8px 0;

}

footer a:link, footer a:visited, footer a:active, footer a{
	color:rgba(0,0,0,.4);
}


a.copy{


	line-height:21px;
	font-size:11px;
	color:#3AA8DA!important;

	margin:0 10px 0 0;
	height:23px;
	min-width:77px;

}

.copy + a{
	display:block;
}

span.copy{

}


footer a:hover{
	color:rgba(2,123,176,1)!important;
}


footer a:visited{
	
}

footer h4{
	margin-bottom:8px;
	text-transform: uppercase;
	font-weight:500;
	font-size:13px;
	letter-spacing:0.2em;
}

footer #logo{
	height:110px;
	display: inline-block;
	margin:0 auto 25px auto!important;

}

footer #logo + span{
	position: relative;
	top:12px;
}

footer{
	position:relative;
	overflow:hidden;
	padding:20px 0 25px 0;
	margin:0 0 0 0;
	font-size:13px!important;
	
	background:#2C5699;
	color:#3AA8DA;
}

footer ul li, footer ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

footer a:link, footer a:visited, footer a:active, footer a {
	text-transform: lowercase;
	color:rgba(255,255,255,.75);
	font-weight:400;
	font-size:15px;
	line-height:1.3;
	text-decoration: none;
}

footer a::first-letter{
	text-transform: uppercase;
}


.contacts a:link, .contacts a:visited, .contacts a:active, .contacts a {
	text-decoration: none!important;
	
}

.contacts a img{
	max-width:40px;
	position:relative;
	top:0px;

	margin:0 12px;	
	display:inline-block;
}

.contacts a i.fa{
	font-size:32px!important;
	display:block;

	margin:15px auto;	

}
            




.social_icons:hover, .social_wrapping a:hover i{
	background:#fff;
	color:rgba(0,0,0,.75);
	border:1px solid rgba(0,0,0,.75);
	
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.social_wrapping a:not(.mail){
	margin-top:12px;
	display:block;
}
            
.social_icons{
	display:inline-block;
	margin:6px 15px 6px 0px;
	width:39px;
	height:39px;	
	text-align:center;
	border:1px solid transparent;
	display:inline-block;
	
	line-height:37px!important;
					
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	font-size:21px!important;

	position: relative;
		
	background:rgba(0,0,0,.1);
	color:rgba(0,0,0,.5);

	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s; 
	transition:0.2s;
}
            
            
.contact_icons + span{
	position:relative;

	padding-left:10px;
}     

            
a.social_icons:hover, a.contact_icons:hover{
    
	background: rgba(0,0,0,.2)!important;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s; 
	transition:0.2s;
}          

.contact_wrapper input[type="submit"]{
	margin:12px 0;
}

/* ==================== */
/* TYPES */
/* ==================== */

.main p{
	text-align: justify;
}

p.fat{
	font-size:20px;
}

.global p{
	text-align: justify;
	padding:20px 40px;
	font-size:17px;
	line-height: 27px;
}
            
p.bottom{
	padding:10px 40px 0px 40px;
	            
}

.thin{
	font-weight: lighter;
}
            
            
h1{

	text-align:center;
	
	font-family: 'Roboto', sans-serif;
}

h2{

	font-weight:300;
	font-family: 'Roboto', sans-serif;
	font-size:38px;
	color:#2C5699;
}

h3{
	padding:10px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	color:#027BB0;
}

h4{
	font-family: 'Roboto', sans-serif;
	font-size:22px;
}

h5{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
}

.lower{
	text-transform:inherit!important;
}
            
a:link, a:visited, a:active, a{
	color:rgba(0,0,0,.75);
	font-weight: bolder;
	
/*	text-decoration: none; */
	            
}

            
            
hr{
	height:1px;
	border:none;
	outline:none;
	margin:0;
	background:rgba(27,84,102, .1);
}

hr.margin{
	margin:25px 0 15px 0!important;
}


ul.dots li{
	list-style-type:none;	
	text-indent: 0;
	padding:0;
	position: relative;
	font-weight: 700;
}

ul.dots-white li{
	list-style-type:none;	
	text-indent: 0;
	padding:0;
	position: relative;

}

ul.dots li:before{
	color:#fff;
	content:'';
	display:block;
	width:10px;
	height:10px;
	
	position: absolute;
	left:-20px;
	top:6px;
	font-weight: bolder;
	background:#027BB0;
	border:2px solid #fff;
	
	border-radius:25px;
}

ul.dots-white li:before{
	color:#027BB0;
	content:'';
	display:block;
	width:10px;
	height:10px;
	
	position: absolute;
	left:-20px;
	top:6px;
	font-weight: bolder;
	background:#fff;
	border:2px solid #027BB0;
	
	border-radius:25px;
}

label{
	text-align:center;
}

.headline{
	text-align:center;
	margin:50px 0;
}

.headline hr{
	height:4px!important;
	position:relative;
	bottom:28px;
	
	border:none;
	outline:none;
	margin:0 auto!important;
	background:#2C5699!important;
	width:80%;

	z-index:3000;
}

.headline span{
	background:#fff;
	padding:0 20px;
	
	position: relative;
	z-index:5000;
}

.white-txt{
	color:#fff;
}
       

.icons{

}

input[type="submit"], button, .button {

	cursor: pointer;
	text-decoration: none;

	color:rgba(255,255,255,1)!important;
	background:#3366FF;
	
	text-transform: uppercase;
	font-weight:600;
	
	padding:12px 36px;
	display:inline-block;
	outline:0;
	
	letter-spacing:1px;
	font-size:14px;
	white-space:nowrap;
	
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	
	border:2px solid transparent;
}

.button.pdf{
	background:#cf4147!important;
	transition:all .3s ease-in-out;
	
	padding:8px 18px;
	font-size:12px;
	margin:22px 0 8px 0;
}

.button.pdf:hover{
	border:2px solid #cf4147!important;
	color:#cf4147!important;
}

.button.paypal{
	background:#f7be47;
	transition:all .3s ease-in-out;
}

.button.paypal img{
	position:relative;
	bottom: 2px;
	margin-right:8px;
}

.button.paypal:hover{

	background: #f7be47!important;
	color:#fff!important;
}

button.close-button{
	padding:0;
	color:#3366FF!important;
	background:#fff;
	font-size:26px!important;
	top:14px!important;
	right:14px!important;
	opacity:1;
}

button.close-button:hover{
	border:0!important;
	background:#fff!important;
	opacity:.6;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #848484;


    outline: medium none !important;
    padding: 11px 18px;
    max-width:100%;
    margin:10px 0;
    
    box-sizing: border-box;
    width:100%;
 
}

a.read-more{
	/* width:91%; */
	width:100%; 
	padding:8px 15px;
	position: relative;
	
	color:#3366FF!important;
	border:1px solid transparent!important;
	background:rgba(255,255,255,1)!important;
}

a.read-more:hover{
	color:#fff!important;
	border:1px solid transparent!important;
	background:#3366FF!important;
}

a.read-more:hover::after{
	content:'\f054';
	
	transition:all .3s ease-in-out;
	
	font-family: 'FontAwesome';
	color:rgba(255,255,255,1)!important;
	font-size:16px;
	position:absolute;
	right:15px;
	top:8px;
}

a.read-more::after{
	content:'\f054';
	
	transition:all .3s ease-in-out;
	
	font-family: 'FontAwesome';
	color:#3366FF;
	font-size:16px;
	position:absolute;
	right:15px;
	top:8px;
}

a.read-more:hover::after{
	color:#3366FF;
}


input[type="submit"]:hover, button:hover, .button:hover {
	color:#3366FF!important;
	border:2px solid #3366FF!important;
	background:rgba(255,255,255,1)!important;
}

button.slick-arrow:hover, .slick-dots button:hover{
	color:inherit!important;
	border:inherit!important;
	background:inherit!important;
}

/* ==================== */
/* FORMS */
/* ==================== */

select option{

}

form select {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	
	background: rgba(0, 0, 0, 0) url("../images/chevron.png") no-repeat scroll 100% center;
	border: 1px solid rgba(0, 0, 0, 0.4);

/*
	 -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	
*/


	padding-right:40px!important;
	
	color:rgba(0,0,0,.75);
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	margin: 10px 0;
	outline: 0 none;
	padding: 4px 35px 4px 4px;
}


input[type="text"], input[type="password"] {

}

input[type="submit"] {
	background: rgba(0,0,0,.1) none repeat scroll 0 0;
	border: 2px solid #ffffff;
	color:#2C5699!important;
	box-shadow: 0 0 1px #c3d8dc;
	-moz-box-shadow: 0 0 1px #c3d8dc;
	-webkit-box-shadow: 0 0 1px #c3d8dc;
	
	color: rgba(0,0,0,.5);
	cursor: pointer;
	display: block;
	font-size: 14px !important;
	margin: 15px auto;
	outline: medium none;
	padding: 12px 25px;
	text-align: center;
	font-weight: 400;

	-o-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	transition:0.3s ease-in-out;
}

input[type="submit"]:hover{
	color: rgba(0,0,0,1);
	background: rgba(0,0,0,.05);
	
	box-shadow: 0 0 1px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
}

.box_hover_wrapper{
  overflow: hidden;
  padding-top:10px;
}

.news-block p{
	margin:3px 0!important;
}

.box_hover_wrapper img{
	min-width:100%;
}

.box_hover h1{
	font-size:42px;
	letter-spacing: .15em;
	font-weight:400;
}

.box_hover {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  color: rgba(0,0,0,.75);

bottom:5px;

  opacity: 1;
  overflow: hidden;
  padding: 0 ;
  position: absolute;

  text-align: center;
  width: 100%;
  z-index: 99;
}

.box_hover h1{
	color:#fff;
		padding-right:25px;
}


#player, body #player, #player.inline_player{
	margin-top:12px!important;
	max-width:960px!important;
}

#player{
	min-width:800px!important;
}

/* GALERIE */

.galerie-wrapper{

	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


.galerie_wrap {
  display: flex;
  align-items:center;
  
  height: 260px;

  margin: 0 10px 12px 0;

  overflow: hidden;
  text-align: center;
  width:32.4%;
/*  width: 173px; */

}

.galerie_wrap a{
	height:100%;
	width:100%;
	display:flex;
}


.galerie_wrap img {
  display: block;
  margin: 0 auto !important;
  min-width:100%;

  min-height: 100%;
  text-align: center !important;
  
  object-fit:cover;

	-o-transition:.8s ease;
	-ms-transition:.8s ease;
	-moz-transition:.8s ease;
	-webkit-transition:.8s ease; 
	transition:0.8s ease;
	
}

.galerie_wrap:hover img{
	-webkit-transform: scale(1.04,1.04);
	-moz-transform: scale(1.04,1.04);
	-o-transform: scale(1.04,1.04);
	transform: scale(1.04,1.04);
}

.ytp-chrome-top-buttons{
	display:none!important;
	opacity:0!important;
	visibility: hidden!important;
	color:rgba(0,0,0,.75);
}


/* ==================== */
/* DISQUE FLIP */
/* ==================== */

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
/*	width: 320px; 
	height: 480px; */	
width:100%;
min-height:250px;

clear:both;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}


.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container .flipper {
		transform-origin: 100% 213.5px; /* half of height */
	}

	.vertical.flip-container:hover .flipper {
		transform: rotateX(-180deg);
	}




/* ==================== */
/* CONTENT */
/* ==================== */

.title_wrapper{
	background:rgba(0,0,0,.35);
	position: absolute;
	bottom:30px;
	right:0;
	padding:22px 0;
	width:100%;
	color:#fff;
}

.title_wrapper h1{
	text-align:left;
}

.title_wrapper p{
	font-size:18px;
}

.about-us, .video{
	background-color:#027BB0;
	background-repeat: no-repeat;
	background-position: 12% 30%;
	background-size:auto 65%;
	color:#fff;
	
}

.about-us-triangle{
	width: 100%;
	height: 120px;

	border-left: 1600px solid transparent;
	position:absolute;
	top:-130px;
	z-index:10;
	left:0;
	
	border-bottom: 150px solid #027BB0;
}

.section {
	padding:40px 0;
}

.cms-wrapper .grid-container div{
/*	padding:40px; */
}

.cms-wrapper .grid-container div.benevoles, .cms-wrapper .grid-container div.dons{
	padding:0;
} 

.cms-wrapper .grid-container div.white-space{
	padding:0;
}

.cms-wrapper{
	background:#F2F2F2;
	padding-bottom:20px;
}

.white-space{
	margin-bottom:40px;
	}

.white-space > div{
	background:#fff;
}

.cms-wrapper .txt-section{
/*
	display:-webkit-flex;
	display:flex;
*/
	flex-direction:column;

	flex-flow:wrap;

	text-align:left;
	padding-left:30px!important;
	padding-right:30px!important;

}

.txt-section h2{
	margin:16px 0;
}

.txt-section p{
	font-size:18px;
	line-height: 1.7;
}

.cms-wrapper .benevoles .img_holder{
	/*height:280px; */
	width:100%;
	object-fit:cover;
	object-position:50% 50%;
}

.cms-wrapper .dons .img_holder{
/*	height:280px; */
	width:100%;
	object-fit:cover;
	object-position:50% 10%;
}

.documents{
	background:#EDEDED;
}

.documents h2{
	color:#027BB0!important;
}

.documents .icons{
	max-height:40px;
}

.formation-header{
	text-align: center;
	overflow: hidden;
	position: relative;
}

.formation-body p{
	text-align:justify;
}

.formation-header .title-wrapper{
	position: relative;
	bottom:40px;
}

.formation-header:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	background-color:#027BB0;
	mix-blend-mode:overlay;
	filter:brightness(115%);
	opacity:.7;
}

.formation-header h2 img{
	max-height:50px;
	max-width:60px;
	margin:0 14px 0 0;
}
.formation-header span{

	font-size:65%;
	display:block;
	opacity:.8;
}

.formation-header{
	min-height:300px;
	
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	
	display:flex;
	justify-items:center;
	justify-content:center;
	align-items:flex-end;
}

.formation-body{
	background-color:#fff;
	background-size:100% auto;	
	background-position: 0 0;
	background-repeat: no-repeat;
	
	position: relative;
	bottom:50px;
	padding:10px 40px!important;
}

/* ==================== */
/* USEFULL */
/* ==================== */

.flex-center{
	display:flex;
	align-items:center;
}

.flex{
	display:flex;
}

.noborder{
	padding:0!important;
}

img, video, iframe{
	max-width:100%;
}

.gomid{
	position: relative;
}

.inline{
	display:inline;
}

.block{
	display:block;
}

.alignright input{
	text-align:right!important;	
}

.alignright{
	text-align:right;
}

.alignleft{
	text-align:left!important;
}

a.aligncenter{
	display:block;
	margin:10px auto;	
}

.aligncenter{
	text-align:center;
}

hr.fat{
	width:75px;
	border:0;
	display:block;
	margin:35px auto;
	background:rgba(0,0,0,.15);
	height:5px;
}

.none{
	display:none!important;
}

.hidden{
	visibility: hidden!important;
}

.overflow{
	overflow: hidden;
}

.nopadding{
	padding-left:0!important;
	padding-right: 0!important;
}

.relative{
	position: relative;
}

.clearfix{
	padding:0!important;
}

.overflow{
	overflow: hidden!important;
}

/* Plan Google */


.map-container{
	width:450px;
	height:300px;	
}

.tooltip {
    display:inline-block;
    position:relative;


}

.tooltip .top {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
}

.tooltip:hover .top {
    display:block;
}

.tooltip .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}



/* ==================== */
/* ANIMATIONS */
/* ==================== */

/*

body{
	overflow-x: hidden!important;
}

.animate{
	overflow: hidden!important;
}


.fadeInUp{
	transition: all .7s ease-in-out;
    opacity:0;
    position:relative;
    top: 50px;

}

.fadeInLeft{
	transition: all .7s ease-in-out;
    opacity:0;
    position:relative;
    right: 120px;

}

.fadeInRight{
	transition: all .7s ease-in-out;
    opacity:0;
    position:relative;
    left: 120px;

}

.fadeInUp.show{
	opacity:1;
    top:0;
}

.fadeInLeft.show{
	opacity:1;
    right:0;
}

.fadeInRight.show{
	opacity:1;
    left:0;
}




#status, .loading{
	width:200px;
	height:200px;
	left:50%;
	top:50%;
	position: absolute;
	margin:-100px 0 0 -100px;
}



#preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5000;
	background-color:#fff;	
}

*/