/*!
Theme Name: kezakoo
Theme URI: http://underscores.me/
Author: M-ed Amine Sahmoudi
Author URI: http://underscores.me/
Description: Mobile first Responsive Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kezakoo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kezakoo is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
@font-face {
	font-family: helveticaneue;
	src: url(assets/fonts/HelvNeue55_W1G_0.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/



.answer1, .answer2, .answer3, .answer4, .answer5, .answer6, .answer7, .answer8, .answer9, .answer10, .answer11, .answer12 { display: none;}
.show {display: block !important;}
.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10, .b11, .b12{
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#ff7900;
	color:#fff;
	border-radius:2px;
	width:100px;
	border:1px solid #ccc;
	box-shadow:1px 1px 3px #999;
}


body .sfwd-topic h3, body .sfwd-topic h3 span {
    color: #54c79b !important;
	font-weight:bold !important;
}

body .sfwd-topic h2, body .sfwd-topic h2 span {
    color: #f16e00 !important;
	font-weight:bold !important;
}

.single-post #page .entry-content {
    background: #f9f9f9;
}

.single-post h1.entry-title {
    margin-top: 4rem;
}
.single-post #main .container {max-width: 960px;}
.single-post .posted-on {display: none;}
.single-post .byline {display: none;}

body .wdpu-17402 .wdpu-middle {
background: rgba(255,127,0,1);
}

body .wdpu-17402 form {text-align: center;}
body .wdpu-text {display: block !important;}

body .wdpu-17402 input, body .wdpu-17402 select {
    height: 35px;
	text-align: right 
}


.wdpu-17402 .wpcf7-text .wpcf7-email {text-align: right !important; padding: 5px;}

body .wdpu-17402 .wdpu-middle .wpcf7-submit {background: blue; padding: 10px 0px; width: 100%;text-align: center;
    font-size: 20px;
    cursor: pointer;}
body .wdpu-17402 .wdpu-close {
    color: #fff;
    background: rgba(255, 255, 255, 0);
}
body .wdpu-17402 .wdpu-title{
    font-size: 30px;
    line-height: 35px;
}
body .wdpu-17402 .wdpu-subtitle {
margin-top: 25px;
	font-size: 18px;
    line-height: 28px;
}
body .wdpu-17402 .wdpu-msg-inner {background: #333333;}
body .wdpu-17402 .wdpu-head {
    text-align: center;
}
.popup {position: fixed !important; max-width: 450px !important;}
.table-inverse thead {background: #f58220;}
.table-inverse a {color: #ffbd85; font-size: 95%;}
#page #accordion h2 {font-size: 1.2rem;}
.dropdown-menu {background-color: white !important;}
.single-sfwd-courses .page {background-color: white;}
#sommaire {  z-index: 999; } 
html .noRtl .breadcrumb-item::before {
    content: "<";
}
.noRtl .sfwd-topic .prev-link {display: none;}
@media (min-width: 576px) {
.noRtl .nextorprevious {
    margin-left: 25%;
}
	}

.topics_list h2 a{color: black;} 
.topics_list h2:hover a{color: orange;} 
.topics_list h2 {margin: 15px 0;}
.hide {display: none;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.type-sfwd-topic h3 {margin-top: 1.3rem;}
#menu-item-15041 {visibility: hidden;}
#accordion ul h3 a:hover {
    color: #f58220;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: -15px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


.wpcf7-recaptcha > div{margin-left: auto; margin-bottom: 30px;}
.wpcf7-submit {background: #f58220;
    color: white;
    font-weight: bold;
    border: none;
    padding: 12px;
    box-shadow: 0px 0px 6px 0px black;}
.topics_list img {margin-bottom: 10px; margin-left: 3px;}
.nextorprevious a{
	padding: 10px;
    background: #ff7900;
    box-shadow: 0px 0px 20px 1px #00000061;
    border-radius: 3px;
	
}
.nextorprevious .next-link:after {
    content: "\f060";
    font-family: "fontawesome";
	color: white;
	margin: 5px;
}
.nextorprevious .prev-link:before {
    content: "\f061";
    font-family: "fontawesome";
	color: white;
	margin: 5px;
}
.nextorprevious a {color: white; }
.nextorprevious .fa { margin: 5px; color:#ff7900;}
footer span {
    font-weight: bold; font-size: 20px; margin-bottom: 10px;    display: inline-block;
    border-bottom: 2px solid white;
}
.wpcf7-form {text-align: right; }
.wpcf7-form textarea {height: 180px;}

.page-template-page-course #main button {text-align: right;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
    background: white; cursor: pointer;}
html .navbar-inverse .navbar-toggler {
    border-color: rgba(255,255,255,0);
}
@media (max-width: 768px) {
.single-sfwd-lessons .card-warning, .breadcrumb {display: none;}
.mobile-hidden {display: none;}
.mobile-show {display: block !important;}
}
.mobile-show {display: none;}
.entry-content img {max-width: 100%; height: auto;}
iframe {max-width: 100%;}


/** Team Page **/ 

