/* Oswald */

@font-face {
    font-family: 'Oswald';
    src: 
      url('../fonts/oswald/Oswald-ExtraLight.ttf') format('truetype');
}

/********************************************
	Elements generaux
********************************************/
body {
    font-family: 'Roboto Condensed', helvetica, Arial, sans-serif;
    font-size: 14px ;
    line-height: 1.8; 
    background-color: #f1f1f1;   
}

strong, b {
	font-weight: 600;
}

img {
	max-width: 100%;
	height: auto;
}

ul, ol {
	list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

a:hover {
    color: #444;
}

a, a:hover {
    text-decoration: none;
}

i {
	font-size: 1.1em;
}

section {
	display: block;
	position: relative;
	box-sizing: border-box;
}

.m10{
   margin-top: 5px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

/*------/ Pagination-a /------*/
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    margin-top: 10px;

}

.pagination-a .pagination .page-link {
  margin: 0 .2rem;
  border-color: transparent;
  padding: .5rem .8rem;
  color: #000000;
}

.pagination-a .pagination .page-link:hover,
.pagination-a .pagination .page-link:active,
.pagination-a .pagination .page-link:focus {
  background-color: #006cff;
  color: #ffffff;
}

.pagination-a .pagination .page-link span {
  font-size: 1.2rem;
}

.pagination-a .pagination .page-link .glyphicon {
  padding: .5rem .8rem;
}

.pagination-a .pagination .next .page-link {
  padding: .4rem .9rem;
}

.pagination-a .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-a .pagination .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-a .pagination .page-item.disabled .page-link {
  padding: .4rem .9rem;
  color: #555555;
}

.pagination-a .pagination .page-item.active .page-link {
  background-color: #006cff;
  color: #ffffff;
}

.a {
  color: #2eca6a;
  font-size: 1.3rem;
}

/*::::::::::::::::::::::::::::::::::::
   Section Title
::::::::::::::::::::::::::::::::::::*/

.section-title {
  margin-bottom: 60px;
}

.section-title h2 {
  text-transform: capitalize;
  position: relative;
  font-size: 32px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  line-height: 1;
  color: #ffffff
}

.section-title h2:before,
.section-title h2:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  width: 50px;
  height: 5px;
  background-color: #000;
}

.section-title h2:before {
  left: auto;
  right: 50%;
  background-color: #ffc900
}

/*::::::::::::::::::::::::::::::::::::
   Fin Section Title
::::::::::::::::::::::::::::::::::::*/
.rejoignez{
  padding: 20px;
}

.rejoignez h1{
  margin-top: 20px;  
  text-transform: capitalize;
}
 
.rejoignez h3{ 
  border-bottom: 1px solid #081f3e; 
  padding-bottom: 10px;
}

.rejoignez p{  
  color: #ff0000; 
  padding-bottom: 10px;
}

.form-login{
  margin:10% auto 10px; 
  width:350px;
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.form-login h1{
  border-bottom: 1px solid #c3c3c3;
  padding-bottom: 15px;
  font-weight: 700;  
  margin-bottom: 20px;
}

.form-login input, .form-login button{
  border-radius: 0px; 
}

.form-login button{
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600px; 
}

.form-wrap{
  margin: 10px;
  padding: 10px;
}

.form-wrap input{
  padding: 25px 14px;
}

.form-wrap select{
  height: 50px;
}
.form-login label,.form-wrap label{
  text-transform: uppercase;    
  font-size: 16px;
}

.motpresident h1{
  font-size:36px; 
  font-weight:700;
  color: #000000;
  margin-top: 50px;
  padding: 0;
}

.cadre-photo{
  margin-top: 20px;
  padding: 10px;
  background-color: #E1E1E1;
  border-bottom: 5px solid #054ba1;
}

.cadre-photo span{
  margin-top: 10px;
  font-weight: bold;
  font-size: 20px;
}

.cadre-photo p{
  margin-top: 10px;
  padding: 10px;
}

.mot-president{
  line-height: 30px;
  font-size: 16px;
  text-align: justify;
  margin-bottom: 50px;
}

/***************************************************
  Nos formations
***************************************************/
.formations{
  padding: 20px;
  background-color: #f0fad1;
}

.formations h1 {
  text-transform: capitalize;
  position: relative;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 30px;
  margin-bottom: 20px;
  color: #081f3e;
  line-height: 1;
  text-align: center;
}

.formations h1:before,
.formations h1:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  width: 100px;
  height: 5px;
  background-color: #000;
}

.formations h1:before {
  left: auto;
  right: 50%;
  background-color: #006cff
}

.acces-img{
  padding-top: 50px;
}

.nav-tabs>li{
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e6e6;
}

