/* FULLWIDTH OF BOXED VERSIONS SETTINGS*/
 .container {
    margin: 0 auto;
    width:1050px; /*Change to any value and the whole template will adjust to it :) */
    position: relative;
    
}
#container{   
    width: 100%;/* if you want  boxed version change the value to the value of .container (940px by default) + some value (for example 80px more, they represent margins on the left and right) so it would be 1020px*/
    margin:0px auto;
}


 /*--------------------------------------------------------------------------------------*/
 /*                     RESET CSS                                                    */
 /*-------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: none }
del { text-decoration: line-through }
hr { background: transparent; border: 0; clear: both; color: transparent; height: 1px; margin: 0; padding: 0; }
mark { background-color: #ffffb3; font-style: italic; }
input, select { vertical-align: middle }
ins { background-color: red; color: white; text-decoration: none; }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
* html .clearfix, :first-child+html .clearfix { zoom: 1 }


/*--------------------------------------------------------------------------------------*/
 /*                     GRID                                                        */
 /*-------------------------------------------------------------------------------------*/

.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;margin-right:2.21%; }
.one { width: 100%; margin-right: 0!important; }
.one-half { width: 48.895%; }
.two-third { width: 65.93%; }
.one-third  { width: 31.86%; }
.one-fourth { width: 23.34%; }
.three-fourth { width: 74.44%;}
.one-fifth { width: 18.23%; }
.one-sixth { width: 14.82%; }
.one-half:nth-child(2n), .one-third:nth-child(3n), .one-fourth:nth-child(4n),.one-fifth:nth-child(5n),.one-sixth:nth-child(6n){margin-right: 0!important;}
.horizontal-line {width: 100%;margin: 40px 0; float: left; border-top: 1px solid #e3e3e3;}
.container .one-fourth:last-child{margin-right: 0!important;}
.container .one-third:last-child{margin-right: 0!important;}
.container .three-fourth:last-child{margin-right: 0!important;}
.container .two-third:last-child{margin-right: 0!important;}
.one .one-fourth:last-child{margin-right: 0!important;}
.one .two-third:last-child{margin-right: 0!important;}

 /*--------------------------------------------------------------------------------------*/
 /*                     GENERAL CSS FOR STYLING                                      */
 /*-------------------------------------------------------------------------------------*/

body {
    background: #EAEAEA url("");
    color: #898989;
    font-family: 'Arial', serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-size:14px;
    line-height:21px;
}
html, body {height:100%;}
p{margin-bottom: 10px;}
code,
pre {
    display: block;
    clear: both;
    overflow: auto;
    padding: 10px;
    text-align: left;
    white-space: pre;
    line-height: 18px;
    margin: 20px 0;
    background-color: #ebebeb;
}
img {
    max-width: 100%;
    height: auto;
}
a, a > * {
    text-decoration: none;
    color:#aab2bd;
    
}
a:hover{
   text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    font-variant: normal;
    white-space: normal;
    color: #404040;
    margin-bottom: 20px;
    font-family: 'Oswald',arial, helvetica, sans-serif;
}
h1 {
    font-size: 26px;
    line-height: 32px;
}
h2 {
    font-size: 24px;
    line-height: 30px;
}
h3 {
    font-size: 22px;
    line-height: 30px;
}
h4 {
    font-size: 16px;
    line-height: 22px;
}
h5 {
    font-size: 16px;
    line-height: 22px;
}
h6 {
    font-size: 14px;
    line-height: 22px;
}

.big-head{
	background:#47975f;
    height: 370px;
    padding-top: 40px;}

body .big-head{
	color:#fff;
}

#big-head{
  background-image: url(../images/conseil.jpg);
  background-position: center bottom;
  background-attachment: fixed;
  background-size: cover;
}
.style2 #big-head{
  background-image: url(../images/conseil3.jpg);
  background-position: center bottom;
  background-attachment: fixed;
  background-size: cover;
  position:relative;
}

.style2 #big-head:after{
	position:absolute;
	content:'';
	top:0;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.45);
	left:0
}

.style2 .big-head .zone-logo {
    margin-right:0;
}

.big-head .zone-logo {
    float: left;
   width: 100%;
    padding: 0 10px 0 0;
    margin-right: 2.21%;
}
.style2 .big-head .zone-logo {
	/*margin-top:78px;*/
}
.style2 .big-head .zone-logo {
	position: relative;
    z-index: 1;
    text-align:center;
}



#logo span {
    font-family: Oswald;
    font-size: 23px;
    color: #fff;
    text-transform: uppercase;
    line-height: 27px;
}
.orange {
    color: #F5870E !important;
}
.red-bordeaux {
    color: #E60E0E !important;
}
#logo img {
    width: 36%;
    float: left;
    margin-right: 10px;
}
img {
    max-width: 100%;
}
.content{
	padding:33px 0 33px 0;
}



/* activites  thumbnails */
.activites{
    margin-left:-25px;
    font-size:0;
    width:1050px; 
    position: relative;
    background-color: #e0e0e0; 
}

.activites li {
        display:inline-block;
        margin:0 0 25px 19px;
        position:relative; /* used for link overlay positioning */
        background-color: #fff;
}