.teamz img {max-width: 182px; border-radius:100%;}


.teamz {margin-top: 50px;}


.teamz h3 {font-weight: bold;}
.page {background: #f9f9f9;}


.teamz .member{
    padding: 16px;
    text-align:center;
}
.teamz .informations {
    padding:16px;
    
}
.teamz .informations h2{
    font-family:sans-serif!important;
    font-size:22px!important;
    color:#cd0d31;
    border-bottom: 1px dashed #ccc;
    padding:10px;
}
.teamz .informations h3{

    font-size:18px!important;
    padding-top:3px;

}

.teamz .socials a{
    color: #ccc!important;
}

.teamz .socials a:hover{
    color: #232323!important;
}


.page .entry-content  {  
    background: white;
    padding: 25px;

}
.entry-content p {font-size: 20px;
    line-height: 40px;}
.entry-content .card p{
    font-size:1rem;
    line-height:normal;
    margin:0;
    padding:.5rem;
}
#dropdownUser img {max-height: 45px;}
/**
.dropdown-menu li:not(:last-child) {    
padding: 3px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}
.dropdown-menu li {padding: 3px 0;}
.dropdown-menu {
    background: #f58220;
    padding: 10px;
}
.dropdown-menu li a {color:white;}

**/

.footer-links a {margin: 10px; color: white; display:block;}
.footer-logo {max-width: 200px; margin-bottom: 15px; margin-top: 30px; }
.lol li {margin: 20px;}
.lol a {
    border: 0px solid;
    border-radius: 5px;
    padding: 12px;
    background-color: #f18802;
    color: white;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.34);
	display: inline-block;
	    min-width: 360px;
}
.rtl .accordion .card-header:after {
    float: left;
    margin-left: 10px;
}
article .entry-footer {display: none;}
.home .panel a {color: white; border: 0px solid;
    border-radius: 5px;
    padding: 7px;
    background-color: white;
    color: black;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.34); }
.home .panel li {margin-bottom: 15px;}
body {
	font-size: 16px;
	font-family: "helveticaneue", sans-serif;
}

h1, h2, h3, h4, h4, h5, h6 {
	font-family: "helveticaneue", sans-serif;
}

nav {
	font-family: "helveticaneue", sans-serif;
}

.section {
	padding: 3em 0;
}

.loginBtn {
	box-sizing: border-box;
	position: relative;
	margin: 0.2em;
	border: none;
	text-align: left;
	line-height: 30px;
	white-space: nowrap;
	font-size: 11px;
	color: #FFF;
	margin-bottom: 1rem;
	padding: .3rem 1rem .3rem 3rem;
}

.loginBtn:before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 100%;
}

.loginBtn:focus {
	outline: none;
}

.loginBtn:active {
	box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);
}



h1.entry-title {
	margin: 2rem 0;
}

h2.entry-title {
	margin: 2rem 0;
	border-bottom: 1px solid #dbdbdb;
	padding: 1rem;
}

h2.entry-title a {
	color: #ff7900;
}