.tab-text{
  font-weight: bold;
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.nav-tabs{
  border-bottom: transparent;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.nav-tabs>li>a {
  background: #f5f5f5;
  color: #666;
  border-radius: 0;
  border: 0 none;
  line-height: 24px;
  margin-right:0;
  padding: 15px 15px;
}

.nav-tabs li:last-child{
  border-bottom: 0 none;
} 

.nav-stacked>li+li{
  margin-top: 0;
}

.nav-tabs>li>a:hover{
  background: #081f3e;
  color:#fff;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
  border: 0;
  color:#fff;
  background: #081f3e;
  position: relative;
}

.nav-tabs>li.active{
  color:#fff;
}

.nav-tabs>li.active>a:after {
  position: absolute;
  content:  "";
  width: auto;
  height: auto;
  border-style:solid;
  border-color: transparent transparent transparent #081f3e;
  border-width: 25px 22px;
  right: -44px;
  top:0;
}

.tab-wrap{
  border: 1px solid #e6e6e6;
  margin: 10px;
  /*height: 230px;*/
  background-color: #ffffff;
}

.tab-content{
  padding: 10px;
}

.tab-content h2{
  margin-top: 0;
}

.tab-content img{
  border-radius: 4px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
} 

.wrap-condition-acces{
  background-color: #d8d6d3; 
  border-top:2px solid #c3c3c3;
}

.condition-acces{
  text-align: right; 
  text-transform: uppercase; 
  font-family: 'Roboto Condensed', helvetica, arial, sans-serif; 
  font-weight: 700; 
  padding-right:10px;
}

.condition-acces a{
  color: #a71717;
}


.center {
  	text-align: center;
  	/*padding-bottom: 40px;*/
}

.center h2{
  	font-size: 36px;
  	font-weight: 700;
  	margin-top: 50px;
  	margin-bottom: 20px;    
  	color: #3c2b2b;
}

.center h2 span{
  	font-weight: normal;
  	font-size: 32px;
  	font-family: 'Roboto',;
}

.lead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

/*------------------------------------------*/
/*	     02 - Header & Navigation
/*------------------------------------------*/

header{
	width: 100%;
	z-index: 999999;
}

.top-bar {
	background-color: #054ba1;
	border-bottom: 1px solid #f2f2f2;
}

.top-bar.color-bar {
	border-bottom: 0;
}

.top-bar.color-bar a {
	color: rgba(255,255,255,.6);
}

.top-bar.color-bar a:hover {
	color: rgba(255,255,255,1) !important;
}

.top-bar.color-bar ul.social-list li a i {
	border-left: 1px solid rgba(255,255,255,.1);
}

.top-bar.color-bar ul.social-list li:last-child a i {
	border-right: 1px solid rgba(255,255,255,.1);
}

.top-bar.color-bar .contact-details li a:before {
	color: rgba(255,255,255,.2);
}

.top-bar.dark-bar {
	background-color: #444;
	border-bottom: 0;
}

.top-bar.dark-bar a {
	color: rgba(255,255,255,.4);
}

.top-bar.dark-bar a:hover {
	color: rgba(255,255,255,1) !important;
}

.top-bar.dark-bar ul.social-list li a i {
	border-left: 1px solid rgba(255,255,255,.08);
}

.top-bar.dark-bar ul.social-list li:last-child a i {
	border-right: 1px solid rgba(255,255,255,.08);
}

.top-bar.dark-bar .contact-details li a:before {
	color: rgba(255,255,255,.2);
}

.top-bar a {
	color: #666;
}

.top-bar .contact-details li {
	display: inline-block;
}

.top-bar .contact-details li a:before {
	position: relative;
	content: "|";
	font-size: 13px;
	margin: 0 3px;
	top: -1px;
	color: #ddd;
}

.top-bar .contact-details li a:before {
	color: #2c5ce2;
}

.top-bar .contact-details li:first-child a:before {
	display: none;
}

.top-bar .contact-details li a {
	font-size: 12px;
	color: #fff;
	display: block;
	line-height: 32px;
}

ul.social-list {
    float: right;
}

ul.social-list li {
    float: left;
}

ul.social-list li a {
    display: inline-block;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.social-list li a:hover {
	color: #fff;
}

ul.social-list li a.facebook:hover {
	background-color: #507CBE;
}

ul.social-list li a.twitter:hover {
	background-color: #63CDF1;
}

ul.social-list li a.google:hover {
	background-color: #F16261;
}

ul.social-list li a.linkdin:hover {
	background-color: #90CADD;
}

ul.social-list li a i {
	font-size: 1em;
	color: #fff;
	display: block;
	width: 34px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border-left: 1px solid #2c5ce2;
}

ul.social-list li:last-child a i {
	border-right: 1px solid #2c5ce2;
}

.navbar {
	font-family: 'Oswald', sans-serif;
	margin-bottom: 0;
	padding: 0;
	background: #fff;
  min-height: 85px;
	border: none;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: 0px 25px 49px 0px rgba(58, 74, 88, 0.1);
}

.navbar-brand {
	position: relative;
	padding: 0px 0;
	margin: 0!important;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.navbar-default .navbar-nav {	
	position: relative;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-brand img{
    width: 90%; 
}

.navbar-default .navbar-nav > li {
    margin-right: 1px;
}

.navbar-default .navbar-nav > li:first-child {
    margin-left: 0;
}

.navbar-default .navbar-nav > li > a {
	color: #000000;
	display: block;
  font-size: 16px;
	font-weight: 300;
  padding: 35px 15px 35px 15px;
	overflow: hidden;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  font-weight: 700;
  text-transform: uppercase;
  color: #054ba1;
}

.navbar-default .navbar-nav > li > a.active, 
.navbar-default .navbar-nav > li:hover > a {
	border-bottom: 2px solid #054ba1;
	background-color: rgb(225,225,225,.35);
}

.navbar-default .navbar-nav > li > a i {
	margin: 0 -2px 0 -5px;
}

.navbar-default .navbar-nav .dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	width: 180px;
	background-color: #fff;
	visibility: hidden;
	z-index: 99;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav > li.drop:hover .dropdown {
  visibility: visible;
	opacity: 1;
}

.navbar-top.affix{
  width: 100%;
  top: 0;
  z-index:  999;      
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}
.navbar-top.affix .navbar-brand {
  padding: 3px 0px; 
}

.navbar-top.affix .navbar-brand img{
  width: 70%; 
}

.navbar-top.affix .navbar-nav > li > a,
.navbar-top.affix .navbar-nav > li > a:focus {
  padding: 35px 15px;
}

.dropdown li, .sup-dropdown li {
	position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.dropdown li:first-child, .sup-dropdown li:first-child {
    border-top: none;
}

.dropdown li a, .sup-dropdown li a {
    display: block;
    color: #666;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding: 11px 16px;
    text-decoration: none;
    text-transform: capitalize;
    transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
}


.dropdown > li:hover > a, .sup-dropdown li:hover > a {
	padding-left: 18px;
}

.dropdown li a i {
	margin: 0 0 0 -4px;
}

.navbar-default .navbar-nav .sup-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    width: 180px;
	  background-color: #fff;
    margin-top: 10px;
    transition: margin-top 0.2s ease-in-out;
    -moz-transition: margin-top 0.2s ease-in-out;
    -webkit-transition: margin-top 0.2s ease-in-out;
    -o-transition: margin-top 0.2s ease-in-out;
    visibility: hidden;
    z-index: 3;
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown {
    visibility: visible;
    margin-top: 0;
}

/************************************************
	Carousel Slider
*************************************************/

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
      
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
      
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
      
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-control {
    color:#bf1f2f
}

.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
}

#myCarousel {
  overflow: hidden;
  position: relative;
}

#myCarousel .carousel-caption {
  position: absolute;
  top: 50%;
  margin-top: -104px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
  font-size: 21px;
  font-weight: 300;
  color: #c40102;
}

#myCarousel .carousel-caption h1 {
  color: #c40102;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
    color: #b10a0a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.carousel-control .glyphicon-chevron-left {
  left: -51px
} 

.carousel-control .glyphicon-chevron-right {
  right: -51px;
}

.carousel-control .glyphicon-chevron-left:hover, 
.carousel-control .glyphicon-chevron-right:hover {
  color: #fff;
}

#myCarousel:hover .carousel-control .glyphicon-chevron-left {
  left:30px
} 

#myCarousel:hover .carousel-control .glyphicon-chevron-right {
  right:30px
}

.carousel-indicators{
  display: none;
}

#myCarousel:hover .carousel-indicators {
  overflow: visible;
  display: block;
}

.carousel-caption .btn-start {
  color: #fff;
  font-family:'Oswald', Arial, sans-serif;
  font-size: 18px;
  padding:14px 40px;
  border: 1px solid #65a02e;
  background-color: #65a02e;
  border-radius: 4px;
  margin-top: 40px;
}

