@charset "utf-8";
/* CSS Document */

/*
0B558C > 0b4e8c block
073F68 > 08345e texte
#0F8EC7 > #0c58a0
*/

body {
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}

html { scroll-behavior: smooth; }

/*Custom scroll*/
::-scrollbar { width: 10px;  }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb {  background: #BBBBBB;  }
::-webkit-scrollbar-thumb:hover { background: #777777; }

.AlignRight { float:right; }
.AlignLeft { float:left; }



.page-container-color-lightgrey { width: 100%; padding: 50px 0; float: left; background-color: #F8F8F8; }

.page-container-large { width:1300px; margin:auto; }
.page-container-medium { width:1500px; margin:auto; }
.page-container-medium-new2 { width:1600px; margin:auto; }
.page-container-medium-new3 { width:1600px; margin:auto; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08); }


.page-container-regular { width:1300px; margin:auto; }
.page-container-regular1 { width:1250px; margin:auto; }
.container-flex { display: flex; }
.container-flex-wrap { display: flex; flex-wrap: wrap; }


.page-splitter-96 { width: 96%; margin: 0 2%; float: left; }
.page-splitter-92 { width: 92%; margin: 0 4%; float: left; }

.page-splitter-20 { width: 33.3%; display: flex; }

.page-splitter-33 { width: 33.3%; display: flex; }
.page-splitter-66 { width: 66.6%; display: flex; flex-wrap: wrap; }

/*
.page-splitter-40 { width: 40%; display: flex; }
.page-splitter-60 { width: 60%; display: flex; flex-wrap: wrap; }
*/


.page-splitter-25 { width: 25%; float: left; }
.page-splitter-75 { width: 74%; margin-right: 1%; float: left; }

.page-splitter-50 { width: 50%; float: left; }

.page-splitter-45 { width: 45%; float: left;  }
.page-splitter-55 { width: 55%; float: left;   }

.page-fill-90 { width: 85%; margin: auto; }







/*add*/

.page-top-set { width: 100%; height: 95px; }
.page-top-set1 { width: 100%; height: 65px; }
.page-container-large { width: 1500px; margin: auto; }
.page-container-medium { width: 1250px; margin: auto; }
.page-container-regular { width: 1300px; margin: auto; }
.page-container-regular1 { width: 1050px; margin: auto; }

.page-container-medium-new3 { width:1500px; min-height: 1000px; margin:auto; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }
.page-container-medium-padding { width: 94%; padding: 0 3%; }

.page-splitter-100 { width: 100%; display: flex; }
.page-splitter-100_ { width: 100%; float: left; }

.page-splitter-25 { width: 25%; float: left; }
.page-splitter-75 { width: 74%; margin-right: 1%; float: left; }

.page-splitter-40 { width: 40%; float: left; }
.page-splitter-60 { width: 60%; float: left; }
.page-splitter-40_{ width: 40%; float: left; }
.page-splitter-60_{ width: 60%; float: left; }
.page-splitter-30_{ width: 30%; float: left; }
.page-splitter-70_{ width: 70%; float: left; }

.page-splitter-50 { width: 50%; float: left; }

.page-splitter-65 { width: 70%; float: left; }
.page-splitter-35 { width: 30%; float: left; }

.page-splitter-35_ { width: 35%; float: left; }
.page-splitter-65_ { width: 64%; margin-right: 1%; float: left; }

.page-splitter-w50 { width: 48%; margin: 0 1%; float: left; }
.page-splitter-ww50 { width: 46%; margin: 0 4% 0 0; float: left; }
.page-splitter-ww50_{ width: 46%; margin: 0 0 0 4%; float: left; }


.page-splitter-w70 { width: 60.8%; margin: 0 1%; padding: 0 5% 0 0; float: left; border-right: solid 1px #DDDDDD; }
.page-splitter-w30 { width: 28%; margin: 0 1% 0 3%; float: left; }


.page-splitter-w60 { width: 50.9%; margin: 0 1%; padding: 0 5% 0 0; float: left; border-right: solid 1px #DDDDDD; }
.page-splitter-w40 { width: 38%; margin: 0 1% 0 3%; float: left; }

.page-padding-w20 { padding: 0 20px; }
.page-padding-w40 { padding: 0 40px; }
.page-padding-w60 { padding: 0 60px; }
.page-padding-w80 { padding: 0 80px; }


.page-splitter-www50 { width: 50%; float: left; }


.page-set { width: 98%; padding: 0 1%; float: left; }
.page-set1 { width: 97%; padding: 0 1.5%;  }
.page-set2 { width: 96%; padding: 0 2%; }
.page-set3 { width: 90%; padding: 0 5%; }
.page-set4 { width: 92%; padding: 0 4%; }


/*new gen*/
.page-splitter-h40 { width: 40%; float: left; }
.page-splitter-h60 { width: 60%; float: left; }

.page-splitter-ww100 { width: 100%; float: left; }
.page-splitter-ww15 { width: 15%; float: left; }
.page-splitter-ww20 { width: 20%; float: left; }
.page-splitter-ww70 { width: 70%; float: left; }
.page-splitter-ww80 { width: 85%; float: left; }
.page-splitter-ww30 { width: 30%; float: left; }
.page-splitter-ww25 { width: 21%; margin: 0 2%; float: left; }
.page-splitter-ww20 { width: 15%; float: left; }

.page-splitter-wwww50 { width: 48.5%; margin: 0 1.5% 0 0; float: left; }
.page-splitter-www50 { width: 48.5%; margin: 0 1.5% 0 0; float: left; }
.page-splitter-www50_ { width: 48.5%; margin: 0 0 0 1.5%; float: left; }

.page-fill-5 { width: 90%; margin: 0 5% 0 5%; }
.page-fill-10 { width: 80%; margin: 40px 10% 0 10%; }
.page-fill-10_{ width: 84%; margin: 20px 8% 0 8%; }
/**/


.page-background-lightgrey{ background-color: #F9F9F9; display: flex; }
.page-background-lightgrey2{ background-color: rgb(250, 250, 250); display: flex; }
.page-background-blue{ background-color: #063557; background: url("img/ban_background.png"); padding: 30px 0; }
.page-background-purple{ background-color: #063557; background: url("img/ban_background1.png"); padding: 30px 0; }
.page-background-darkgrey{ background-color: #111; display: flex; }
.page-background-grey{ background-color: #063557; background: url("img/ban_background2.png"); padding: 30px 0; }
.page-background-lightgrey1{ background-color: #F8F8F8; }
.page-background-grey1{ background-color: #063557; background: url("img/ban_background3.png"); padding: 30px 0; }





/****Navigation*****/

#navigation-blue-set { width: 100%; position: fixed; z-index:102; margin: auto; }
#navigation-blue {
	width: 1250px; height: 85px; /*position: fixed;*/ position: relative; margin: 20px auto; z-index:102;
	background-color: #FFF; /*#0b4e8c opacity: 0.9;*/
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 1px;
	color: #555;
}
.navigation-blue-submenu {
	width: 1200px; height: 200px; margin: -20px auto 20px auto; padding: 0 25px; position: relative; z-index:101; display: none;
	background: #FFF /*linear-gradient(180deg, #F3F6F9 0%, #FFFFFF 100%)*/; /*#F3F6F9*/ border-radius: 0 0 2px 2px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	font-size: 16px; color: #666; font-weight: normal;
	
}
.navigation-blue-submenu-st { width: 29.2%; margin: 15px 2%; float: left; border-right: 1px solid rgb(8, 52, 94, 0.2); }
.navigation-blue-submenu-st-full { width: 33%; margin: 15px 0; float: left; }

.navigation-blue-submenu-items {
	width: 90%; margin: 10px 5% 10px 5%; /*border-bottom: solid 1px #DDD;*/
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; color: rgb(8, 52, 94, 0.9);
}

.navigation-Line  { width: 1px; height: 30px; float: Right; margin: 20px 0 0 0; background-color: #CCC; }


.navigation-blue-side{ width: 13%; margin: 7px 1% 0 3%; float: left; }
.navigation-blue-right{ width: 83%; float: left; padding: 0 0 0 0; }



#navigation-blue-set1 {
	width: 100%; position: fixed;  z-index:102; margin: auto;
	background: linear-gradient(180deg, rgba(20,20,20,0.7) 0%, rgba(20,20,20,0) 100%);
}
#navigation-blue1 {
	width: 90%; height: 85px; /*position: fixed;*/ margin: 0 auto;
	background-color: rgba(6,76,128,0.3);
	box-shadow: none;
	border-radius: 1px;
	color: #555;
}

.navigation-blue-side1{ width: 12%; margin: 5px 3% 0 2%; float: left; }
.navigation-blue-right1{ width: 68%; float: left; padding: 0 0 0 0; }







.navigation-menu-blue-title {
	float: left; padding: 4px 5px 0 15px;
	font-family: "Oxygen-Black", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px; color: #FFF; font-weight: normal;
}
.navigation-menu-blue { height: 21px; padding: 30px 24px 29px 24px; float: right; margin: -84px 0 0 0; background-color: #0b4e8c; /*#083049 #0c58a0 #073468*/ }
.navigation-menu-blue-mobile { height: 21px; padding: 30px 24px 29px 24px; float: right; margin: 0 0 0 0; background-color: rgb(11, 78, 140, 0.05); border-left: 1px solid  rgb(11, 78, 140, 0.01); }
.navigation-menu-blue-mobile:hover { background-color: rgb(11, 78, 140, 0.08); }

.navigation-menu-blue-title1 {
	float: left; padding: 5px 5px 0 15px;
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 17px; color: #FFF; font-weight: normal;
}
.navigation-menu-blue1 { height: 21px; padding: 32px 25px; float: right; margin: 0px 0 0 0;  }




#navigation-new1_white1{
	width: 100%; height: 95px; position: fixed; z-index:102;
	background-color: rgba(255,255,255,0.98);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	color: #555; transition: 0.4s;
}


.navigation-wrapper-new1{ width: 1400px; margin: auto; }
.navigation-side-new1 { width: 8%; margin-right: 4%; float: left; }
.navigation-side-new1_ { width: 8%; margin-right: 1%; margin-left: 5%; float: left; }
.navigation-top-new1 { width: 88%; float: left; padding: 21px 0 0 0; }
.navigation-bottom-new1 { width: 87%; height: 70px; float: left; }
.navigation-bottom-new1_{ width: 82%; height: 70px; float: left; }
.nav-icone { padding: 0 20px; margin: 5px 5px; float: left; border-right: solid 1px rgba(255,255,255,1); }
.nav-icone_white{ padding: 0 20px; margin: 0 5px; float: left; border-right: solid 1px #DDD; }
#ic1_,#ic2_{ display: none; }



.navigation-menu-new1{ float: right; margin: -37px 0 0 0; }
.navigation-menu-new1-title_white {
	float: left; padding: 8px 10px 0 0;
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 17px; color: #08345e; font-weight: normal;
}
.navigation-menu-icone-new1{ float: left; margin: 2px 0 0 5px;}

#menu_back {display: none; }


/**/




/*
.navigation-wrapper-new2 { width: 1400px; margin: auto; }
.navigation-side-new2 { width: 8%; margin-right: 1%; float: left; }
.navigation-top-new2 { width: 91%; float: left; padding: 21px 0 0 0; }
.navigation-bottom-new2 { width: 87%; height: 70px; float: left; }
.navigation-line-new2 { width: 1400px; height: 1px; margin: auto;  background-color: rgba(255,255,255,0.3); }


.navigation-wrapper-new1{ width: 1400px; margin: auto; }
.navigation-side-new1 { width: 11%; margin-right: 1%; float: left; }

.navigation-top-new1 { width: 88%; float: left; padding: 21px 0 0 0; }
.navigation-bottom-new1 { width: 87%; height: 70px; float: left; }

.nav-icone { padding: 0 20px; margin: 5px 5px; float: left; border-right: solid 1px rgba(255,255,255,1); }
.nav-icone_white{ padding: 0 20px; margin: 5px 5px; float: left; border-right: solid 1px #DDD; }
#ic1_,#ic2_{ display: none; }

#logo{ display: none; }
*/
/*
.navigation-wrapper{ width: 1400px; margin: auto; }
.navigation-side { width: 8%; margin-right: 1%; float: left; }
.navigation-top { width: 91%; float: left; padding: 21px 0 0 0; }
.navigation-bottom { width: 87%; height: 70px; float: left; }
.nav-icone { padding: 0 20px; margin: 5px 5px; float: left; border-right: solid 1px rgba(255,255,255,1); }
.nav-icone_white{ padding: 0 20px; margin: 5px 5px; float: left; border-right: solid 1px #DDD; }*/

.navigation-menu{ float: right; margin: -37px 0 0 0; }

.navigation-menu-new1{ float: right; margin: -37px 0 0 0; }

.navigation-menu-title_white {
	float: left; padding: 5px 10px 0 0;
	font-family: "Oxygen-bold", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 17px; color: #08345e; font-weight: normal;
}
.navigation-menu-icone{ float: left; margin: -1px 0 0 5px; }




/*
#navigation-blue-submenu {
	width: 98%; min-height: 100px; float: left; margin-top: -10px; display: none; padding: 20px 1% 30px 1%;
	background-color: #FFF; border-radius: 0 0 3px 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	font-size: 16px; color: #666; font-weight: normal;
}


.navigation-blue-submenu-items {
	width: 16%; height: 35px; margin: 15px 2%; float: left; border-bottom: solid 1px #DDD;
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size:20px; line-height: 17px; color: #034676;
}
.navigation-blue-submenu-items:hover { border-bottom: solid 1px #034676; font-family: "Oxygen-Regular", Arial, Helvetica, sans-serif; transition: 0.2s; }


#navigation-submenu {
	width: 61%; height: 100vh; position: fixed; z-index:101; right: -75%; float: left; margin-top: -5px; padding: 100px 7% 30px 7%;
	background-color: #FFF;  border-radius: 0 0 3px 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	font-size: 18px; color: #444; font-weight: normal; overflow-y: auto;
}

.navigation-submenu-link {
	width: 100%; padding: 20px 0; border-bottom: solid 1px #DDD;
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 17px; color: #034676; font-weight: normal;
}
.navigation-submenu-link:hover {
	 border-bottom: solid 1px #034676; cursor: pointer;
}
.navigation-submenu-link1 {
	width: 95%; padding: 15px 0; margin-left: 5%;
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 17px; color: #034676; font-weight: normal;
}
.navigation-submenu-link1:hover {
	 cursor: pointer;
}

.panel{ float: left;
	display: none; margin-bottom: 20px;
}
*/


#navigation-submenu {
	width: 100%; height: 100vh; position: fixed; z-index:101; right: -100%; float: left; margin-top: -5px; padding: 140px 0 30px 0;
	background-color: rgba(255,255,255,0.99); border-radius: 0 0 3px 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	font-size: 18px; color: #444; font-weight: normal; overflow-y: auto;
}


.navigation-submenu-wrapper { width: 900px; margin: auto; }

.navigation-submenu-st1 { width: 47%; margin-right: 6%; float: left; }
.navigation-submenu-st2 { width: 47%; float: left; }


.navigation-submenu-section {
	width: 100%; /*height: 100px;*/ margin: 10px 0; padding: 5px 0 20px 0; float: left;
	border-bottom: solid 1px #DDD;

}
.navigation-submenu-title1 {
	font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 30px; color: #0c58a0; font-weight: normal;
}
.navigation-submenu-title {
	font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 23px; color: #0c58a0; font-weight: normal;
}
.navigation-submenu-title:hover { color: #08345e; cursor: pointer; }
.navigation-submenu-items{
	width: 100%; height: 50px; float: left;
}
.navigation-submenu-items-st1 {
	width: 60px; float: left; margin: 20px; margin-left: -10px;
}
.navigation-submenu-items-st2{
	width: 260px; float: left;  padding: 30px 0 0 0; font-size: 19px; line-height: 27px; color: #444;
}
.navigation-submenu-items-st2:hover { color: #000; cursor: pointer; }
.panel{ float: left;
	/*no animate*/
	display: none; margin-bottom: 20px;

	/*animate*/
	/*max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;*/
}



#navigation-menu-mobile {
	width: 50%; height: 100vh; position: fixed; z-index:101; right: -70%; float: left; padding: 120px 10% 30px 10%;
	background-color: rgba(255,255,255,0.99); border-radius: 0 0 3px 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	font-size: 16px; color: #444; font-weight: normal; overflow-y: auto;
}
.navigation-menu-mobile-items {
	width: 100%; padding: 10px 0; margin: 0 0; /*border-bottom: solid 1px #DDD;*/
	font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; color: #0c58a0; font-weight: normal;
}







/*
.nav ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
}

.nav li {
	float: left;

}

.nav li a {
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 17px; color: #FFF; font-weight: normal;
	padding: 34px 20px 51px 20px; height: 0; margin: 0 5px; text-transform: uppercase;
	display: block;
	text-align: center;
	text-decoration: none;  transition: 0.2s;
	border-bottom: 4px solid transparent;
}

.nav li a.active, .nav li a.active:hover {
	border-bottom: 4px solid #0c58a0;
	color: #FFF;
}


.nav li a:hover {
	border-bottom: 4px solid #0c58a0; color: rgba(255,255,255,0.8);
	cursor: pointer; transition: 0.2s;
}
*/




.nav ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	/*background-color: #333;*/
}

.nav li {
	float: left;

}

.nav li a {
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px; color: #08345e; /*#08345e*/ font-weight: normal;
	padding: 34px 20px 46px 20px; height: 0; margin: 0 5px; text-transform: uppercase;
	display: block;
	text-align: center;
	text-decoration: none;  transition: 0.2s;
	border-bottom: 4px solid transparent;
}

.nav li a.active, .nav li a.active:hover {
	border-bottom: 4px solid #FFF;
	color: #0b4e8c;
}


.nav li a:hover {
	border-bottom: 4px solid #FFF; color: #0b4e8c;
	cursor: pointer; transition: 0.2s;
}




.nav2 ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	/*background-color: #333;*/
}

.nav2 li {
	float: left;

}

.nav2 li a {
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 17px; color: #08345e; font-weight: normal;
	padding: 40px 20px 51px 20px; height: 0; margin: 0 12px; text-transform: uppercase;
	display: block;
	text-align: center; letter-spacing: 0.5px;
	text-decoration: none;  transition: 0.2s;
	border-bottom: 4px solid transparent;
}

.nav2 li a.active, .nav2 li a.active:hover {
	border-bottom: 4px solid #0c58a0;
	color: #08345e;
}


.nav2 li a:hover {
	border-bottom: 4px solid #08345e; color: #0c58a0;
	cursor: pointer; transition: 0.2s;
}



#logo { display: none; }
/*#logo_light { display: none; }*/



/*
.nav ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
}

.nav li {
	float: left;

}

.nav li a {
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 17px; color: #FFF; font-weight: normal;
	padding: 34px 20px; height: 0; margin: 0 10px; letter-spacing: 0.5px;
	display: block;
	text-align: center;
	text-decoration: none;  transition: 0.2s;
}

.nav li a.active, .nav3 li a.active:hover {
	padding: 34px 20px; height: 22px; margin: 0 5px;
	background-color: #F8005C; color: #2C4900;
}


.nav li a:hover {
	height: 17px; background-color: #F8005C; color: #2C4900;
	cursor: pointer; transition: 0.2s;
}
*/











/****Banner and block*****/
/*#0c58a0*/


/*Add*/
#banner-home {
	width: 100%; min-height: 900px; margin: auto; position: relative; z-index: 100; /*float: left;*/ display: flex; align-items: flex-end;
	background-color: #FFF;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
	background: url("../fr/img/pix5_.html");  background-position: top center; background-size: cover; overflow: hidden;
}
.banner-home-content-set {
	width: 68%; height: 200px; padding: 60px 16%; /*margin: 400px auto 0 auto;*/ display: flex; align-items: center;
	background: linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,0.9) 100%);
}
.banner-home-content-set1 {
	width: 68%; height: 200px; padding: 100px 16%; /*margin: 400px auto 0 auto;*/ display: flex; align-items: center;
	background: linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,0.9) 100%);
}

.banner-home-content-set-new {
	width: 100%; height: 100vh; ; position: absolute; z-index: 10; display: flex; align-items: center;
	background: linear-gradient(180deg, rgba(20,20,20,0) 40%, rgba(20,20,20,0.9) 100%);
}

.banner-home-content-set-new-text {
	width: 68%; height: 0; padding: 0 16% 100px 16%; margin-top: 550px; position: absolute; z-index: 0; display: flex; align-items: center;
}


.banner-home-content-set-inner {
	width: auto; margin: auto; display: flex; cursor: pointer;
}
.banner-home-content-set-inner1 {
	width: 700px; margin: auto;
}

/*
.banner-home-text-title {
	width: 600px; padding: 0 30px; margin: -7px 0 0 0; transition: 0.3s;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 65px; line-height: 67px; color: #FFF; font-weight: bold; text-transform: uppercase;
}*/


.banner-home-text-set {
	width: 60%; height: 200px; padding: 100px 20%; margin: 350px auto 0 auto;
	background: linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,0.7) 100%);
	font-size: 20px;
}
.banner-home-text-title-new1 {
	padding: 0 10%; margin: 5px 0 30px 0;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 60px; line-height: 66px; color: #FFF; font-weight: normal;
}
.banner-home-text-subtitle-new1 {
	padding: 0 10%; margin: 7px 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 34px; line-height: 38px; color: #FFF; font-weight: normal;
}
.banner-home-text-subtitle-new1_ {
	padding: 0 10%; margin: 7px 0 20px 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 28px; color: #FFF; font-weight: normal;
}



.banner-home-text-caption {
	width: 3px; height: 150px; background-color: #FFF; transition: 0.3s;
}
.banner-home-text-subtitle {
	width: 200px; padding: 0 15px;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 34px; line-height: 38px; color: #FFF; font-weight: normal;
}
.banner-home-link {
	margin: 15px 0 0 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color: #FFF; font-weight: normal;
}

.banner-home-content-set-inner:hover > .banner-home-text-title { width: 500px; transition: 0.3s; }
.banner-home-content-set-inner:hover > .banner-home-text-caption { width: 25px; background-color: #F8005C; transition: 0.3s; }
.banner-home-content-set-inner:hover > div .banner-home-link { transform: translateX(15px); animation: boucingRight 2s infinite; }


.banner-home-text-title1 {
	margin: -7px 0 0 0; transition: 0.3s;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 65px; line-height: 67px; color: #FFF; font-weight: normal;
}
.banner-home-text-caption1 {
	width: 350px; height: 50px; padding: 5px 20px; margin: 0 0 13px 0;  background-color: #7CD300; transition: 0.3s;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 32px; line-height: 38px; color: #FFF; font-weight: normal;
}
.banner-home-text-subtitle1 {
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 34px; line-height: 38px; color: #FFF; font-weight: normal;
}
.banner-home-link1 {
	margin: 15px 0 0 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 26px; color: #F8005C; font-weight: normal;
}


@keyframes boucingRight {
	0% { transform: translateX(0px); }
	30% { transform: translateX(17px);  }
	60% { transform: translateX(0px);  }
	100% { transform: translateX(0px);  }
}

#banner-home-arrow-set {
	position: absolute; z-index: 100px; top: 40%; right: 0; margin-right: 50px;
}

.slide-arrow { width: 15px; height: 15px; margin-bottom: 7px;
	background-color: #F8005C; border: solid 2px #F8005C; border-radius: 15px;
}
.slide-arrow_selected { width: 15px; height: 15px; margin-bottom: 7px;
	background-color: none; border: solid 2px #FFF; border-radius: 15px;
}


#pix-slider {
	width: 100%; height: 650px; overflow: hidden;
}