@media (max-width: 576px) {
	h1 {
		font-size: 1.3rem;
	}
	h2 {
		font-size: 1.4rem;
	}
	h3 {
		font-size: 1.2rem;
	}
	h4 {
		font-size: 1rem;
	}
	h5 {
		font-size: .9rem;
	}
	
	span h5{
	    font-size: 1.1rem;
	}
}

/* Accordion */
#accordion .card {
	border: none;
	border-radius: 0;
    background: none;
}

#accordion .card-header {
	background-color: transparent;
}


#accordion .card-header a .fa{
    float:left;
}
.breadcrumb {
	background-color:  rgba(0,0,0,0);
	padding: 2rem 0;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
	color: #333;
}

.breadcrumb li a {
	color: #333;
}

.btn-warning {
	background-color: #ff7900;
}

label img {
	width: 22px;
	vertical-align: middle;
	margin-right: 5px;
}

.form-control:focus {
	border-color: #ff7900;
}

h4.card-header {
	border-bottom: 1px solid #ddd;
	padding-left: 0;
}

h4.card-header a {
	color: #333;
	text-decoration: none;
}

h4.card-header a:hover {
	color: #ff7900;
}


.accordion .card-header:after {
	font-family: 'FontAwesome';
	font-size: 1.5rem;
	content: "\f0d8";
	float: right;
	color: #ff7900;
}

.accordion .card-header.collapsed:after {
	content: "\f0d7";
	color: #232323;
    z-index: -9999;
}


.accordion ul {
	padding-left: 0;
}

.accordion img {
	width: 17px;
}

.accordion a{
    text-decoration: none;
}

.accordion h2 a {
	color: #232323;
}

.accordion h2 a:hover
{
    text-decoration: none;
    color: orange;
}

.accordion  h2 a[aria-expanded="true"]
{
    text-decoration: none;
    color: orange;
}

#accordion ul h3 a{
    font-size: 1.3rem;
    color: #232323;
}


.accordion li {
	padding-bottom: 16px;
}

.accordion li:last-child {
	padding-bottom: 0;
}

.card-warning {
	border: none;
	background-color: #ff7900;
	color: #fff;
}

.card-warning a {
	color: #fff;
}






/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header .navbar-brand {
	padding-top: 0;
}

header .navbar-nav .nav-link {
	color: #fff !important;
}

header .navbar-nav .nav-link:hover {
	color: #ff7900 !important;
}
.search-pane{
    background:#111111;
}

#search-pane .input-group{
    padding: .5rem;
    
}
.search-pane .form-control {
	border: 1px solid #ccc;
	border-left:none;
	padding: .4rem .75rem;
	border-radius: 4px 0  0 4px;
	color:#555;
}

.search-pane .btn {
	border: 1px solid #ccc;
	border-right:none;
	background: #fff;
	padding: 0 1rem;
	border-radius: 0 4px 4px 0;
}

.search-pane .btn:hover {
	color: #ff7900;
}

header .navbar-nav  a[aria-expanded="true"]{
    color:orange!important;
}

header .nav-link{
    padding: 6px;
}
/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
#HomepageBanner {
	background-image: url("assets/images/backgrounds/header-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
}

#HomepageBanner h1 {
	padding: .5em 0;
}

#HomepageBanner .panel {
	padding: .5em;
	border-radius: 4px;
	color: #fff;
	margin-bottom: 1em;
	min-width: 150px;
	min-height: 208px;
}

#HomepageBanner .panel .panel-title {
	
	border-radius: 4px;
	padding: .4em;
	display: block;
	font-size: 1.4rem;
}

#HomepageBanner .panel ul {
	margin: 0;
	padding-left: 0;
	font-size: 1rem;
}

#HomepageBanner .btn-facebook {
	color: #fff;
	background-color: #3b5998;
	font-weight: bold;
}

#HomepageBanner .panel-orange {
	background-color: #ff7900;
}

#HomepageBanner .panel-orange .panel-title {
	color: white;
}

#HomepageBanner .panel-grey-light {
	background-color: #C7AFBD;
}

#HomepageBanner .panel-grey-light .panel-title {
	color: white;
}

#HomepageBanner .panel-grey-dark {
	background-color: #484452;
}