.carousel-caption .btn-start:hover {
  color: #fff
}

.carousel-caption .btn-start:hover {
  background-color:#bf1f2f;
  border: 1px solid #bf1f2f;
}

#myCarousel .fa-angle-down {
  position: absolute;
  left: 50%;
  bottom: 50px;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  width: 24px;
  margin-left: -12px;
  font-size: 24px;
  line-height: 24px;
  z-index: 999;
  -webkit-animation: bounce 3000ms infinite;
  animation: bounce 3000ms infinite;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-indicators .active {
    width: 17px;
    height: 17px;
    margin: 0;
    background-color: #b10a0a;
    border: 2px solid #fff;
}/*3c2b2b*/

/*****************************************************
	Flash News
*****************************************************/
.ticker-container {
	height: 60px;
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: rgb(5, 52, 138);
	color: white;
	font-size: 1.1em;
	margin-bottom: 15px;
}

.ticker-container .ticker-caption {
	height: 50%;
	width: 100%;
	background-color: #EC0B43;
	display: table;
	position: absolute;
	color: white;
	font-size: 1.1em;
	font-family: 'Roboto',sans-serif;
	z-index: 1;
}

.ticker-container .ticker-caption p {
	height: inherit;
	width: inherit;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}

.ticker-container ul {
	list-style: none;
	padding: 0;
	height: auto;
	font-size: 16px;
}

.ticker-container ul div {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	display: inline;
	min-width: 100%;
	left: 0;
	height: 50%;
	transition: 0.25s ease-in-out;
}

.ticker-container ul div.ticker-active {
	top: 30px;
}

.ticker-container ul div.not-active {
	top: 60px;
}

.ticker-container ul div.remove {
	top: 0;
}

.ticker-container ul div li {
	padding: 2px 0;
	letter-spacing: 2px;
}

.ticker-container ul div li a {
	color: #EC0B43;
	font-weight: bold;
	font-style: italic;
	background-color: #ffffff;
	padding: 3px;
	border-radius: 3px;
}

@media (max-width: 500px) {

  .navbar-default .navbar-brand img{
      width: 40%; 
  }  

  .navbar-default .navbar-brand {
      padding-left: 10px; 
  } 
}

@media (min-width: 500px) {
	.ticker-container {
		height: 30px;
		text-align: left;
	}
	.ticker-container .ticker-caption {
		height: 100%;
		width: 150px;
		background: url('../images/ticker-caption-bg.png');
	}
	.ticker-container .ticker-caption p {
		text-align: left;
		padding-left: 7px;
	}
	.ticker-container ul {
		margin-left: 170px;
		height: 100%;
	}
	.ticker-container ul div {
		height: 100%;
		left: 170px;
	}
	.ticker-container ul div.ticker-active {
		top: 0;
	}
	.ticker-container ul div.not-active {
		top: 30px;
	}
	.ticker-container ul div.remove {
		top: -30px;
	}
  
  .navbar-default .navbar-brand img{
      width: 70%; 
  }  

  .navbar-default .navbar-brand {
      padding-left: 10px; 
  } 

  .navbar-top.affix .navbar-brand img{
    width: 50%;  padding-left: 10px; padding-top: 5px; 
  }
}

@media (min-width: 768px) {
  .ticker-container {
    margin:0
  }
  .navbar-top.affix .navbar-brand{
    padding: 0px
  }  
  .navbar-top.affix .navbar-brand img{
    width: 70%; 
  }

}

@media (min-width: 992px) {
  .ticker-container {
  	margin:0
  }
}

/***************************************
	Preinscription
***************************************/
.preinscription{
	background-color: #081f3e;/*#05348a;*/
    padding: 20px 0px;
    margin-top: 1px;
}

.exprt_col {
    margin: 30px 0px 50px;
    background-color: #e9e9e9;
    padding: 5px 20px;
    border: 10px;
    border-style: solid;
    border-color: #f5f5f5;
}

.book_now_btn {
  	width: 100%;
  	display: block;
  	background: #f3c300; /*#ff0202;*/
  	color: #222222;
  	text-transform: capitalize;
  	font-size: 18px;
  	line-height: 30px;
  	font-weight: bold;
  	padding: 5px 20px;
}

.button_hover {
  	border-radius: 0px;
  	position: relative;
  	z-index: 1;
  	-webkit-transition: all 0.3s linear;
  	-o-transition: all 0.3s linear;
  	transition: all 0.3s linear;
  	overflow: hidden;
  	border: 0px;
  	display: inline-block;
  	text-align: center;
}

.button_hover:before {
  	content: "";
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	position: absolute;
  	-webkit-transform: translateX(-100%);
  	-ms-transform: translateX(-100%);
  	transform: translateX(-100%);
  	z-index: -1;
  	background: #f8b100;/*#e70606;*/
  	-webkit-transition: all 0.3s linear;
  	-o-transition: all 0.3s linear;
  	transition: all 0.3s linear;
  	opacity: 0;
}

.button_hover:hover {
  	color: #fff;
}

.button_hover:hover:before {
  	-webkit-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
  	opacity: 1;
}

.exprt_col h2{
	color: #222222;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 36px;
}

.exprt_col p{
	color: #222222;
	font-size: 16px;
	margin-top: 5px;
}

.exprt_col a {
    margin-top: 35px;
    text-decoration: none;
}
/***************************************
	Bouton avec plus(+)
***************************************/
.btn {
  	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
}

.btn:hover, .btn:focus {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); 
}

.estam-btn {
	display: inline-block;
	color: #ffffff;
	background-color: #006cff;
	height: 35px;
	padding: 0 45px 0 10px;
	line-height: 32px;
	font-size: 14px;
  text-transform: uppercase;
	min-width: 140px;
	border-radius: 0;
	font-weight: 700;
	position: relative;
	z-index: 1;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms; 
}

.estam-btn span {
    width: 30px;
    height: 35px;
    background-color: #081f3e;
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; 
}

.glyphicon{
	padding-top: 10px;
}

.estam-btn:hover, .estam-btn:focus {
    background-color: #081f3e;
    color: #ffffff; 
}

.estam-btn:hover span, .estam-btn:focus span {
    color: #ffffff;
    background-color: #006cff; 
}


/*******************************************************
	A propos de nous
*******************************************************/

.apropos{
	color: #000000;
	background-color: #ffffff;
	padding-bottom: 50px;
}

.apropos-wrap{
	margin-bottom: 20px;
  margin-top: 30px;
}

.apropos-nous{
	color: #ffffff; 
}

.apropos-nous h1{
	color: #000000;
	margin-top: 30px;
  margin-bottom: 30px;
	padding: 0;
}

.apropos .container{
	padding-right: 0
}

.apropos-content{
	margin-top: 30px;
  font-size: 16px;
  line-height: 1.8em;
  color: #000000;
  text-align: justify;
}