#banner-page-lil { 
	width: 100%; padding: 100px 0 30px 0;
	background-color: rgb(11, 78, 140, 0.05); /*background: url("../img/backer.jpg");*/ background-position: center; 
}




/**/




#banner-home1{
	width: 100%; height: 750px; padding-top: 150px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background-color: #000000;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}
#banner-home2{
	width: 100%; height: 750px; padding-top: 150px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background-color: #000000;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}



/*
.banner-home1-st1{ width: 20%; float: left; border-right: solid 1px rgba(233,233,233,0.5); }
.banner-home1-st2{ width: 58%; float: left; text-align: center; }
.banner-home1-st3{ width: 20%; float: left; border-left: solid 1px rgba(233,233,233,0.5); }

.banner-home2-st1{ width: 24%; float: left; border-right: solid 1px rgba(233,233,233,0.5); }
.banner-home2-st2{ width: 75%; float: left;  }

.banner-home3-st1{ width: 100%; float: left; text-align: left; }

.banner-home-text-title {
	padding: 0 10%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 65px; line-height: 67px; color: #FFF; font-weight: bold;
}
.banner-home-text-title1{
	padding: 0 10%; margin: 7px 0; text-align: left;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 55px; line-height: 60px; color: #FFF; font-weight: bold;
}
.banner-home-text-title2{
	padding: 0 10%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 55px; line-height: 57px; color: #FFF; font-weight: bold;
}

.banner-home-text-title3{
	padding: 0 10%; margin: 7px 0;
	font-family:  "Graphie-bold", Arial, Helvetica, sans-serif; font-size: 65px; line-height: 65px; color: #FFF; font-weight: normal; text-transform: uppercase;
}
.banner-home-text-title3_{
	padding: 0 10%; margin: 7px 0;
	font-family:  "Graphie-semibold", Arial, Helvetica, sans-serif; font-size: 45px; line-height: 47px; color: #FFF; font-weight: normal; text-transform: uppercase;
}
.banner-home-text-title3__{
	padding: 0 10%; margin: 7px 0;
	font-family:  "Graphie", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 27px; color: #FFF; font-weight: normal;
}


.banner-home-text-subtitle {
	padding: 0 10%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 34px; line-height: 38px; color: #FFF; font-weight: normal;
}
.banner-home-text-subtitle1{
	padding: 0 10%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 34px; color: #FFF; font-weight: normal;
}


.banner-home-arrow {
	width: 10%; height: 8px; margin: 0 1%; float: left;
	background: linear-gradient(90deg, rgba(15,142,199,1) 0%, rgba(0,240,205,1) 100%);
	border-radius: 8px;
}
.banner-home-arrow1 {
	width: 70px; height: 8px; margin: 0 10px; float: left;
	background: linear-gradient(90deg, rgba(15,142,199,1) 0%, rgba(0,240,205,1) 100%);
	border-radius: 8px;
}
.banner-home-arrow2 {
	width: 15px; height: 15px; margin: 0 10px; float: left;
	background: linear-gradient(90deg, rgba(255,9,100,1.00) 0%, rgba(212,0,78,1.00) 100%);
	border-radius: 8px;
}

#banner-home-blue {
	width: 100%; height: 750px; padding-top: 150px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background-color: #000000;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}

#banner-home-jenova {
	width: 100%; height: 650px; padding-top: 350px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end; overflow: hidden;
	background-color: #000000;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}

*/