#HomepageBanner .panel-grey-dark .panel-title {
	color: white;
}

#HomepageBanner p {
	padding: .1em 0;
	font-weight: bold;
}

@media (max-width: 576px) {
	#HomepageBanner {
		background-image: url("assets/images/backgrounds/header-bg-mobile.png");
		background-repeat: repeat-y;
		/*background-size: contain; */
	}
	#HomepageBanner h1 {
		padding: .5em 0;
	}
	#HomepageBanner .panel {
		width: 280px;
		margin: 1rem auto;
		margin-bottom: .7rem;
	}
	

}

/*--------------------------------------------------------------
# Benefits section
--------------------------------------------------------------*/
#Benefits img {
	width: 50%;
}

#Benefits h2 {
	color: #ff7900;
	font-size: 1.2em;
}

#Benefits h1 {
	padding: 1em 0;
}

#Benefits .thumbnail-wrapper:not(:nth-child(3)) .caption {
	border-right: 0px solid #e6e6e6;
}

@media (max-width: 576px) {
	#Benefits .thumbnail-wrapper:not(:nth-child(3)) .caption {
		border-right: none;
		border-bottom: 1px solid #e6e6e6;
	}
	#Benefits .thumbnail-wrapper {
		margin: .5rem 0;
		text-align: center;
	}
}

/*--------------------------------------------------------------
# Rubbon
--------------------------------------------------------------*/
#Rubbon {
	background-color: #484452;
	display: block;
	color: #fff;
	margin-top: 1em;
	padding: 1em 0;
}

#Rubbon img {
	width: 100px;
	margin-bottom: .2em;
}

#Rubbon p {
	margin-bottom: 0;
}

#Rubbon .icons, #Rubbon .icon-cap, #Rubbon .icon-mobile, #Rubbon .icon-speaker {
	background-image: url(assets/images/sprites/icone-sprite.png);
	width: 100px;
	height: 100px;
}

#Rubbon .icon-cap {
	background-position: 0px 0px;
}

#Rubbon .icon-mobile {
	background-position: -100px 0px;
}

#Rubbon .icon-speaker {
	background-position: 0px -100px;
}

@media (max-width: 576px) {
	#Rubbon p {
		margin-bottom: .8rem;
	}
}

/*--------------------------------------------------------------
# Refs
--------------------------------------------------------------*/
#References {
	background-color: #F8F2DA;
}

#References h3 {
	color: #ff7900;
	font-size: 1.1em;
}

#References .logos, #References .media24, #References .wlb, #References .telquel {
	background-image: url(assets/images/sprites/logos-sprite.png);
	display: inline-block;
	width: 140px;
	height: 140px;
	margin: auto .5rem;
	padding: .9rem;
}

#References .media24 {
	background-position: 0px -91px;
}

#References .wlb {
	background-position: -354px 0px;
}

#References .telquel {
	background-position: -140px -91px;
}

/*--------------------------------------------------------------
# Refs
--------------------------------------------------------------*/
#Testimonials {
	background-color: #C7AFBD;
}

#Testimonials .controller {
	color: #fff;
	font-size: 2rem;
	transition: color .3s ease-out;
}

#Testimonials .controller:hover {
	color: #484452;
}

#Testimonials h1 {
	padding: .5em 0;
	color: #fff;
}

#Testimonials .person {
	background-color: #fff;
	border-radius: 5px;
	padding: 1em;
	margin-top: 20%;
	min-height: 300px;
}

#Testimonials .person .person-info {
	padding-top: 4rem;
}

#Testimonials .person img {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	border: #C7AFBD 5px solid;
}

@media (max-width: 576px) {
	#Testimonials .person {
		margin-top: 16%;
	}
}

/*--------------------------------------------------------------
# Refs
--------------------------------------------------------------*/
#Plans h2 {
	margin-bottom: 0;
	background-color: #ff7900;
	color: #fff;
	padding: .2em;
	font-size: 1.5em;
}

#Plans .plan {
	padding: 0 1em 1em 1em;
	border: 1px solid #e6e6e6;
}