/***************************************************
	School
***************************************************/
.school{
	background: #ffffff;
	padding: 30px;
}

.school h1{
	font-size:36px; 
	font-weight:700;
	color: #000000;
	text-transform: capitalize;
	margin-bottom: 30px;
}

/*************************
*********Team CSS*********
**************************/
.ftco-section {
  position: relative;
  width: 100%;
  display: block; 
  padding-top:50px;
  background-color: #ffffff;
}

.staff {
  width: 100%;
  display: block;
  padding: 25px;    
  padding-top: 70px;
  -webkit-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}


@media (max-width: 767.98px) {
  .staff {
      margin-bottom: 30px; 
  } 
}

.staff .info {
  width: 100%; 
}
    
.staff .info h3 {
  font-size: 18px;    
  margin-top: 50px; 
}

.staff .info h3 a {
  color: #000; 
}

.staff .info span.position {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 400;
  color: #2f89fc; 
}

.staff .img {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #2f89fc, 0 0 0 15px #eaeaea;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}

.staff .text .ftco-social {
  padding: 0;    
  padding-bottom: 20px; 
}

.staff .text .ftco-social li {
  list-style: none;
  display: inline-block;
  margin: 0 5px; 
}

.staff:hover, .staff:focus {
  -webkit-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.5); 
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; 
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; 
}  

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; 
}

.mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important; 
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; 
}

.heading-section h2 {
  font-size: 36px;
  font-weight: 400;
  color: #3c2b2b;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .heading-section h2 {
    font-size: 28px; 
  } 
}

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; 
}  

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}


/*********************************
  Page Section
*********************************/

.page_section {
	padding-top: 57px;
	padding-bottom: 57px;
}

.section_title {
	padding-top: 10px;
}

.section_title h1 {
	display: block;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 36px;
}

/**************************************************
***************************************************/

.partner{
  background-color: #ffffff;
  padding: 20px;
}

.partner h1 {
  text-transform: capitalize;
  position: relative;
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 30px;
  margin-bottom:40px;
  color: #081f3e;
  line-height: 1;
  text-align: center;
}

.partner h1:before,
.partner h1:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  width: 100px;
  height: 5px;
  background-color: #000;
}

.partner h1:before {
  left: auto;
  right: 50%;
  background-color: #006cff
}



/*********************************
  Testimonials
*********************************/

.testimonials {
	width: 100%;
	background: #04376c;
}

.testimonials_background_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.testimonials_background {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	opacity: 0.2;
}

.testimonials .section_title h1 {
	color: #FFFFFF;
}

.testimonials_slider_container {
	width: 70%;
	margin: 50px auto;
}

.testimonials_item {
	width: 100%;
}

.quote {
	font-size: 38px;
	color: #ffb606;
}
.testimonials_text {
	color: #FFFFFF;
	margin-bottom: 0px;
	font-size: 16px;
}

.testimonial_user {
	margin-top: 43px;
}

.testimonial_image {
	width: 98px;
	height: 98px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.testimonial_image img {
	width: 100%;
	height: auto;
}

.testimonial_name {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #f6af03;
	margin-top: 21px;
}

.testimonial_title {
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 6px;
}

.testimonials_slider .owl-dots {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: center;
	align-items: center;
}

.testimonials_slider .owl-dot span {
	width: 8px !important;
	height: 8px !important;
	border: solid 2px #FFFFFF;
	background: transparent !important;
}

.testimonials_slider .owl-dot.active span {
	width: 16px !important;
	height: 16px !important;
	border: none;
	background: #ffb606 !important;
}

.prlx_parent {
	overflow: hidden;
}

.prlx {
	height: 130% !important;
}

/***************************************************
	BANNIERE
***************************************************/
.banner_area {
    background-size: cover;
    position: relative;
    min-height: 400px;
}

.banner_area_2:before, .banner_area:before {
    content: "";
    background: rgba(8, 99, 162, 0.8);
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner_text_inner {
    text-align: center;
    position: relative;
    padding-top: 200px;
}

.banner_area_2 {
    background-size: cover;
    position: relative;
    min-height: 200px;
}

.banner_area:before {
    content: "";
    background: rgba(8, 99, 162, 0.3);
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner_text_inner_2 {
    text-align: center;
    position: relative;
    padding-top: 50px;
}

.banner_text_inner_2 h4,.banner_text_inner h4 {
    color: #fff;
    font-size: 48px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.banner_text_inner h5, .banner_text_inner_2 h5 {
    font-size: 18px;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.banner-doc{
	background: url(../images/doc_background.jpg) no-repeat scroll center center;
}

/* Contact Section
--------------------------------*/

.banner-all{
	background: url(../images/banner-1.jpg) no-repeat scroll center center;
}

.banner-contact{
	background: url(../images/contacts.jpg) no-repeat scroll center center;
}

#contact {
 	padding: 0px 0;
  background-color: #fff;
}

#contact .contact-info {
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    /*border-bottom: 1px dotted #081f3e;*/
}

#contact .contact-info span {
  	font-size: 48px;
  	display: inline-block;
  	margin-bottom: 10px;
  	color: #054ba1;
}

#contact .contact-info address, 
#contact .contact-info p {
  	margin-bottom: 0;
  	color: #000;
}

#contact .contact-info h3 {
  	font-size: 18px;
 	margin-bottom: 15px;
  	font-weight: bold;
  	text-transform: capitalize;
  	color: #999;
}

#contact .contact-info a {
  	color: #000;
}

#contact .contact-info a:hover {
  	color: #50d8af;
}

#contact .contact-address, 
#contact .contact-phone, 
#contact .contact-email {
  	margin-bottom: 20px;
}

@media (min-width: 768px) {
  	#contact .contact-address, 
  	#contact .contact-phone, 
  	#contact .contact-email {
    	padding: 20px 0;
  	}
}

.traitrg{
	border-left: 1px dotted #081f3e;
}

#contact-form{
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  margin-top: 40px;
}

#contact-form h1{
  text-transform: capitalize;
  margin-bottom: 20px;
}

#contact-form h3{
  text-transform: capitalize;
  padding-bottom: 10px;
}

#contact-form p{
  color: #ff0000;
  margin-bottom: 40px;
}

#contact-form .form{
	margin: 20px auto;
  border-bottom: 1px solid #eee;
}

#contact-form .form #sendmessage {
  	color: #50d8af;
  	border: 1px solid #50d8af;
  	display: none;
  	text-align: center;
  	padding: 15px;
  	font-weight: 600;
  	margin-bottom: 15px;
}

#contact-form .form #errormessage {
  	color: red;
  	display: none;
  	border: 1px solid red;
  	text-align: center;
  	padding: 15px;
  	font-weight: 600;
  	margin-bottom: 15px;
}