.activites li a {
        padding:10px;
        background:#fff;
        border:1px solid #e5e7e9;
        box-shadow:0 1px 1px #e5e7e9;
        width: 325px;
        display:block;
        -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
        position: relative;
        overflow: hidden;
}

    .activites li img {
        border-radius:3px;
    }


.activites li span {
    display:block;
    height:170px;
    width:270px;
    position:absolute;
    top:10px;

    font-size:14px;
    color:#fff;
    opacity:0;
    font-family:Exo;
    text-align:center;
    font-weight:bold;
}

    .activites li:hover span { opacity:1 }

.activites li span:before {
    padding-top:45px;
    font-family:icon;
    font-size:50px;
    display:block;
    padding-bottom:10px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.1);
    opacity:0.99;
    font-style: normal;
    font-weight: normal;
}

.activites  li span,
.activites  li img {
    -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}

.activites  li:hover img {
    -khtml-opacity:.50;
    -moz-opacity:.50;
    -ms-filter:”alpha(opacity=50)”;
    filter:alpha(opacity=50);
    opacity:.50;
}

.activites  li.default span {
    background-color:rgba(255, 255, 255, 0.84);
    color: #47975F;
    padding: 15px;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
        font-family: inherit;
    width: 214px;
    margin-top: -3px;
    height: 94%;
    }

.activites  li.default span strong {
    display:block;
    color:#696969;
    font-weight:bold;
    margin-bottom:5px;
    font-size:14px;
}

.activites li .title h3{
    margin-top:0;
    margin-bottom:5px;
       font-size: 15px;
    text-transform: uppercase;
}
.activites li .title h6{
      color: #ec680b !important;
    font-size: 14px;
    margin-bottom: -6px;
    margin-top: 0;
}

.activites ul.chiffre li{
    display:block;
    margin: 0px 0;
    font-size: 10px;
    background:none;
}

/* activites*/

/* thematique  thumbnails */
.thematique{
	margin-left:-25px;
	font-size:0;
    width:1050px; 
    position: relative; 
}

.thematique li {
		display:inline-block;
		margin:0 0 25px 25px;
		position:relative; /* used for link overlay positioning */
		background-color: #fff;
}

.thematique li a {
		padding:10px;
		background:#fff;
		border:1px solid #e5e7e9;
		box-shadow:0 1px 1px #e5e7e9;
		width: 215px;
		display:block;
		-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
		position: relative;
   		overflow: hidden;
}

	.thematique li img {
		border-radius:3px;
	}


.thematique li span {
	display:block;
	height:170px;
	width:270px;
	position:absolute;
	top:10px;

	font-size:14px;
	color:#fff;
	opacity:0;
	font-family:Exo;
	text-align:center;
	font-weight:bold;
}

	.thematique li:hover span { opacity:1 }

.thematique li span:before {
	padding-top:45px;
	font-family:icon;
	font-size:50px;
	display:block;
	padding-bottom:10px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.1);
	opacity:0.99;
	font-style: normal;
	font-weight: normal;
}

.thematique  li span,
.thematique  li img {
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}

.thematique  li:hover img {
	-khtml-opacity:.50;
	-moz-opacity:.50;
	-ms-filter:”alpha(opacity=50)”;
	filter:alpha(opacity=50);
	opacity:.50;
}

.thematique  li.default span {
	background-color:rgba(255, 255, 255, 0.84);
    color: #47975F;
    padding: 15px;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
        font-family: inherit;
    width: 214px;
    margin-top: -3px;
    height: 94%;
    }

.thematique  li.default span strong {
	display:block;
	color:#696969;
	font-weight:bold;
	margin-bottom:5px;
	font-size:14px;
}

.thematique li .title h3{
	margin-top:0;
	margin-bottom:5px;
	   font-size: 14px;
    text-transform: uppercase;
}
.thematique li .title h6{
      color: #ec680b !important;
    font-size: 14px;
    margin-bottom: -6px;
    margin-top: 0;
}

.thematique ul.chiffre li{
	display:block;
    margin: 0px 0;
    font-size: 10px;
    background:none;
}




/* bilan  thumbnails */
.bilan{
    margin-left:-25px;
    font-size:0;
    width:1050px; 
    position: relative;
    background-color: #e0e0e0; 
}

.bilan li {
        display:inline-block;
        margin:0 0 25px 19px;
        position:relative; /* used for link overlay positioning */
        background-color: #fff;
}

.bilan li a {
        padding:10px;
        background:#fff;
        border:1px solid #e5e7e9;
        box-shadow:0 1px 1px #e5e7e9;
        width: 239px;
        display:block;
        -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
        position: relative;
        overflow: hidden;
}

    .bilan li img {
        border-radius:3px;
    }


.bilan li span {
    display:block;
    height:170px;
    width:270px;
    position:absolute;
    top:10px;

    font-size:14px;
    color:#fff;
    opacity:0;
    font-family:Exo;
    text-align:center;
    font-weight:bold;
}

    .bilan li:hover span { opacity:1 }

.bilan li span:before {
    padding-top:45px;
    font-family:icon;
    font-size:50px;
    display:block;
    padding-bottom:10px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.1);
    opacity:0.99;
    font-style: normal;
    font-weight: normal;
}

.bilan  li span,
.bilan  li img {
    -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}

.bilan  li:hover img {
    -khtml-opacity:.50;
    -moz-opacity:.50;
    -ms-filter:”alpha(opacity=50)”;
    filter:alpha(opacity=50);
    opacity:.50;
}