#Plans .plan .plan-title {
	font-size: bold;
	margin-top: 2em;
}

#Plans .plan li {
	list-style: none;
}

#Plans .plan li::before {
	background-image: url(assets/images/sprites/icone-sprite.png);
	background-position: -172px -136px;
	width: 26px;
	height: 20px;
	display: block;
	position: absolute;
	content: " ";
	left: 2rem;
}

#Plans .plan-recommanded .plan-title {
	color: #ff7900;
	margin-top: .6em;
	display: block;
}

#Plans .plan-recommanded li {
	list-style: none;
}

#Plans .plan-recommanded li::before {
	background-image: url(assets/images/sprites/icone-sprite.png);
	background-position: -172px -100px;
	width: 26px;
	height: 20px;
	display: block;
	position: absolute;
	content: " ";
	left: 2rem;
}

#Plans li {
	padding-bottom: 1rem;
	padding-left: 35px;
	font-weight: bold;
}

#Plans ul {
	padding: 0;
}

/*--------------------------------------------------------------
# Refs
--------------------------------------------------------------*/
footer {
	background-color: #232323;
	color: #fff;
}

footer a {
	color: #C7AFBD;
}

footer a:hover {
	color: #ff7900;
}

.orange {
	background-image: url(assets/images/sprites/logos-sprite.png);
	background-color: white;
	background-position: 0px -231px;
	width: 100px;
	height: 100px;
	display: block;
	content: "";
	margin: .5rem auto;
}
.partenaire {font-size: 25px; text-decoration: none; margin-bottom: 30px;}

footer .social, footer .facebook, footer .gplus, footer .youtube, footer .twitter {
	background-image: url(assets/images/sprites/icone-sprite.png);
	width: 36px;
	height: 36px;
	display: block;
	opacity: .8;
}

footer .social:hover, footer .facebook:hover, footer .gplus:hover, footer .youtube:hover, footer .twitter:hover {
	opacity: 1;
}

footer .facebook {
	background-position: -100px -136px;
}

footer .gplus {
	background-position: -100px -100px;
}

footer .youtube {
	background-position: -136px -100px;
}

footer .twitter {
	background-position: -136px -136px;
}

/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
#login .btn {
	max-width: 300px;
	color: white;
	margin: 1rem auto;
	font-size: .9rem;
}

#login .btn-facebook {
	background-color: #3b5998;
}

#login .btn-facebook:hover {
	background-color: #2c4372;
}

#login .btn-google {
	background-color: #ea4335;
}

#login .btn-google:hover {
	background-color: #ad352c;
}

#login .form-block {
	background-color: #484452;
	color: #fff;
}

#login .info-block {
	background-color: #F8F2DA;
}

#login .form-check-label {
	padding: 0;
}

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

#login .form-check-input {
	margin-left: 0;
}

#login .forgot-password {
	color: #ffe5cd;
}

#login .forgot-password:hover {
	color: #ff7900;
	text-decoration: none;
}

@media (max-width: 1200px) {

	a.btn {
		font-size: .7rem;
	}
	.alert {
		font-size: .8rem;
	}
}

/*--------------------------------------------------------------
# Profile-setup
--------------------------------------------------------------*/
ul.nav-wizard {
	*zoom: 1;
	position: relative;
	overflow: hidden;
}

ul.nav-wizard li {
	background: #BFBFBF;
	color: white;
	position: relative;
	float: left;
	height: 46px;
	display: inline-block;
	text-align: middle;
	padding: 0 20px 0 30px;
	margin: 0;
	font-size: 16px;
	line-height: 46px;
}

ul.nav-wizard li a {
	color: white;
	padding: 0;
}

ul.nav-wizard li a:hover {
	background-color: transparent;
}

ul.nav-wizard li:before {
	position: absolute;
	display: block;
	border: 24px solid transparent;
	border-left: 16px solid #BFBFBF;
	border-right: 0;
	top: -1px;
	z-index: 10;
	content: '';
	right: -16px;
}

