/*
Theme Name: Cornestone Press
Theme URI: 
Description: Cornestone Press, a theme by PeopleInput @hissoufou, Bootstrap 3.3.7, Superfish, flexslider, FontAwesome 4.7, Animate.css
Author: PeopleInput @hissoufou
Author URI: 
Version: 1.0.0
*/


/*
 #######  ###### ##     ## ###### ######      ###    ##        #######  ##        ###      #####   ##### 
##     ## ##     ###    ## ##     ##    ##   ## ##   ##       ##     ## ##       ## ##   ###     ###     
##        ##     ## #   ## ##     ##    ##  ##   ##  ##       ##        ##      ##   ##  ###     ###     
##  ##### ###### ##  #  ## ###### ######   ##     ## ##       ##        ##     ##     ##  #####   #####  
##     ## ##     ##   # ## ##     ##   ### ######### ##       ##        ##     #########     ###     ### 
##     ## ##     ##    ### ##     ##    ## ##     ## ##       ##     ## ##     ##     ##     ###     ### 
 #######  ###### ##     ## ###### ##    ## ##     ## ######    #######  ###### ##     ## ######  ######  
*/

	body {font: 14px Myriadpro, Helmet, Freesans, sans-serif;}


	body, select, input, textarea {color: #333;}

	a, a:hover, a:active, a:focus {color: #333; text-decoration: none;}
	a:link {-webkit-tap-highlight-color: #fcd700;}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0px;font-weight: 600;}
	h1 {font-size: 40px;} 
	h2 {font-size: 35px;} 
	h3 {font-size: 22px;} 
	h4 {margin-bottom: 10px;} 
	h5 {} 
	h6 {}

	input:-moz-placeholder { color:#a9a9a9; }
	textarea:-moz-placeholder { color:#a9a9a9; }

	#searchform{
		display: inline-block;
		position: relative;
		margin: 10px 0 10px 20px;
	}
	#searchform #s{
		border: none;
		background-color: #f4f4f4;
		width: 200px;
		padding: 2px 25px 2px 5px;
	}
	#searchform #searchsubmit{
		position: absolute;
		top: 2px; right: 0;
		font-size: 0;
		border: none;
		background: transparent;
	}
	#searchform #searchsubmit::after{
		content: '\f002';
		font-family: 'FontAwesome';
		color: #e98123;
		font-size: 14px;
	}

	.container {
		max-width: 975px;
	}

	.col-lg-1,.col-lg-10,.col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
	.col-md-1,.col-md-10,.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
	.col-sm-1,.col-sm-10,.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
	.col-xs-1,.col-xs-10,.col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-right: 15px;
		padding-left: 15px;
	}
	.row{
		margin-right: -15px;
		margin-left: -15px;
	}
	.row.flush-col > [class*="col-"] {padding:0;}
	article.post p{margin: 0 0 10px;}
	article.post h1,
	article.post h2,
	article.post h3 {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	article.post ol, ul {
		margin-top: 0;
		margin-bottom: 10px;
		padding: 0 0 0 25px;
	}



/*
##     ## ######    ###    ######   ###### ######  
##     ## ##       ## ##   ##    ## ##     ##    ##
##     ## ##      ##   ##  ##    ## ##     ##    ##
######### ###### ##     ## ##    ## ###### ######  
##     ## ##     ######### ##    ## ##     ##   ###
##     ## ##     ##     ## ##    ## ##     ##    ##
##     ## ###### ##     ## ######   ###### ##    ##
*/
	#header{margin-bottom: 15px;}
	.top-bar{
		float: right;
	}
	.top-bar #flags{
		display: inline-block;
		width: auto !important;
		vertical-align: middle;
		margin: 10px 0 10px 20px;
	}
	.top-bar #flags ul{
		display: flex;
		width: 50px;
		height: 16px;
		justify-content: space-evenly;
	}
	.top-bar #google_language_translator{
		display: none;
	}
	.skiptranslate iframe{
		position: static;
	}
	.fixedheader{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 1;
		visibility: hidden;
	}
	.fixedheader.sticked{
		visibility: visible;
	}