.bilan  li.default span {
    background-color:rgba(255, 255, 255, 0.84);
    color: #47975F;
    padding: 15px;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
        font-family: inherit;
    width: 214px;
    margin-top: -3px;
    height: 94%;
    }

.bilan  li.default span strong {
    display:block;
    color:#696969;
    font-weight:bold;
    margin-bottom:5px;
    font-size:14px;
}

.bilan li .title h3{
    margin-top:0;
    margin-bottom:5px;
       font-size: 14px;
    text-transform: uppercase;
}
.bilan li .title h6{
      color: #ec680b !important;
    font-size: 14px;
    margin-bottom: -6px;
    margin-top: 0;
}

.bilan ul.chiffre li{
    display:block;
    margin: 0px 0;
    font-size: 10px;
    background:none;
}


/* region  thumbnails */
.region{
    margin-left:-25px;
    font-size:0;
    width:1050px; 
    position: relative;
    background-color: #e0e0e0; 
}

.region li {
        display:inline-block;
        margin:0 0 25px 19px;
        position:relative; /* used for link overlay positioning */
        background-color: #fff;
}

.region li a {
        padding:10px;
        background:#fff;
        border:1px solid #e5e7e9;
        box-shadow:0 1px 1px #e5e7e9;
        width: 325px;
        display:block;
        -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
        position: relative;
        overflow: hidden;
}

    .region li img {
        border-radius:3px;
    }


.region li span {
    display:block;
    height:170px;
    width:270px;
    position:absolute;
    top:10px;

    font-size:14px;
    color:#fff;
    opacity:0;
    font-family:Exo;
    text-align:center;
    font-weight:bold;
}

    .region li:hover span { opacity:1 }

.region li span:before {
    padding-top:45px;
    font-family:icon;
    font-size:50px;
    display:block;
    padding-bottom:10px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.1);
    opacity:0.99;
    font-style: normal;
    font-weight: normal;
}

.region  li span,
.region  li img {
    -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}

.region  li:hover img {
    -khtml-opacity:.50;
    -moz-opacity:.50;
    -ms-filter:”alpha(opacity=50)”;
    filter:alpha(opacity=50);
    opacity:.50;
}

.region  li.default span {
    background-color:rgba(255, 255, 255, 0.84);
    color: #47975F;
    padding: 15px;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
        font-family: inherit;
    width: 308px;
    margin-top: -3px;
    height: 94%;
    }

.region  li.default span strong {
    display:block;
    color:#696969;
    font-weight:bold;
    margin-bottom:5px;
    font-size:14px;
}

.region li .title h3{
    margin-top:0;
    margin-bottom:5px;
       font-size: 14px;
    text-transform: uppercase;
}
.region li .title h6{
      color: #ec680b !important;
    font-size: 14px;
    margin-bottom: -6px;
    margin-top: 0;
}

.region ul.chiffre li{
    display:block;
    margin: 0px 0;
    font-size: 10px;
    background:none;
}

ul.chiffre  {
    margin-top: 0px;
}
.footer .title{
	padding:10px 15px;
}
.activites li .footer .title h6{
    margin-top:0;
}

.region li .footer .title h6{
	margin-top:0;
}

.thematique li .footer .title h6{
    margin-top:0;
}
.bilan li .footer .title h6{
    margin-top:0;
}
.no-marging{
	margin:0 !important;
}
.text-right{
	text-align:right;
}
.footer a {
    padding: 7px 0 !important;
    width: 15% !important;
    background: none !important;
    float: right;
    font-size: 15px;
    color: #47975F;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #47975F !important;
    z-index: 11;
}

.footer a i{
	    color: #47975F;
        z-index: 11;
}

.left{
	float:left;
}

.right{
	float:right;
}
.thematique li span i{
	font-size: 41px;
    /* margin-top: 15px; */
    position: absolute;
    right: 10px;
    top: 30px;}
.bilan li span i{
    font-size: 41px;
    /* margin-top: 15px; */
    position: absolute;
    right: 10px;
    top: 30px;}

.region li span i{
    font-size: 41px;
    /* margin-top: 15px; */
    position: absolute;
    right: 10px;
    top: 30px;}

    
footer {
    background: #FFFFFF;
    border-bottom: 4px solid #F5870E;
}
.newsletter {
    padding: 10px 0;
    border-bottom: 1px solid rgba(248, 248, 248, 0.06);
}
footer .zone-logo {
    margin-bottom: 40px;
}
.style2 #big-head#logo img {
    width: 14%;
    float: left;
    margin-right: 10px;
}
.style2 .big-head {
    background: #47975f;
    height: 350px;
    padding-top: 0;
}
.style2 #big-head #logo img {
    width: 14%;
    float: none;
    margin-right: 0;
}
#logo span {
    font-family: Oswald;
    font-size: 39px;
    /*color: #5d5d5d;*/
    text-transform: uppercase;
    line-height: 46px;
    text-shadow: black 0.1em 0.1em 0.2em;
}.m-t-20 {
    margin-top: 20px;
}
footer h3 {
    font-family: 'Oswald', 'Arial', serif;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 16px;
    text-transform: uppercase;
    color: #383838;
}
.m-b-20 {
    margin-bottom: 20px;
}
footer ul.foot {
    padding-left: 20px;
    margin-top: 15px;
    list-style-image: url('../images/nav-arrow.png');
}
footer ul.foot li a {
    padding: 5px;
    font-weight: 600;
    color: #757575;
    font-size: 11px;
    text-transform: capitalize;
    font-family: 'Arial', sans-serif;
}
.copyright {
    padding: 25px 0;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    color: #47975F;
    border-top: 1px solid #F1F1F1;
}
footer .content {
	padding:80px 0 20px 0;
}