ul.nav-wizard li:after {
	position: absolute;
	display: block;
	border: 24px solid transparent;
	border-right: 0;
	top: -1px;
	z-index: 10;
	content: '';
	right: -15px;
}

ul.nav-wizard li.active {
	background: #ff7900;
}

ul.nav-wizard li.active:after {
	border-left: 16px solid #ff7900;
}

ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
	color: #fff;
}

ul.nav-wizard .active ~ li {
	color: #999999;
	background: #BFBFBF;
}

ul.nav-wizard .active ~ li:after {
	border-left: 16px solid #bfbfbf;
}

ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
	color: #fff;
}

ul.nav-wizard.nav-wizard-backnav li:hover {
	background: #f6fbfd;
}

ul.nav-wizard.nav-wizard-backnav li:hover:after {
	border-left: 16px solid #f6fbfd;
}

ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
	color: #468847;
}

ul.nav-wizard.nav-wizard-backnav .active ~ li {
	color: #999999;
	background: #ededed;
}

ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
	border-left: 16px solid #BFBFBF;
}

ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
	color: #999999;
	background: #ededed;
}

.btn-file label {
	font-size: .7rem;
	position: relative;
	background-color: #484452;
	color: #fff !important;
	padding-left: 40px;
}

.btn-file i.fa {
	padding: 7.7px;
	background-color: #ff7900;
	position: absolute;
	z-index: 999;
	border-radius: 4px 0 0 4px;
	color: #fff;
	cursor: pointer;
}

.btn-file input[type="file"] {
	position: absolute;
	top: -9999999;
	filter: alpha(opacity=0);
	opacity: 0;
	width: 0;
	height: 0;
	outline: none;
	cursor: inherit;
}

/*# sourceMappingURL=../kezakoo_theme/sass/maps/style.css.map */

/** Non-sass **/

.learndash_post_sfwd-topic table,
.learndash_post_sfwd-topic th,
.learndash_post_sfwd-topic td {
   border: 1px solid black;
}


.lang-item a{
    color: #ff7900;
}

.lang-item a:hover{
    text-decoration: none;
    
}

.nav-link{
    padding:0 1em;
}

.nav-link img{
    max-width: 45px;
}



.video-container { position: relative; padding-bottom: 56.25%; height: 0;  overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.learndash_content h2{
    padding: 1rem 0;
}

.learndash_content p{
    padding: .5rem 0;
}


.no-caret .dropdown-toggle::after{
    border:none;
    display:none;
}

section.widget{
    padding: 1rem 0;
}

.btn-social{position:relative;padding-left:44px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}

.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}

.text-info-sup{
    font-size: .7rem;
}

.table > tbody > tr > td {
     vertical-align: middle;
}
.table-hover tbody tr:hover{
    background-color : rgba(0,0,0,.010);
}
.table h2{
    font-size: 1.3rem;
}
.table h2 a{
    color: #232323;
}
.table h2 a:hover{
    color: #ff7900;
    text-decoration:none;
}
.alert a{
    font-size: 1rem;
    color: #232323;
}

.alert a.nav-link.active{
        color: #ff7900;
    text-decoration:none;
}
.alert .tab-content{
    background-color : #fff;

    border: 1px solid #ddd;
        border-top: none;
}

.alert .nav-tabs .nav-link{
border-radius:none;
padding-top: .3rem;
}

.footer-links h5{
    padding: .5rem 0;
}





