/**
 *	FICHIER :  
 *
 * 	Page de style css
 *	
 * 	CSS 3
 *
 *
 * 	@package    base
 * 	@author     olivier Cambon
 * 	@copyright	Copyright 2013 -2018 Mehaka
 * 	@version 	version 1.0
 * 	Created on 	21 sept. 2018
 * 	@filesource 
 */

@CHARSET "UTF-8";
/*-- about --*/
.about,.subscribe{
	padding:5em 0;
}
.about-left1-grid {
    padding-left: 0;
}
.about-left1-grids{
	margin:2em 0;
}
.about-left1 p{
	font-size:14px;
	color:#999;
	margin:0;
	line-height:1.8em;
}
.about-right h3{
	font-size:2em;
	color:#1F2027;
	margin:0;
}
.about-right h3 span{
	letter-spacing:5px;
	color:#44A790;
}
.about-right-grids{
	margin:5em 0 0;
}
.about-right-grid h4{
	color: #999;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0;
    letter-spacing: 3px;
}
.about-right-grid h4 span{
	margin-left: 21em;
    padding: .2em .5em;
    background: #44A790;
    color: #fff;
    position: relative;
}
.about-right-grid h4 span.pr1{
	margin-left: 19em;
}
.about-right-grid h4 span.pr2{
	margin-left: 11.5em;
}
.about-right-grid h4 span.pr3{
    margin-left: 11em;
}
.about-right-grid h4 span:after{
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #44A790;
    position: absolute;
    bottom: -33%;
    left: 33%;
    content: '';
}
.progress1 {
    border-radius: 0;
    margin:1.5em 0 0;
    height: 5px;
}
.progress-bar1 {
    background:#1F2027;
}
.about-right-grid:nth-child(2){
	margin:2em 0;
}
.about-right-grid:nth-child(3){
	margin:0 0 2em;
}
.about-bottom-grid:hover .about-bottom-grid-left span{
	background: url(/blackbird/www/images/site/img-sp.png) no-repeat -232px 17px #AEAEAE;
    border: 5px solid #797979;
}
.about-bottom-grid-left span{
	width: 115px;
    height: 115px;
    background: url(/blackbird/www/images/site/img-sp.png) no-repeat -232px 17px #44A790;
    display: block;
    border-radius: 100%;
    border: 5px solid #166855;
}
.about-bottom-grid-left1 span{
	width: 115px;
    height: 115px;
    background: url(/blackbird/www/images/site/img-sp.png) no-repeat -331px 17px #44A790;
    display: block;
    border-radius: 100%;
    border: 5px solid #166855;
}
.about-bottom-grid:hover .about-bottom-grid-left1 span{
	background: url(/blackbird/www/images/site/img-sp.png) no-repeat -331px 17px #AEAEAE;
    border: 5px solid #797979;
}
.about-bottom-grid-left2 span{
	width: 115px;
    height: 115px;
    background: url(/blackbird/www/images/site/img-sp.png) no-repeat -420px 17px #44A790;
    display: block;
    border-radius: 100%;
    border: 5px solid #166855;
}
.about-bottom-grid:hover .about-bottom-grid-left2 span{
	background: url(/blackbird/www/images/site/img-sp.png) no-repeat -420px 17px #AEAEAE;
    border: 5px solid #797979;
}
.about-bottom-grid-left,.about-bottom-grid-left1,.about-bottom-grid-left2 {
    padding: 0;
}
.about-bottom-grid-right{
	padding-right:0;
}
.about-bottom-grid-right h4 a{
	text-transform:capitalize;
	font-size:1.2em;
	color:#fff;
	text-decoration:none;
	line-height:1.5em;
}
.about-bottom-grid:hover .about-bottom-grid-right h4 a{
	color:#44A790;
}
.about-bottom-grid:hover .m2 a span{
	color:#fff !important;
}
.about-bottom-grid-right p{
	margin:1em 0 2em;
	color:#999;
	line-height:1.8em;
	font-size:14px;
}
.subscribe h3,.mail-left h3,.mail-right h3,h3.title{
	color:#1F2027;
}
.subscribe-grid{
	position: relative;
}
.subscribe-grid1{
	width: 85%;
    margin: 3em auto 0;
    background: #F8F8F8;
    padding: 2em;
    position: relative;
    z-index: 8;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}