#contact-form .form #sendmessage.show, 
#contact-form .form #errormessage.show, 
#contact-form .form .show {
  	display: block;
}

#contact-form .form .validation {
  	color: red;
  	display: none;
  	margin: 0 0 20px;
  	font-weight: 400;
  	font-size: 13px;
}

#contact-form .form input, 
#contact-form .form textarea {
  	padding: 25px 14px;
  	font-size: 15px;
}

.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

/*  ************************************************
Map Home
----------------------------------------------------------------------------------------------------*/
#bbg-map-home .map-frame{
	display:block;
	width:100%;
	height:485px;
	/*margin-top: 50px;*/
}

#cMap{
	display:block;
	position:relative;
}

#cMap .bbg-location{
	position:absolute;
	top:15px;
	left:15px;
	width:180px;
	z-index:990;
	background:rgba(6,29,40,0.5);
	border-radius:3px
}

#cMap .bbg-location .bbg-location-title{
	text-align:center;
	text-transform:uppercase;
	display:block;
	font-family:helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	color:#fff;
	font-weight:600;
	padding:10px 0  5px;
}

#cMap .bbg-location a{
	display:block;
	margin:5px;
	background:#fff;
}

#cMap .bbg-location a span{
	display:block;
	color:#045491;
	padding:10px 5px 5px;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	line-height:14px;
	font-family: helvetica, sans-serif;
}

.info-map{
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-family:helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
}

.gm-style-iw{
	overflow:initial!important;
	margin:0!important;
	padding:0!important;
	border:6px solid #061d28;
	background:#061d28;
}

.gm-style-iw:after{
	content:"";
	text-align:center;
	width:0;
	height:0;
	position:absolute;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:20px solid #061d28;
	bottom:-26px;
	left:43%;
	margin-left:-5px;
}

.gm-style-iw > div{
	width:100%!important;
}

.gm-style-iw div{
	margin:0px!important;
	overflow:hidden!important;
}