/**
* DropDown Now: widh:100%
*/

   @media (min-width: 992px) {  

	
	   
    .dropdown, .dropup{
        position: static;
    }
    
    .show>.dropdown-menu{
        display: flex;
        justify-content: space-around;
    }
    
    .dropdown-menu{
        position: absolute;
        width: 100vw;
        float:none;
        border: none;
        margin-left:-49vw;
        left: 47.8%;

        justify-content:center;
        border-radius:0;
        background:rgba(255, 255, 255, 0.9);
        padding: 1.5rem;
        box-shadow:0 6px 12px rgba(0,0,0,.175);
    }
    
    
    .dropdown-menu li:not(:last-child){
        border-bottom:0;
    }
    
    .dropdown-menu > li > a{
        font-size:1.2em;
        color:#484452;
        border-bottom: #d6d8d9 3px solid;
        font-weight:bold;
        padding-bottom:6px;
        text-decoration:none;
        
    }
    
    .child-menu{
        list-style-type:none;
    }
    
    .child-menu{
        padding:0;
    }
    
    .child-menu li a{
        color:#cd0d31;
        text-decoration:none;
        font-size:.9em;
    }
    
    .child-menu li{
        margin: 8px 0;
    }

 } 
 
 @media (max-width: 576px) {
     
     .show>.dropdown-menu{
         justify-content: initial;
         
     }
 }
 


 
  @media (max-width: 991px){
	  .nextorprevious a {
    margin: 10px;
		  float: none !important;
	  }
	  .navbar-collapse .mr-auto {display: block;}
	  body .dropdown-menu{ 
		text-align: right;
		padding-right: 5px;
	   }
	  
     header .container{
         width:100%;
         max-width:100%;
         padding-right:0;
         padding-left:0;
     }
     
     .navbar{
         padding-left:0;
         padding-right:0;
     }
     
     header .navbar-brand{
         width:180px;
         padding-left:16px;
         padding-bottom:10px;
     }
     
     
     header .nav-link{
    padding: 6px!important;
    }
    
        .dropdown, .dropup{
        width:100%;
    }
 }
 
 

    .dropdown, .dropup{
        position: static;
    }
    

    
    .dropdown-menu{
        position:absolute;
        top:100%;
        float:none;
        border: none;
        text-align:center;
        border-radius:0;
        background:rgba(255, 255, 255, 1);
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        box-shadow:0 6px 12px rgba(0,0,0,.175);
    }
    
    
    .dropdown-menu li:not(:last-child){
        border-bottom:0;
    }
    
    .dropdown-menu > li > a{
        font-size:1.2em;
        color:#484452;
        font-weight:bold;
        padding-bottom:6px;
        text-decoration:none;
        
    }
    
    .child-menu{
        list-style-type:none;
    }
    
    .child-menu{
        padding:0;
    }
    
    .child-menu li a{
        color:#cd0d31;
        text-decoration:none;
        font-size:.9em;
    }
    
    .child-menu li{
        margin: 8px 0;
    }










    
	.kezakoo-mobile-search-toggle-btn,
	.kezakoo-mobile-search-toggle-btn:active,
	.kezakoo-mobile-search-toggle-btn:focus,
	.kezakoo-mobile-search-toggle-btn:hover {
		display: block;
		float: right;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background: transparent!important;
		border: none!important;
		color: #fff!important;
		font-size: 20px;
		margin-right:4rem;
	     padding-left: 10px;
         padding-right: 10px;
		}
		
		.bg-nav{
		    background:#111111!important;
		}

    .navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*** nav links **/ 

    .dropdown-item .fa {
    padding-left: 5px;
    }

.dropdown-item.active, .dropdown-item:active{
    color: orange;
    text-decoration: none;
    background-color: transparent;
}

  @media (min-width: 1200px){
      .btn-nav{
            border: 1px solid #f58220;
            border-radius: 6px;
            background-color: #ff79091f;
            font-size: 13px;
            margin: 2px;
        
      }
  }
  
  /*** Presse Page **/
  
  .presse-section{
    border-bottom: 1px dashed #ccc;   
    padding:2rem;
    width: 100%;
    text-align:center;
  }
  .presse-section img{
      display:block;
      border-radius:100%;
      width:100px;
      margin:0 auto;

  }
  
  .presse-section h2{
      font-family:sans-serif;
      font-size:1.1rem;
      color:#cd0d31;
      padding:2rem;
  }
    .presse-section h2:before{
        content: '"';
        display:inline-block;
        color:#232323;
        font-weight:bold;
        font-size:2rem;
        font-family:monospace;
        padding: 0 .5rem;
        
    }
      .presse-section h2:after{
        content: '"';
        display:inline-block;
        color:#232323;
        font-weight:bold;
        font-size:2rem;
        font-family:monospace;
        padding: 0 .5rem;
        
    }
  