.subscribe-grid-1, .subscribe-grid-2 {
    content: '';
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFF;
    border: 1px solid #d9d9d9;
    width: 83.4%;
    height: 30px;
    position: absolute;
    left: 8%;
    z-index: 3;
    margin-left: 0.3%;
}
.subscribe-grid-1 {
    bottom: -3px;
}
.subscribe-grid-2 {
	z-index: 2;
    width: 82.7%;
    margin-left: 0.6%;
    bottom: -6px;
}
.subscribe-grid1 h4{
	color:#1F2027;
	margin:0;
	font-size:1.5em;
	line-height:1.5em;
}
.subscribe-grid1 p{
	margin:0.5em 0 2em;
	font-size:14px;
	color:#999;
	line-height:1.8em;
}
.subscribe-grid1 input[type="email"]{
	width:75%;
	background:#f5f5f5;
	border: 1px solid #d9d9d9;
	padding:10px;
	font-size:14px;
	color:#999;
	outline:none;
}
.subscribe-grid1 input[type="submit"]{
	width: 24.6%;
    background: #44A790;
    border: none;
    padding: 10px 0;
    font-size: 1em;
    color: #fff;
    outline: none;
}
.subscribe-grid1 input[type="submit"]:hover{
	background:#1F2027;
}
/*-- //about --*/

/*-----start-responsive-design------*/
@media (max-width:1680px){
	
	.about-bottom:before {
		height: 195px;
	}
}

@media (max-width:1440px){
	
	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -110px 0px;
		display: block;
	}
}
@media (max-width:1366px){
		
	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -135px 0px;
	}
}
@media (max-width: 1280px){
	
	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -185px 0px;
		height: 140px;
	}
}
@media (max-width: 1080px){
	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -350px 0px;
		height: 100px;
	}
	
	.about-right-grids {
		margin: 3em 0 0;
	}
	.about-bottom-grid-left span,.about-bottom-grid-left2 span,.about-bottom-grid-left1 span{
		width: 92px;
		height: 92px;
		border: 3px solid #166855;
	}
	.about-bottom-grid:hover .about-bottom-grid-left span,.about-bottom-grid:hover .about-bottom-grid-left1 span,.about-bottom-grid:hover .about-bottom-grid-left2 span{
		border: 3px solid #797979;
	}
	.about-bottom-grid-left span {
		background: url(/blackbird/www/images/site/img-sp.png) no-repeat -241px 7px #44A790;
	}
	.about-bottom-grid:hover .about-bottom-grid-left span {
		background: url(/blackbird/www/images/site/img-sp.png) no-repeat -241px 7px #AEAEAE;
	}
	.about-bottom-grid-left1 span {
		background: url(/blackbird/www/images/site/img-sp.png) no-repeat -338px 8px #44A790;
	}
	.about-bottom-grid:hover .about-bottom-grid-left1 span {
		background: url(/blackbird/www/images/site/img-sp.png) no-repeat -338px 8px #AEAEAE;
	}
	.about-bottom-grid-left2 span {
		background: url(/blackbird/www/images/site/img-sp.png) no-repeat -428px 7px #44A790;
	}
	.about-bottom-grid:hover .about-bottom-grid-left2 span {
		background: url(/blackbird/www/images/site/img-sp.png) no-repeat -428px 7px #AEAEAE;
	}
	.about-right-grid h4 span {
		margin-left:15.65em;
	}
	.about-right-grid h4 span.pr1 {
		margin-left: 14.4em;
	}
	.about-right-grid h4 span.pr2 {
		margin-left: 7.5em;
	}
	.about-right-grid h4 span.pr3 {
		margin-left: 7.7em;
	}
	.subscribe-grid1 {
		width: 85%;
	}
	.subscribe-grid1 input[type="submit"] {
		width: 24.5%;
	}
	
}

@media (max-width:991px){
	
	
	.about-bottom {
		padding: 5em 0 4em;
	}
	.about-bottom-grids {
		margin: 3em 0 0;
	}
	.about-bottom h3, .subscribe h3, h3.title, .about-left1 h3 {
		font-size: 2.2em;
	}
	.about-bottom h3, .subscribe h3, h3.title{
		padding-bottom: .5em;
	}
	.about-bottom h3:after, .subscribe h3:after, h3.title:after {
		width: 65%;
	}
	
	
	.about-left1-grid {
		float: left;
		width: 33.33%;
	}
	.about-right {
		margin: 3em 0 0;
	}
	.about-right-grid h4 span {
		margin-left: 29.65em;
	}
	.about-right-grid h4 span.pr1 {
		margin-left: 26.7em;
	}
	.about-right-grid h4 span.pr2 {
		margin-left: 17.2em;
	}
	.about-right-grid h4 span.pr3 {
		margin-left: 15.8em;
	}
	.about-bottom-grid-left,.about-bottom-grid-left1,.about-bottom-grid-left2 {
		width: 20%;
	}
	.about-bottom-grid:nth-child(2) {
		margin: 2em 0;
	}
	.about, .subscribe {
		padding: 4em 0;
	}
	.subscribe-grid1 {
		width: 100%;
	}
	.subscribe-grid1 input[type="submit"] {
		width: 24.4%;
	}
	.subscribe-grid-1, .subscribe-grid-2 {
		width: 97.4%;
		left: 1%;
	}
	.subscribe-grid-2 {
		width: 96.7%;
	}

}
@media (max-width:800px){
	
	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -445px 0px;
	}
	
}
@media (max-width:768px){
	
	.about, .subscribe {
		padding: 3em 0;
	}
}