.gm-style-iw div div{
	overflow:hidden!important;
	width:100%;
}
img[src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png"]{display:none;}

/*********************************
15. Footer & Newsletter
*********************************/

.footer {
	width: 100%;
	padding-top: 30px;
	background: #04376c;/**/    
	color: #ffffff;
	border-top: 30px solid #A1D6E2;
}
.footer .section_title h1 {
	color: #000000;
}

.newsletter {
	padding-bottom: 5px;
}
.newsletter_form_container {
	width: 90%;
	margin-bottom: 48px;
}
.newsletter_email {
	width: calc(100% - 164px);
	height: 42px;
	border: none;
	border-radius: 0;
	padding-left: 27px;
	font-weight: 500;
	color: #1a1a1a;
}
.newsletter_email:focus {
	outline: solid 2px #ffb606;
}
.newsletter_submit_btn {
	
	height: 42px;
	border: none;
	background: #ffb606;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	border-radius: 0;
}

.newsletter_submit_btn:focus
{
	border: solid 2px #FFFFFF;
}

.footer_content 
{
	padding-top: 80px;
	padding-bottom: 83px;
	border-bottom: solid 2px #4d4e4e;
}

.box-inline .glyphicon{
	font-size: 26px;
	padding: 0;
}

.footer-link a{
  color: #ffffff;
}

.footer-link a:hover{
  color: #006cff;
}

/*********************************
15.3 Footer Copyright
*********************************/

.footer_bar
{
	padding-top: 19px;
	padding-bottom: 19px;
}

.footer_foo{
	border-top: solid 1px #ffffff;
	background-color: #020f20;
}

/*********************************
	Images description
*********************************/

.wdt_img.news_img {
	position:relative;
}

.wdt_img.news_img img {
	border-color:#EDEDED;
	border-style:solid;
	border-width:7px;
}

.news_Date {
	background:rgba(0, 108, 255, 0.57);/*#b11116;*/
	font-size:14px;
	color:#fff;
	font-weight:600;
	position:absolute;
	bottom:45px;
	z-index: 1;
	left:20px;
	width:126px;
	line-height:31px;
	text-align:center;
	border-radius:0px;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

.enitre_mouse:hover .effect-apollo::before {
	-webkit-transform: scale3d(2.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
 	transform: scale3d(2.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.enitre_mouse:hover .effect-apollo img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.15, 1.15, 1);
	transform: scale3d(1.15, 1.15, 1);
}
.enitre_mouse:hover h4 a {
	color:#2488e6;
}
.enitre_mouse:hover a.read_more {
	color:#000;
}
.shadow_effect {
	position: relative;
	overflow: hidden;
}
.effect-apollo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.effect-apollo::before {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.3);
 	content: '';
	-webkit-transition: -webkit-transform 0.6s;
 	transition: transform 0.6s;
 	-webkit-transform: scale3d(2.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
 	transform: scale3d(2.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
.effect-apollo:hover img {
	opacity: 0.8;
	-webkit-transform: scale3d(1.15, 1.15, 1);
	transform: scale3d(1.15, 1.15, 1);
}
 .effect-apollo:hover::before {
 	-webkit-transform: scale3d(2.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
 	transform: scale3d(2.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

/***************************************************
****************************************************
*********** ACTUALITES
****************************************************/

/*======================================
//--//-->   NEWS - CARD-B
======================================*/
.news-grid{
  padding-top:50px;
  padding-bottom: 50px; 
  background-color: #ffffff;
}

.card-header-b {
  padding: 1rem;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  z-index: 2;
}

.card-header-b .category-b {
  font-size: 2.3rem;
  background-color: #006cff;
  padding: .3rem .7rem;
  color: #ffffff;
  letter-spacing: 0.030em;
  text-decoration: none;
}

.card-header-b .title-2 {
  margin-bottom: 0;
  padding: .6rem 0;
  font-size: 3rem;
}

.card-header-b .title-2 a {
  color: #081f3e;
  text-decoration: none;    
  font-weight: 700;
}

.card-header-b .date-b {
  color: #006cff;
  background-color: #fff;
  padding: 5px;
  text-transform: uppercase;
  font-weight: bold;
}

.card-header-b .msg-b {
  width: 80%;
  line-height:20px;
  margin-bottom: 15px;
  text-align: justify;
}

.msg-b {
  font-size: 17px;
  text-align: justify;
}
/*======================================
//--//-->   CARD GENERAL
======================================*/
.card-box-b {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

  .grid .card-box-a,
  .grid .card-box-b,
  .grid .card-box-c,
  .grid .card-box-d {
    margin-bottom: 2.5rem;
  }

  .card-box-a:hover .img-a,
  .card-box-a:hover .img-b,
  .card-box-b:hover .img-a,
  .card-box-b:hover .img-b {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }


  .card-info .card-info-title {
    font-size: .9rem;
  }

  .card-info li span {
    font-size: .8rem;
  }

  .card-header-b {
    bottom: 0px;
  }


.card-box-b .img-a,
.card-box-b .img-b {
  transition: .8s all ease-in-out;
}

.card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.card-shadow {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-shadow:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.65) 90%);
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-box-b img{
  width: 100%;
  height: 100%;
}

.img-box-b2 img{
  width: 100%;
  height: 250px;
}
.readmore-btn {
    display: inline-block;
    color: #ffffff;
    background-color: #006cff;
    height: 35px;
    padding: 0 25px 0 0px;
    line-height: 32px;
    font-size: 14px;
    min-width: 130px;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.readmore-btn span {
    width: 30px;
    height: 35px;
    background-color: #081f3e;
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.readmore-btn:hover,
.readmore-btn:focus {
  background-color: #081f3e;
  color: #ffffff;
}

.readmore-btn:hover span,
.readmore-btn:focus span {
  color: #ffffff;
  background-color: #006cff;
}


.all-btn {
    display: inline-block;
    color: #ffffff;
    background-color: #081f3e;
    height: 35px;
    padding: 0 35px 0 10px;
    line-height: 32px;
    font-size: 14px;
    min-width: 140px;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.all-btn span {
    width: 30px;
    height: 35px;
    background-color: #006cff;
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.all-btn:hover,
.all-btn:focus {
  background-color: #006cff;
  color: #ffffff;
}

.all-btn:hover span,
.all-btn:focus span {
  color: #ffffff;
  background-color: #081f3e;
}

.all-btn.btn-3 {
    background-color: #ffffff;
    color: #081f3e;
    height: 38px;
    border: 2px solid;
    border-color: #006cff;
}

/*======================================
//--//-->   EVENTS
======================================*/

.events h2{
  text-transform: capitalize; 
  margin: 0px; 
  border-bottom: 1px solid #ded8d8; 
  padding-bottom: 10px;
}

.events-content{
  margin-top: 42px;
  padding-right: 20px;
  padding-left: 20px;
}

.events-content .event-body{
  display: inline-block; 
  border-bottom: 1px dashed #ded8d8; 
  padding-bottom: 5px; 
  margin-bottom:15px;
}

.event-body .event-date{
  padding: 5px; 
  background-color: #081f3e;
  color: #ffffff; 
  position: absolute; 
  text-align: center; 
  font-weight: bold; 
  font-size: 16px; 
  text-transform: uppercase; 
  line-height: 18px;
}

.event-date .hour{
  padding-top:5px; 
  border-top: 1px dashed #ffffff; 
  color: #006cff; 
  margin: 0px;
  font-weight: normal;
}

.event-body .event-doc{
  margin-left: 50px;
}

.event-doc h2{
  margin-top: 0px;  
  font-weight: bold; 
  text-transform: capitalize; 
  margin-left: 10px; 
  margin-right: 10px; 
  border: none;
  font-size: 20px;
}

.event-doc .title-3{
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;   
  line-height: 20px;
}

.event-doc .title-3 p{
  margin: 0px;
  text-align: justify;
}

.event-doc a{
  color: #006cff; 
  text-transform: uppercase; 
  margin-left:10px;
}

.lastnews .lastnews-content{
  padding-bottom: 10px;
}

.lastnews-content h2{
  text-transform: capitalize; 
  border-bottom: 1px solid #ded8d8; 
  padding-bottom: 10px;
  margin: 0px; 
}

.lastnews-content span{
  margin: 0px; color: #c3c3c3;
}

.lastnews-body{
  padding: 5px
}



/***************************************
******* :: 10.0 Video Area CSS 
****************************************/

.mb30{
  margin-bottom: 30px;
}

.video-area{

} 

.video-slideshow {
  position: relative;
  z-index: 5;
  border-top: 2px solid #006cff; 
}

.video-slideshow h2, .events_img h2{
  margin-bottom: 50px; 
  color: #ffffff;
  text-transform: capitalize;
}
.events_img h2{
  color: #081f3e;
}


.video-slideshow::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  content: '';
  z-index: -1; 
}

.video-slides {
  position: relative;
  z-index: 1;
}
  
.video-slides .owl-prev, .video-slides .owl-next {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  margin-top: -20px;
  font-size: 18px;
  color: #ffffff;
  background-color: #006cff;
  left: -20px;
  text-align: center;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  line-height: 40px;
  opacity: 0;
  visibility: hidden; 
}

@media only screen and (max-width: 767px) {
  .video-slides .owl-prev, .video-slides .owl-next {
    left: -10px; 
  } 
}

.video-slides .owl-prev:hover, .video-slides .owl-next:hover {
  background-color: #000000;
  color: #ffffff; 
}

.video-slides .owl-next {
  left: auto;
  right: -20px; 
}
    
@media only screen and (max-width: 767px) {
  .video-slides .owl-next {
    right: -10px;
  } 
}

.video-slides:hover .owl-next, .video-slides:hover .owl-prev {
  opacity: 1;
  visibility: visible; 
}

.py5{
  padding-top: 50px;
  padding-bottom: 50px;
}

.bg-fixed {
  background-attachment: fixed !important;
}

.bg-overlay {
    position: relative;
    z-index: 2;
    background-position: center center;
    background-size: cover;
}

.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/********************************************
******** :: 9.0 Blog Area CSS 
*********************************************/
.posts-events{
  padding: 5px;
}

.posts-events h2{
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 30px;
}


.t10{
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #eaeaea;
}

.single-blog-post {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  
}

.box10{
  box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1);  
}

.single-blog-post.style-2 .blog-thumbnail {
  margin-bottom: 0px;
}

.single-blog-post.style-2 .blog-thumbnail img {
  width: 100%; 
}

.single-blog-post.style-2 .blog-content {
  position: relative;
  z-index: 1; 
  padding: 10px;
  border: 1px solid #eee;
}

.single-blog-post.style-2 .blog-content .post-date {
  font-size: 12px;
  color: #636363;
  margin-bottom: 10px; 
}

.single-blog-post.style-2 .blog-content .post-title {
  display: block;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 10px;
  color: #081f3e; 
}

.single-blog-post.style-2 .blog-content .post-title:hover, 
.single-blog-post.style-2 .blog-content .post-title:focus {
  color: #ef1b48; 
}

.single-blog-post.style-2 .blog-content .post-author {
  display: block;
  font-size: 14px;
  color: #006cff;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; 
}

.single-blog-post.style-2 .blog-content .post-author:hover, 
.single-blog-post.style-2 .blog-content .post-author:focus {
  color: #006cff;
  text-decoration: underline;
}

.single-blog-post.style-2:hover {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px); 
}

.single-blog-post.style-2:hover .blog-content .post-title {
  color: #006cff; 
}

.single-blog-post.style-3 .blog-thumbnail {
  /*margin-bottom: 20px;*/
  position: relative;
  z-index: 1; 
}

.single-blog-post.style-3 .blog-thumbnail img {
  width: 100%;     
  height: auto;
}

.single-blog-post.style-3 .blog-thumbnail .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 63px;
  height: 63px;
  background-color: #006cff;
  color: #ffffff;
  font-size: 24px;
  line-height: 63px;
  display: block;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto 20px;
  z-index: 50; 
}
      
.single-blog-post.style-3 .blog-thumbnail .video-btn:hover {
  background-color: #000000;
  color: #ffffff; 
}
  
.single-blog-post.style-3 .blog-content {
  position: relative;
  margin: 0px;
  z-index: 1; 
}

.t1{
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.single-blog-post.style-3 .blog-content .post-date {
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 5px;
  background: #006cff;
  margin-bottom: 10px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; 
}

.single-blog-post.style-3 .blog-content .post-title {
  display: block;
  font-weight: 600;
  font-size: 22px;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  line-height: 1.3; 
}

.single-blog-post.style-3 .blog-content .post-title_2 {
  display: block;
  font-size: 18px; font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  line-height: 1.3; 
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-blog-post.style-3 .blog-content .post-title {
    font-size: 18px; 
  } 
}

.single-blog-post.style-3 .blog-content .post-title:hover, 
.single-blog-post.style-3 .blog-content .post-title:focus {
  color: #006cff; 
}

.single-blog-post.style-3 .blog-content .post-author {
  display: block;
  font-size: 12px;
  color: #ffffff;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  font-weight: 500; 
}
      
.single-blog-post.style-3 .blog-content .post-author:hover, 
.single-blog-post.style-3 .blog-content .post-author:focus {
  color: #006cff; 
}

.single-blog-post.style-3:hover .blog-content .post-title {
  color: #006cff; 
}


/***********************************************
**** EVENT INLINE-BLOCK
************************************************/
.events_img{
  padding-bottom: 50px;
  background-color: #ffffff;
}

.p30{
  padding-top: 30px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}
.event-content{
  margin-top: 25px;
}
.event-line{
  border-bottom: 1px dashed #eee; margin-bottom: 20px;
}

.py4{
  padding: 10px;
}

.py4 a{
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
/***********************************************
***** EVENT STYLE 4
************************************************/

.single-blog-post.style-4 .blog-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  max-width: 150px;
  width: 150px;
  margin-right: 10px; 
}

.single-blog-post.style-4 .blog-thumbnail img {
  width: 100%; 
}

.single-blog-post.style-4 .blog-content {
  position: relative;
  z-index: 1; 
}

.single-blog-post.style-4 .blog-content .post-date {
  font-size: 12px;
  color: #636363;
  margin-bottom: 5px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; 
}

.single-blog-post.style-4 .blog-content .post-title {
  display: block;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;
  color: #232323;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; 
}

.single-blog-post.style-4 .blog-content .post-title:hover, 
.single-blog-post.style-4 .blog-content .post-title:focus {
  font-weight: 600;
  color: #006cff; 
}

.single-blog-post.style-4:hover .blog-content .post-title {
  color: #006cff; 
}

/***********************************************
**** EVENT INLINE-BLOCK STYLE 5
************************************************/

.single-blog-post.style-5 .blog-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  width: 45%;
  margin-right: 30px; 
}

.single-blog-post.style-5 .blog-thumbnail img {
  width: 100%; 
}
    
@media only screen and (max-width: 767px) {
  .single-blog-post.style-5 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px; 
  } 
}

.single-blog-post.style-5 .blog-content {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(55% - 30px);
  flex: 0 0 calc(55% - 30px);
  max-width: calc(55% - 30px);
  width: calc(55% - 30px); 
}

@media only screen and (max-width: 767px) {
  .single-blog-post.style-5 .blog-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; 
  } 
}

.single-blog-post.style-5 .blog-content .post-date {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 10px;
  text-transform: uppercase;
  background-color: #081f3e;
  padding: 5px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; 
}

.single-blog-post.style-5 .blog-content .post-title {
  display: block;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  color: #232323;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; 
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-blog-post.style-5 .blog-content .post-title {
    font-size: 18px; 
  } 
}

.single-blog-post.style-5 .blog-content .post-title:hover, .single-blog-post.style-5 .blog-content .post-title:focus {
  font-weight: 600;
  color: #006cff;
}

.single-blog-post.style-5:hover .blog-content .post-title {
  color: #006cff; 
}

/***************************************************
**** Albums Photos
****************************************************/

.gallery{
  background-color: #eee; 
  margin-top:40px;
  box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1);
}

.gallery h2{   
  margin: 20px; 
  padding-top: 10px;
}

.gallery-content{
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
}

.gallery-footer{
  border-top: 1px solid #E1E1E1; 
  padding: 10px; 
  background: rgba(0, 0, 0, 0.7);  
}

.gallery-footer a{
  color:#006cff; 
  font-size:24px;
}

.gallery-footer a:hover{
  color:#ffffff; 
}

/*--------------------------------------------------------------
# F.A.Q Section
--------------------------------------------------------------*/

#faq {
  padding: 10px 0;
}

#faq #faq-list {
  padding: 0;
  list-style: none;
}

#faq #faq-list li {
  border-bottom: 1px solid #ddd;
}

#faq #faq-list a {
  padding: 18px 0;
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding-right: 20px;
}

#faq #faq-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 16px;
}

