/* Il était une MAM - Rochefort sur Loire - Feuille de style */

/************ TABLE DES MATIÈRES ***************
1. Polices de caractères  ............  52
2. Réinitialisation	 .................  76
3. Paramètres généraux  ..............  91
3a. Scroll To Top style ..............  461
4a. En-tête principal ................  494
4b. En-tête secondaire  ..............  1016
5. Slider principal  .................  1089
6. Titres des pages  .................  1157
7. Titres des sections  ..............  1283
8. Call To Action  ...................  1346
9. Section Intro  ....................  1438
10. Section Info  ....................  1560
11. Style du texte Intro  ............  1662
12. Style des compteurs  .............  1730
13. Section Facilities  ..............  1872
14. Section Classes  .................  2039
15. Section Courses  .................  2165
16. Détail Courses  ..................  2300
16a. Course Prices  ..................  2414
17. Description.......................  2512
18. Requirment  ......................  2538
19. Course Feature  ..................  2553
20. Boîte Accordion...................  2573
21. Pagination personnalisée  ........  2674
22. Section Staff.....................  2736
23. Section Testimonial  .............  2874
24. Section News  ....................  3052
25. Section Video  ...................  3477
26. Section Video Feature  ...........  3560
27. Learning Skills  .................  3682
28. Section Gallery  .................  3804
29. Section Features  ................  4062
30. Section Page de contact  .........  4151
31. Section Map  .....................  4396
32. Section Subscribe  ...............  4431
33. Pied de page principal  ..........  4526
34. Conteneur de la barre latérale  ..  4854
35. Boîte Auteur  ....................  5183
36. Pagination des articles  .........  5237
37. Zone de commentaires  ............  5328
38. Formulaire de commentaires  ......  5460

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


/*** 

====================================================================
	1. Polices de caractères
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Sniglet:400,800');

/*
font-family: 'Sniglet', cursive;
font-family: 'Lato', sans-serif;
s*/


@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('hover.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

====================================================================
	2. Réinitialisation
====================================================================

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	3. Paramètres généraux
====================================================================

 ***/

body {
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Lato', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#f73f3f;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
	font-family: 'Sniglet', cursive;
}

textarea{
	overflow:hidden;	
}


p,.text{
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	color: #666666;
	margin: 0;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.auto-container{
	position:static;
	max-width:1170px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
}

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

.theme-btn{
	display:inline-block;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:18px;
	color:#ffffff;
	line-height:26px;
	padding:10px 30px;
	text-transform: capitalize;
	background:#f73f3f;
	border:2px solid #f73f3f;
	font-weight:700;
}

.btn-style-one:hover{
	background:#ee7b00;
	color: #ffffff;
	border-color: #ee7b00;
}

/*Btn Style Two*/

.btn-style-twp{
	position:relative;
	font-size:18px;
	color:#ffffff;
	line-height:26px;
	padding:10px 30px;
	text-transform: capitalize;
	background:#9bba1f;
	border:2px solid #9bba1f;
	font-weight:700;
}

.btn-style-twp:hover{
	background:#00cbc9;
	color: #ffffff;
	border-color: #00cbc9;
}

.theme_color{
	color:#ee7b00;
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.svg);
}

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

/*Social Icon One*/

.social-icon-one{
	position:relative;
}

.social-icon-one li{
	position:relative;
	float: left;
	margin-left: 3px;

}

.social-icon-one li a{
	position:relative;
	font-size:14px;
	color: #333333;
	line-height: 30px;
	height: 30px;
	width: 30px;
	background: #ffffff;
	display:inline-block;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.social-icon-one li a:hover{
	color:#ffffff;
	background: #a4c122;
}

/*=== Social Icon Two ===*/

.social-icon-two{
	position: relative;
}

.social-icon-two li{
	position: relative;
	float: left;
	margin-right: 3px;
}

.social-icon-two li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	color: #ffffff;
	background-color: #f73f3f;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li:nth-child(4n + 1) a{
	background-color: #ee7b00;
}

.social-icon-two li:nth-child(4n + 2) a{
	background-color: #00cbc9;
}

.social-icon-two li:nth-child(4n + 3) a{
	background-color: #9bba1f;
}

.social-icon-two li:nth-child(4n + 4) a{
	background-color: #f73f3f;
}

.social-icon-two li a:hover{
	color: #ffffff;
	background-color: #333333;
}

/*=== Social Icon Three ===*/

.social-icon-three{
	position: relative;
}

.social-icon-three li{
	position: relative;
	float: left;
	margin-right: 3px;
}

.social-icon-three li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	width: 30px;
	height: 30px;
	color: #cccccc;
	border: 1px solid #cccccc;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover{
	color: #ffffff;
}

.social-icon-three li:nth-child(4n + 1) a:hover{
	background-color: #ee7b00;
}

.social-icon-three li:nth-child(4n + 2) a:hover{
	background-color: #00cbc9;
}

.social-icon-three li:nth-child(4n + 3) a:hover{
	background-color: #9bba1f;
}

.social-icon-three li:nth-child(4n + 4) a:hover{
	background-color: #f73f3f;
}

/*=== List Style One ===*/

.list-style-one{
	position: relative;
}

.list-style-one li{
	position: relative;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 10px;
	color: #666666;
	font-weight: 400;
	padding-left: 30px;
}

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 26px;
	color: #9bba1f;
	font-family: 'FontAwesome';
	content: "\f00c";
}

/*=== List Style Two ===*/

.list-style-two{
	position: relative;
}

.list-style-two li{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #666666;
	font-weight: 400;
	padding-left: 25px;
}

.list-style-two li a{
	color: #f73f3f;
}

.list-style-two li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #9bba1f;
	font-family: 'FontAwesome';
	content: "\f138";
}

/*** 

====================================================================
	3a. Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	line-height:60px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#f73f3f;
	display:none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	background:#9bba1f;
}

/*** 

====================================================================
	4a. En-tête principal
====================================================================

***/

.main-header{
	position:relative;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
}

.main-header .header-top{
	position:relative;
	background-color:#333333;
	z-index: 999;
}

.main-header .header-top .top-left{
	position:relative;
	float:left;
}

.main-header .header-top .top-left ul li{
	position:relative;
	float: left;
	margin-right:40px;
	font-size:14px;
	line-height: 28px;
	color:#ffffff;
	padding:10px 0px;
	font-weight:400;
}

.main-header .header-top .top-left ul li i{
	position: relative;
	margin-right: 10px;
	color: #ee7b00;
	font-size: 16px;
}

.main-header .header-top .top-left ul li:last-child{
	margin-right:0px;
}