@media (max-width:640px){

	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -540px 0px;
		height: 55px;
	}
	.about-bottom {
		padding: 4em 0 3em;
	}
	
	.progress1 {
		margin: 1.5em 0 0 !important;
		height: 5px !important;
	}
	.about-right-grid h4 span {
		margin-left: 22.6em;
	}
	.about-right-grid h4 span:after {
		bottom: -31%;
	}
	.about-right-grid h4 span.pr1 {
		margin-left: 20.5em;
	}
	.about-right-grid h4 span.pr2 {
		margin-left: 12.2em;
	}
	.about-right-grid h4 span.pr3 {
		margin-left: 11.8em;
	}
	.subscribe-grid1 {
		padding: 1.5em;
	}
	.subscribe-grid1 input[type="email"] {
		width: 74%;
	}
	
}

@media (max-width:480px){
	
	.about-bottom h3,.about-right h3, .subscribe h3, .about-left1 h3 {
		font-size:1.6em;
	}
	.about-bottom-grid-left, .about-bottom-grid-left1, .about-bottom-grid-left2 {
		width: 25%;
	}
	.about-bottom-grid-right h4 a {
		font-size: 1.1em;
	}

	.about, .subscribe{
		padding: 2em 0;
	}	
	
	.about-left1-grids {
		margin: 1.5em 0 1em;
	}
	.about-right-grid h4 {
		font-size: 1em;
	}
	.about-right-grid h4 span {
		margin-left: 15.5em;
	}
	.about-right-grid h4 span.pr1 {
		margin-left: 14em;
	}
	.about-right-grid h4 span.pr2 {
		margin-left: 7.5em;
	}
	.about-right-grid h4 span.pr3 {
		margin-left: 7.6em;
	}
	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -600px 0px;
		height: 30px;
	}

}
@media (max-width: 414px){
		
	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -655px 0px;
	}
	.about-bottom {
		padding: 3em 0 2em;
	}
	
	.about-right-grid h4 span {
		margin-left: 11.4em;
	}
	.progress1 {
		margin: 1em 0 0 !important;
	}
	.about-right-grid h4 span.pr1 {
		margin-left: 10.6em;
	}
	.about-right-grid h4 span.pr2 {
		margin-left: 5em;
	}
	.about-right-grid h4 span.pr3 {
		margin-left: 5em;
	}
	.about-bottom h3, .about-right h3, .subscribe h3, h3.title, .about-left1 h3 {
		line-height: 1.5em;
	}
	.about-bottom-grid {
		padding: 0;
	}

}
@media (max-width:375px){
	
	.about-bottom-grids {
		margin: 2em 0 0;
	}
	
}
@media (max-width:320px){
	
	.subscribe-grid1 input[type="email"] {
		width: 100%;
		font-size: 13px;
		margin-bottom: .5em;
	}
	.subscribe-grid1 p {
		margin: 0.5em 0 1em;
	}
	
	.subscribe-grid1 input[type="submit"] {
		width: 100%;
		font-size: 14px;
	}
	
	.about-bottom:before {
		background: url(/blackbird/www/images/site/5.jpg) no-repeat -690px 0px;
	}
	.about-bottom {
		padding: 2em 0 2em;
	}
	.primary-left1 h2 {
		font-size: 1.4em;
	}
	.about-right h3 span {
		letter-spacing: 0px;
	}
	.about-right-grid h4 span {
		margin-left: 7.4em;
	}
	.about-right-grids {
		margin: 1em 0 0;
	}
	.about-right-grid h4 span.pr1 {
		margin-left: 7.4em;
	}
	.about-right-grid h4 span.pr2 {
		margin-left: 2.5em;
	}
	.about-right-grid h4 span.pr3 {
		margin-left: 2.8em;
	}
	.about-bottom-grid-left, .about-bottom-grid-left1, .about-bottom-grid-left2 {
		width: 35%;
		float: none;
		margin: 0 auto 1em;
	}
	.about-bottom-grid-right p {
		margin: 0.5em 0 1em;
		font-size: 13px;
	}
	.about-bottom-grid-right {
		padding: 0;
		text-align: center;
		float: none;
		width: 100%;
	}
		
	.about-left, .about-right {
		padding: 0;
	}
	
	.about-bottom h3, .about-right h3, .subscribe h3, h3.title, .about-left1 h3 {
		letter-spacing: 2px;
	}
	
	
}