#faq #faq-list p {
  margin-bottom: 20px;
}

#faq #faq-list a.collapse {
  color: #f82249;
}

#faq #faq-list a.collapsed {
  color: #000;
}

#faq #faq-list a.collapsed i::before {
  content: "\f055" !important;
}

#faq #faq-list a.collapse {
  color: #f82249;
}

#faq #faq-list td {
    padding: 10px;
}

/****************************************************
  Conditions d'acces
****************************************************/
.wrap-condition{
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrap-condition h1{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;
}

.condition-table{
  margin:10px;
}

.condition-table table{
  margin:40px auto;
  width: 90%;
}

.condition-table th{
  padding: 10px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  color: #ff6600;
}

.condition-table td{
  padding: 10px;
}

.condition-table .tab-text span{
  font-weight: 700;
  font-size:21px;
  text-transform: uppercase;
  color: #04376c;
  letter-spacing: 3px;
}

/****************************************************
******* Portfolio CSS
****************************************************/
#portfolio {
  background-color: #ffffff;
  padding-top: 30px;
}

.portfolio {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 50px;
  margin-top: 30px;
}

#portfolio .container, 
#portfolio .col-sm-3  {
  overflow: hidden;
  padding: 0;
}

#portfolio .folio-item {
  position: relative;
  /* padding: 10px; */
  /* margin: 10px; */
}