/*
##     ## ###### ##     ## ##    ##
###   ### ##     ###    ## ##    ##
## # # ## ##     ## #   ## ##    ##
##  #  ## ###### ##  #  ## ##    ##
##     ## ##     ##   # ## ##    ##
##     ## ##     ##    ### ##    ##
##     ## ###### ##     ##  ###### 
*/
	.mobile {
		display: none;
	}
	

	.navbar{}
	.navbar-toggle{
		border: 1px solid #104d85;
		margin-top: 12px;
		margin-bottom: 4px;
	}
	.navbar-toggle .icon-bar{
		background-color: #104d85;
	}
	.navbar ul{}
	.navbar ul li{}
	ul.nav > li > a{color: #104d85;border-radius: 2px;border-color: #fff;}
	ul.nav > li > a:hover{color: #fff;background: #104d85;}
	ul.nav > li.menu-item-home > a:hover{color: #fff !important;background: #104d85 !important;}
	ul.nav > li.current_page_item > a{color: #fff;background: #104d85;}
	ul.nav > li.current_page_item.menu-item-home > a {
		background: none;
		color: #104d85;
	}
	ul.nav > li.active > a{}
	.nav > li > a:focus, .nav > li > a:hover {background: none;}
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background: none; border: none; }
/*
##     ##   #####   ##     ## ######
##     ## ##     ## ###   ### ##    
##     ## ##     ## ## # # ## ##    
######### ##     ## ##  #  ## ######
##     ## ##     ## ##     ## ##    
##     ## ##     ## ##     ## ##    
##     ##   #####   ##     ## ######
*/	

	section{
		padding: 60px 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.title{
		color: #e98123;
		text-transform: uppercase;
	}
	.title.center{text-align: center;}

	section.about-us{}
	section.about-us .entry{}
	section.about-us .entry .title{margin-bottom: 15px;}
	section.about-us .entry .content{
		text-align: justify;
	}
	section.about-us .entry .more{text-align: right;margin: 10px 0;}
	section.about-us .entry .more a{color: #e98123;}

	section.help{padding-bottom: 0;}
	section.help .elementor-image-box-wrapper{
		padding: 20px;
		max-width: 400px;
		margin: auto;
	}
	section.help .elementor-image-box-wrapper figure{
		position: relative;
		overflow: hidden;
		border: 1px solid #ddd;
	}
	section.help .elementor-image-box-wrapper a{
		display: block;
	}
	section.help .elementor-image-box-wrapper img{
		width: 100%;
		transition: linear .3s all;
		display: block;
	}
	section.help .elementor-image-box-wrapper:hover img{
		transform: scale(1.1);
	}
	section.help .elementor-image-box-wrapper h3 a{
		padding: 20px 0;
	}

	.help-box{
		text-align: center;
		padding: 20px;
		max-width: 400px;
		margin: 0 auto;
	}
	.help-box:hover figure img{
		transform: scale(1.1);
	}
	.help-box figure{
		overflow: hidden;
	}
	.help-box figure img{
		display: block;
		border: 1px solid #dfdfdf;
		transition: ease-out .4s all;
		width: 100%;
	}
	.help-box > div{}
	.help-box > div a{
		color: #104d85;
		font-weight: 700;
		padding: 20px 35px;
		display: inline-block;
	}

	section.prestations{}
	section.prestations .title{}
	section.prestations .entry {}
	section.prestations .entry ul{}
	section.prestations .entry ul li{
		display: inline-block;
		float: left;
		width: 50%;
		padding: 0 60px 0 23px;
		margin: 20px 0;
		text-align: justify;
		position: relative;
		min-width: 280px;
	}
	section.prestations .entry ul li::before{
		content: '•';
		color: #104d85;
		position: absolute;
		font-size: 50px;
		top: -26px;
		left: 0;
	}
	.references{
		padding-bottom: 0;
	}
	.references .swiper-slide-inner{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.references .swiper-slide-inner figcaption{
		/*line-height: 1.2 !important;*/
	}
	.references .swiper-pagination{
		text-align: right;
	}
	
	.references .title{
		margin-bottom: 25px;
	}
	.references .flex-control-nav {
		text-align: right;
		font-size: 0;
	}
	.references .flex-control-paging li a.flex-active {
		background: #e98123;
	}


/*
  ##### ## ##     ##  #######  ##     ######
###     ## ###    ## ##     ## ##     ##    
###     ## ## #   ## ##        ##     ##    
 #####  ## ##  #  ## ##  ##### ##     ######
    ### ## ##   # ## ##     ## ##     ##    
    ### ## ##    ### ##     ## ##     ##    
######  ## ##     ##  #######  ###### ######
*/

/*
	  #######  ######
	 ##     ## ##    
	 ##        ##    
	 ##  ##### ######
	 ##     ## ##    
	 ##     ## ##    
	  #######  ######
*/

	article{}
	article figure.brand{}
	article figure.brand img{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	article .title{margin-bottom: 20px;}
	article .entry{font-size: 1.1em;text-align: justify;}
	article .entry a{text-decoration: underline;}
	article .entry > ul{}
	article .entry > ul > li{position: relative;}
	article .entry > ul > li::before{
		content: '•';
		color: #104d85;
		position: absolute;
		font-size: 38px;
		top: -17px;
		left: -14px;
	}


/*
 #######    #####   ##     ## ########    ###     #######  ########
##     ## ##     ## ###    ##    ##      ## ##   ##     ##    ##   
##        ##     ## ## #   ##    ##     ##   ##  ##           ##   
##        ##     ## ##  #  ##    ##    ##     ## ##           ##   
##        ##     ## ##   # ##    ##    ######### ##           ##   
##     ## ##     ## ##    ###    ##    ##     ## ##     ##    ##   
 #######    #####   ##     ##    ##    ##     ##  #######     ##   
*/
	article.contact{
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.contact-content{
		background-color: rgba(16,77,133,0.5);
		float: right;
		padding: 40px 50px;
		width: 580px;
		margin: 20px 0 30px;
		max-width: 100%;
	}
	.contact-content .title{
		color: #fff;
		margin: 0 0 30px;
		font-size: 25px;
	}
	.contact-content .entry {}
	.contact-content .entry .wpcf7-form{}
	.contact-content .entry .wpcf7-form .wpcf7-not-valid-tip{display: none;}
	.contact-content .entry .wpcf7-form .wpcf7-not-valid {border-color: red !important;}
	.contact-content .entry .wpcf7-form .wpcf7-text{
		width: 100%;
		height: 35px;
		border: 1px solid #f0f0f0;
		margin-bottom: 5px;
		padding: 0 10px;
		transition: linear .4s all;
	}
	.contact-content .entry .wpcf7-form .wpcf7-text:hover,
	.contact-content .entry .wpcf7-form .wpcf7-text:focus,
	.contact-content .entry .wpcf7-form .wpcf7-textarea:hover,
	.contact-content .entry .wpcf7-form .wpcf7-textarea:focus{
		background-color: #e4e4e4 ;
	}
	.contact-content .entry .wpcf7-form .wpcf7-textarea{
		width: 100%;
		height: 120px;
		border: 1px solid #f0f0f0;
		margin-bottom: 5px;
		padding: 5px 10px;
		transition: linear .4s all;
	}
	.contact-content .entry .wpcf7-form .box-submit{position: relative;}
	.contact-content .entry .wpcf7-form .box-submit .wpcf7-submit{
		width: 100%;
		height: 40px;
		background: #e98123;
		border: none;
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
	}
	.contact-content .entry .wpcf7-form .box-submit .ajax-loader{
		background: transparent !important;
		animation: fa-spin 2s infinite linear;
		position: absolute;
		width: 20px;
		height: 20px;
		margin: 0;
		right: 10px;
		top: 10px;
	}
	.contact-content .entry .wpcf7-form .box-submit .ajax-loader::after{
		content: "\f110";
		font-family: FontAwesome;
		color: #fff;
		font-size:20px;
		position: absolute;
		top: 0; left: 0;
	}
/*
   ###    ######    #######  ##     ## ## 
  ## ##   ##    ## ##     ## ##     ## ## 
 ##   ##  ##    ## ##        ##     ## ## 
##     ## ######   ##        ######### ## 
######### ##   ### ##        ##     ## ## 
##     ## ##    ## ##     ## ##     ## ## 
##     ## ##    ##  #######  ##     ## ## 
*/


/*
  ##### ## ######   ###### ######      ###    ######  
###     ## ##    ## ##     ##    ##   ## ##   ##    ##
###     ## ##    ## ##     ##    ##  ##   ##  ##    ##
 #####  ## ##    ## ###### #######  ##     ## ######  
    ### ## ##    ## ##     ##    ## ######### ##   ###
    ### ## ##    ## ##     ##    ## ##     ## ##    ##
######  ## ######   ###### ######   ##     ## ##    ##
*/

/*
#########   #####     #####   ######## ###### ######  
##        ##     ## ##     ##    ##    ##     ##    ##
##        ##     ## ##     ##    ##    ##     ##    ##
#####     ##     ## ##     ##    ##    ###### ######  
##        ##     ## ##     ##    ##    ##     ##   ###
##        ##     ## ##     ##    ##    ##     ##    ##
##          #####     #####      ##    ###### ##    ##
*/

	#footer {
		background-color: #104d85;
		padding: 20px 0;
		color: #fff;
	}
	#footer .foot-box{
		margin-bottom: 20px;
		padding-left: 20px;
		position: relative;
	}
	#footer .foot-box::before{
		content: '';
		font-family: 'FontAwesome';
		color: #e98123;
		position: absolute;
		top: 0;
		left: 0;
	}
	#footer .foot-box.senegal::before{content: '\f041';}
	#footer .foot-box.cotedivoire::before{content: '';}
	#footer .foot-box.mail::before{content: '\f0e0';}
	#footer .foot-box.phone::before{content: '\f095';}

	#footer .mc4wp-form-fields {}
	#footer .newsletter h3 {
		text-transform: uppercase;
		font-size: 18px;
		margin-bottom: 10px;
	}
	#footer .mc4wp-form-fields > div{position: relative;}
	#footer .mc4wp-form-fields > div input{
		width: 100%;
		height: 40px;
		padding: 5px 90px 5px 5px;
	}
	#footer .mc4wp-form-fields > div button{
		position: absolute;
		height: 40px;
		right: 0;
		top: 0;
		background-color: #E98123;
		border: none;
		text-transform: uppercase;
		padding: 0 20px;
	}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}

/* Media queries!
-------------------------------------------------------------------------------*/

/* Always do mobile-first, and consider using em units: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw*/

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 991px) {
	.desktop{display: none;}
	.mobile{display: block;}
	.fixedheader{display: none;}
}
@media screen and (min-width: 640px) {
	
}
@media screen and (min-width: 641px) {
	.bootstrap-menu li{display: inline-block;}
	.bootstrap-menu li a{padding: 10px 2px;font-size: 13px;}
	.navbar-brand {display: none;}
}
@media screen and (max-width: 767px) {
	.col-xs-0 {display: none;}
	section.prestations .entry ul li{float: none;width: 100%;}
}
@media screen and (orientation : portrait) {

}
@media screen and (orientation : landscape) {

}