/*Add*/
#banner-page {
	width: 60%; height: 200px; padding: 0 20% 0 20%; position: relative; z-index: 100; float: left; display: flex; align-items: center;
	background-color: #FFF;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}


/*.banner-page-text-title::before { opacity: 0; }*/
.banner-page-text-title {
	padding: 0 0; margin: 7px 0;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 50px; line-height: 52px; color: #FFF; font-weight: bold;
	animation: banTextIn; animation-duration: 1s;
}

.banner-page-text-subtitle {
	padding: 0 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF; font-weight: normal;
	animation: banTextTop; animation-duration: 1.8s;
}


#banner-cut { width: 100%; height: 500px; overflow: hidden; }
#banner-cut-activity { width: 100%; height: 500px; overflow: hidden; }
#banner-cut-presence { width: 100%; height: 500px; overflow: hidden; }

#banner-company {
	width: 60%; height: 570px; padding: 0px 20% 0 20%; position: relative; z-index: 100; float: left; display: flex; align-items: center;
	background: url('../img/ban_company.jpg'); /*background: url('img/pix_page1_3.jpg');*/ background-size: cover; background-position: top center;
	animation: banZoomIn; animation-duration: 0.8s;
}

#banner-activity {
	width: 60%; height: 570px; padding: 0px 20% 0 20%; position: relative; z-index: 100; float: left; display: flex; align-items: center;
	background: url('../img/ban_activity.jpg'); /*background: url('img/pix_page1_3.jpg');*/ background-size: cover; background-position: top left;
	animation: banZoomIn; animation-duration: 0.8s;
}

#banner-presence {
	width: 100%; height: 570px; padding: 0px 0 0 0; position: relative; z-index: 100; float: left; display: flex; align-items: center;
	background: url('../img/ban_presence.jpg'); /*background: url('img/pix_page1_3.jpg');*/ background-size: cover; background-position: top left;
	animation: banZoomIn; animation-duration: 0.8s;
}

#banner-cut-contact { width: 100%; height: 800px; overflow: hidden; }
#banner-contact {
	width: 100%; height: 750px; padding: 0px 0 0 0; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background: url('../img/ban_contact.jpg'); /*background: url('img/pix_page1_3.jpg');*/ background-size: cover; background-position: top center;
	animation: banZoomIn; animation-duration: 0.8s;
}
.banner-contact-parallax {
	width: 80%; min-height: 750px; padding: 0px 10% 60px 10%; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
    background: transparent; overflow: hidden; background-position: center;
}
.banner-contact-splitter-w70 { width: 70%; float: left; }
.banner-contact-splitter-w30 { width: 30%; float: left; }


#banner-home-text-set {
	width: 100%; height: 500px; padding: 350px 0 0 0; position: absolute; z-index: 2; display: flex; align-items: flex-end;
	/*background: linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,0.9) 100%);*/ overflow: hidden;
}

.banner-home-text-title {
	/*width: 100%; padding: 0 30px; margin: -7px 0 0 0;*/ padding: 0 10%; margin: 7px 0; transition: 0.3s;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 65px; line-height: 67px; color: #FFF; font-weight: bold; /*text-transform: uppercase;*/
	animation: banTextTop; animation-duration: 1.8s;
}

.slideshow{ animation: banZoomIn; animation-duration: 0.8s; }

.parallax-window {
    min-height: 400px;
    background: transparent;
}


.banner-societe-ui-parallax,.banner-societe-sotralci-parallax,.banner-societe-alm-parallax,.banner-societe-alucongo-parallax,.banner-societe-sotralga-parallax,.banner-societe-colalu-parallax,.banner-societe-ui-senegal-parallax   {
	width: 100%;  padding-top: 300px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background: transparent;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}

.banner-societe-64construction-parallax,.banner-societe-rimcologistic-parallax {
	width: 100%;  padding-top: 400px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background: transparent;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}
.banner-societe-sutec-parallax  {
	width: 100%;  padding-top: 300px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background: transparent;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}


.banner-societe-rimcomotors-parallax,.banner-societe-setaci-parallax,.banner-societe-rimcoequipement-parallax,.banner-societe-rimcoelectromenager-parallax,.banner-societe-rimco2roues-parallax,.banner-societe-rimcommerce-parallax,.banner-societe-bernabe-parallax ,.banner-societe-technibat-parallax,.banner-societe-mrbricolage-parallax,.banner-societe-peyrissac-parallax,.banner-societe-mcn-parallax,.banner-societe-mcn-outlet-parallax  {
	width: 100%;  padding-top: 120px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background: transparent;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}


.banner-history-parallax {
	width: 90%; min-height: 300px; padding: 100px 5% 70px 5%; position: relative; z-index: 100; float: left; display: flex; align-items: center;
	/*animation: banZoomIn; animation-duration: 0.8s;*/ overflow: hidden;
}

#banner-history {
	width: 90%; min-height: 300px; padding: 0 5% 30px 5%; position: relative; z-index: 100; float: left; display: flex; align-items: center;
	/*animation: banZoomIn; animation-duration: 0.8s;*/ overflow: hidden; margin-top: -2px;
}


.banner-history-st-w70 { width: 61%; margin: 0 1%; padding: 0 5% 0 0; float: left; }
.banner-history-st-w30 { width: 28%; margin: 0 1% 0 3%; float: left; }

.banner-history-st-w60 { width: 51%; margin: 0 1%; padding: 0 5% 0 0; float: left; }
.banner-history-st-w40 { width: 38%; margin: 0 1% 0 3%; float: left; }



.card-history { width: 100%; float: left;  }
.card-history-st1 { width: 15%; padding: 0 0 0 1%; /*border-left: solid 3px #0c58a0;*/ float: left; font-family: "Lato-Bold", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 28px; color: #777; }
.card-history-st2 { width: 74%; float: left; margin: 0 0 45px 0; font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 28px; color: #111; }

.card-history-text {
	padding: 0 0; margin: 7px 0;
	font-family:  "Lato-Bold", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 37px; color: #111; font-weight: normal;
}

.hphoto  { width: 60%; }
.hphoto1 { width: 26%; position: absolute; animation: pixIn 7s; opacity: 0; }
.hphoto2 { width: 26%; position: absolute; animation: pixIn 7s; opacity: 0; animation-delay: 6s; }
.hphoto3 { width: 26%; position: absolute; animation: pixIn 7s; opacity: 0; animation-delay: 12s; }
.hphoto4 { width: 26%; position: absolute; animation: pixOut 50s infinite; opacity: 0; animation-delay: 18s; transform: scale(1) translateX(0px); }


@keyframes pixIn {

	/*from {background-color: red;}
  	to {background-color: yellow;}*/

	0% { transform: scale(1.4) translateX(500px); opacity: 0; }
	20% { transform: scale(1) translateX(0px); opacity: 1; }
	85% { transform: scale(1) translateX(0px); opacity: 1; }
	100% { transform: scale(1.4) translateX(-500px); opacity: 0; }
}
@keyframes pixOut {

	/*from {background-color: red;}
  	to {background-color: yellow;}*/

	/*0% { transform: scale(1.4) translateX(500px); opacity: 0; }
	15% { transform: scale(1) translateX(0px); opacity: 1; }
	100% { transform: scale(1) translateX(0px); opacity: 1; }*/

	0% { opacity: 0; }
	10% { opacity: 1; }
	99% { opacity: 1; }
	100% { opacity: 0; }

}



@keyframes banZoomIn {

	/*from {background-color: red;}
  	to {background-color: yellow;}*/

	0% { transform: scale(1.4) translateY(-100px); opacity: 0; }
	100% { transform: scale(1) translateY(0px); opacity: 1; }
}

@keyframes banTextIn {
	0% { transform: scale(1.6); opacity: 0; }
	50% { transform: scale(1.6); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}

@keyframes banTextTop {
	0% { transform: translateY(50px); opacity: 0; }
	50% { transform: translateY(50px); opacity: 0; }
	100% { transform: translateY(0px); opacity: 1; }
}




/**/






#banner-page2{
	width: 100%; height: 700px; padding: 0; position: relative; z-index: 100; float: left; display: flex; align-items: center;
	background-color: #000000;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}

.banner-page2-text-set{
	width: 60%; height: 550px; padding: 100px 20% 50px 20%;
	display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(20,20,20,0) 50%, rgba(20,20,20,0.9) 100%);
}


/*

#banner-activity {
	width: 100%; height: 450px; padding-top: 150px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background-color: #000000;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}
*/

#banner-page-company1 {
	width: 100%;  padding-top: 500px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background-color: #111;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #FFF;
}



/*Add*/
#banner-page-company2 {
	width: 100%;  padding-top: 300px; position: relative; z-index: 100; float: left; display: flex; align-items: flex-end;
	background-color: #111;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 28px; color: #FFF;
}

/**-------**/


.card-logo-marque,.card-logo-marque1 {
	width: 29.3%; min-height: 480px; margin: 10px 2%; padding: 20px 0 ; float: left;
	border-bottom: solid 1px #DDD;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #333;
}
.card-logo-marque1 { width: 50%; }


.card-activity {
	width: 100%; height: 450px; padding-top: 150px; /*position: relative;*/ float: left;
	border-bottom: solid 1px #DDD;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; color: #333;
}

.card-contact {
	width: 21.3%;
	height: 145px;
	/*position: relative;*/
	float: left; overflow: hidden;
	margin: 70px 2% 0 2%; padding: 30px 4%;
	background-color: rgba(255,255,255,0.95); /* # 1B6194 */
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08); font-size: 20px; line-height: 28px; border-radius: 1px;
}



.card-news,.card-news_,.card-news_new {
	width: 23%;
	height: 540px;
	/*position: relative;*/
	float: left; overflow: hidden;
	margin: 15px 1%;
	background-color: #FFF; /* # 1B6194 */
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08);
}

.card-news_{ width: 31%; }


.card-news-image {
	height: 270px; position: relative;
	margin: 0 0 20px 0;
}
.card-news-image_ {
	height: 220px; position: relative;
	margin: 0 0 20px 0;
}

.card-news-image picture img { margin-left: -25%;  }

.card-news-image-text {
	width: 20%; /*opacity: 0;*/
	position: absolute;
	left: 40%; bottom: 5%;
	padding: 10px 0;
	background-color: rgba(255,9,100,0.9); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); border-radius: 5px;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 21px; color: #FFF;

}

.card-news-text-title {
	padding: 0 10%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 23px; line-height: 27px; color: #333; font-weight: normal;
	/*text-transform:uppercase;*/
}
.card-news-text-new-title {
	padding: 0 10%; margin: 7px 0;
	font-family:  "Graphie-semibold", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #333; font-weight: normal;
	/*text-transform:uppercase;*/
}

.card-news-text-subtitle {
	padding: 0 10%; margin: 0 0 15px 0;
	font-size: 16px; line-height: 18px; color: #999; font-weight: normal;
}

.card-news-text-des {
	padding: 0 10%; margin: 7px 0;
	font-size: 16px; line-height: 20px; color: #666;
}

.card-news-link {
	padding: 0 10%; margin: 15px 0 0 0;
	color: #0c58a0;
}


.card-news_plus {
	width: 96%; margin: 0 1%;
}

.card-news_plus-image {
	height: 480px; position: relative; overflow: hidden;
	margin: 5px 0 20px 0;
}

.card-news_plus-image-text {
	width: 90%; height: 30%; position: absolute; float: left; bottom: 0; padding: 2% 5%; display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,0.9) 70%);
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 37px; line-height: 40px; color: #FFF;
}
.card-news_plus-image-text1 {
	position: absolute;
	right: 0; bottom: 5%;
	padding: 7px 15px;
	background-color: rgba(255,9,100,0.9); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); border-radius: 1px;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 21px; color: #FFF;
}
.card-news-plus-text-des {
	margin-bottom: 10px; margin-right: 5%;
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 28px; color: #222;
}



.card-block2 {
	width: 48%; height: 550px; float: left; overflow: hidden; margin: 10px 1%;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.card-block2-image {
	height: 550px; position: relative; margin: 0;
}

.card-block2-image-text {
	width: 80%; height: 28%; position: absolute; float: left; bottom: 0; padding: 15px 10%;

	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);

	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}

.card-block2-text-title {
	margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 31px; color: #333; font-weight: normal;
}

.card-block2-text-subtitle {
	margin: 0 0 15px 0;
	font-size: 18px; line-height: 20px; color: #999; font-weight: normal;
}

.card-block2-text-des {
	margin: 7px 0;
	font-size: 16px; line-height: 22px; color: #666;
}

.card-block2-link {
	margin: 0;
	font-size: 15px; color: #FF2676;
}

.card-block2-text-caption {
	float: right; padding: 0 0 0 20px; margin: 2px 0;
	font-size: 24px; line-height: 26px; color: #FF0964;
}



.card-block3 {
	width: 30.3%; height: 360px; overflow: hidden; margin: 10px 2%;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.card-block3_{
	width: 31.3%; height: 360px; overflow: hidden; margin: 10px 1%;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.card-block3-image {
	height: 360px; position: relative; margin: 0;
}

.card-block3-image-text {
	width: 80%; height: 40%; position: absolute; float: left; bottom: 0; padding: 15px 10%; /*display: flex; align-items: flex-end;*/
	background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,1) 70%);
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}
.card-block3-image-text-add {
	width: 80%; height: 22%; position: absolute; float: left; bottom: 0; padding: 10% 10%; /*display: flex; align-items: flex-end;*/
	background: linear-gradient(180deg, rgba(50,50,50,0) 0%, rgba(50,50,50,1) 100%);
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 20px; color: #FFF;
}