#portfolio .overlay {
  background-color: #000;
  color: #fff; 
  left: 0;
  right:0;
  bottom:-100%;
  height: 0;
  position: absolute;
  text-align: center;
  opacity:0;  
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.overlay .overlay-content {
  display: table;
  height: 100%;
  width: 100%;
}

.overlay .overlay-text {
  display: table-cell;
  vertical-align: middle;
}

.overlay .folio-info {
  opacity: 0;
  margin-bottom: 75px;
  margin-top: -75px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.overlay .folio-info h4 {
  margin-top: 0;
  color: #fff;
}

.folio-overview a {
  font-size: 16px;
  color: #333;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  margin-top: 20px;
  margin-right: 5px;
}

.folio-overview a:hover {
  color: #ffffff;
  background-color: #006cff;
}

.folio-overview .folio-expand {
  margin-top: -500px;
  margin-left: -500px;
}

.folio-image, .folio-overview .folio-expand {
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  margin: 10x;
}

#portfolio .folio-item:hover .folio-image {
  -webkit-transform: scale(1.5) rotate(-15deg);
  transform: scale(1.5) rotate(-15deg);
}

.folio-image img {
  width: 100%;
  height: 200px;
}

#portfolio .folio-item:hover .overlay {
  opacity: 0.8;
  bottom: 0;
  height: 100%;
}

#portfolio .folio-item:hover .folio-overview .folio-expand {
  margin-top: 0;
  margin-left:0;
}

#portfolio .folio-item:hover .overlay .folio-info {
  opacity: 1;  
  margin-bottom:0;
  margin-top:0;
}

#single-portfolio {
  padding: 90px 0;
  background: #f5f5f5;
  position: relative;
}

#single-portfolio img {
  width: 100%;
  margin-bottom: 10px;
}

#single-portfolio .close-folio-item {
  position: absolute;
  top: 30px;
  font-size: 34px;
  width: 34px;
  height: 34px;
  left: 50%;
  color: #999;
  margin-left: -17px;
}

/*****************************************************
******************************************************/
.latest_posts
{
  margin: 20px;
}
.latest_post
{
  margin-bottom: 27px;
}
.latest_post:last-child
{
  margin-bottom: 0px;
}
.latest_post_image
{
  width: 100%;
}
.latest_post_image img
{
  width: 100%;
  height: auto;
}
.latest_post_title
{
  margin-top: 5px;
}
.latest_post_title a
{
  font-size: 18px;
  font-weight: 500;
  color: #1a1a1a;
}
.latest_post_title a:hover,
.latest_post_author a:hover,
.latest_post_comments a:hover
{
  color: #a5a5a5;
}
.latest_post_meta
{
  color: #1a1a1a;
  margin-top: 6px;
}
.latest_post_author a
{
  font-size: 12px;
  font-weight: 500;
  color: #a5a5a5;
  line-height: 1;
}
.latest_post_comments a
{
  font-size: 12px;
  font-weight: 500;
  color: #a5a5a5;
  line-height: 1;
}
.latest_post_meta span:nth-child(2)
{
  font-size: 12px;
  font-weight: 500;
  color: #1a1a1a;
  margin-left: 5px;
  margin-right: 5px;
}

 /********************************************************
********** Nos atouts
*********************************************************/
.nosatouts{
  margin-bottom: 20px;
}

.nosatouts h1 {
  text-transform: capitalize;
  position: relative;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 30px;
  margin-bottom: 20px;
  color: #081f3e;
  line-height: 1;
  text-align: center;
}

.nosatouts h1:before,
.nosatouts h1:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
   width: 100px;
  height: 5px;
  background-color: #000;
}

.nosatouts h1:before {
  left: auto;
  right: 50%;
  background-color: #006cff
}   

/********************************************************************
***************** Carousel 
*********************************************************************/

.intro {
  height: 600px;
  position: relative;
  color: #ffffff;
}

.intro .owl-theme .owl-dots {
  position: absolute;
  bottom: 40px;
  right: 50px;
}

.intro .owl-theme .owl-dots .owl-dot span {
  background: #081f3e;
  border: 0px solid #ffffff;
}

.intro .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #006cff;
}

.intro .owl-theme .owl-dots .owl-dot.active span {
  background-color: #006cff;
}

.intro .intro-item {
  padding-top: 2rem;
}

.intro .carousel-item-a {
  position: relative;
  height: 100%;
}

.intro .carousel-item-a.bg-image {
  background-attachment: scroll;
}

.intro .intro-content {
  position: absolute;
}

.intro .intro-body {
  padding-left: 1rem;
}

.intro .spacial {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  color: #ffffff;
}

.intro .intro-title-top {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  color: #ffffff;
  letter-spacing: .05em;
  width: 50%;
}

.intro .intro-title {
  transition-duration: 9s !important;
  color: #ffffff;
  font-weight: 700;
  font-size: 3.5rem;
  text-transform: uppercase;
  width: 50%;
}

.intro .intro-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}

/*------/ Intro Single /------*/

.intro-single {
  padding: 12rem 0 3rem;
}

.intro-single .title-single-box {
  padding: 1rem 0 1rem 2rem;
}

.intro-single .title-single-box {
  border-left: 3px solid #2eca6a;
}

.intro-single .title-single-box .title-single {
  font-weight: 600;
  font-size: 2.2rem;
}

.intro-single .breadcrumb-box {
  padding: 1rem 0 0 .5rem;
}

.intro-single .breadcrumb {
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
}

/*------/ Display Table & Table Cell /------*/

.display-table {
  width: 100%;
  height: 100%;
  display: table;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

/*------/ Overlay /------*/

.overlay-a {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, 
  rgba(0, 0, 0, 0.2) 27%, 
  rgba(0, 0, 0, 0.65) 90%);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
}

    
/*------/ Bg Image /------*/

.bg-image {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

.color-b {
  color: #006cff;
}

/**--------------------------**/
.site-block-feature {
  background: #ffffff;
  position: relative;    
  -webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.05);     
  margin-left: 50px;
  margin-right: 50px;  
}
    
.site-block-feature .icon {
  font-size: 50px;
}
    
.site-block-feature h3 {
  font-size: 25px;
  text-transform: capitalize;
  font-weight: 600;
  color: #004f7f;     
  margin-top: 5px;
}
    
.site-block-feature p {
  color: #000;
  font-size: 15px; 
  line-height: 20px;
}
    
.site-block-feature p:last-child {
  margin-bottom: 0; 
}

.site-block-feature .glyphicon {
  font-size: 50px;
  color: #006cff!important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem!important;
}

.p-4 {
  padding: 1.5rem!important;
}

.d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
}

.text {
  margin-left:20px;
}

.w_atouts{
  padding-top: 30px; padding-bottom: 50px; background-color: #f2f7fa/*ece8d9 f2f7fa 2b2621*/;
}