.presse-section a{

      font-size:.9rem;
      color:#232323;
      padding:.8rem;
      margin:10px;
      border: 1px solid #f58220;
      border-radius:6px;
      background:#ff79091f;
  }
   @media (max-width: 992px){
      .presse-section h2{
          font-size:.9rem;
      }
      .presse-section h2:before{
          display:block;
      }
            .presse-section h2:after{
          display:block;
      }
  }
 

@media (max-width: 575.99px) { 
    
    #search-toggle{
        display:none;
    }
    #userPane-toggle{
        display:block!important;
    }
    
    header .navbar-brand {
        padding-top: 3px;
    }
    
    #userPane{
        display: block;
        background: #111111!important;
    }
    .userPane__avatar{
        float: right;
    }
    .userPane__avatar img{
        width: 82px;
        display: block;
        padding: 9px;
        padding-top: 16px;
    }
    
    .userPane__actions{
        padding: 5px;
        float: right;
    }
    
    .userPane__actions--item{
        display: block;
        border: 1px solid #f58220;
        border-radius: 6px;
        background-color: #ff79091f;
        font-size: 13px;
        margin: 10px;
        padding: 5px;
        padding-left: 12px;
        padding-right: 12px;
        color: white!important;
    
    }
    
    .userPane__actions--item .fa {
    padding-left: 5px;
    }
    
    .dropdown-user {
        display:none;
    }
    
    #search-pane-in{
        display:block!important;
    }
    
    .menu-item{
        padding-top: 6px;
        padding-bottom: 6px;
    }
    
    ul.child-menu{
        padding-right: 21px;
    }
    
    .accordion .card-header.collapsed:after{
        margin-left: -17px;
        margin-top: -15px;
    }
  
    
    
}

/** search results **/

.searchResult_record{

    margin: 1.2rem 0;
}

.searchResult_record>a{
    padding: 1rem;
    display:block;
    height:100%;
    width:100%;
    background: #f9f9f9;
    
}

.searchResult_record>a:hover{
    background: #fdfdfd;
    text-decoration:none;
}

.searchResult_record>a h2{
    font-size: 1.4em!important;
    color: #cd0d31;
    
    padding: 6px 0;
    border-bottom: 1px dashed #ccc;
}
.searchResult_record>a p{
    font-size: 1em!important;
    line-height:20px!important;
    color:#5d5d5d;
}

/** Panel lessons **/ 

.panel {
    padding: 16px;
    background: #f7f7f7;
    margin: 16px 0;
    border: 1px solid #e0e0e0;
}

.type-sfwd-lessons .panel span, .panel h2 {

    font-size: 1.5rem;
    border-bottom: 2px solid white;
    margin: 0 -16px;
    padding: 8px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    color: #ec521d;

}

.panel__body {
    padding: 16px 0;
}

.panel__body h3 {
    padding: 6px 0;
    /* border-bottom: 1px dashed #d6d6d6; */
    margin: 11px 0;
}

.panel__body h3 a {
    color: #29292f;
    font-size: 1.2rem;
    /* padding: 10px 0; */
    border-bottom: 4px solid gainsboro;
    /* font-weight: normal; */
    background: #fff;
    padding: 11px;
	border-radius: 5px;
    /* border-top: 2px solid gainsboro; */
}

.panel__body h3 a:hover{
    color:#ff7900;
    border-color:#ff7900;
    text-decoration:none;
}

@media (max-width: 575.99px) { 
    .panel {
        padding: 8px;
    }
    
    .panel h2 {
        font-size: 1.1rem;
        padding: 4px;
            margin: 0 -8px;
    }
    .panel__body {
        padding: 10px 0;
    }

    .panel__body h3 a{
        font-size: .9rem;
        display:block;
            padding: 16px 8px;
            margin:0;
    }
    
    .panel__body h3 {
        margin: 2px 0;
    }
    
    .page .entry-content {
        background: white;
        padding: 7px;
    }
    .alert{
        padding:1px;
    }
    

}
.entry-content p.info__block{
    font-size: 12px;
    line-height: 24px;
    padding-top:4px;
}