.card-block3-text-title {
	width: 100%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 27px; color: #FFF; font-weight: normal;
}

.card-block3-text-subtitle {
	margin: 0 0 15px 0;
	font-size: 18px; line-height: 20px; color: #999; font-weight: normal;
}

.card-block3-text-des {
	margin: 7px 0;
	font-size: 16px; line-height: 22px; color: #666;
}

.card-block3-link {
	margin: 0;
	font-size: 16px; color: #FFF;
}

.card-block3-text-caption {
	float: right; padding: 0 0 0 20px; margin: -20px -40px 0 0;
	font-size: 24px; line-height: 26px; color: #FF0964;
}





.card-block4 {
	width: 98%; height: 550px; float: left; overflow: hidden; margin: 10px 1%;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); border-radius: 5px;
}

.card-block4-image {
	position: relative; margin: 0;
}

.card-block4-image-text {
	width: 45%; height: 30%; position: absolute; float: left; bottom: 0; padding: 15px 5%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}

.card-block4-image-text-add {
	width: 35%; height: 19%; position: absolute; float: left; bottom: 0; right: 0; padding: 5% 5%;
	background: linear-gradient(180deg, rgba(50,50,50,0) 0%, rgba(50,50,50,1) 100%);
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}

.card-block4-image-text-add1{
	width: 35%; height: 80%; position: absolute; float: left; bottom: 0; right: 0; padding: 5% 5%;
	/*background: linear-gradient(180deg, rgba(50,50,50,0) 0%, rgba(50,50,50,1) 100%);*/
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}

.card-block4-text-title {
	margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 31px; color: #333; font-weight: normal;
}

.card-block4-text-subtitle {
	margin: 0 0 15px 0;
	font-size: 18px; line-height: 20px; color: #999; font-weight: normal;
}

.card-block4-text-des {
	margin: 7px 0;
	font-size: 16px; line-height: 22px; color: #666;
}

.card-block4-link {
	margin: 0;
	font-size: 15px; color: #FFA64D;
}

.card-block4-text-caption {
	float: right; padding: 0 0 0 20px; margin: 2px 0;
	font-size: 24px; line-height: 26px; color: #FFA64D;
}






.card-block5 {
	width: 62.6%; height: 360px; float: left; overflow: hidden; margin: 10px 2%;
	background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

.card-block5-image {
	height: 360px; position: relative; margin: 0;
}

.card-block5-image-text {
	width: 45%; height: 40%; position: absolute; float: left; bottom: 0; padding: 15px 5%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}

.card-block5-image-text-add {
	width: 35%; height: 85%; position: absolute; float: left; bottom: 0; right: 0; padding: 5% 5%;
	background-color: #FFF;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}

.card-block5-text-title {
	margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 27px; color: #FFF; font-weight: normal;
}

.card-block5-text-subtitle {
	margin: 0 0 15px 0;
	font-size: 18px; line-height: 20px; color: #999; font-weight: normal;
}

.card-block5-text-des {
	margin: 7px 0;
	font-size: 16px; line-height: 22px; color: #666;
}

.card-block5-link {
	margin: 0;
	font-size: 15px; color: #FFF;
}

.card-block5-text-caption {
	float: right; padding: 0 0 0 20px; margin: -20px -40px 0 0;
	font-size: 24px; line-height: 26px; color: #FF0964;
}




.card-block6 {
	width: 30.3%; height: 740px; overflow: hidden; margin: 10px 2%;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.card-block6-image {
	height: 780px; position: relative; margin: 0; overflow: hidden;
}

.card-block6-image-text {
	width: 80%; height: 15%; position: absolute; float: left; bottom: 0; padding: 10% 10%; /*display: flex; align-items: flex-end;*/
	background: linear-gradient(180deg, rgba(50,50,50,0) 0%, rgba(50,50,50,1) 100%);
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}

.card-block6-text-title {
	width: 100%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 36px; line-height: 29px; color: #FFF; font-weight: normal;
}

.card-block6-text-subtitle {
	margin: 0 0 15px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 29px; color: #FFF; font-weight: normal;
}

.card-block6-text-des {
	margin: 7px 0;
	font-size: 16px; line-height: 22px; color: #666;
}

.card-block6-link {
	margin: 0;
	font-size: 16px; color: #FFF;
}

.card-block6-text-caption {
	float: right; padding: 0 0 0 20px; margin: -15px -50px 0 0;
	font-size: 24px; line-height: 26px; color: #FF0964;
}


.card-block7 {
	width: 23%; height: 200px; overflow: hidden; margin: 10px 1%;
	background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); border-radius: 5px;
}
.card-block7_{
	width: 23%; height: 500px; overflow: hidden; margin: 10px 1%;
	background-color: #FFF; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); border-radius: 2px;
}

.card-block7-image {
	height: 200px; position: relative; margin: 0;
}
.card-block7-image_ {
	height: 300px; position: relative; margin: 0;
}


.card-block7-image-text {
	width: 80%; height: 80%; position: absolute; float: left; bottom: 0; padding: 0 10%; display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(30,30,30,0) 0%, rgba(30,30,30,0.95) 90%); /*rgba(48,89,120,0)*/
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}
.card-block7-image-text_ {
	width: 80%; height: 50%; position: absolute; float: left; bottom: 0; padding: 0 10%; display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,0.8) 90%); /*rgba(48,89,120,0)*/
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
}

.card-block7-text-title {
	width: 100%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 26px; color: #FFF; font-weight: normal;
}

.card-block7-text-subtitle {
	margin: 0 0 15px 0;
	font-size: 20px; line-height: 21px; color: #FFF; font-weight: normal;
}

.card-block7-text-des {
	margin: 7px 0;
	font-size: 16px; line-height: 22px; color: #666;
}

.card-block7-link {
	margin: 15px 0 0 0;
	font-size: 15px; color: #FFA64D;
}

.card-block7-text-caption {
	float: right; padding: 0 0 0 20px; margin: 7px 0;
	font-size: 24px; line-height: 26px; color: #FFA64D;
}



.card-block8 {
	width: 46%; min-height: 100px; float: left; overflow: hidden; margin: 20px 0 20px 1%; padding: 0 3% 0 0;
	border-right: solid 1px #E0DFDF;
}
.card-block8_{
	width: 46%; min-height: 100px; float: left; overflow: hidden; margin: 20px 0 20px 0; padding: 0 0 0 3%;
	border-left: solid 1px #E0DFDF;
}


.card-block8-image {
	height: 250px;  position: relative; margin: 0 0 20px 0; overflow: hidden;
}

.card-block8-image-text {
	width: 20%; position: absolute; left: 40%; bottom: 5%; padding: 15px 0;
	background-color: #FF4000;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;

}

.card-block8-text-title {
	padding: 0; margin: 15px 0;
	font-family:  "Oxygen-Semibold", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 36px; color: #111; font-weight: normal;
}

.card-block8-text-subtitle {
	padding: 0; margin: 0 0 0 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; color: #111; font-weight: normal;
}

.card-block8-text-des {
	padding: 0; margin: 7px 0;
	font-size: 18px; line-height: 24px; color: #333;
}


.card-block8-link {
	padding: 0; margin: 15px 0;
	font-family:  "Oxygen-bold", Arial, Helvetica, sans-serif; color: #0c58a0;
}




/*Add*/
.card-block9 {
	width: 14.9%; height: 310px; float: left; /*overflow: hidden;*/ margin: 0 1% 30px 1%; padding: 0 3% 0 0;
	border-right: solid 1px #E0DFDF;  position: relative;
}
.card-block9_{
	width: 14%; height: 330px; float: left; overflow: hidden; margin: 0 1% 30px 1%; padding: 0 2% 0 2%;
	border-bottom: solid 1px #E0DFDF;  position: relative; text-align: center;
}

.card-block9-image,.card-block9-image1 {
	 width: 80%; height: 150px; margin: 0 10%; position: absolute; overflow: hidden;
}

.card-block9-image  { opacity: 1; transition: 0.7s; }
.card-block9-image1 { opacity: 0; transition: 0.7s; }


.card-block9:hover > a .card-block9-image1, .card-block9_:hover > a .card-block9-image1 {
	opacity: 1; transition: 0.4s; transform: translateY(15px);
}
.card-block9:hover > a .card-block9-image,.card-block9_:hover > a .card-block9-image  {
	opacity: 0; transition: 0.4s; transform: translateY(5px);
}

.card-block9:hover > a .card-block9-text-title,.card-block9_:hover > a .card-block9-text-title {
	color: #000; transition: 0.4s;
}
.card-block9:hover > a .card-block9-link,.card-block9_:hover > a .card-block9-link  {
	color: #0F8EC7; transition: 0.4s;
}


.card-block9-text-title {
	padding: 0 5%; margin: 150px 0 7px 0;
	font-family:  "Oxygen-Semibold", Arial, Helvetica, sans-serif; font-size: 21px; line-height: 26px; color: #333; font-weight: normal;
	/*text-transform:uppercase;*/
}

.card-block9-text-subtitle {
	padding: 0 5%; margin: 0 0 15px 0;
	font-size: 16px; line-height: 18px; color: #999; font-weight: normal;
}

.card-block9-text-des {
	padding: 0 5%; margin: 7px 0;
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; color: #666;
}

.card-block9-link {
	padding: 0 5%; margin: 10px 0 0 0; font-size: 14px;
	color: #666;
}
/**/





.card-logo-set { width: 14.2%; float: left; position: relative; }


.card-logo-set-image,.card-logo-set-image1 {
	 width: 80%; height: 150px; margin: 0 10%; position: absolute; overflow: hidden;
}



.card-logo-set-image  { opacity: 0.9; transition: 0.9s; }
.card-logo-set-image1 { opacity: 0; transition: 0.9s; }

.card-logo-set:hover > a .card-logo-set-image1 {
	opacity: 1; transition: 0.4s;
}
.card-logo-set:hover > a .card-logo-set-image {
	opacity: 0; transition: 0.4s;
}





.card-block10 {
	width: 44.9%; height: 170px; float: left; overflow: hidden; margin: 20px 1%; padding: 0 3% 0 0;
	border-right: solid 1px #DDD;
}
.card-block10_ {
	width: 94.9%; height: 195px; float: left; overflow: hidden; margin: 0 1%; padding: 0 3% 0 0;
	border-right: solid 1px #DDD;
}

.card-block10-st1 {
	width: 39.8%; float: left; padding:  0 5%;
	border-right: solid 1px #EFEFEF;
}
.card-block10-st2 {
	width: 50%; float: left;
}

.card-block10-text-title {
	padding: 0 10%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color: #333; font-weight: normal;
	/*text-transform:uppercase;*/
}

.card-block10-text-subtitle {
	padding: 0 10%; margin: 0 0 15px 0;
	font-size: 16px; line-height: 18px; color: #999; font-weight: normal;
}

.card-block10-text-des {
	padding: 0 10%; margin: 7px 0;
	font-size: 16px; line-height: 20px; color: #666;
}

.card-block10-link {
	padding: 0 10%; margin: 15px 0 0 0;
	color: #0c58a0;
}



.card-block11 {
	width: 94.9%; height: 200px; float: left; overflow: hidden; margin: 20px 1%; padding: 0 3% 0 0;
	border-right: solid 1px #DDD;
}

.card-block11-st1 {
	width: 24.8%; float: left; padding-right: 2%;
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
}
.card-block11-st2 {
	width: 47.8%; float: left;
	border-right: solid 1px #EFEFEF;
}
.card-block11-st3 {
	width: 23%; float: left;  padding-left: 2%;
}

.card-block11-text-title {
	padding: 0 7%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color: #333; font-weight: normal;
	/*text-transform:uppercase;*/
}

.card-block11-text-subtitle {
	padding: 0 7%; margin: 0 0 15px 0;
	font-size: 16px; line-height: 18px; color: #999; font-weight: normal;
}

.card-block11-text-des {
	padding: 0 7%; margin: 7px 0;
	font-size: 16px; line-height: 20px; color: #666;
}

.card-block11-link {
	padding: 0 7%; margin: 15px 0 0 0;
	color: #0c58a0;
}

.card-block11-text-caption {
	padding: 0 7%; margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 64px; line-height: 64px; color: #333; font-weight: normal;
}