footer h3 {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 45px 0 0;
}

footer h3:after {
    right: -540%;
}
footer  h3:after, .section-title h1:before {
 position: absolute;
    top: 34%;
    margin-top: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    /* background-image: url(../images/dotted-line.png); */
    /* background-repeat: repeat-x; */
    background-position: 0 0;
    width: 540%;
    height: 2px;
    content: "";}
    
    .social-icons ul {
    text-align: right;
    padding: 13px 25px 9px 13px;
    background-color: #47975f;
}

/* -------------------------------------------------- */
	/*	Social Icons
	/* -------------------------------------------------- */	

	.social-icons { font-size: 0;  float: right;}
	footer .social-icons { float: none;}
	 .theme .social-icons { float: left;     margin-top: -8px;}
	 .theme .social-icons ul {
	    text-align: right;
	    padding:0;
	    background-color: transparent; 
	}
	.theme .title{margin-left:1px;color: #404040;font-size: 20px;font-family: oswald;}
	.theme .title2{margin-left:115px;color: #404040;font-size: 20px;font-family: oswald;}
	.theme .social-icons li i {
	    line-height: 33px;
	    color: #fff;
	}
	.theme .social-icons li:after { width:37px;  height: 37px; content: ""; opacity: 0;}
	.theme .circle-icons li {    margin: 0px 4px;}
	.theme .social-icons i {    font-size: 19px;}
	.social-icons ul{text-align:right;  padding: 13px 25px 9px 13px; background-color: #47975f;}
	.top-header-line .social-icons { float: right; }
	.theme .circle-icons li.twitter a { border: 3px solid #47C0D8;}
	.theme .circle-icons li.twitter a:hover { border: 3px solid transparent;}
	.theme .circle-icons li.facebook a { border: 3px solid #49699f;}
	.theme .circle-icons li.facebook a:hover { border: 3px solid transparent;}
	.theme .circle-icons li.gplus a { border: 3px solid #db4937;}
	.theme .circle-icons li.gplus a:hover { border: 3px solid transparent;}
	.theme .circle-icons li.rss a { border: 3px solid #fe9900;}
	.theme .circle-icons li.rss a:hover { border: 3px solid transparent;}
	.theme .circle-icons li.mail a { border: 3px solid #B20DBB;}
	.theme .circle-icons li.mail a:hover { border: 3px solid transparent;}



	.social-icons li {
			display: inline-block; 
			margin: 5px 5px 0 0;
			vertical-align: top;
			position: relative;
		}
	.theme .circle-icons li a {
	    width: 33px;
	    height: 33px;
	    border: 3px solid #454748;
	    border: 3px solid rgba(207,207,207,.23);
	    	}
		
		.social-icons li:after {
			position: absolute;
			display: block;
			width: 24px;
			height: 24px;
			content: "";
			opacity: 0;
			text-align: center;
			top: 0;
			left: 0;
			z-index: 0;
			-webkit-transition: -webkit-transform .3s ease, background-color .35s, opacity .25s ease;
			transition: transform .3s ease, background-color .35s, opacity .25s ease;
			-webkit-transform: scale(0);		
			transform: scale(0);
			-webkit-border-radius: 50%;
			border-radius: 50%;
		}
		
		.social-icons li:hover:after {
			opacity: 1;
			
			-webkit-transform: scale(1);
					transform: scale(1);
		}
		
			div.social-icons li a { 
				/*border-color: transparent;*/
				width: 24px;
				height: 24px;
			}
			
				div.social-icons li:after {
					position: absolute;
					display: block;
					width: 24px;
					height: 24px;
					content: "";
					opacity: 0;
					text-align: center;
					top: 0px;
					left: 1px;
					z-index: 0;

					-webkit-transition: -webkit-transform .3s ease, background-color .35s, opacity .25s ease;
							transition: transform .3s ease, background-color .35s, opacity .25s ease;
					-webkit-transform: scale(0);		
							transform: scale(0);
					-webkit-border-radius: 50%;
							border-radius: 50%;
				}
				
				div.social-icons li:hover:after {
					opacity: 1;
					-webkit-transform: scale(1);
							transform: scale(1);
				}
				
				div.social-icons li.twitter:hover:after		{ background-color: #47c0d8; }
				div.social-icons li.facebook:hover:after	{ background-color: #49699f; }
				div.social-icons li.linkedin:hover:after	{ background-color: #2c7cb7; }
				div.social-icons li.pinterest:hover:after	{ background-color: #c21c21; }
				div.social-icons li.gplus:hover:after		{ background-color: #db4937; }
				div.social-icons li.rss:hover:after         { background-color: #fe9900; }
				div.social-icons li.flickr:hover:after		{ background-color: #e82c88; }
				div.social-icons li.mail:hover:after		{ background-color: #B20DBB; }

				
				.theme .social-icons li i.icon-twitter{color: #47c0d8}
				.theme .social-icons li:hover i.icon-twitter{color: #fff}
				.theme .social-icons li i.icon-facebook{color: #49699f}
				.theme .social-icons li:hover i.icon-facebook{color: #fff}
				.theme .social-icons li i.icon-rss{color: #fe9900}
				.theme .social-icons li:hover i.icon-rss{color: #fff}
				.theme .social-icons li i.icon-gplus{color: #db4937}
				.theme .social-icons li:hover i.icon-gplus{color: #fff}
				.theme .social-icons li i.icon-mail-1{color: #B20DBB}
				.theme .social-icons li:hover i.icon-mail-1{color: #fff}




				
				.social-icons li a:hover { border-color: transparent; }	
		
		div.circle-icons li { margin: 0 2px; position: relative; }

		.circle-icons li a {
			display: block;
			width: 45px;
			height: 45px;
			padding:0 0;
			border: 2px solid transparent;
			font: 0/0 a;
			cursor: pointer;
			text-align: center;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			-webkit-transition: all .25s ease;
			transition: all .25s ease;
		}

			ul.social-icons li.twitter:hover:after     { background-color: #47c0d8; }
			ul.social-icons li.facebook:hover:after	   { background-color: #49699f; }
			ul.social-icons li.linkedin:hover:after	   { background-color: #2c7cb7; }
			ul.social-icons li.pinterest:hover:after   { background-color: #c21c21; }
			ul.social-icons li.rss:hover:after		   { background-color: #fe9900; }
			ul.social-icons li.gplus:hover:after	   { background-color: #c33d19; }
			ul.social-icons li.flickr:hover:after	   { background-color: #e82c88; }
			ul.social-icons li.instagram:hover:after   { background-color: #517fa3; }
			ul.social-icons li.dropbox:hover:after	   { background-color: #5da3e8; }
			ul.social-icons li.youtube:hover:after	   { background-color: #b72d24; }
			ul.social-icons li.blogger:hover:after	   { background-color: #f38f33; }
			ul.social-icons li.evernote:hover:after	   { background-color: #73b122; }
			ul.social-icons li.dribbble:hover:after	   { background-color: #e65992; }
			ul.social-icons li.behance:hover:after	   { background-color: #18a3fe; }
			ul.social-icons li.lastfm:hover:after	   { background-color: #be0607; }
			ul.social-icons li.skype:hover:after	   { background-color: #24b0e4; }
			ul.social-icons li.vimeo:hover:after	   { background-color: #568799; }
			ul.social-icons li.forrst:hover:after	   { background-color: #628267; }
			ul.social-icons li.digg:hover:after		   { background-color: #2882c6; }
			ul.social-icons li.appstore:hover:after	   { background-color: #606060; }
			ul.social-icons li.wordpress:hover:after   { background-color: #33759d; }
			ul.social-icons li.stumbleupon:hover:after { background-color: #eb4924; }
			ul.social-icons li.deviantart:hover:after  { background-color: #5f7162; }
			ul.social-icons li.github:hover:after	   { background-color: #7292a2; }
			ul.social-icons li.mail:hover:after		   { background-color: #000; }
			
				.social-icons i {
					position: relative;
					font-weight: bold;	
					font-size: 13px;
					z-index: 3;
					-webkit-transition: color .35s ease-out;
					transition: color .35s ease-out;
				}
footer .social-icons i{
	font-size:20px;
}

footer .social-icons li a {
    /* border-color: transparent; */
    width: 33px;
    height: 33px;
}

footer .social-icons li:after {
    width: 33px;
    height: 33px;
  }
  
footer .social-icons li i {
    line-height: 30px !important;
}
.social-icons li i {
    display: block;
    line-height: 43px;
        color: #fff;
}
footer #logo span{
	font-size: 16px;
    line-height: 22px;
	text-shadow:none;
    color:#5F5F5F;
}

.color{
	background:url('../images/slider/layer/2/1.jpg');
	height:10px;
	position:relative;
	    border-bottom: 1px solid #FFF;
	
}
.color:after {
    content: "";
    position: absolute;
    bottom: -21px;
    width: 100%;
    height: 21px;
   /* background: url('../images/shad-top.png') center;*/
}

.layerslideh4{
	font-size:22px!important
}

.box {
	padding:  0 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.chartset{
	padding:0 0 50px 0;
}

	.counter-box {
    /* text-align: center; */
    /*margin: 0 -20px;*/
}
				.counter {
					background-color: rgba(25,29,32,.4);
					display: inline-block;
					/*margin: 0 20px;
					width: 250px;*/
					text-align: center;
					font-size: 0;
					-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

				}
				
				.ajcol .counter {
					background-color: #fff;
				}
				
				.ajcol .counter .count {
						color: #47975f;
				}
				
				.ajcol .counter .details {
   				 color: #47975f;
  				}  
  				
  				.auth-divider {
    position: absolute;
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
    background: #ddd;
}

.auth-divider:before {
    content: 'SOIT';
    position: absolute;
    top: 146px;
    left: -22px;
    padding: 21px 0;
    margin-top: -20px;
    font-size: 19px;
    background: #fff;
    color: #222;
}
					.counter .count {
						display: block;
						color: #fff;
						font-weight: 700;
						font-size: 60px;
						font-family: 'Lato', sans-serif;
						line-height: 105px;
						-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

					}
					
		.counter .count-2{
	display: block;
						color: #fff;
						font-weight: 700;
						font-size: 60px;
						font-family: 'Lato', sans-serif;
						line-height: 105px;
						-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}			
.counter.white{
background:#fff!important;
}

.counter .count-2.white{
background:#fff!important;
color: #F5870E;

}
					
					
					
					.counter .count.orange{
						color: #F5870E;
					}
					
					.counter .count.white{
						color: #fff;
					}
					
					.counter .count.vert{
						color: #47975f;
					}



					.counter .details {
						text-align: center;
						color: #fff;
						font-size: 14px;
						text-transform: uppercase;
					}
					
					.counter .details.grey {
					color:#353535;
					background:#c5c5c5;
					}


					.parallax .counter .details { color: #fff; }


.chart{margin:0 auto;color:#272727;}

.zone-num{
background:#2c8e43;
}
.red {
	color:#fd7e14 !important;
}

/* -------------------------------------------------- */
	/*	Loader
	/* -------------------------------------------------- */
	
	.lazy-image {
		-webkit-transition: opacity .35s ease;
			transition: opacity .35s ease;
	}

		.img img {
			opacity: 0;

			-webkit-transition-delay: .5s;
					transition-delay: .5s;
		}
	
	.lazy {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 120px;
		height: 14px;
		margin-top: -7px;
		margin-left: -42px;
	}

	.G {
		position:absolute;
		background-color:#fff;
		width:10px;
		height:10px;
		
		-moz-animation-name:bounce_fountainG;
		-moz-animation-duration:1.3s;
		-moz-animation-iteration-count:infinite;
		-moz-animation-direction:linear;
		-moz-transform:scale(.3);
		-moz-border-radius:19px;
		-webkit-animation-name:bounce_fountainG;
		-webkit-animation-duration:1.3s;
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-direction:linear;
		-webkit-transform:scale(.3);
		-webkit-border-radius:19px;
		-ms-animation-name:bounce_fountainG;
		-ms-animation-duration:1.3s;
		-ms-animation-iteration-count:infinite;
		-ms-animation-direction:linear;
		-ms-transform:scale(.3);
		-ms-border-radius:19px;
		-o-animation-name:bounce_fountainG;
		-o-animation-duration:1.3s;
		-o-animation-iteration-count:infinite;
		-o-animation-direction:linear;
		-o-transform:scale(.3);
		-o-border-radius:19px;
		animation-name:bounce_fountainG;
		animation-duration:1.3s;
		animation-iteration-count:infinite;
		animation-direction:linear;
		transform:scale(.3);
		border-radius:19px;
	}

		.G_1 {
			left:0;
			-moz-animation-delay:0.52s;
			-webkit-animation-delay:0.52s;
			-ms-animation-delay:0.52s;
			-o-animation-delay:0.52s;
			animation-delay:0.52s;
		}

		.G_2 {
			left:10px;
			-moz-animation-delay:0.65s;
			-webkit-animation-delay:0.65s;
			-ms-animation-delay:0.65s;
			-o-animation-delay:0.65s;
			animation-delay:0.65s;
		}

		.G_3 {
			left:20px;
			-moz-animation-delay:0.78s;
			-webkit-animation-delay:0.78s;
			-ms-animation-delay:0.78s;
			-o-animation-delay:0.78s;
			animation-delay:0.78s;
		}

		.G_4 {
			left:30px;
			-moz-animation-delay:0.91s;
			-webkit-animation-delay:0.91s;
			-ms-animation-delay:0.91s;
			-o-animation-delay:0.91s;
			animation-delay:0.91s;
		}

		.G_5 {
			left:40px;
			-moz-animation-delay:1.04s;
			-webkit-animation-delay:1.04s;
			-ms-animation-delay:1.04s;
			-o-animation-delay:1.04s;
			animation-delay:1.04s;
		}

		.G_6 {
			left:50px;
			-moz-animation-delay:1.17s;
			-webkit-animation-delay:1.17s;
			-ms-animation-delay:1.17s;
			-o-animation-delay:1.17s;
			animation-delay:1.17s;
		}

		.G_7 {
			left:60px;
			-moz-animation-delay:1.3s;
			-webkit-animation-delay:1.3s;
			-ms-animation-delay:1.3s;
			-o-animation-delay:1.3s;
			animation-delay:1.3s;
		}

		.G_8 {
			left:70px;
			-moz-animation-delay:1.43s;
			-webkit-animation-delay:1.43s;
			-ms-animation-delay:1.43s;
			-o-animation-delay:1.43s;
			animation-delay:1.43s;
		}

		
@-moz-keyframes bounce_fountainG {
	0% {
		-moz-transform:scale(1);
		background-color:#fff;
	}

	100% {
		-moz-transform:scale(.3);
		background-color:#fff;
	}
}

@-webkit-keyframes bounce_fountainG {
	0% {
		-webkit-transform:scale(1);
		background-color:#fff;
	}

	100% {
		-webkit-transform:scale(.3);
		background-color:#fff;
	}

}

@-ms-keyframes bounce_fountainG {
	0% {
		-ms-transform:scale(1);
		background-color:#fff;
	}

	100% {
		-ms-transform:scale(.3);
		background-color:#fff;
	}
}

@-o-keyframes bounce_fountainG {
	0% {
		-o-transform:scale(1);
		background-color:#fff;
	}

	100% {
		-o-transform:scale(.3);
		background-color:#fff;
	}

}

@keyframes bounce_fountainG {
	0% {
		transform:scale(1);
		background-color:#fff;
	}

	100% {
		transform:scale(.3);
		background-color:#fff;
	}

} 

.light-grey{
	background:#A2A2a2;
}
.load-more a{
	padding: 17px 0;
    display: block;
    color: #47975F;
    font-weight: 700;
    text-align:center;
    font-size: 13px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.load-more a:hover  {
    color: #F5870E;
}

.load-more a i{
	font-size:20px;
color: #47975F;}

.load-more:hover i{
	    -webkit-transition: all .25s ease;
    transition: all .25s ease;
     color: #F5870E;
}
.footer-zone {
    background: #E6E6E6;
    padding: 2em;
    color: #777777;
}
.box-thematique{
	background:transparent;
}

.box-region{
    background:transparent;
}


/* animate */

.animated {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-fill-mode: both;
  }
  
.signature {
    color: #fff;
    font-size: 42px;
    line-height: 61px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Yesteryear';
}

a .counter:hover span{
	color:#F5870E ;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
a:hover .counter{
	background:#fff;
}
a:hover .counter span{
	color:#F5870E ;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
a:hover .counter h4{
	color:#47975f;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.box-activites h4{
    font-size:25px;
    /*float:left;*/
    margin-bottom: 25px;
}
.box-activites a.download-bil{
    float:right;
    color: #404040;
    font-size: 20px;    
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
        font-family: oswald;

}
.box-activites a:hover.download-bil{
    color: #F5870E;
}
.box-activites a:hover.download-bil i{
    color: #47975F;
}
.box-activites a.download-bil i{
    color:#F5870E;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
/*-*/
.box-thematique h4{
	font-size:23px;
	/*float:left;*/
	margin-bottom: 25px;
}
.box-thematique a.download-bil{
	float:right;
	color: #404040;
    font-size: 20px;	
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
        font-family: oswald;

}
.box-thematique a:hover.download-bil{
	color: #F5870E;
}
.box-thematique a:hover.download-bil i{
	color: #47975F;
}
.box-thematique a.download-bil i{
	color:#F5870E;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

/*-*/
.box-bilan h4{
    font-size:23px;
    /*float:left;*/
    margin-bottom: 25px;
}
.box-bilan a.download-bil{
    float:right;
    color: #404040;
    font-size: 20px;    
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
        font-family: oswald;

}
.box-bilan a:hover.download-bil{
    color: #F5870E;
}
.box-bilan a:hover.download-bil i{
    color: #47975F;
}
.box-bilan a.download-bil i{
    color:#F5870E;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

/*-*/
.box-region h4{
    font-size:23px;
    /*float:left;*/
    margin-bottom: 25px;
}
.box-region a.download-bil{
    float:right;
    color: #404040;
    font-size: 20px;    
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
        font-family: oswald;

}
.box-region a:hover.download-bil{
    color: #F5870E;
}
.box-region a:hover.download-bil i{
    color: #47975F;
}
.box-region a.download-bil i{
    color:#F5870E;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
.flex-small-caption {
    bottom: 1px;
    width: 100%;
    color: #FFF;
    text-align:center;
}
.flex-small-caption {
   background: rgb(20, 137, 54);}

.flex-small-caption h4{
	margin-bottom:0;
	  color: #FFF;
}
.chart {
    margin: 0 auto;
    color: #F5870E;
    font-family: 'Lato',sans-serif !important;
}
/*.chart-trigger {
     width: 48%;
    float: left;
}*/

.head-title h4{
	text-align:center;
	font-size:22px;
	margin-bottom:0;
	color:#fff;
}
.head-title {
    padding: 20px 0;
    background: #F5870E;
    position: relative;
}/*.counter-box .one-fifth:last-child{
	margin-right:0 !important;
}*/

.relative{
	position:relative;
}

 /*--------------------------------------------------------------------------------------*/
 /*                     19 - TOOLTIPS                                                    */
 /*-------------------------------------------------------------------------------------*/
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top { padding-bottom: 5px }
#tiptip_holder.tip_bottom { padding-top: 5px }
#tiptip_holder.tip_right { padding-left: 5px }
#tiptip_holder.tip_left { padding-right: 5px }
#tiptip_content {
    font-size: 11px;
    color: #FFF;
    padding: 5px 8px;
    font-family: "Roboto", Arial, Verdana;
    background: #E04545;
    border-radius: 4px;
}
#tiptip_arrow,
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #E04545 }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #E04545 }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #E04545 }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #E04545 }
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #E04545;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -6px;
    border-bottom-color: #E04545;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #E04545;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #E04545;
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: #E04545;
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #E04545 }
    #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #E04545 }

   
}

.overflow-y{
overflow:auto;
}

#social{
float: left;
    margin-left: 210px;
    text-align: center;
    padding: 0 18px 0;
    margin-top: -33px;
    border-radius: 0 0 6px 6px;
    height: 69px;
    position:relative;
    width: 23%;
    background-color: #47975F;}
    
#social:after {
    content: '';
    top: 0;
    position: absolute;
    width: 15px;    
    height: 148px;
    background: url(../images/shadow_left_vert.png) no-repeat -1px -181px;
    right: -15px;}

#social:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 66px;
    background: url(../images/shadow_right_vert.png) no-repeat 1px -185px;
    left: -15px;    top: 0;
}

.logo_footer{
	margin-top: -22px;
}
.download-float-button {
    /* position: absolute; */
    /* top: 260px; */
    /* right: -49px; */
    background-color: #FF991F;
    text-align: center;
    padding: 16px 0;
    display: block;
    color: #fff;
    position: relative;
}.download-float-button i{
	color: #fff!important;
}
a:hover.download-float-button:hover i{
	color: #E85959;
}
.download-float-button:hover{
	background-color: #47975f;
}
 /*--------------------------------------------------------------------------------------*/
 /*                     7 - FORMS                                                       */
 /*-------------------------------------------------------------------------------------*/
input[type=text], input[type=password], input[type=email], textarea, select {
    border: 1px solid #ccd0d9;
    padding: 7px 10px;
    outline: none;
    font-size: 13px;
    color: #aab3bc;
    margin: 0;
    max-width: 100%;
    display: block;
    background: #fff;
    border-radius: 4px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
select { padding: 0 }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus { border: 1px solid #aab3bc }
textarea {
    min-height: 60px;
    resize: none;
}
label,
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
}
select { }
input[type=checkbox] { display: inline }
label span,
legend span {
    font-weight: normal;
    font-size: 12px;
    color: #444;
}
form.simple-form {
   /* margin-bottom: 30px;*/
    float: left;
}
form.simple-form  input {
    outline: none;
    font-size: 12px;
    color: #888;
    margin: 0 0 0px 0;
    max-width: 100%;
    display: block;
    background: #ffffff;
    /*box-shadow: inset 0px 2px 4px #f3f3f3;*/
    font-family: "Roboto", Arial, Verdana;
    border: none;
    border-radius: none;
}
#error-field {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
}
.input-title {
    padding: 15px 0 15px 10px;
    background: #47975F;
    display: block;
    color: #fff;
}form.simple-form fieldset {
    padding: 0px 0px;
    border-radius: 2px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    float: left;
}
form.simple-form fieldset.inputError i { background-color: #db4453 }
form.simple-form fieldset { border: 1px solid #aab2bd }
form.simple-form fieldset i { background-color: #47975F}
form.simple-form fieldset.inputError { border-color: #db4453 }
form.simple-form fieldset i {
    float: left;
    width: 28px;
    height: 22px;
    color: #FFF;
    line-height: 12px;
    text-align: center;
    padding: 10px 2px 0px 2px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
form.simple-form  input:focus,
form.simple-form   textarea:focus { border: none }
form.simple-form input[type=submit] {
    width: auto;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #FFF;
    box-shadow: none;
}
form.simple-form textarea {
    width: 99%;
    margin: 0 0 15px 0;
    font-family: "Roboto", Arial, Verdana;
    border: none;
    color: #272727;
}
form.simple-form   fieldset {
    margin-bottom: 15px;
    float: left;
}
form.simple-form   label {
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
}
form.simple-form   label span { color: #e64135 }
.button {
    font-size: 12px;
    color: #FFF!important;
    font-family: "Roboto", Arial, Verdana;
    text-align: center;
    outline: none;
    text-transform: capitalize!important;
    cursor: pointer;
    position: relative;
    -moz-transition: all 0.24s ease 0s;
    -webkit-transition: all 0.24s ease 0s;
    -o-transition: all 0.24s ease 0s;
}
.button.green{
    background: #47975f;
    color: #FFF!important;
    text-decoration: none;
    border-bottom: 1px solid #656d78;
}
.button.small { padding: 6px 13px }

/*--------------------------------------------------------------------------------------*/
 /*                     18 - NOTIFICATION BOXES                                          */
 /*-------------------------------------------------------------------------------------*/
.notification {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    position: relative;
    padding: 10px 5px 10px 10px;
    border-radius: 4px;
    font-family: "Roboto", Arial, Verdana;
    font-style: normal;
    color: #FFF;
    box-shadow: inset 1px 1px  0px rgba(0,0,0,0.12),inset -1px -1px  0px rgba(0,0,0,0.12);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: block;
}
.notification:hover { box-shadow: inset 1px 1px  0px rgba(0,0,0,0.25),inset -1px -1px  0px rgba(0,0,0,0.25) }
span.close-notification {
    float: right;
    color: #FFF;
    color: rgba(0,0,0,0.40);
    font-size: 16px;
    cursor: pointer;
}
span.close-notification i {
    color: #FFF;
    color: rgba(0,0,0,0.40);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
span.close-notification:hover i {
    color: #FFF;
    color: rgba(0,0,0,0.70);
}
.notification p {
    margin: 0;
    color: #484848;
}
.notification  i {
    margin-right: 7px;
    font-size: 14px;
    color: #FFF;
    color: rgba(0,0,0,0.40);
}
.notification.success,
.notification.success strong { background-color: #a0d569 }
.notification.error,
.notification.error strong { background-color: rgba(71, 151, 95, 0.45)}
.notification.warning,
.notification.warning strong { background-color: #ffce55 }
.notification.notice,
.notification.notice strong { background-color: #4fc0e8 }
.notification strong { border: none !important }