.main-header .header-top .top-left ul li a{
	color:#ffffff;
	font-weight:400;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .header-top .top-left ul li a:hover{
	color:#ee7b00;
}

.main-header .header-top .top-right{
	position:relative;
	float:right;
}

.main-header .header-top .top-right .social-icon-one{
	float: left;
	padding: 10px 0;
}

.search-box-outer{
	position: relative;
    float: right;
    color: #ffffff;
    margin-left: 30px;
    z-index: 999;
}

.search-box-btn{
	position:relative;
	display:block;
	height: 50px;
	width: 50px;
	font-size:16px;
	color: #ffffff;
	background: #00cbc9;
	line-height:30px;
	padding:10px 0;
	margin:0px;
	cursor:pointer;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.search-box-btn:hover{
	background: #ee7b00;
}

.main-header .dropdown-menu{
	top: 100%;
	right: 0;
	border-top:3px solid #00cbc9;
	padding:0px;
	width:320px;	
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
}

.main-header .search-box-outer .dropdown-menu{
	margin-top: 0;
}

.main-header .search-box-outer .dropdown-menu > li{
	padding:0px;
	border:none;
	background:none;
}

.main-header .search-panel .form-container{
	padding:30px 20px;
	background:#303030;	
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:30px;
	padding:7px 40px 7px 15px;
	height:46px;
	color:#ffffff;
	border:1px solid #00cbc9;
	background:#505050;	
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#ffffff;	
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:1px;
	top:1px;
	width:44px;
	height:44px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	background:#00cbc9;
	cursor:pointer;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-panel .search-btn:hover{
	color:#303030;

}

/*=== Header Lower ===*/

.main-header .header-lower{
	position: relative;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	z-index: 99;
	background-color: #ffffff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:35px 0px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .nav-toggler button{
	position:relative;
	display:block;
	color:#444444;
	text-align:center;
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	background:none;
}

.main-header .nav-outer{
	position:relative;
	float:right;
}

.main-menu{
	position:relative;
	float:left;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-left:40px;
	padding:52px 0px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#222222;
	text-align:center;
	line-height:26px;
	letter-spacing:0px;
	opacity:1;
	font-weight:700;
	font-size:16px;
	text-transform: capitalize;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > a:before{
	position: absolute;
	left: 50%;
	bottom: -8px;
	height: 4px;
	width: 0;
	content: "";
	background-image: url(../images/icons/line-1.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li:hover > a:before{
	width: 100%;
	left: 0;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:120%;
	width:240px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffffff;
	border-top:2px solid #f73f3f;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 15px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	text-transform: capitalize;
	color:#292929;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background:#f73f3f;	
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:10px;
	top:12px;
	width:10px;
	height:20px;
	display:block;
	color:#292929;
	font-weight: 900;
	line-height:20px;
	font-size:16px;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:20px;
	width:240px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffffff;
	border-top:2px solid #f73f3f;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 15px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	text-transform: capitalize;
	color:#292929;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#ffffff;
	background:#f73f3f;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#292929;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;	
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
	transition:all 300ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:15px;
	top:7px;
	width:36px;
	height:32px;
	text-align:center;
	color:#ffffff;
	line-height:32px;
	font-size:20px;
	font-weight:normal;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .nav-outer .btn-box{
	float: right;
	padding: 43px 0;
	margin-left: 40px;
}

.main-header .nav-outer .btn-box .call-btn{
	position: relative;
	display: inline-block;
	font-size: 	16px;
	line-height: 24px;
	padding: 10px 30px;
	font-weight: 700;
	color: #ffffff;
	background-color: #f73f3f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .nav-outer .btn-box .call-btn:hover{
	background: #a4c122;
}

/*====================================================================
	4b. En-tête secondaire
=====================================================================*/

.sticky-header{
	position:fixed;
	visibility:hidden;
	opacity:0;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#ffffff;
	z-index:0;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .logo{
	padding:10px 0px;
	max-width: 160px;	
}

.fixed-header .sticky-header{
	z-index:99;
	opacity:1;
	visibility:visible;
	background-color:#ffffff;
}

.main-header .sticky-header .main-menu .navigation > li{
	margin-right:0px;
	margin:0px;
	padding: 0;
}

.main-header .sticky-header .main-menu .navigation > li > a{
	color:#333333;
	padding:16px 15px;
	line-height:30px;
	font-size:16px;
	font-weight:700;
	min-height:0px;
	background:none;
	border:0px;
	margin-right:0px;
	text-transform: capitalize;
	transition: all 300ms ease;
}

.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	background-color :#f73f3f;
	color: #ffffff;

}

.main-header .sticky-header .main-menu .navigation > li > a::before{
	display: none;
}

/*** 

====================================================================
	5. Slider principal
====================================================================

***/

.main-slider{
	position:relative;
	text-align: center;
	z-index:10;
}

.main-slider .tp-caption{
	z-index:5 ;
}

.main-slider .tp-dottedoverlay{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.20);
}

.main-slider h4{	
	font-size:24px;
	line-height:1.3em;
	color: #ffffff;
	font-weight:400;
	font-family: 'Lato', sans-serif;
}

.main-slider h2{	
	font-size:56px;
	color: #00cbc9;
	font-weight:500;
	line-height:1em;
	-webkit-text-stroke: 2px #343f0a;
	-ms-text-stroke: 2px #343f0a;
	-moz-text-stroke: 2px #343f0a;
	-wtext-shadow: -1px -1px 0 #343f0a, 1px -1px 0 #343f0a, -1px 1px 0 #343f0a, 1px 1px 0 #343f0a;
	-ms-text-shadow: -1px -1px 0 #343f0a, 1px -1px 0 #343f0a, -1px 1px 0 #343f0a, 1px 1px 0 #343f0a;
	-o-text-shadow: -1px -1px 0 #343f0a, 1px -1px 0 #343f0a, -1px 1px 0 #343f0a, 1px 1px 0 #343f0a;
	-moz-text-shadow: -1px -1px 0 #343f0a, 1px -1px 0 #343f0a, -1px 1px 0 #343f0a, 1px 1px 0 #343f0a;
	text-shadow: -1px -1px 0 #343f0a, 1px -1px 0 #343f0a, -1px 1px 0 #343f0a, 1px 1px 0 #343f0a;

}

.main-slider p{
	position:relative;
	font-size:18px;
	line-height: 28px;
	color:#ffffff;
	font-weight:400;
}

.main-slider .theme-btn{
	z-index: 999999 !important;
	margin: 0 10px 10px;
}

.main-slider .tp-bannertimer{
	display:none !important;	
}

/*** 

====================================================================
	6. Titres des pages
====================================================================

***/

.page-title{
	position:relative;
	padding:80px 0px 100px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	text-align:center;
	overflow: hidden;
}

.page-title:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 22px;
    content: "";
    background-repeat: repeat-x;
    background-position: center;
    background-image: url(../images/icons/curve.png);
}

.page-title .auto-container{
	position:relative;
	z-index:1;	
}

.page-title h1{
	position:relative;
	font-size:56px;
	line-height: 1em;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: capitalize;
	-webkit-text-stroke: 2px #343f0a;
	-ms-text-stroke: 2px #343f0a;
	-moz-text-stroke: 2px #343f0a;
}

.page-title .bread-crumb li{
	position: relative;
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-right:7px;
	padding-right:10px;
	text-transform: capitalize;
	cursor: default;
	display: inline-block;
}

.page-title .bread-crumb li a{
	color:#ffffff;
	font-size: 16px;
	line-height: 28px;
	display: inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.page-title .bread-crumb li a:hover{
	color:#f73f3f;	
}

.page-title .bread-crumb li:after{
	position:absolute;
	content:'>';
	right:-5px;
	font-weight: 400;
	top:0px;
	color:#ffffff;
}

.page-title .bread-crumb li:last-child::after{
	display:none;
}

.page-title .bread-crumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.page-title .anim-icons{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.icon-flower{
	background-image: url(../images/icons/flower.png);
	height: 67px;
	width: 59px;
}

.icon-flower-1{
	background-image: url(../images/icons/flower-1.png);
	height: 67px;
	width: 59px;
}

.page-title .anim-icons .icon-1{
	position: absolute;
	right: 15px;
	top: -20px;
}

.page-title .anim-icons .icon-2{
	position: absolute;
	bottom: -70px;
	right: 20%;
}

/*** 

====================================================================
	7. Titres des sections
====================================================================

***/

.sec-title{
	position: relative;
	margin-bottom: 40px;
}

.sec-title h2{
	position: relative;
	display: block;
	font-size: 56px;
	line-height: 1.2em;
	color: #333333;
	padding-bottom: 25px;
}

.sec-title h2:after{
	position: absolute;
	left: 0;
	bottom: 0px;
	height: 4px;
	width: 75px;
	background-image: url(../images/icons/line-3.png);
	background-repeat: no-repeat;
	background-position: left;
	content: "";
}

.sec-title p{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-top: 30px;
}

.sec-title.text-center h2:after{
	right: 0;
	margin:0 auto;
}

.text-parrot{
	color: #a4c122;
}

.text-orange{
	color: #ee7b00;
}

.text-sky{
	color: #00cbc9;
}

.text-pink{
	color: #f73f3f;
}

/*** 

====================================================================
	8. Call To Action
====================================================================

***/

.call-to-action{
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 75px 0 100px;
	text-align: center;
}

.call-to-action:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 22px;
    content: "";
    background-repeat: repeat-x;
    background-position: center;
    background-image: url(../images/icons/curve.png);
}

.call-to-action .inner-container{
	position: relative;
}

.call-to-action h2{
	position: relative;
	display: block;
	font-size: 42px;
	line-height: 56px;
	color: #ffffff;
	margin-bottom: 25px;
}	

.call-to-action .link-box{
	position: relative;
	text-align: center;
	max-width: 560px;
	padding: 0 15px;
	margin: 0 auto;
}

.icon-star{
	background-image: url(../images/icons/star.png);
	height: 30px;
	width: 30px;
}

.call-to-action .link-box .icon{
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}

.call-to-action .link-box a{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	padding-bottom: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.call-to-action .link-box a:hover{
	color: #f73f3f;
}

.call-to-action .link-box a:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 8px;
	width: 100%;
	background-image: url(../images/icons/line-2.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}

/*** 

====================================================================
	9. Section Intro
====================================================================

***/

.intro-section{
	position: relative;
	padding: 125px 0 100px;
}

.intro-section .text-column{
	position: relative;
	margin-bottom: 40px;
}

.doll-1{
	background-image: url(../images/icons/doll-1.png);
	width: 86px;
	height: 145px;
}

.doll-2{
	background-image: url(../images/icons/doll-2.png);
	width: 89px;
	height: 94px;
}

.intro-section .text-column .icon-1{
	position: absolute;
	top: -15px;
	left: -120px;
}

.intro-section .text-column .icon-2{
	position: absolute;
	right: 0;
	top: 55px;
}

.intro-section .text-column .inner-column{
	position: relative;
	padding-right: 45px; 
}

.intro-section .text-column p{
	position: relative;
	margin-bottom: 60px;
}

.intro-section .text-column blockquote{
	position: relative;
	padding: 35px 0 25px;
	border-left: 0;
	margin: 0;
	border-top: 1px solid #27d3d1;
	border-bottom: 1px solid #27d3d1;
}

.intro-section .text-column blockquote h3{
	display: block;
	font-size: 32px;
	line-height: 36px;
	color: #333333;
}	

.intro-section .text-column blockquote cite{
	position: relative;
	display: block;
	text-align: right;
	font-size: 18px;
	line-height: 1.2em;
	color: #f73f3f;
	margin-right: 40px;
	top: -5px;
	font-style: normal;
}

.intro-section .image-column{
	position: relative;
}

.intro-section .image-column .inner-column{
	position: relative;
	margin-right: -130px;
	text-align: right;
}

.intro-section .image-column .image{
	position: relative;
	display: inline-block;
	right: 12px;

}

.intro-section .image-column .image img{
	position:relative;
	max-width: 100%;
	display: block;
	height: auto;
	border: 3px solid #f73f3f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.intro-section .image-column .image:nth-child(1){
	position: absolute;
	left: -5px;
	top: 140px;
}

.intro-section .image-column .image:nth-child(3){
	position: absolute;
	right: 0px;
	top: 275px;
}

/*** 

====================================================================
	10. Section Info
====================================================================

***/

.info-section{
	position: relative;
	padding: 120px 0 80px;
}

.info-section.no-pd-top{
	padding-top: 0 !important;
}

.info-section .info-block{
	position: relative;
	margin-bottom: 40px;
}

.info-section .info-block .inner-box{
	position: relative;
	padding: 50px 40px;
	border: 1px solid #dddddd;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.info-section .info-block .inner-box:hover{
	-webkit-transform:scale(1.05,1.05);	
	-ms-transform:scale(1.05,1.05);	
	transform:scale(1.05,1.05);
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20);
}

.info-section .info-block .icon-box{
	position: relative;
	display: block;
	margin-bottom: 20px;
} 

.info-section .info-block .icon-box img{
	max-width: 100%;
	margin: 0 auto;
}

.info-section .info-block h3{
	position: relative;
	font-size: 24px;
	color: #9bba1f;
	font-weight: 800;
	padding-bottom: 35px;
	margin-bottom: 28px;
}

.info-section .info-block h3 a{
	color: inherit;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.info-section .info-block h3 a:hover{
	color: #f73f3f;
}

.info-section .info-block h3:after{
	position: absolute;
	left: 0;
	bottom: 0px;
	height: 4px;
	width: 100%;
	background-image: url(../images/icons/line-3.png);
	background-repeat: no-repeat;
	background-position:center;
	content: "";
}

.info-section .info-block:nth-child(2) h3{
	color: #00cbc9;
}

.info-section .info-block:nth-child(3) h3{
	color: #ee7b00;
}

.info-section .info-block p{
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}

/*** 

====================================================================
	11. Style du texte Intro
====================================================================

***/

.intro-text{
	position: relative;
	display: block;
	margin-bottom: 75px;
}

.intro-text h2{
	position: relative;
	font-size: 42px;
	line-height: 56px;
	color: #333333;
	font-weight: 400;
	display: block;
	margin-bottom: 10px;
}

.intro-text h4{
	position: relative;
	font-size: 24px;
	line-height: 36px;
	color: #ee7b00;
	font-weight: 800;
	margin-bottom: 35px;
}

.intro-text .anim-icon{
	position: relative;
	display: inline-block;
}

.intro-text .anim-icon:after,
.intro-text .anim-icon:before{
	position: absolute;
	top: 16px;
	left: -100px;
	height: 4px;
	width: 75px;
	background-image: url(../images/icons/line-3.png);
	content: "";
}

.intro-text .anim-icon:after{
	left: auto;
	right: -100px;
}

.intro-text .anim-icon .icon{
	position: relative;
	display: block;
}

.intro-text p{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-top: 30px;
}

/*** 

====================================================================
	12. Style des compteurs
====================================================================

***/

.fact-counter-section{
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:repeat-x;
	padding:90px 0px 65px 0px;
	background-color:#3d4a66;
}

.fact-counter-section .auto-container{
	position: relative;
}

.icon-pencil{
	background-image: url(../images/icons/pencil.png);
	height: 35px;
	width: 27px;
}

.icon-star-2{
	background-image: url(../images/icons/star-2.png);
	width: 31px;
	height: 33px;
}

.icon-moon{
	background-image: url(../images/icons/moon.png);
	height: 40px;
	width: 37px;
}

.icon-flower-2{
	background-image: url(../images/icons/flower-2.png);
	width: 47px;
	height: 53px;
}

.fact-counter-section .anim-icons{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: left;
}

.fact-counter-section .anim-icons .icon{
	position: absolute;
	left: 0;
	top: 0;
}

.fact-counter-section .anim-icons .icon:nth-child(1){
	top: 95px;
	left: -22px;
}

.fact-counter-section .anim-icons .icon:nth-child(2){
	left: 25%;
	top: 20px;

}

.fact-counter-section .anim-icons .icon:nth-child(3){
	left: 50%;
	top: -15px;
}

.fact-counter-section .anim-icons .icon:nth-child(4){
	left: 75%;
	top: 90px;
}

.fact-counter-section .anim-icons .icon:nth-child(5){
	left: 100%;
	top: 15px;
}

.fact-counter-section:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 22px;
    content: "";
    background-repeat: repeat-x;
    background-position: center;
    background-image: url(../images/icons/curve.png);
}

.fact-counter{
	position:relative;
}

.fact-counter .row{
	margin-left: -60px;
	margin-right: -60px;
}

.fact-counter .column{
	position:relative;
	z-index:5;
	padding: 0 60px;
	margin-bottom:60px;
}

.fact-counter .count-outer{
	position:relative;
	text-align: center;
}

.fact-counter .count-outer .count-text{
	position:relative;
	font-size:72px;
	line-height: 1em;
	display: block;
	color:#ffffff;
	font-family: "Sniglet", cursive;
}

.fact-counter .column .counter-title{
	position:relative;
	font-size:18px;
	font-weight:700;
	color:#ffffff;
	display:block;
	font-family: "Lato", sans-serif;
}

.fact-counter.style-two .column .inner{
	background: none;
	padding: 40px 15px;
}

/*** 

====================================================================
	13. Section Facilities
====================================================================

***/

.facilites-section{
	position: relative;
	padding: 120px 0 70px;
}

.facilites-section .info-column{
	position: relative;
}

.facilites-section .info-column .inner-column{
	position: relative;
}

.doll-3{
	background-image: url(../images/icons/doll-3.png);
	width: 71px;
	height: 126px;
}

.facilites-section .info-column .icon{
	position: absolute;
	left: -110px;
	top: -15px;
}

.facilites-section .info-column .sec-title{
	position: relative;
	margin-bottom: 30px;
}

.facilites-section .info-column h3{
	position: relative;
	font-size: 18px;
	color: #ee7b00;
	line-height: 1.3em;
	margin-bottom: 20px;
}

.facilites-section .info-column p{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;	
	margin-bottom: 40px;
}

.facilites-section .facilities{
	position: relative;
}

.facilities .facility-block{
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 50px;
}

.facilities .facility-block:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 90px;
	content: '';
	margin: 0 auto;
}

.facilities .facility-block .inner-box{
	position: relative;
	text-align: center;
}

.facilities .facility-block:nth-child(1):before{
	border-bottom: 1px dotted #64dfde;
}

.facilities .facility-block:nth-child(2):before{
	border-bottom: 1px dotted #64dfde;
}

.facilities .facility-block:nth-child(3):before{
	border-bottom: 1px dotted #64dfde;
}

.facilities .facility-block .image-box{
	position:relative;
	top:0;
	margin-bottom: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease; 
}

.facilities .facility-block:hover .image-box{
	transform:scale(1.07) translateY(-5px);	
}

.facilities .facility-block h4{
	font-size: 18px;
	color: #333333;
	font-weight: 400;
	font-family: "Lato", sans-serif;
}

.facilities .facility-block h4 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.facilities .facility-block h4 a:hover,
.facilities .facility-block:hover h4 a{
	color: #ee7b00;
}

.facilites-section .image-column{
	position: absolute;
	width: 50%;
	right: 0;
	top: 0;
	height: 100%;
	padding: 120px 0 130px; 
}

.facilites-section .image-column .inner-column{
	height: 100%;
	position: relative;
}

.facilites-section .image-column .layer-image{
	position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    top: 0;
    left: 125px;
}

.facilites-section .image-column .image-box{
	display: none;
}

.facilites-section .image-column .image-box img{
	display: block;
	width: 100%;
}

/*** 

====================================================================
	14. Section Classes
====================================================================

***/

.classes-section{
	position: relative;
	background-color: #f8f8f8;
	padding: 105px 0 80px;
}

.classes-section .sec-title{
	margin-bottom: 70px;
}

.doll-4{
	background-image: url(../images/icons/doll-4.png);
	height: 109px;
	width: 81px;
}

.classes-section .sec-title .icon-1{ 
	position: absolute;
	left: 29%;
	top: -5px;
}

.classes-section .sec-title .icon-2{
	position: absolute;
	left: 74%;
	top:-10px;
}

.class-block{
	position: relative;
	margin-bottom: 40px;
}

.class-block .inner-box{
	position: relative;
	background-color: #ffffff;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.class-block .inner-box:hover{
	-webkit-transform:scale(1.05,1.05);	
	-ms-transform:scale(1.05,1.05);	
	transform:scale(1.05,1.05);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
}

.class-block .image-box{
	position: relative;
	display: block;
}

.class-block .image-box img{
	display: block;
	width: 100%;
}

.class-block .lower-content{
	position: relative;
	padding: 38px 15px;
	border: 1px solid #dddddd;
	border-top: 0;
}

.class-block .lower-content h3{
	font-size: 22px;
	line-height: 1.2em;
	color: #333333;
}

.class-block .lower-content h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.class-block .lower-content h3 a:hover{
	color: #f73f3f;
}

.class-block .lower-content p{
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	margin-bottom: 15px;
}

.class-block .lower-content .rating{
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.class-block .lower-content .rating .icon{
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	background-size: cover;
	top: 3px;
}

.class-block .lower-content .theme-btn{
	padding: 8px 27px;
	font-size: 14px;
	line-height: 20px;
}

/*** 

====================================================================
	15. Section Courses
====================================================================

***/

.courses-section{
	position: relative;
	display: block;
	padding: 100px 0 75px;
}

.course-block{
	position: relative;
	display: block;
	margin-bottom: 50px;
}

.course-block .inner-box{
	position: relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.course-block .inner-box:hover{
	-webkit-transform:scale(1.03,1.03);	
	-ms-transform:scale(1.03,1.03);	
	transform:scale(1.03,1.03);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
}

.course-block .image-box{
	position: relative;
}

.course-block .image-box img{
	display: block;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.course-block .lower-content{
	position: relative;
	padding: 30px 30px;
	border: 1px solid #dddddd;
	border-top: 0;
}

.course-block .lower-content .title{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.course-block .lower-content .title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 75px;
	background-image: url(../images/icons/line-3.png);
	content: "";
}

.course-block .lower-content .title h3{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
}

.course-block .lower-content .title h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
} 

.course-block .lower-content .title h3 a:hover{
	color: #f73f3f;
}

.course-block .lower-content .title .start{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}

.course-block .lower-content .title .start span{
	position: relative;
	display: inline-block;
}

.course-block .lower-content .text{
	position: relative;
	margin-bottom: 30px;
}

.course-block .lower-content .apply-btn{
	float: left;
	padding: 8px 27px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.course-block .lower-content .rating{
	position: relative;
	float: right;
	text-align: center;
	top: 13px;
}

.course-block .lower-content .rating .icon{
	position: relative;
	display: inline-block;
	height: 17px;
	width: 17px;
	background-size: cover;
}

/*** 

====================================================================
	16. Détail Courses
====================================================================

***/

.course-detail{
	position: relative;
}

.course-detail .course-slider{
	position:relative;
	width:100%;
	max-width:755px;
	margin:0 auto 70px;
}

.course-slider .image-carousel{
	position:relative;
	width: 100%;
	margin-bottom:25px;
}

.course-slider .slide-item{
	position: relative;
}

.course-slider .slide-item:after{
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 10px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99;
    background-image: url(../images/icons/curve-2.png);
}

.course-slider .slide-item .course-info{
	position: relative;
	left: 0;
	bottom: 0;
	background-color: #00cbc9;
	width: 100%;
	display: table;
	height: auto;
}

.course-slider .slide-item .course-info li{
	display: table-cell;
	position: relative;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	padding: 28px 0 40px;
	border-right: 1px solid #66e0df;
}

.course-slider .slide-item .course-info li:last-child{
	border-right: 0;
}

.course-slider .slide-item .course-info li i{
	font-size: 18px;
	color: #ffffff;
	margin-right: 10px;
}

.course-detail .course-slider .thumbs-carousel{
	position: relative;
	width: 100%;
}

.course-detail .course-slider .thumbs-carousel li{
	cursor:pointer;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

.course-detail .course-slider .thumbs-carousel li img{
	width: 100%;
}

.course-detail .course-slider .thumbs-carousel li:hover{
	opacity:0.70;	
}

.course-detail .thumbs-carousel .owl-nav .owl-prev, 
.course-detail .thumbs-carousel .owl-nav .owl-next{
	position: absolute;
	left: -60px;
	top: 50%;
	margin-top: -20px;
	height: 40px;
	width: 40px;
	color: #d1d1d1;
	font-size: 40px;
	text-align:center;
	line-height: 40px;
}

.course-detail .thumbs-carousel .owl-nav .owl-next{
	left: auto;
	right: -60px;
}

/*===============================
	16a. Course Prices
================================*/

.course-detail .course-price{
	position: relative;
	display: block;
	border-bottom:1px dashed #16cfce;
	margin-bottom: 50px;
}

.course-detail .course-price .title-column{
	position: relative;
	margin-bottom: 30px;
}

.course-detail .course-price .title-column h2{
	font-size: 42px;
	line-height: 56px;
	color: #333333;
	font-weight: 400;
}

.course-detail .course-price .title-column p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 15px;
}

.course-detail .course-price .rating{
	position: relative;
	display: block;
	text-align: left;
}

.course-detail .course-price .rating .icon{
	position: relative;
	display: inline-block;
	height: 17px;
	width: 17px;
	background-size: cover;
	top: 3px;
}

.course-detail .price-column{
	position: relative;
	padding-top: 10px;
	margin-bottom: 30px;
}

.course-detail .price-column .inner-box{
	position: relative;
	padding-right: 20px;
	text-align: right;
}

.course-detail .price-column .price{
	position: relative;
	display: inline-block;
	padding: 13px 28px;
	font-size: 30px;
	line-height: 30px;
	color: #333333;
	font-weight: 400;
	border: 2px solid #333333;
	min-width: 160px;
	margin-bottom: 9px;
	cursor: default;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: "Sniglet", cursive;
}

.course-detail .price-column .price:hover{
	background-color: #333333;
	color: #ffffff;
}

.course-detail .price-column .price small{
	font-size: 52%;
	line-height: 1em;
	vertical-align: middle;
}

.course-detail .price-column .theme-btn{
	font-size: 18px;
	font-weight: 700;
	padding: 8px 27px;
	line-height: 25px;
	min-width: 160px;
	text-align: center;
}

/*===============================
	17. Description
================================*/

.description{
	position: relative;
	display: block;
	border-bottom:1px dashed #16cfce;
	margin-bottom: 50px;
}

.description p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 45px;
}

.description p a{
	position: relative;
	display: inline-block;
	font-style: italic;
	text-decoration: underline;
	color: #666666;
}

/*===============================
	18. Requirment
================================*/

.requirment{
	position: relative;
	display: block;
	border-bottom:1px dashed #16cfce;
	margin-bottom: 50px;
}

.requirment ul{
	margin-bottom: 45px;
}

/*===============================
	19. Course Feature
================================*/

.course-feature{
	position: relative;
	display: block;
	border-bottom:1px dashed #16cfce;
	margin-bottom: 50px;
}

.course-feature .facility-block{
	padding-bottom: 0;
	margin-bottom: 50px;
}

.course-feature .facility-block:before{
	display: none;
}

/*===================================
	20. Boîte Accordion
=====================================*/

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position:relative;
	margin-bottom:10px;
}

.accordion-box .block:last-child{
	margin-bottom: 0;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:18px;
	line-height:30px;
	color:#333333;
	cursor:pointer;
	padding:14px 30px;
	padding-right: 60px;
	overflow:hidden;
	background: #ffffff;
	border: 1px solid #dddddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	z-index:1;
	font-family: "Sniglet", cursive;
}

.accordion-box .block .acc-btn.active{
	background-color :#9bba1f;
	color: #ffffff;
	border: 0;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;	
}

.accordion-box .block .acc-content.current{
	display:block;	
}

.accordion-box .block .content{
	position:relative;
	font-size:14px;
	color:#666666;
	padding: 35px 40px;
	min-height: 100px;
	background-color: #f8f8f8;
}

.accordion-box .block .content p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

.accordion-box .block .content img{
	position: absolute;
	left: 30px;
	top: 35px;
}

.accordion-box .block .acc-btn .icon-outer{
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    width: 70px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #f85252;
    font-weight: 700;
}

.accordion-box .block .acc-btn.active .icon-outer .icon{
	color: #ffffff;
}

.accordion-box .block .acc-btn.active .icon-outer .icon:before{
	content: "\f100";
}

/*** 

====================================================================
	21. Pagination personnalisée
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination p{
	position: relative;
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	margin-top: 20px;
}

.styled-pagination ul{
	position:relative;
	display:inline-block;	
}

.styled-pagination li{
	position:relative;
	display:block;
	float:left;
	margin-right: 7px;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	height:40px;
	width: 40px;
	text-align: center;
	line-height:20px;
	padding:10px 5px;
	font-size:16px;
	background:#eeeeee;
	color:#333333;
	font-weight:400;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;	
	background:#9bba1f;	
}

/*** 

====================================================================
	22. Section Staff
====================================================================

***/

.staff-section{
	position: relative;
	padding: 110px 0 50px;
}

.staff-section .sec-title{
	margin-bottom: 55px;
}

.doll-5{
	background-image: url(../images/icons/doll-5.png);
	height: 109px;
	width: 71px;
}

.icon-pencil-2{
	background-image: url(../images/icons/pencil-2.png);
	height: 31px;
	width: 31px;
}


.staff-section .sec-title .icon-1{ 
	position: absolute;
	right: 68%;
	top: -30px;
}

.staff-section .sec-title .icon-2{
	position: absolute;
	left: 69%;
	top:70px;
}

.staff-block{
	position: relative;
	margin-bottom: 40px;
}

.staff-block .inner-box{
	position: relative;
	display:block;
	text-align: center;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.staff-block .inner-box:hover{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);
	-webkit-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	transform:translateY(-15px);
}

.staff-block .image-box{
	position: relative;
}

.staff-block .image-box img{
	position: relative;
	display: block;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.staff-block .info-box{
	position: relative;
	padding:30px 15px 20px;
}

.staff-block .info-box h3{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #00cbc9;
	font-weight: 800;
	padding-bottom: 20px;
	margin-bottom: 13px;
}

.staff-block .info-box h3 a{
	color: inherit;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}	

.staff-block .info-box h3:after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	height: 4px;
	width: 75px;
	margin: 0 auto;
	background-image: url(../images/icons/line-3.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}

.staff-block:nth-child(3n + 2) .info-box h3 a{
	color: #9bba1f;
}

.staff-block:nth-child(3n + 3) .info-box h3 a{
	color: #ee7b00;
}	

.staff-block .info-box h3 a:hover{
	color: #f73f3f;
}

.staff-block .info-box p{
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}

/*** 

====================================================================
	23. Section Testimonial
====================================================================

***/

.testimonial-section{
	position: relative;
	padding: 105px 0 130px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #ffffff; 
}

.testimonial-section:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 22px;
    content: "";
    background-repeat: repeat-x;
    background-position: center;
    background-image: url(../images/icons/curve.png);
}

.doll-6{
	background-image: url(../images/icons/doll-6.png);
	height: 105px;
	width: 69px;
}

.testimonial-section .anim-icons .icon{
	position: absolute;
}

.testimonial-section .anim-icons .icon:nth-child(1){
    left: 78%;
    top: 60px;
}

.testimonial-section .anim-icons .icon:nth-child(2){
    top: 62%;
    left: 25%;
}

.testimonial-section .anim-icons .icon:nth-child(3){
    top: 75%;
    right: 20%;
}

.testimonial-section .sec-title{	
	margin-bottom: 40px;
}

.testimonial-section .sec-title h2{
	position: relative;
	font-size: 42px;
	line-height: 56px;
	color: #ffffff;
	padding-bottom: 30px;
}

.testimonial-section .sec-title h2:after{
	width: 150px;
	height: 7px;
	background-image: url(../images/icons/line-4.png)
}

.testimonial-carousel{
	text-align: center;
	max-width: 945px;
	margin: 0 auto;
	z-index: 99;
}

.testimonial-carousel p{
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 40px;
}

.testimonial-carousel .info-box{
	position: relative;
	display: inline-block;
	text-align: left;
	padding-top: 10px;
	padding-left: 85px;
	min-height: 70px;
}

.testimonial-carousel .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.testimonial-carousel .info-box .name{
	font-size: 22px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	font-family: "Sniglet", cursive;
}

.testimonial-carousel .name a{
	color: inherit;
}

.testimonial-carousel .designation{
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	position: relative;
	display: block;
}

.testimonial-section .owl-dots{
	display:none;
}

.testimonial-section .owl-nav{
	position:absolute;
	left: 0;
	top:0;
	width: 100%;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
	position:absolute;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:25px;
	text-align:center;
	color:#ffffff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	background-color:rgba(0,0,0,0.1);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section .owl-nav .owl-prev{
	left:-160px;
}

.testimonial-section .owl-nav .owl-next{
	right: -160px;
	left: auto;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
	background-color:#ffffff;
	color: #f84b4b;
}

/*** 

====================================================================
	24. Section News
====================================================================

***/

.news-section{
	position: relative;
	padding: 155px 0 50px;
}

.news-section .sec-title{
	position: relative;
	margin-bottom: 65px;
} 

.news-section .sec-title .icon-1{ 
	position: absolute;
    right: 70%;
    top: 0px;
}

.news-section .sec-title .icon-2{
	position: absolute;
    left: 70%;
    top: -35px;
}

/*=== News Block ===*/

.news-block{
	position: relative;
	display: block;
	margin-bottom: 70px;
	border-bottom: 1px dashed #1ad0cf;
}

.news-block .content-column .image-column{
	position: relative;
}

.news-block .content-column .image-column .image{
	position: relative;
	margin-bottom: 30px;
}

.news-block .content-column .image-column img{
	position: relative;
	display: block;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
} 

.news-block .content-column .info-column{
	position: relative;
}

.news-block .content-column .info-column .inner-column{
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
}

.news-block .content-column .info-column .date{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #00cbc9;
	font-weight: 800;
	margin-bottom: 5px;
}

.news-block .content-column .info-column h4{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	color: #333333;
	margin-bottom: 20px;
}

.news-block .content-column .info-column h4 a{
	color: inherit;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .content-column .info-column h4 a:hover{
	color: #f73f3f;
}

.news-block .content-column .post-info{
	position: relative;
	display: block;
}

.news-block .content-column .post-info li{
	position: relative;
	display: block;
	font-size: 14px;
	line-height:30px;
	color: #666666;
}

.news-block .content-column .post-info li span{
	font-size: 16px;
	color: #f73f3f;
	display: inline-block;
	margin-right: 10px;
}

.news-block .content-column .post-info li a{
	color: #666666;
	font-weight: 700;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.news-block .content-column .post-info li a:hover{
	color: #00cbc9;
}

.news-block .detail-column{
	position: relative;
	margin-bottom: 60px;
}

.news-block .detail-column .inner-column{
	position: relative;
	padding-top: 10px;
}

.news-block .detail-column p{
	position: relative;
	display: block;
	padding-right: 40px;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 35px;
}

.news-block .detail-column .btn-box{
	position: relative;
	text-align: right;
}

.news-block .detail-column .btn-box .read-more{
	padding: 8px 20px;
	line-height: 20px;
	font-size: 14px;
	border-radius: 3px;
}

/*=== News Blcok Two ===*/

.news-block-two{
	position: relative; 
	margin-bottom: 50px;
	border-bottom: 1px dashed #12cfcd;
}

.news-block-two .inner-box{
	position: relative;
}

.news-block-two .image-box{
	position: relative;
	overflow: hidden;
	margin-bottom: 45px;
	background:#0b0b0b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-block-two .inner-box:hover .image-box{
	-webkit-transform:scale(1.02) translateY(-10px);
	-ms-transform:scale(1.02) translateY(-10px);
	transform:scale(1.02) translateY(-10px);	
}

.news-block-two .image-box img{
	position: relative;
	display: block;
	width: 100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-block-two .inner-box:hover .image-box img{
	opacity:0.70;
}

.news-block-two .lower-content {
	position: relative;
	padding: 0px 0 40px;
}

.news-block-two .lower-content  .title{
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.news-block-two .lower-content  .title:after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 4px;
    width: 75px;
    background-image: url(../images/icons/line-5.png);
    content: "";
}

.news-block-two .lower-content  .title h3{
	position: relative;
	font-size: 36px;
	line-height: 1.3em;
	color: #333333;
	font-weight: 400;
	margin-bottom: 10px;
}	

.news-block-two .lower-content  .title h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .lower-content  .title h3 a:hover,
.news-block-two .inner-box:hover .lower-content  .title h3 a{
	color: #f73f3f;
}

.news-block-two .lower-content  .post-info{
	position: relative;
	display: block;
}

.news-block-two .lower-content  .post-info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height:30px;
	margin-right: 25px;
	color: #aaaaaa;
}

.news-block-two .lower-content  .post-info li span{
	font-size: 16px;
	color: #f73f3f;
	display: inline-block;
	margin-right: 6px;
}

.news-block-two .lower-content  .post-info li a{
	color: #aaaaaa;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.news-block-two .lower-content  .post-info li a:hover{
	color: #f73f3f;
}

.news-block-two .lower-content p{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 35px;
}

.news-block-two .lower-content  .read-more{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	line-height: 25px;
	padding: 9px 30px;
	border: 1px solid #9bba1f;
	background:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .lower-content  .read-more:hover{
	color: #ffffff;
	background-color: #f73f3f;
	border-color: #f73f3f;
}

.blog-content{
	position: relative;
	padding-right: 35px;
}

.blog-post .news-block-two{
	margin-bottom: 0;
}

.blog-post .news-block-two .lower-content .text{
	padding-right: 15px;
}

.blog-post p strong{
	position: relative;
	font-weight: 700;
	display: block;
	margin-bottom: 15px;
}

.blog-post blockquote{
	position: relative;
	padding:20px 45px;
	padding-right: 145px;
	max-width: 755px;
	min-height: 100px;
	margin: 0 auto 40px;
	background-color: #f8f8f8;
	border-left: 0;
	font-size: 30px;
	line-height: 36px;
	color: #333333;
	font-weight: 400;
	font-family: "Sniglet", cursive;
}

.blog-post blockquote cite{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #f73f3f;
	font-weight: 400;
	font-family: "Lato", sans-serif;
	margin-top: 10px;
}

.blog-post blockquote:before{
	position: absolute;
	content: "";
	right: 30px;
	top: 50%;
	height: 46px;
	width: 65px;
	margin-top: -25px;
	max-width: 100%;
	background-image: url(../images/icons/quote-icon.png);
}

.default-tags{
	position: relative;
}

.default-tags li{
	position: relative;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}

.default-tags li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	font-weight: 700;
	line-height: 20px;
	padding: 7px 15px;
	border: dashed 1px #ee7b00;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.default-tags li a:hover{
	background-color: #ee7b00;
	color: #ffffff;
}

/*** 

====================================================================
	25. Section Video
====================================================================

***/

.video-section{
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding:65px 0;
}

.video-section:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 22px;
    content: "";
    background-repeat: repeat-x;
    background-position: center;
    background-image: url(../images/icons/curve.png);
}

.video-section .content-box{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	color: #ffffff;
}

.video-section .content-box .title-box{
	position: relative;
	float: left;
	margin-bottom: 30px;
}

.video-section .content-box .title-box h2{
	position: relative;
	display: block;
	font-size: 42px;
	line-height: 56px;
	color: #ffffff;
	font-weight: 400;
}

.video-section .content-box .title-box p{
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
}

.video-section .content-box .btn-box{
	position: relative;
	float: right;
	margin-bottom: 30px;
}

.video-section .content-box .btn-box .play-btn{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
}

.video-section .content-box .btn-box .play-btn .play-icon{
	display: block;
	width: 100px;
	height: 70px;
	background-image: url(../images/icons/play-icon.png);
	background-repeat: no-repeat;
	background-size: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

/*** 

====================================================================
	26. Section Video Feature
====================================================================

***/

.video-feature-sec{
	position: relative;
	padding-bottom: 120px;
}

.video-feature-sec .video-column,
.video-feature-sec .content-column{
	position: relative;
	width: 50%;
	float: left;
}

.video-feature-sec .video-column .inner-column{
	position: relative;
	padding: 85px 0;
}

.video-feature-sec .video-column .layer-image{
	position: absolute;
	top: 0;
	right: 215px;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.video-feature-sec .video-column .video-box{
	position: relative;
	display: block;
	float: right;
	margin-right: -100px;
	z-index: 99;
	overflow: hidden;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-ms-border-radius: 0 10px 10px 0;
	-o-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,.30);
	-moz-box-shadow: 0 0 50px rgba(0,0,0,.30);
	-ms-box-shadow: 0 0 50px rgba(0,0,0,.30);
	-o-box-shadow: 0 0 50px rgba(0,0,0,.30);
	box-shadow: 0 0 50px rgba(0,0,0,.30);

}

.video-feature-sec .video-column .video-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.75);
	content: "";
	z-index: 1;
}

.video-feature-sec .video-column .video-box img{
	position: relative;
	max-width: 100%;
	height: auto;
}

.video-feature-sec .video-column .video-box a{
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	z-index: 99;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.video-feature-sec .video-column .video-box a .play-icon{
	display: block;
	width: 100px;
	height: 70px;
	background-image: url(../images/icons/play-icon-2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

.video-feature-sec .content-column .inner-column{
	position: relative;
	padding: 0 15px 0px 30px;
	max-width: 600px;
	right: -165px;
	padding-top: 110px;
}

.video-feature-sec .content-column .inner-column h4{
	position: relative;
	font-size: 18px;
	line-height: 26px;
	color: #ee7b00;
	font-weight: 400;
	margin-bottom: 20px;
}

.video-feature-sec .content-column .inner-column p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

.video-feature-sec .content-column .inner-column .btn-box{
	margin-top: 45px;
}

.video-feature-sec .content-column .inner-column .btn-box a{
	line-height: 21px;
	padding: 10px 25px;
	border-radius: 3px;
}

/*** 

====================================================================
	27. Learning Skills
====================================================================

***/

.learning-skills{
	position: relative;
	padding: 110px 0 0px;
}

.learning-skills .sec-title{
	margin-bottom: 40px;
}

.learning-skills .sec-title .icon-1{
	position: absolute;
	left: 73%;
	top: 0;
}

.learning-skills .sec-title .icon-2{
	position: absolute;
	right: 68%;
	top: -10px;
}

.learning-skills .left-column,
.learning-skills .right-column{
	padding-top: 50px;
	position: relative;
}

.learning-skills .left-column .inner-column{
	position: relative;
	margin-left: -100px;
}

.skill-block{
	position: relative;
	display: block;
	margin-bottom: 50px;
}

.skill-block .inner{
	position: relative;
	text-align: right;
	padding-right: 120px;
}

.skill-block .icon{
	position: absolute;
	right: 0;
	top: 0;
}

.skill-block h4{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 800;
	margin-bottom: 15px;
}

.skill-block h4 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.skill-block h4 a:hover{
	color: #f73f3f;
}

.skill-block p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
}

.learning-skills .right-column .inner-column{
	margin-right: -100px;
}

.learning-skills .right-column .skill-block .inner{
	position: relative;
	text-align: left;
	padding-right:0px;
	padding-left: 120px;
}

.learning-skills .right-column .skill-block .icon{
	position: absolute;
	right: auto;
	left: 0;
	top: 0;
}

.learning-skills .center-image .inner-box{
	position: relative;
	text-align: center;
	margin-left: -15px;
	margin-right: -15px;
}

/*** 

====================================================================
	28. Section Gallery
====================================================================

***/

.gallery-full-width{
	position: relative;
	padding: 155px 0 100px;
}

.gallery-full-width.no-pd-bottom{
	padding-bottom: 0 !important;
}

.gallery-full-width .sec-title{
	position: relative;
	margin-bottom: 65px;
} 

.gallery-full-width .sec-title .icon-1{ 
	position: absolute;
    right: 73%;
    top: -20px;
}

.gallery-full-width .sec-title .icon-2{
	position: absolute;
    left: 72%;
    top: 35px;
}

.gallery-full-width .load-more{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	font-weight: 700;
	border: 2px solid #666666;
	padding: 9px 28px;
	margin-top: 60px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-full-width .load-more:hover{
	background-color: #666666;
	color: #ffffff;
}

.mixitup-gallery .filters{
 	margin-bottom:60px;
 	text-align:center;
}

.mixitup-gallery .filters .filter-tabs{
 	position:relative;
}

.mixitup-gallery .filters li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #aaaaaa;
	line-height: 1.2em;
	cursor: pointer;
 	background: none;
	margin-right:25px;
	margin-left:25px;
	font-family: "Sniglet", cursive;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters li:before{
	position: absolute;
	left: 50%;
	top: 0%;
	content: url(../images/icons/circle.png);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters li:hover:before,
.mixitup-gallery .filters li.active:before{
	opacity: 1;
	top: 50%;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
	color: #333333;
}

.gallery-full-width .mixitup-gallery{
	padding: 0 50px;
}

.mixitup-gallery .row{
	margin: 0 -10px;
}

.mixitup-gallery .gallery-item{
	padding:0 10px;
}

.gallery-item{
 	position: relative;
 	overflow: hidden;
 	margin-bottom:20px;
}

.gallery-item.mix{
	 display:none;
}

.gallery-item .image-box{
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.gallery-item .image-box img{
	width: 100%;
}

.gallery-item .caption-box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 26px 18px 15px 30px;
	background-image: url(../images/icons/caption-bg.png);
	background-repeat: no-repeat;	
	background-position: top;
	background-size: cover;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-item:hover .caption-box{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.gallery-item .caption-box .title{
	position: relative;
	float: left;
}

.gallery-item .caption-box .title h3{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	color: #ffffff;
}

.gallery-item .caption-box .title h3 a{
	color: #ffffff;
}

.gallery-item .caption-box .title li{
	display: inline-block;
	color: #ffffff;
}

.gallery-item .caption-box .title li a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-item .caption-box .icon-box{
	position: relative;
	float: right;
}

.gallery-item .caption-box .icon-box .link{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	background-color: rgba(0,0,0,.10);
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.gallery-grid-section{
	position: relative;
	padding:110px 0;
}

.gallery-grid-section .row{
	margin: 0 -15px;
}

.gallery-grid-section .gallery-item{
	padding: 0 15px;
	margin-bottom: 30px;
}

.gallery-full-width.style-two .gallery-item .caption-box,
.gallery-grid-section .gallery-item .caption-box{
	background-image: url(../images/icons/caption-bg-2.png)	;
}

.gallery-grid-section .styled-pagination{
	margin-top: 80px;
}

/*** 

====================================================================
	29. Section Features
====================================================================

***/

.feature-section{
	position: relative;
	padding: 120px 0 0;
}

.feature-section .feature-column{
	position: relative;
	padding-bottom: 115px;
}

.feature-section .feature-column .inner-column{
	position: relative;
	display: block;
	padding-top: 10px;
}

.doll-7{
	background-image: url(../images/icons/doll-7.png);
	height: 109px;
	width: 66px;
}
.feature-section .feature-column .icon-1{
	position: absolute;
	left: -120px;
	top: 0;
}

.feature-section .feature-column .icon-2{
	position: absolute;
	right: 0;
	bottom: 0;
}

.feature-section .feature-column h2{
	position: relative;
	display: inline-block;
	font-size: 48px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 400;
	padding-bottom: 25px;
	margin-bottom: 40px;
}

.feature-section h2:after{
	position: absolute;
	left: 0;
	bottom: 0px;
	height: 4px;
	width: 75px;
	background-image: url(../images/icons/line-3.png);
	background-repeat: no-repeat;
	background-position: left;
	content: "";
}

.feature-section .feature-column .inline-icon{
	position: relative;
	display: inline-block;
	margin-left: 15px;
	top: 10px;
}

.feature-section .feature-column p{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	font-weight:400;
	margin-bottom: 30px;
}

.feature-section .feature-column .list-style-one{
	max-width: 420px;
	padding-bottom: 25px;
	border-bottom: 1px dashed #f19029;
}

.feature-section .image-column{
	position: relative;
}

.feature-section .image-column .inner-column{
	margin-right: -170px;
}

.feature-section .image-column .inner-column img{
	display: inline-block;
	max-width: 100%;
}

/*** 

====================================================================
	30. Section Page de contact
====================================================================

 ***/

.contact-page-section{
	position: relative;
	padding: 110px 0 70px;
}

.contact-page-section .form-column{
	margin-bottom: 50px;
}

.contact-page-section .form-column h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	text-transform: capitalize;
	padding-bottom: 17px;
	margin-bottom: 30px;
}

.contact-page-section .form-column h2:after{
	position: absolute;
    bottom: 0px;
    left: 0px;
    height: 4px;
    width: 75px;
    background-image: url(../images/icons/line-3.png);
    content: "";
}

.contact-page-section .form-column p{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	font-weight: 700;
	margin-bottom: 35px;
}

.contact-page-section .form-column {
	position: relative;
}

.contact-page-section .form-column .inner-column{
	position: relative;
}

.contact-form {
	position: relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;	
}

.contact-form .form-group:last-child{
	margin-bottom:0;
}

.contact-form .form-group input,
.contact-form .form-group textarea,
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	height:55px;
	font-size:14px;
	color:#aaaaaa;
	font-weight: 400;
	line-height:25px;
	padding:13px 20px;
	border:1px solid #eeeeee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#f73f3f;
}

.contact-form .form-group textarea{
	height: 230px;
	resize: none;
}

.contact-form button{
	font-size: 16px;
	color: #ffffff;
	margin-top: 10px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;	
}

.contact-page-section .info-column{
	position: relative;
}

.contact-page-section .info-column .inner-column{
	position: relative;
}

.contact-page-section .contact-info-list{
	position: relative;
	display: block;
}

.contact-page-section .contact-info-list li{
	position: relative;
	padding:35px 30px;
	border-top: 1px dashed #3ad7d5;
}

.contact-page-section .contact-info-list li.active{
	background-color: #f8f8f8;
}

.contact-page-section .contact-info-list li .title-box{
	position: relative;
	font-size: 18px;
	color: #333333;
	font-weight: 800;
	font-family: "Sniglet", cursive;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.contact-page-section .contact-info-list li .title-box:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 50px;
	background-image: url(../images/icons/line-1.png);
	content: "";
}

.contact-page-section .contact-info-list li .title-box i{
	font-size: 24px;
	margin-right: 15px;
	font-weight: 400;
}

.contact-page-section .contact-info-list li .info{
	position: relative;
	padding-left: 35px;
}

.contact-page-section .contact-info-list li .info p{	
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	margin: 0;
}

.contact-page-section .contact-info-list li .info p a{
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-page-section .contact-info-list li .info p a:hover{
	color: #e09b40;
}

.contact-page-section .info-column .social-icons{
	position: relative;
	display: block;
	padding: 40px 15px 35px;
	background-color: #f8f8f8;
	border-top: 1px dashed #3ad7d5;
	border-bottom: 1px dashed #3ad7d5;
}

.contact-page-section .info-column .social-icons ul{
	position: relative;
	display: block;
	text-align: center;
}

.contact-page-section .info-column .social-icons ul li{
	margin:0px 1.5px;
	margin-bottom: 5px;
	float: none;
	display: inline-block;
}

.contact-page-section .info-column .social-icons ul li:last-child{
	margin-right: 0;
}

.contact-page-section .info-column .social-icons ul li a{
	height: 36px;
	width: 36px;
	line-height: 36px;
	font-size: 16px;
}

/*** 

====================================================================
	31. Section Map
====================================================================

***/

.map-section{
	position:relative;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.map-canvas{
	height:500px;
}

/*** 

====================================================================
	32. Section Subscribe
====================================================================

***/

.subscribe-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 80px 0 75px;
}

.subscribe-section:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 22px;
    content: "";
    background-repeat: repeat-x;
    background-position: center;
    background-image: url(../images/icons/curve.png);
}

.subscribe-section .form-column,
.subscribe-section .title-column{
	position: relative;
	margin-bottom: 30px;
}

.subscribe-section .title-column h2{
	position: relative;
	font-size: 42px;
	line-height: 56px;
	color: #ffffff;
	font-weight: 400;
}

.subscribe-section .title-column p{
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
}

.subscribe-form{
	position: relative;
	margin-left: -30px;
}

.subscribe-form .form-group{
	position:relative;
	display:block;
	width:100%;
	max-width: 510px;
	z-index:1;
	margin: 10px auto 0;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group input[type="search"]{
	position:relative;
	display:block;
	width:100%;
	line-height:25px;
	height:55px;
	font-size:16px;
	color:#333333;
	font-weight: 400;
	padding:15px 20px;
	padding-right: 155px;
	background:#ffffff;
	border-radius:4px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.subscribe-form .form-group button{
	position:absolute;
	right:5px;
	top:5px;
	padding: 10px 35px;
	font-size: 16px;
	line-height: 21px;
	font-weight: 700;
}

/***

==================================================================
	33. Pied de page principal
==================================================================

***/

.main-footer{
	position:relative;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:center center;
}

.main-footer .widgets-section{
	position:relative;
	border-bottom: 1px solid rgba(255,255,255,0.20);
	padding:95px 0px 20px;
}

.main-footer .footer-column{
	position:relative;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:30px;		
}

.main-footer .widget-content{
	position: relative;
}

.main-footer .footer-column .widget-title{
	position: relative;
	font-size:18px;
	font-weight:800;
	color:#333333;	
	text-transform: capitalize;
	padding-bottom: 15px;
	margin-bottom:60px;
}

.main-footer .footer-column .widget-title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 50px;
	content: "";
	background-image: url(../images/icons/line-1.png);
}

.main-footer .about-widget{
	position: relative;
	padding-right: 20px;
}

.main-footer .about-widget .footer-logo{
	position:relative;	
	display: block;
	margin-bottom: 30px;
}

.main-footer .about-widget .footer-logo img{
	display: inline-block;
	max-width: 100%;
}

.main-footer .about-widget p{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 40px;
}

.icon-sparrow{
	background-image: url(../images/icons/sparrow.png);
	width: 57px;
	height: 74px;
}

.main-footer .about-widget .icon{
	position: relative;
	display: inline-block;
}

/*=== posts Widget ===*/

.main-footer .posts-widget{
	position: relative;
}

.main-footer .posts-widget .widget-content{
	padding-right: 40px;
}

.main-footer .posts-widget .post{
	position:relative;
	display: block;
	min-height:81px;
	padding-left:95px;
	padding-bottom: 21px;
	margin-bottom:25px;
	border-bottom: 1px dashed #12cfcd;
}

.main-footer .posts-widget .post:last-child{
	margin-bottom:0px;
	border-bottom: 0;
}

.main-footer .posts-widget .post .post-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height:60px;
	width:75px;
}

.main-footer .posts-widget .post .post-thumb img{
	display:block;
	max-width:100%;
}

.main-footer .posts-widget .post .post-thumb .overlay-link{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,208,206,0.85);
	color:#ffffff;
	opacity:0;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}

.main-footer .posts-widget .post:hover .post-thumb .overlay-link{
	opacity:1;	
}

.main-footer .posts-widget .post .post-thumb .overlay-link span{
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
	width:30px;
	margin-left:-15px;
	margin-top:-15px;
	line-height:30px;
	font-size:14px;	
}

.main-footer .posts-widget .post .desc-text{
	position:relative;
}

.main-footer .posts-widget .post .desc-text a{
	position: relative;
	display: inline-block;
	font-size:16px;
	color:#333333;
	line-height: 1.2em;
	font-weight: 400;
	margin-bottom: 8px;
	font-family: "Sniglet", cursive;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .posts-widget .post:hover .desc-text a{
	color :#f73f3f;
}

.main-footer .posts-widget .post .info{
    position: relative;
    display: block;
    color: #666666;
    font-size: 12px;
    line-height: normal;
}

.main-footer .posts-widget .post .info i{
	font-size: 16px;
	color: #f73f3f;
	margin-right: 7px;
}

.main-footer .posts-widget .post .info span{
	position: relative;
	display: inline-block;
	font-weight: 700;
	margin-left: 3px;
}

/*=== Contact Widget ===*/

.main-footer .contact-info-list{
	position: relative;
	margin-bottom: 40px;
}

.main-footer .contact-info-list li{
	position:relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	padding-left: 35px;
	margin-bottom: 15px;
	font-weight: 400;
}

.main-footer .contact-info-list li strong{
	font-weight: 700;
}

.main-footer .contact-info-list li a{
	color: inherit;
	display: inline-block;
}

.main-footer .contact-info-list li i{
	position: absolute;
	left: 0;
	top: 0;
}

.icon-heart{
	background-image: url(../images/icons/heart.png);
	height: 28px;
	width: 28px;
}

.main-footer .contact-widget .icon{
	position:relative;
	display: inline-block;
	margin-left: 25px;
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
	position:relative;
	padding:45px 0px;
	text-align: center;
	background-color: #f8f8f8;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	float: left;
}

.main-footer .footer-bottom p{
	line-height: 30px;
	color: #666666;
	font-size:16px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
}

.main-footer .footer-bottom p a{
	color: #666666;
	font-weight: 700;
}

.main-footer .footer-bottom p a:hover{
	text-decoration: underline;
}

.main-footer .footer-bottom .footer-links{
	position: relative;
	float: right;
}

.main-footer .footer-bottom .footer-links li{
	position: relative;
	float: left;
	margin-right: 12px;
	padding-right: 13px;
}

.main-footer .footer-bottom .footer-links li:last-child{
	margin-right:0;
	padding-right:0;	
}

.main-footer .footer-bottom .footer-links li:before{
	position: absolute;
	right: 0;
	top: 6px;
	content: "";
	height: 15px;
	border-right: 1px solid #666666;
}

.main-footer .footer-bottom .footer-links li:last-child:before{
	display:none;	
}

.main-footer .footer-bottom .footer-links li a{
	position: relative;
	color: #666666;
	font-size: 16px;
	line-height: 26px;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom .footer-links li a:hover{
	color: #00cbc9;
}

/***

==================================================================
	34. Conteneur de la barre latérale
==================================================================

***/

.sidebar-page-container{
	position: relative;
	padding: 120px 0 70px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-widget{
    position: relative;
    border-bottom: 1px dashed #4bdad9;
    margin-bottom:40px;
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-side .sidebar-title{
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 40px;
}

.sidebar-side .sidebar-title h3{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: 800;
	color: #333333;
}

.sidebar-side .sidebar-title:after{
	position: absolute;
    bottom: 0px;
    left: 0px;
    height: 4px;
    width: 75px;
    background-image: url(../images/icons/line-3.png);
    content: "";
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
	padding-bottom: 0;
	border-bottom: 0;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:16px;
	line-height:25px;
	color:#666666;
	padding:14px 25px;
	padding-right: 55px;
	height:55px;
	width:100%;
	font-style: italic;
	border:1px solid #eeeeee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
	border-color:#f73f3f;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:55px;
	height:55px;
	line-height: 55px;
	text-align:center;
	display:block;
	font-size:16px;
	color:#666666;
	background:none;
	font-weight:normal;
}

/*=== Categories ===*/

.category-list{
	position: relative;
	display: block;
    padding-bottom: 40px;
}

.category-list li{
	position: relative;
	margin-bottom: 5px;
}

.category-list li a{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 28px;
	padding-left: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-list li a:before{
	position: absolute;
	left: 0px;
	height: 28px;
	line-height: 28px;
	top: 0;
	font-size: 16px;
	color: #9bba1f;
	content: "\f0da";
	font-family: "Fontawesome";
}

.category-list li a:hover{
	color: #333333;
}

/*=== Latest News ===*/

.latest-news .post{
	position: relative;
	padding-left: 98px;
	margin-bottom: 30px;
	min-height: 80px;
}

.latest-news .post:last-child{
	margin-bottom: 40px;
}

.latest-news .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
}

.latest-news .post .thumb img{
	display: block;
	width: 100%;
}

.latest-news .post h3{
	position: relative;
	font-size: 16px;
	line-height: 22px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 10px;
}

.latest-news .post h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.latest-news .post:hover h3 a{
	color: #f73f3f;
}

.latest-news .post .post-info{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #aaaaaa;
}

/*=== Popular Courses ===*/

.popular-courses{
	position: relative;
	display: block;
	padding-bottom: 10px;
}

.popular-courses .post{
	position: relative;
	margin-bottom: 30px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.popular-courses .post:hover{
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);
	-webkit-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	transform:translateY(-10px);
}

.popular-courses .post .image{
	position: relative;
	display:block;
	margin-bottom: -2px;
}

.popular-courses .post .image img{
	display: block;
	width: 100%;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-ms-border-radius: 5px 5px 0px 0px;
	-o-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.popular-courses .post .caption-box{
	position: relative;
	padding: 35px 15px 30px;
	border: 1px solid #dddddd;
	border-top: 0;
	text-align: center;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

.popular-courses .post .caption-box h3{
	position: relative;
	font-size: 22px;
	color: #333333;
	font-weight: 400;
}

.popular-courses .post .caption-box h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.popular-courses .post:hover .caption-box h3 a{
	color: #f73f3f;
}

.popular-courses .post .caption-box ul {
	display: inline-block;
}

.popular-courses .post .caption-box ul li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	font-weight: 400;
	padding-right: 15px;
	margin-right: 8px;
}

.popular-courses .post .caption-box ul li:last-child{
	margin-right: 0;
	padding-right: 0;
}

.popular-courses .post .caption-box ul li:after{
	position: absolute;
	right: 0;
	top: 0;
	content: "/";
}

/*=== Social widget ===*/

.social-widget .social-icons{
	position: relative;
	margin-bottom: 35px;
}

.social-widget .social-icon-two li{
	margin-right: 5px;
	margin-bottom: 5px;
}

.social-widget .social-icon-two li a{
	height: 36px;
	width: 36px;
	line-height: 36px;
	font-size: 16px;
}

/*==========================
	35. Boîte Auteur
===========================*/

.author-box{
	position: relative;
}

.author-box .inner{
	padding: 35px 50px 35px 0;
	border-bottom: dashed 1px #00cbc9;
}

.author-box .author-info{
	position: relative;
	float: left;
	margin-right: 55px;
	min-height: 115px;
	padding-left: 135px;
}

.author-box .author-info .thumb{
	position: absolute;
	left: 0;
	top: 0;
}

.author-box .author-info .name{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	color: #333333;
	top: 3px;
}

.author-box .author-info .designation{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #aaaaaa;
	display: block;
}

.author-box .author-info .social-icon-three{
	margin-top: 30px;
}

.author-box .text{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

/*============================
	36. Pagination des articles
=============================*/

.post-pagination{
	position: relative;
	padding: 45px 0 50px;
	border-bottom: dashed 1px #00cbc9;
}

.post-pagination .by{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #aaaaaa;
}

.post-pagination h3{
	position: relative;
	font-size: 22px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 25px;
}

.post-pagination h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.post-pagination h3 a:hover{
	color: #f73f3f;
}

.post-pagination .prev-post,
.post-pagination .next-post{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.post-pagination .prev-post span,
.post-pagination .next-post span{
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #333333;
	height: 40px;
	width: 40px;
	margin-right: 13px;
	background-color: #eeeeee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.post-pagination .next-post span{
	margin-left: 13px;
	margin-right: 0;
}

.post-pagination .prev-post:hover,
.post-pagination .next-post:hover{
	color: #ee7b00;
}

.post-pagination .prev-post:hover span,
.post-pagination .next-post:hover span{
	background-color: #9bba1f;
	color: #ffffff;
}

/*==========================
	37. Zone de commentaires
===========================*/

.sidebar-page-container .group-title{
	position:relative;
	margin-bottom:45px;
	padding-bottom: 15px;
}

.sidebar-page-container .group-title h2{
	position: relative;
	font-size:22px;
	text-transform: capitalize;
	color:#333333;
	font-weight:800;
}

.sidebar-page-container .group-title:after{
	position: absolute;
    bottom: 0px;
    left: 0px;
    height: 4px;
    width: 75px;
    background-image: url(../images/icons/line-3.png);
    content: "";
}

.course-detail .group-title{
	margin-bottom: 30px;
}

.course-detail .group-title h2{
	font-size: 24px;
}

.comments-area{
	position:relative;
	margin-top:65px;
	margin-bottom:45px;	
	border-bottom: dashed 1px #00cbc9;
}

.comments-area .comment-box{
	position:relative;
	padding:0;
	margin-bottom:50px;
}

.comments-area .comment{
	position:relative;
	padding: 0px 15px 0px 105px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	margin-bottom:20px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-info{
	position: relative;
	margin-bottom:10px;
}

.comments-area .comment-box h4{
	position: relative;
	display:block;
	font-size:18px;
	line-height: 1.2em;
	font-weight:400;
	color:#333333;
	text-transform: capitalize;
}

.comments-area .comment-box .time{
	position: relative;
	display: block;	
	font-size: 14px;
	line-height: 26px;
	color: #aaaaaa;
}

.comments-area .comment-box .text{
	font-size: 16px;
	line-height: 26px;
	color:#666666;
	font-weight: 400;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	right: 12px;
	top: 0px;
	font-size: 12px;
	line-height: 15px;
	color: #ffffff;
	font-weight: 700;
	padding: 10px 14px;
	background-color: #9bba1f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
	background-color: #ee7b00;
	color: #ffffff;
}

/*** 

====================================================================
	38. Formulaire de commentaires
====================================================================

 ***/

.comment-form .form-group{
	position:relative;
	margin-bottom:30px;	
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form .form-group input,
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    line-height: 33px;
    padding: 10px 25px;
    height: 55px;
    color: #aaaaaa;
    font-size: 14px;
    border: 1px solid #eeeeee;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#f73f3f;
}

.comment-form .form-group textarea{
	height: 175px;
	resize: none;
}

.comment-form button{
	font-size: 16px;
	padding: 10px 25px;
}