/*New gen*/
.card-video {
	width: 97%; height: 400px; float: left; overflow: hidden; margin: 10px 0 10px 1.5%;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.card-video_ {
	width: 47%; height: 220px; float: left; overflow: hidden; margin: 10px 1.5%;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.card-video_:hover { cursor: pointer; } 

.card-video-image {
	height: 400px; position: relative; margin: 0; overflow: hidden;
}
.card-video-image_ {
	height: 220px; position: relative; margin: 0; overflow: hidden;
}



.card-video-image picture img { margin-left: -10%; }

.card-video-image-text {
	width: 80%; height: 90%; position: absolute; float: left; bottom: 0; padding: 5% 10%; display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(20,20,20,0) 20%, rgba(20,20,20,0.6) 80%);
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
	transition: 0.3s;
}

.card-video-text-title,.card-video-text-title2 {
	margin: 3px 0;
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 22px; color: #FFF; font-weight: normal;
	transition: 0.3s;
}
.card-video-text-title2 { font-size: 23px; line-height: 26px; }

.card-video-text-subtitle {
	margin: 0 0 5px 0; font-style: italic; transition: 0.4s;
	font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; color: #FFF; font-weight: normal;
}

.card-video-text-des {
	margin: 7px 0;
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #CCC;
	transition: 0.5s;
}

.card-video-link {
	margin: 7px 0;
	font-size: 15px; color: #FFA64D;
}

.card-video-text-caption {
	float: right; padding: 0 0 0 20px; margin: 7px 0;
	font-size: 24px; line-height: 26px; color: #FFA64D;
}

.card-video-image-text:hover { background: linear-gradient(180deg, rgba(20,20,20,0) 20%, rgba(20,20,20,0.4) 80%); transition: 0.3s; }

.card-video-image-text:hover > div .section-title3 {
	-webkit-transform:translate(0, -5px);  transform: translate(0, -5px); opacity: 0; transition: 0.15s;
}
.card-video-image-text:hover > div .card-video-text-title {
	-webkit-transform:translate(0, 8px);  transform: translate(0, 8px); transition: 0.15s;
}
.card-video-image-text:hover > div .card-video-text-title2 {
	-webkit-transform:translate(0, 8px);  transform: translate(0, 8px); transition: 0.15s;
}
.card-video-image-text:hover > div .card-video-text-subtitle {
	-webkit-transform:translate(0, 8px);  transform: translate(0, 8px); opacity: 0; transition: 0.3s;
}
.card-video-image-text:hover > div .card-video-text-des {
	-webkit-transform:translate(0, 8px);  transform: translate(0, 8px); transition: 0.3s;
}
.video-cover { transition: 0.3s; }
.card-video-image:hover > .video-cover, .card-video-image_:hover > .video-cover {
	transform: scale(1.02); transition: 0.3s;
}





.card-info {
	width: 31.2%; /*height: 150px;*/ overflow: hidden; margin: 30px 1% 0px 1%; border-right: solid 1px #E0DFDF;
}

.card-info1{
	width: 21%; /*height: 150px;*/ overflow: hidden; margin: 30px 1% 0px 1%; border-bottom: solid 1px #E0DFDF; float: right;
}


.card-info-text-title {
	margin: 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 46px; line-height: 48px; color: #0093e0; font-weight: normal;
	transition: 0.3s;
}

.card-info-text-subtitle {
	margin: 0 0 15px 0;
	font-family:  "Oxygen-bold", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; color: #222; /*08345e*/ font-weight: normal;
}
.card-info-text-subtitle1{
	margin: 0 0 10px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; color: #222; /*08345e*/ font-weight: normal;
}

.card-info-add {
	width: 18%; min-height: 150px; overflow: hidden; margin: 30px 1% 50px 1%;
}
.card-info-text-title-add {
	margin: 5px 0 7px 0;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 24px; line-height:26px; color: #0b4e8c; font-weight: normal;
	transition: 0.3s;
}





.card-agenda {
	width: 100%; min-height: 50px; float: left; overflow: hidden; margin: 5px 0 5px 0; /*border-bottom: solid 1px rgba(255,255,255,0.2);*/
}
.card-agenda-text-title {
	margin: 7px 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23px; color: #FFF; font-weight: normal;
}

.card-agenda-text-subtitle {
	margin: 0;
	font-size: 17px; line-height: 22px; color: #FFF; font-weight: normal; opacity: 0.8;
}

.card-agenda-image-text {
	width: 20%; height: 2px; margin-bottom: 7px;
	background-color: #E30054;
}


.card-agenda_ {
	width: 100%; min-height: 50px; float: left; overflow: hidden; margin: 5px 0 5px 0; /*border-bottom: solid 1px rgba(255,255,255,0.2);*/
}
.card-agenda-text-title_ {
	margin: 7px 0;
	font-family:  "Oxygen-bold", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23px; color: #08345e; font-weight: normal;
}

.card-agenda-text-subtitle_ {
	margin: 0;
	font-size: 18px; line-height: 22px; color: #0c58a0; font-weight: normal; opacity: 0.8;
}

.card-agenda-image-text_ {
	width: 20%; height: 1px; margin-bottom: 7px;
	background-color: #DDD;
}




.card-press {
	width: 100%; min-height: 50px; float: left; overflow: hidden; margin: 5px 0 5px 0; padding-bottom: 15px; border-bottom: solid 1px rgba(255,255,255,0.1);
}
.card-press-text-title {
	margin: 2px 0 ;
	font-family:  "OfficinaSansStd-bold", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 23px; color: #FFF; font-weight: normal;
}

.card-press-text-subtitle {
	margin: 0;
	font-size: 16px; line-height: 18px; color: #FFF; font-weight: normal; opacity: 0.8;
}

.card-press_{
	width: 100%; min-height: 50px; float: left; overflow: hidden; margin: 5px 0 5px 0; padding-bottom: 15px; border-bottom: solid 1px rgba(0,0,0,0.1);
}
.card-press-text-title_{
	margin: 2px 0 ;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #08345e; font-weight: normal;
}
.card-press-text-title__{
	margin: 3px 0 ;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 26px; color: #08345e; font-weight: normal;
}

.card-press-text-subtitle_{
	margin: 0;
	font-size: 16px; line-height: 18px; color: #0c58a0; font-weight: normal; opacity: 0.8;
}
.card-press_st1{
	width: 5%; min-height: 50px; float: left;
}
.card-press_st2{
	width: 93%; min-height: 50px; margin-left: 2%; float: left;
}




.card-social {
	width: 100%; min-height: 50px; float: left; overflow: hidden; margin: 5px 0 15px 0; padding-bottom: 15px;
}
.card-social-text-title {
	margin: 7px 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #FFF; font-weight: normal;
}

.card-social-text-subtitle {
	margin: 0;
	font-size: 19px; line-height: 22px; color: #FFF; font-weight: normal; opacity: 0.8;
}

.card-social-text-des {
	margin: 0;
	font-size: 16px; line-height: 18px; color: #FFF; font-weight: normal; opacity: 0.8;
}




.card-color {
	width: 84%; height: auto; overflow: hidden; margin: 10px 2%; padding: 30px 7%;
	background-color: #074571; /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
}




.section-home-presentation {
	width: 90%; min-height: 200px; float: left; padding: 40px 4%; margin: 0 1%;
	background-color: #0c58a0; border: solid 1px #EEE; border-left: none; border-right: none; border-radius: 5px;
}
.section-home-presentation_{
	width: 90%; min-height: 100px;  padding: 26px 4%; margin: 10px 1%; float: left;
	border: solid 1px #E0DFDF; border-left: none; border-right: none;
}

/*
.section-home-company {
	width: 100%; height: 370px; float: left; margin: 0; padding: 230px 0 0 0; display: flex; align-items: flex-end;
	background-color: #EEE;
}*/

.section-home-company_{
	width: 100%; min-height: 300px; float: left; margin: 0; padding: 0 0 130px 0; display: flex; align-items: flex-end;
	background-color: #1C2227;/*#1C2227*/
	background: url("img/logo_background.jpg");
}

.section-home-company___{
	width: 100%; min-height: 270px; float: left; margin: 0; padding: 0 0 150px 0; display: flex; align-items: center;
	background-color: #F3F3F3; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.section-home-company__{
	width: 100%; min-height: 300px; float: left; margin: 0; padding: 0 0 130px 0; display: flex; align-items: flex-end;
	background-color: #1C2227;/*#1C2227*/
	background: url("img/logo_background1.jpg");
}


.section-home-stat {
	width: 100%; min-height: 200px; float: left; padding: 40px 0 60px 0; margin: 20px 0;
	background-color: #053556;
}
.section-home-stat1 {
	width: 100%; min-height: 200px; float: left; padding: 40px 0 60px 0; margin: 20px 0;
	background-color: #23225C;
}


.section-home-presence {
	width: 100%; min-height: 200px; float: left; padding: 40px 0 20px 0; margin: 70px 0;
	/*background-color: #063557;*/
	background: url("img/presence_background.jpg");
}
.section-home-presence_ {
	width: 100%; min-height: 200px; float: left; padding: 40px 0 20px 0; margin: 70px 0;
	background: url("img/presence_background_.jpg");
}
.section-home-presence1{
	width: 100%; min-height: 200px; float: left; padding: 40px 0 20px 0; margin: 70px 0;
	background: url("img/presence_background1.jpg");
}
.section-home-presence1_{
	width: 100%; min-height: 200px; float: left; padding: 40px 0 20px 0; margin: 70px 0;
	background-color: #FFF;
}



/*Add*/

/*
.section-presence-center {
	width: 100%; min-height: 200px; float: left; margin: 70px 0;
	background: url('../img/pix_presence-center.jpg'); background-size: cover; background-position: top center;
}*/

.section-presence-center {
	width: 33%; height: 670px; float: left;  padding: 0 0 0 0; margin: 70px 0;
	background: url('../img/pix_presence-center.jpg'); background-size: cover; background-position: top center;
}

.section-presence-west {
	width: 33%; height: 670px; float: left;  padding: 0 0 0 0; margin: 70px 0;
	background: url('../img/pix_presence-west.jpg'); background-size: cover; background-position: top center;
}
.section-presence-north {
	width: 33%; height: 670px; float: left; padding: 0 0 0 0; margin: 70px 0;
	background: url('../img/pix_presence-north.jpg'); background-size: cover; background-position: top center;
}

.section-presence-st {  width: 25.3%; /*height: 52%;*/ padding: 20px 2%; margin: 0 2%; float: left; border-bottom: none;  /*rgba(5,55,92,0.92);*/  }

.section-presence-st1 { width: 40%; height: 100%; float: right; padding: 5% 5% 2% 5%; margin: 50px 10% 50px 10%; background-color: rgba(5,55,92,0.92);  }





/*.section-home-presence2{
	width: 100%; min-height: 200px; float: left; padding: 40px 0 20px 0; margin: 70px 0;
	background-color: #EEE;
}*/

.section-contacts {
	width: 88%; min-height: 200px; float: left; padding: 60px 5% 40px 5%; margin: 10px 1% 100px 1%;
	background-color: #FFF; border: solid 1px #E0DFDF; border-radius: 5px;
}
.section-contacts1 {
	width: 100%; min-height: 200px; float: left; padding: 40px 0 80px 0; margin: 70px 0;
	/*background: url("img/presence_background1.jpg");*/
}

.section-contacts-st1 {
	width: 65%; margin-right: 5%; float: left;
}
.section-contacts-st2 {
	width: 24%; padding-left: 5%; float: left; border-left: solid 1px #E0DFDF;
	font-family: "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 28px; color: #222; font-weight: normal;
}

/**/



/*Add*/

.section-section1,.section-section1_ {
	width: 90%; min-height: 200px; float: left; margin: 40px 0 50px 0; padding: 30px 5%; display: flex; align-items: center;
	/*background: url("../img/pix_chiffre.jpg"); background-size: cover;*/
	background-color: #0b4e8c;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 28px; color: #111;
	transition: 0.3s
}
.section-section1_ { margin: 0 0 40px 0; background: none; background-color: rgb(11, 78, 140, 0.1); color: #0b4e8c; }



.card-section1,.card-section1_,.card-section1__ {
	width: 44%; margin: 10px 3px; padding: 0 0 15px 0; float: left; /*border-bottom: solid 1px rgba(255,255,255,0.2);*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: #FFF; font-weight: normal;
}
.card-section1_ { color: #333; /*border-bottom: solid 1px #DDD;*/ }

.card-section1__ { border-bottom: solid 2px #DDD; }
.card-section3 {
	width: 28.3%; margin: 10px 2.5%; padding: 0 0 15px 0; float: left; /*border-bottom: solid 1px rgba(255,255,255,0.2);*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 23px; color: #FFF; font-weight: normal;
}

.card-section1-st1 { width: 30%; margin-top: 15px; float: left; border-right: solid 1px rgba(255,255,255,0.4); }
.card-section1-st1_{ width: 30%; margin-top: 15px; float: left; /*border-right: solid 1px #CCC;*/ }
.card-section1-st2 { width: 64%; margin-left: 5%; float: left; }


.card-section1-image {
	height: 80px; position: relative; overflow: hidden;
	margin: 0 0 20px 0;
}
.card-section1-image_ {
	height: 60px; position: relative; overflow: hidden;
	margin: 0 0 20px 0;
}

.card-section1-text-title {
	margin: 5px 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #0b4e8c; font-weight: normal;
}

.card-section1-link {
	padding: 0 0; margin: 10px 0 0 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; color: #0c58a0; font-size: 17px;
}




.card-section2 {
	width: 47%; margin: 10px 1.5%; padding: 0 0 20px 0; float: left; border-bottom: solid 1px #DDD;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 26px; color: #FFF; font-weight: normal;
}
.card-section2-st1 { width: 100%; margin-top: 15px; float: left; }
.card-section2-st2 { width: 100%; float: left; }

.card-section2-image {
	height: 270px; position: relative; overflow: hidden;
	margin: 0 0 10px 0;
}

.card-section2-text-title {
	margin: 5px 0 10px 0;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 23px; line-height: 28px; color: #FFF; font-weight: normal;
}

.card-section2-link {
	padding: 0 0; margin: 10px 0 0 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; color: #0c58a0; font-size: 16px;
}


.card-section4 {
	width: 98%; margin: 20px 1%; padding: 0 0 0 0; float: left; border-bottom: solid 1px #DDD;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 27px; color: #222; font-weight: normal;
}
.card-section4-st1 { width: 40%; float: left; }
.card-section4-st2 { width: 56%; margin-left: 4%; float: left; }

.card-section4-text-title {
	margin: 5px 0 10px 0;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 29px; line-height: 34px; color: #034676; font-weight: normal;
}
.card-section4-text-subtitle {
	margin: 5px 0 10px 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 23px; line-height: 32px; color: #034676; font-weight: normal;
}



/**/


/*Add*/
.card-home-agenda_ {
	width: 74%; float: left; margin: 45px 1% 10px 1%; padding: 10px 12% 20px 12%;
	background-color: #0b4e8c;
	color: #FFF;
}

.card-home-social_ {
	width: 74%; float: left; margin: 15px 1% 10px 1%; padding: 10px 12% 20px 12%;
	background-color: #0b4e8c;
}

/**/





.card-home-agenda {
	width: 17%; height: 450px; float: left; margin: 10px 1%; padding: 0 3%;
	background-color: #262262; color: #FFF;
}

.card-home-agenda-white {
	width: 17%; height: 450px; float: left; margin: 10px 1%; padding: 0 3%;
	background-color: #FFF; color: #222;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08);
}

.card-home-press {
	width: 17%; height: 545px; float: left; margin: 10px 1%; padding: 0 3%;
	background-color: #074571;
	color: #FFF;
}
.card-home-press_ {
	width: 40%; height: 450px; float: left; margin: 10px 1%; padding: 0 4%;
	background-color: #063557;
	color: #FFF;
}
.card-home-press-white{
	width: 17%; height: 545px; float: left; margin: 10px 1%; padding: 0 3%;
	background-color: #FFF; color: #333;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08);
}


.card-home-social {
	width: 18%; height: 450px; float: left; margin: 10px 1%; padding: 0 2.5%;
	background-color: #074571; /*#E30054*/
}

.card-home-social__ {
	width: 18%; height: 450px; float: left; margin: 10px 1%; padding: 0 2.5%;
	background-color: #074571;
}
.card-background-color1{ background-color: #1B6194; }






/*Add*/


/*.card-stat-sector,.card-stat-sector_ {
	width: 100%; margin: 10px 0; padding-top: 10px; float: left; border-top: solid 1px #DDD;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 35px; line-height: 50px; color: #0c58a0; font-weight: normal;
}
.card-stat-sector_ { width: 29.3%; margin: 0 2%; }

.card-stat-sector-st1 { width: 12%; float: left; margin-right: 8%; padding-top: 17px; }
.card-stat-sector-st2 { width: 68%; float: left; padding-top: 10px; line-height: 24px; }
.card-stat-sector-text1 {
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; color: #034676; font-weight: normal;
}*/



.card-stat {
	width: 25%; text-align: center;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 34px; color: #FFF; font-weight: normal;
}
.card-stat_ {
	width: 33%; text-align: center;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 34px; color: #FFF; font-weight: normal;
}
.card-stat__ {
	width: 100%; text-align: center; /*border-right: dotted 2px #E0DFDF;*/
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 34px; color: #FFF; font-weight: normal;
}

.card-stat-text1 {
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 40px; color: #50E7EE; font-weight: normal;
}
.card-stat-text2 {
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 37px; line-height: 48px; color: #50E7EE; font-weight: normal;
}
.card-stat-text3 {
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #FFF; font-weight: normal;
}
.card-stat-line1 {
	/*width: 100%; height: 1px; margin: 15px 0;
	background-color: rgba(255,255,255,0.2);*/
	width: 26%; height: 6px; margin: 15px auto;
	background: linear-gradient(90deg, rgba(15,142,199,1) 0%, rgba(0,240,205,1) 100%); border-radius: 8px;
}
.card-stat-line2 {
	/*width: 100%; height: 1px; margin: 15px 0;
	background-color: rgba(255,255,255,0.2);*/
	width: 36%; height: 6px; margin: 15px auto;
	background:  rgba(15,142,199,1); border-radius: 8px;
}

.card-stat-sector,.card-stat-sector_ {
	width: 100%; margin: 0 0 10px 0; padding-top: 0px; float: left; /*border-top: solid 1px #DDD;*/
	font-family:  "Oxygen", Arial, Helvetica, sans-serif; font-size: 35px; line-height: 50px; color: #0b4e8c; font-weight: normal;
}
.card-stat-sector_ { width: 31.3%; margin: 0 1%; }

.card-stat-sector-st1 { width: 12%; float: left; margin-right: 8%; padding-top: 17px; }
.card-stat-sector-st2 { width: 100%; float: left; padding-top: 10px; line-height: 30px; }
.card-stat-sector-text1 {
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; color: #034676; font-weight: normal;
}



.page-fill { padding: 50px; }



.card-ban-new1 {
	width: 30.3%; height: 470px; float: left; overflow: hidden; margin: 10px 1.5% 20px 1.5%; padding-bottom: 30px; border-radius: 1px;
	background-color: #FFF; /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);*/  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); 
}
.card-ban-new1-image {
	height: 210px; position: relative; margin: 0; overflow: hidden;
}

.card-ban-new1-image1 {
	height: 360px; position: relative; margin: 0; overflow: hidden;
}



.card-ban-new1_ {
	width: 47%; /* width: 30.3%; */ height: 405px; float: left; overflow: hidden; margin: 10px 1.5% 20px 1.5%; padding-bottom: 30px;
	/*background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);*/ transition: 0.2s;
	background-color: #FFF; /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);*/ outline: 1px solid #D5D5D5;
}
.card-ban-new1_:hover { /*background-color: rgb(11, 78, 140, 0.001);*/ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); transition: 0.2s; }


.card-ban-new1-color { background-color: rgb(11, 78, 140, 0.05); /*rgb(11, 78, 140, 0.03)*/ outline: 0px solid #D5D5D5; }
.card-ban-new1-color:hover { background-color: rgb(11, 78, 140, 0.01); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); }

.card-ban-new1-color2 { box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12); outline: 1px solid #DDD; }

.card-ban-new1-image_ {
	height: 260px; position: relative; margin: 0; overflow: hidden; transition: 0.2s;
}
.card-ban-new1_:hover > .card-ban-new1-image_ { padding: 10px; transition: 0.2s; }
/*.card-ban-new1_:hover > div .card-ban-image-text {  transition: 0.2s; }*/


.card-ban-new1-text { height: 110px; float: left; /*margin-bottom: 20px;*/ overflow: hidden; }
.card-ban-new1-text-title0 {
	margin: 5px 0;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 32px; line-height: 36px; color: #FFF; font-weight: normal;
}

.card-ban-new1-text-title {
	margin: 15px 10% 5px 10%; /*margin: 15px 10% 5px 10%;*/
	font-family:  "Lato-Bold", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color: #222;/*08345e*/ font-weight: normal;
	transition: 0.3s;
}
.card-ban-new1-text-subtitle {
	margin: 10px 10% 25px 10%;
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 23px; color: #333; font-weight: normal; 
	transition: 0.3s;
}
.card-ban-new1-text-subtitle2 {
	margin: 10px 10% 10px 10%;
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 23px; color: #666; /*rgb(8, 52, 94, 0.8)*/ font-weight: normal; 
	transition: 0.3s;
}

.card-ban-new1-link1 { 
	/*
	width: 100px; padding: 10px 20px; margin: 15px 10% 0 10%;
	background-color: none; border: 1px solid rgb(8, 52, 94, 0.4); border-radius: 5px;
	font-family:  "Oxygen-Semibold", Arial, Helvetica, sans-serif; color: rgb(8, 52, 94, 0.8); font-size: 14px;
	*/
	width: 120px; padding: 10px 20px 10px 0; margin: 15px 10% 0 10%; 
	background-color: none; border: 1px solid transparent;/*DDD*/ border-radius: 5px;
	font-family:  "Lato-Bold", Arial, Helvetica, sans-serif; color: #444; /*rgb(8, 52, 94, 0.8) */ font-size: 14px; transition: 0.1s;
}
.card-ban-new1-link1:hover { 
	padding: 10px 20px; background-color: rgb(8, 52, 94, 0.1); border: 1px solid transparent; color: rgb(8, 52, 94, 1); transition: 0.1s; 
}


/*new gen*/

.card-new-image, .card-new-image_, .card-new-image__, .card-new-image___  {
	height: 380px; position: relative; margin: 0; overflow: hidden;
}
.card-new-image-text,.card-new-image-text_ {
	width: 70.5%; height: 40%; position: absolute; float: left; bottom: 0; padding: 20% 15%; display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,0.5) 70%);
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 40px; line-height: 50px; color: #FFF;
	transition: 0.3s
}
.card-new-image-text_ { background: none; }

.card-ban-new1-link4,.card-ban-new1-link4_ { 
	width: 205px; padding: 14px 20px; margin: 15px 0 0 0; 
	background-color: none; border: 1px solid transparent;/*DDD*/ border-radius: 10px; border: 1px solid #BBB;
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; color: #444; /*#666*/ font-size: 16px; transition: 0.1s;
}
.card-ban-new1-link4:hover,.card-ban-new1-link4_:hover { padding: 14px 30px; color: #222; background-color: #EEE; border: 1px solid rgb(11, 78, 140, 0); }
.card-ban-new1-link4_ { color: #FFF; background-color: none; border: 1px solid #BBB; }


.card-ban-new1-link5 { 
	width: 96%; padding: 30px 2% 25px 2%; margin: 0 0 0 0; float: left;
	background-color: none; border-top: 1px solid #CCC; 
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; color: #666; font-size: 16px; transition: 0.1s;
}
.card-ban-new1-link6 { 
	width: 90%; padding: 30px 5% 15px 5%; margin: 0 0 15px 0; float: left; border-radius: 5px;
	background-color: #FFF; 
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); outline: 1px solid #E7E7E7;
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; color: #666; font-size: 16px; transition: 0.1s;
}
.card-ban-new1-link5:hover { background-color: #F9F9F9; }
.card-ban-new1-link6:hover { background-color: rgb(11, 78, 140, 0.03); }

.card-ban-new1-link5-st1 { width: 95%; float: left; }
.card-ban-new1-link5-st2 { width: 5%; float: left; margin-top: 20px; text-align: right; }


.card-section5 {
	width: 23%; margin: 10px 3px; padding: 0 0 15px 0; float: left; /*border-bottom: solid 1px rgba(255,255,255,0.2);*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: #FFF; font-weight: normal;
}
/**/


.card-ban-new1-link2, .card-ban-new1-link3 { 
	width: 150px; padding: 10px 20px; margin: 15px 10% 0 10%; 
	background-color: none; border: 1px solid #BBB; border-radius: 5px;
	font-family:  "Lato-Bold", Arial, Helvetica, sans-serif; color: #444; font-size: 14px;
}
.card-ban-new1-link2 { display: none; }
.card-ban-new1-link2:hover, .card-ban-new1-link3:hover { padding: 10px 20px; background-color:#EEE; border: 1px solid transparent; /*color: rgb(8, 52, 94, 1);*/ transition: 0.1s;  }



.card-ban-new1-link {
	padding: 5px 0 0 0; margin: 5px 10% 0 10%; 
	font-family:  "Oxygen-Semibold", Arial, Helvetica, sans-serif; color: #0c58a0; font-size: 16px;
}


.card-ban-half-new1 {
	width: 63.6%; height: 470px; float: left; overflow: hidden; margin: 10px 1.5% 20px 1.5%; padding-bottom: 30px; border-radius: 1px;
	background-color: #FFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
}
.card-ban-half-new1-color { 
	/*background-color: rgb(11, 78, 140, 0.08);*/ /*rgb(11, 78, 140, 0.15) #0b4e8c*/
	background-color: rgb(11, 78, 140, 0.07); outline: 1px solid #E7E7E7; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.card-ban-half-new1-st1 {
	width: 50%; float: left; overflow: hidden;
}
.card-ban-half-new1-st2 {
	width: 49.5%; float: left; padding: 5px 0.5% 0 0;
}


.card-ban-halfer-new1 {
	width: 47%; height: 280px; float: left; overflow: hidden; margin: 10px 1.5% 20px 1.5%; padding-bottom: 30px; border-radius: 1px;
	background-color: rgb(11, 78, 140, 0.05); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.card-ban-hover,.card-ban-hover-blue {
	width: 71%; min-height: 200px; float: left; overflow: hidden; margin: 10px 1.5% 20px 1.5%; padding: 50px 3% 50px 3%; border-radius: 1px;
	background-color: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
}

.card-ban-hover-blue {
	background-color: rgba(21, 111, 164, 0.7);
}




.card-ban {
	width: 31.3%; height: 245px; float: left; overflow: hidden; margin: 10px 1% 20px 1%; border-radius: 1px;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.card-ban-half {
	width: 100%; /*height: 345px;*/ float: left; overflow: hidden; margin: 0 0 0 0; border-radius: 1px;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
/*
.card-ban-half-frame {
	width: 47%; height: 620px; float: left; overflow: hidden; margin: 10px 1.5% 20px 1.5%; padding-bottom: 30px; border-radius: 3px;
	background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
}*/
.card-ban-half-frame {
	width: 100%; /*height: 620px;*/ float: left; overflow: hidden; margin: 0 0 0 0; /*padding-bottom: 30px;*/ /*border-radius: 3px;*/
	background-color: #FFF; /*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);*/ border-top: 1px solid #DDD;
}
.card-ban-half-frame-st1 { width: 50%; float: left; transition: 0.3s;}
.card-ban-half-frame-st2 { width: 40%; padding: 25px 5% 0 5%; float: left; }
.card-ban-half-frame:hover > .card-ban-half-frame-st1 { width: 44%; padding: 0 3% 0 3%; transition: 0.3s; }

.card-ban-half-image {
	height: 500px; position: relative; margin: 0; overflow: hidden;
}

.card-ban-half-frame:hover { background-color: #F8F8F8; }


.card-ban-half-frame-color { 
	background-color: rgb(11, 78, 140, 0.05);/*rgb(11, 78, 140, 0.15) #0b4e8c*/ 
	background: linear-gradient(180deg, rgb(255, 255, 255, 1) 0%, #F3F6F9 100%);
}

.card-ban-full {
	width: 98%; height: 450px; float: left; overflow: hidden; margin: 10px 1% 20px 1%; border-radius: 1px;
	background-color: #FFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.card-ban-image {
	height: 245px; position: relative; margin: 0; overflow: hidden;
}
.card-ban-full-image {
	height: 450px; position: relative; margin: 0; overflow: hidden;
}

.card-ban-image-text {
	width: 80.5%; height: 40%; position: absolute; float: left; bottom: 0; padding: 3% 10%; display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(20,20,20,0.4) 70%);
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
	transition: 0.3s
}
.card-ban-image-text1 {
	width: 86.5%; height: 30%; position: absolute; float: left; bottom: 0; padding: 5% 7%; display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(6,38,59,0) 0%, rgba(6,38,59,0.8) 70%);
	/*background: linear-gradient(180deg, rgba(89,150,0,0) 0%, rgba(89,150,0,1.00) 70%);*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
	transition: 0.3s
}
.card-ban-image-text2 {
	width: 86.5%; height: 40%; position: absolute; float: left; bottom: 0; padding: 5% 7%; display: flex; align-items: flex-end;
	background: linear-gradient(180deg, rgba(30,30,30,0) 0%, rgba(30,30,30,0.4) 70%);
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
	transition: 0.3s
}

.card-ban-text-title {
	margin: 2px 0;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 32px; color: #FFF; font-weight: normal;
	transition: 0.3s;
}
.card-ban-text-title1{
	margin: 2px 0;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 36px; line-height: 40px; color: #FFF; font-weight: normal;
	transition: 0.3s;
}


.card-ban-text-subtitle {
	margin: 0 0 10px 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23px; color: #FFF; font-weight: normal;
}

.card-ban-caption {
	width: 20px; height: 20px; position: absolute; right: 0; margin-right: 20px;
}

.card-ban-link {
	width: 100%; padding: 5px 0; margin: 25px 0 0 0; /*border-top: solid 2px #0c58a0 #DB0051;*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; color: #0c58a0; font-size: 17px;
}









/*Add*/

.card-block-new1-area { width: 100%; height: 630px; float: left; }

.card-block-new1,.card-block-new1_ {
	width: 90%;
	height: 500px;
	float: left; overflow: hidden;
	padding: 10px 3% 15px 3%; margin: 15px 2% 0 2%;
	text-align: center; opacity: 0.7; transition: 0.3s;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0); 
}

.card-block-new1:hover { outline: 1px solid #DDD; cursor: pointer; opacity: 1; transition: 0.3s; }

.card-block-new1_color{ background-color: #034676; }

.big { 
	/*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);*/ 
	margin-top: 2px; margin-bottom: 2px; padding-bottom: 60px; opacity: 1; transition: 0.3s; border: solid 1px #FFF; border-radius: 2px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); outline: 1px solid #DDD;
}
.medium { margin-top: 20px; margin-bottom: 20px; padding-bottom: 0; opacity: 0.7; transition: 0.3s; /*animation-delay: .4s;*/ }

.card-block-new1-image {
	width: 100%; height: 250px; position: relative; overflow: hidden;
	margin: 0 auto 15px auto;
}
.card-block-new1-half-image {
	height: 370px; position: relative; overflow: hidden;
	margin: 0 0 20px 0;
}
.card-block-new1-image picture img { /*margin-left: -25%;*/ opacity: 1;  }

.card-block-new1-image-text {
	width: 20%; /*opacity: 0;*/
	position: absolute;
	left: 40%; bottom: 5%;
	padding: 10px 0;
	background-color: rgba(255,9,100,0.9); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); border-radius: 5px;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 21px; color: #FFF;

}

.card-block-new1-text-title {
	margin: 7px 0;
	font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color: #111; font-weight: normal; /*text-transform: uppercase;*/
}

.card-block-new1-text-subtitle {
	margin: 0 0 10px 0;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px; color:#AAA; font-weight: normal; font-style: italic;
}

.card-block-new1-text-des {
	margin: 0 5% 17px 5%; padding: 0 0 10px 0; /*border-top: 1px solid #CCC;*/ /*rgb(11, 78, 140, 0.3)*/
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 23px; color: #555;
}

.card-block-new1-link {
	width: 40%; padding: 10px 10%; margin: 25px auto 0 auto; /*border-top: solid 2px #0c58a0;*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; color: #0c58a0; font-size: 17px;
}


.page-link {
	padding: 5px 0; /*border-top: solid 2px #0c58a0;*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; color: #08345e; font-size: 17px; line-height: 17px;
}





.card-block,.card-block_ {
	width: 21.9%; height: 360px; margin: 15px 0 10px 0; padding: 0 1.5%;
	float: left; /*overflow: hidden;*/ border-right: dotted 1px #BBB;

}
.card-block_ { height: 230px;  }
.card-block-text-title {
	padding: 0 0; margin: 7px 0 10px 0;
	font-family:  "Lato-Bold", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 26px; color: #08345e; font-weight: normal; /*text-transform: uppercase;*/
}
.card-block-text-des {
	padding: 0 0; margin: 7px 0 10px 0;
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #666;
}


.card-block-image {
	height: 135px; position: relative; overflow: hidden;
	margin: 0 0 15px 0;  
	/*box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);*/ border-radius: 2px;
}

.card-block-link {
	padding: 2px 0; margin: 0 0 0 0; /*border-top: 1px solid #CCC;*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; color: #666; font-size: 14px;
}

.card-block1{
	width: 70%; margin: 0 15%;
}

/**/



/*
.card-block2 {
	width: 90%; min-height: 300px; float: left; padding: 5% 5%; display: flex; align-items: center;
	background-color: rgba(9,57,88,1);
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; color: #FFF;
	transition: 0.3s
}
*/



/**/






/*
.card-ban-text-des {
	margin: 7px 0;
	font-size: 16px; line-height: 22px; color: #CCC;
	transition: 0.5s;
}

.card-ban-link {
	margin: 7px 0;
	font-size: 15px; color: #FFA64D;
}

.card-ban-text-caption {
	float: right; padding: 0 0 0 20px; margin: 7px 0;
	font-size: 24px; line-height: 26px; color: #FFA64D;
}
*/

.card-ban-image-text:hover > div .section-title3 {
	-webkit-transform:translate(0, -10px);  transform: translate(0, -10px); opacity: 0; transition: 0.3s;
}
.card-ban-image-text:hover > div .card-ban-text-title {
	-webkit-transform:translate(-20px, 0);  transform: translate(-26px, 0); transition: 0.3s;
}
.card-ban-image-text:hover > div .card-ban-text-des {
	-webkit-transform:translate(-20px, 0);  transform: translate(-26px, 0); transition: 0.5s;
}



.card-ban-full1-image:hover > img { opacity: 1; }



.card-spage-zero{ width: 100%; min-height: 10px; margin: 20px 0; padding: 10px 0; border-bottom: solid 1px rgba(255,255,255,0.4); }
.card-spage-one { width: 100%; min-height: 100px; margin: 0; padding: 10px 0; border-right: solid 1px rgba(255,255,255,0.4); }
.card-spage-two { width: 100%; min-height: 100px; margin: 5px 0; padding: 10px 0; border-right: solid 1px rgba(255,255,255,0.4); }


.title-presentation { font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 50px; line-height: 56px; color: #FFF; font-weight: bold; margin: 10px 0; text-transform: uppercase; }

.title-presentation1 { font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 34px; color: #FFF; font-weight: normal; margin: 10px 0; }

.title-presentation2 { font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 60px; line-height: 36px; color: #FFF; font-weight: normal; margin: 10px 0; }

.text-presentation1 { font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 32px; color: #DDD; margin: 10px 0; }

.card-presentation{
	width: 80%; padding: 30px 10%; margin: 60px 0 10px 0;
	background-color: rgba(34,34,34,0.95); border-radius: 5px;
	font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 23px; line-height: 26px; color: #FFF; font-weight: normal;
}
.card-presentation1 {
	width: 90%; padding: 30px 5%; margin: 20px 0 10px 0;
	/*background-color: rgba(34,34,34,0.95); border-radius: 5px;*/ border: solid 2px rgba(255,255,255,0.7); border-right: none; border-left: none;
	font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 36px; color: #FFF; font-weight: normal;
}
.card-presentation2 {
	width: 38%; min-height: 280px; padding: 40px 4%; margin: 20px 2% 10px 2%; float: left;
	background-color: #2E3588; border-radius: 30px 0 30px 30px; border-right: none; border-left: none;
	font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 26px; color: #FFF; font-weight: normal;
}
.card-presentation3 {
	width: 90%; padding: 30px 5%; margin: 0px 0 10px 0;
	/*background-color: rgba(34,34,34,0.95); border-radius: 5px;*/ border-right: solid 2px rgba(255,255,255,0.5);
	font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 36px; color: #FFF; font-weight: normal;
}
.card-presentation-white {
	width: 80%; padding: 50px 10%; margin: 10px 0;
	background-color: #F4F4F4; border-radius: 10px;
	font-family: "AdobeClean", Arial, Helvetica, sans-serif; font-size: 23px; line-height: 26px; color: #000; font-weight: normal;
}

.card-presentation4 {
	width: 90%; padding: 0 0 20px 0;
	font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 30px; color: #333; font-weight: normal;
}



/*Effects media & animation*/
.barMedia { transform: scale(0.8); }
.barMedia0{  width: 65px; height: 65px; margin-bottom: 20px; border: solid 2px rgba(255,255,255,1);  border-radius: 65px; opacity: 0.9; transition: 0.3s; }
.barMedia {  width: 65px; height: 65px; border: solid 3px rgba(200,200,200,0);  border-radius: 65px; opacity: 1; transition: 0.3s; }
.barMedia1{ width: 45px; height: 3px; background-color: #FFF; -webkit-transform: rotate(25deg) translate(12px, 17px); transform: rotate(25deg) translate(12px, 17px); border-radius: 2px; }
.barMedia2{ width: 45px; height: 3px; background-color: #FFF; -webkit-transform: rotate(-25deg) translate(-12px, 34px); transform: rotate(-25deg) translate(-12px, 34px); border-radius: 2px; }
.barMedia3{ width: 16px; height: 3px; background-color: #FFF; -webkit-transform: rotate(70deg) translate(8px, 16px);  transform: rotate(70deg) translate(8px, 16px); border-radius: 2px; transition: 0.3s; }
.barMedia4{ width: 16px; height: 3px; background-color: #FFF; -webkit-transform: rotate(-70deg) translate(-34px, -1px);  transform: rotate(-70deg) translate(-34px, -1px); border-radius: 2px; transition: 0.3s; }


.barban {  width: 65px; height: 65px; border: solid 3px rgba(200,200,200,0);  border-radius: 65px; opacity: 0.7; transition: 0.3s; }
.barban1{ width: 45px; height: 4px; background-color: rgba(15,142,199,1); -webkit-transform: rotate(25deg) translate(12px, 17px); transform: rotate(25deg) translate(12px, 17px); border-radius: 2px; }
.barban2{ width: 45px; height: 4px; background-color: rgba(0,240,205,1); -webkit-transform: rotate(-25deg) translate(-12px, 33px); transform: rotate(-25deg) translate(-12px, 33px); border-radius: 2px; }


.barblock {  width: 65px; height: 65px; border: solid 3px rgba(200,200,200,0);  border-radius: 65px; opacity: 0.7; transition: 0.3s; }
.barblock1{ width: 30px; height: 4px; background-color: rgba(255,9,100,1); -webkit-transform: rotate(30deg) translate(12px, 17px); transform: rotate(30deg) translate(12px, 17px); border-radius: 2px; }
.barblock2{ width: 30px; height: 4px; background-color: rgba(255,9,100,0.7); -webkit-transform: rotate(-30deg) translate(-13px, 27px); transform: rotate(-30deg) translate(-13px, 27px); border-radius: 2px; }



.card-video-image-text:hover > div .barMedia {  -webkit-transform: scale(1); transform: scale(1); transition: 0.3s; }
.card-video-image-text:hover > div .barMedia .barMedia3{ width: 38px; -webkit-transform: rotate(90deg) translate(23px, 16px); transform: rotate(90deg) translate(23px, 16px); transition: 0.3s; }
.card-video-image-text:hover > div .barMedia .barMedia4{  -webkit-transform: rotate(-90deg) translate(-20px, -10px);  transform: rotate(-90deg) translate(-20px, -10px); opacity: 0; transition: 0.3s;}



.barcolor { background-color: #08345e; }
.bar1, .bar2, .bar3 { width: 31px; height: 5px; background-color: #FFF; /*#083049*/ margin: 5px 0; transition: 0.3s; border-radius: 2px; }

.bar1 { width: 31px; height: 2px; -webkit-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px); }
.bar2 { width: 31px; height: 2px; opacity: 1;}
.bar3 { width: 31px; height: 2px; -webkit-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px); }

.change .bar1 { width: 15px; height: 2px; -webkit-transform: rotate(-45deg) translate(-3px, 0px); transform: rotate(-45deg) translate(-3px, 0px); }
.change .bar2 { width: 31px; height: 2px; }
.change .bar3 { width: 15px; height: 2px; -webkit-transform: rotate(45deg) translate(-3px, 0px); transform: rotate(45deg) translate(-3px, 0px); }


.delay-1 {
animation-delay: .1s;
}
.delay-2 {
animation-delay: .3s;
}
.delay-3 {
animation-delay: .5s;
}
.delay-4 {
animation-delay: .7s;
}
.delay-5 {
animation-delay: .9s;

}
.delay-6 {
animation-delay: 1.1s;
}





.block-font {
	width: 46%; padding: 10px 2%; float: left;
}

/*Line*/
.page-line1{ width: 100%; height: 2px; background-color: #FF0964;}
.page-line2 {
	width: 15%; height: 8px;
	background: linear-gradient(90deg, rgba(15,142,199,1) 0%, rgba(0,240,205,1) 100%); border-radius: 8px;
}
.card-home-line{ width: 20%; height: 4px; background-color: rgba(255,255,255,0.2); /*#FF0964*/ margin: 30px auto; border-radius: 5px; }
.card-home-line1{ width: 20%; height: 2px; background-color: rgba(255,255,255,0.2); margin: 30px auto; border-radius: 5px; }
.card-home-line2{ width: 20%; height: 4px; background-color: #FF0964; /*#FF0964*/ margin: 30px auto; border-radius: 5px; }
.page-line3{ width: 100%; height: 1px; background-color: #E0DFDF;}
.page-line4{ width: 100%; height: 2px; background-color: #E0DFDF;}
.page-line5{ width: 100%; height: 1px; background-color: #E1E1E1;}

.Line  { width: 100%; height: 1px; background-color: #DDDDDD; }
.Line1 { width: 100%; height: 2px; background-color: #DDDDDD; }
.Line2 { width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); }
.Line3  { width: 50%; height: 2px; background-color: #0c58a0; }
.Line4 { width: 100%; height: 1px; background-color: rgba(15,142,199,0.5); }
.Line5 { width: 100%; height: 1px; background-color: rgba(15,142,199,0.5); }
.Line6 { width: 100%; height: 1px; background-color: rgba(255,255,255,0.2); }
.Line7 { width: 100%; height: 1px; background-color: #CCC; }
.Line8 { width: 50%; height: 1px; background-color: #777; }

.Line9 { width: 1px; height: 70px; background-color: #CCC; }


/*BT*/
.formbutton1 { width: 93%; padding: 10px 0 13px 0; border: none; background-color: #6D95BA; border-radius: 4px; font-family: "Oxygen-bold", Arial, Helvetica, sans-serif; color: #FFF; font-size: 16px; }
.formbutton1:hover { background-color: #0b4e8c; cursor: pointer; }

.button{ 
	padding: 10px 20px; margin: 30px 10% 0 10%; background-color: #EEE; border-radius: 3px;  border: none;
	font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #777; font-weight: normal; letter-spacing: 0.5px;
}
.button:hover{ background-color: #0c58a0;/*08345e*/ color: #FFF; cursor: pointer; }


.button2 { 
	padding: 10px 20px; margin: 30px 0 0 0; background-color: #0c58a0; border-radius: 3px;  border: none;
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #FFF; font-weight: normal; letter-spacing: 0.5px;
}
.button2:hover { background-color: #08345e;/*08345e*/ color: #FFF; cursor: pointer; }



/***/
.card-home-block0 {
	width: 98%; margin: 30px 1% 0px 1%;
}

.card-home-block1 {
	width: 48%; margin: 30px 1% 0px 1%;
}

.card-home-block2 {
	width: 48%; height: 200px; overflow: hidden; margin: 30px 1% 0px 1%; float: left;
}

.card-home-block3 {
	width: 23%; height: 200px; overflow: hidden; margin: 30px 1% 0px 1%; float: left;
}








/**/

.card-news-neo {
	width: 92%;
	/*position: relative;*/
	float: left; overflow: hidden;
	margin: 10px 7% 10px 1%; padding: 0 0 15px 0;
	/*border-bottom: solid 1px #E5E5E5;*/
}
.card-news-neo2 {
	width: 42%;
	/*position: relative;*/
	float: left; overflow: hidden;
	margin: 10px 4% 0 4%; padding: 0 0 15px 0;
	/*border-bottom: solid 1px #E5E5E5;*/
}

.card-news-neo-st1 { width: 20%; float: left; }
.card-news-neo-st2 { width: 77%; margin-right: 3%; float: left; }



.card-news-neo-image {
	width: 100%; height: 100px; position: relative; float: left; overflow: hidden; border-radius: 2px;
	margin: 0;
}

.card-news-neo-image picture img { margin-left: -25%;  }

.card-news-neo-image-text {
	width: 20%; /*opacity: 0;*/
	position: absolute;
	left: 40%; bottom: 5%;
	padding: 10px 0;
	background-color: rgba(255,9,100,0.9); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); border-radius: 5px;
	font-family:  "AdobeClean", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 21px; color: #FFF;
}

.card-news-neo-text-title {
	width: 100%; padding: 0 0; margin: 7px 0; float: left;
	font-family:  "Lato-Bold", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; color: #333; font-weight: normal;
	/*text-transform:uppercase;*/
}

.card-news-neo-text-subtitle {
	width: 100%; padding: 0 0; margin: 0 0 5px 0; float: left;
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 18px; color: #999; font-weight: normal;
}

.card-news-neo-text-des {
	width: 100%; padding: 0 0; margin: 7px 0; float: left;
	font-family:  "Lato", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 23px; color: #444;
}

.card-news-neo-link {
	width: 100%; padding: 0 0; margin: 10px 0 0 0;
	font-family:  "Lato", Arial, Helvetica, sans-serif; color: #0c58a0; font-size: 16px;
}


.card-side { 
	width: 100%; padding: 10px 0 10px 0;; margin: 5px 0; float: left;
	font-family:  "Lato", Arial, Helvetica, sans-serif; color: #666; font-size: 14px; line-height: 22px; 
	/*border-bottom: solid 1px #CCC;*/
}
.card-side-bloc { width: 85%; float: left; padding: 0 0 5px 10%; margin: 0 0 0 5%; border-left: solid 1px #CCC; }
.card-side-text-title-section { margin: 20px 0 0 0; font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; color: #222; font-size: 22px; line-height: 24px; }
.card-side-text-title { margin: 10px 0; font-family:  "Oxygen", Arial, Helvetica, sans-serif; color: #333; font-size: 20px; line-height: 24px; }
.card-side-text-subtitle { margin: 10px 0; font-family:  "Oxygen-Bold", Arial, Helvetica, sans-serif; color: #444; font-size: 18px; line-height: 24px; }


/*Footer*/

#footer-light {
	width: 100%; float: left; background-color: rgb(11, 78, 140, 0.05); /*#0b4e8c*/
}

.footer-wrapper{ width: 1300px; margin: auto; }

.footer-light-column {
	width: 13.9%; float: left; padding: 0 4% 0 2%; margin: 30px 0 0 0;
	/*border-right: solid 1px rgba(255, 255, 255, 0.5);*/
}

.footer-light-column-half {
	width: 50%; float: left;
}

.footer-light-column-full {
	width: 100%; float: left; padding: 10px 0 20px 0;
	/*border: solid 1px #E4E4E4; border-left: none; border-right: none;*/
}

.footer-light-title {
	margin: 0;
	font-family: "Oxygen-Bold", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #08345e; font-weight: normal;
}
.footer-light-title1 {
	margin: 0;
	font-family: "Oxygen-Text-Regular", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; color: #08345e; font-weight: normal;
}

.footer-light-text {
	margin: 0;
	font-family: "Oxygen-Text-Regular", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #08345e; font-weight: normal;
}

.footer-light-text1 {
	margin: 0;
	font-family: "Oxygen-Text-Regular", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; color: #08345e; font-weight: normal;
}


.footer-light-items {
	margin: 10px 0;
	padding: 0;
	overflow: hidden;

}

.footer-light-items li {
	float: left; width: 100%;
	list-style-type: none;
}

.footer-light-items li a {

	font-family: "Oxygen-Text-Regular", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; color: #08345e; font-weight: normal;
	display: block; padding: 3px 0;
}


.footer-light-items li a:hover {
	cursor: pointer;
}



/*Add*/

.section-home-company {
	width: 100%; min-height: 130px; float: left; padding: 40px 0 70px 0; margin: 0 0;
	/*background: url('../img/pix_page_new1_1.jpg'); background-size: cover; background-position: top center;*/
	/*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);*/
}
.section-home-new2 {
	width: 100%; min-height: 650px; float: left; padding: 80px 0 0 0; margin: 0 0 20px 0; display: flex; align-items: center;
	background: url('../img/pix_page_new2.jpg'); background-size: cover; background-position: top center; overflow: hidden;
}

 /*new gen*/
 .section-home-new3 {
	width: 100%; min-height: 450px; float: left; margin: 0 0 20px 0; background-color: #F4F4F4;/*#F4F4F4 rgb(11, 78, 140, 0.07)*/
 }
.section-home-new3-st1 {
	width: 94%; min-height: 450px; float: left; padding: 60px 3% 0 3%; display: flex; align-items: center;
	overflow: hidden;
}

.section-home-new3-st2 { width: 24%; min-height: 450px; float: left; padding: 60px 3% 0 3%; display: flex; align-items: center; }

.section-home-split-50 { width: 39.5%; float: left; padding: 0 5% 0 5%; border-right: 1px solid #FFF; }

.card-page { 
	width: 90%; padding: 30px 5% 15px 5%; margin: 0 0 15px 0; float: left; border-radius: 2px; z-index: 100; position: relative;
	background-color: #FFF;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; color: #666; font-size: 16px; transition: 0.1s;
}
.card-page2 { 
	width: 100%; padding: 0 0 0 0; margin: 0 0 20px 0; float: left; z-index: 100; position: relative;
	background-color: #FFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); outline: 1px solid #E7E7E7;
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; color: #666; font-size: 16px; transition: 0.1s;
}
.card-page3 { 
	width: 100%; padding: 0 0 0 0; margin: 0 0 20px 0; float: left; z-index: 100; position: relative;
	background-color: #FFF; /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);*/ outline: 1px solid #D5D5D5;
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; color: #666; font-size: 16px; transition: 0.1s;
}

.card-page4 { 
	width: 100%; padding: 0 0 0 0; margin: 0 0 20px 0; float: left; z-index: 100; position: relative;
	background-color: rgb(11, 78, 140, 0.07); outline: 1px solid #E7E7E7; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	font-family: "Lato-Bold", Arial, Helvetica, sans-serif; color: #666; font-size: 16px; transition: 0.1s;
}

.card-page-margin-top { margin-top: -100px; } 
.card-page-margin-top2 { margin-top: -50px; } 

/**/

.section-home-new4{
	width: 100%; min-height: 400px; float: left; padding: 60px 0 0 0; margin: 0 0 20px 0; display: flex; align-items: center;
	/*background: url('../img/pix_groupe4.jpg'); background-size: cover; background-position: top center;*/ overflow: hidden;
}

.card-block-new2 {
	width: 35%; min-height: 200px; padding: 40px 5%; float: right; background-color: rgba(7,63,104,0.95);
}

.block-groupe1 {
	width: 36%; height: 180px; float: left; padding: 20px 7% 10px 7%; margin: 0 0;
	background-color: rgba(219,0,81,0.9); overflow: hidden;
}
.block-groupe2 {
	width: 36%; height: 180px; float: right; padding: 20px 3% 10px 3%; margin: 0 0;
	background-color: rgba(255,255,255,0.95); overflow: hidden;
}

.block-groupe1_ {
	width: 40%; height: 140px; float: left; padding: 30px 4% 30px 4%; margin-right: 2%; transition: 0.3s;
	/*background-color: rgba(226,6,19,0.97);*/ background-color: rgb(11, 78, 140, 0.5); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.06); overflow: hidden;
}
.block-groupe1_:hover { background-color: rgb(11, 78, 140, 0.95); transition: 0.3s; }
.block-groupe2_ {
	width: 44%; height: 140px; float: left; padding: 30px 2% 30px 2%; margin-left: 2%; transition: 0.3s;
	/*background-color: rgba(255,255,255,0.97);*/ background-color: rgb(11, 78, 140, 0.8); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.06); overflow: hidden;
}
.block-groupe2_:hover { background-color: rgb(11, 78, 140, 0.95); transition: 0.3s; }

.block-groupe3,.block-groupe4 {
	width: 80%; min-height: 140px; float: left; padding: 30px 10% 30px 10%;
	background-color: rgba(255,255,255,0.97); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.06); overflow: hidden;
}
.block-groupe4 { background-color: rgb(11, 78, 140, 0.9); }


.card-block-new1-link1 {
	width: 48%; padding: 10px 0; margin: 5px 1% 0 1%; float: left; /*border-bottom: solid 4px #0c58a0;*/
	font-family:  "Oxygen-Regular", Arial, Helvetica, sans-serif; color: #0c58a0; font-size: 20px; line-height: 34px;
}


.card-groupe-w70 {
	width: 68%; height: auto; margin-right: 2%; padding: 30px 0; float: left; background-color: #FFF;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.06);
}
.card-groupe-w30 {
	width: 28%; height: auto; margin-left: 2%; padding: 30px 0; float: left; background-color: #FFF;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.06);
}

.card-groupe-w100 {
	width: 100%; height: auto; padding: 30px 0; float: left; background-color: rgb(11, 78, 140, 0.07);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.03);
}


/**/