.sponsors {
	background-color: #ebebeb;
	padding-top: 2vh;
	padding-bottom: 2vh;
}
.r_banner{    position: relative;
    z-index: 0;}
.curs {
	cursor: pointer;
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 9999999;
}
.wrapper1 {
	background-image: url(/Files/App_002/images/bg_wrapper1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;

	
	
	overflow: hidden;
	padding:12vh 0;
min-height:100vh
}
.serive_box{clear:both; margin-bottom:30px}
.wrapper2 {
	background-color: #0150ad;
	background-repeat: no-repeat;
	width: 100%;
padding:12vh 0	;

	background-position: bottom;
	overflow: hidden;min-height:100vh
	
}
.wrapper3 {
	background-image: url(/Files/App_002/images/bg_wrapper3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;

padding:12vh 0	;
	overflow: hidden;min-height:100vh
	
}
.cadre {
	position: relative;
	z-index: 9;
}
.cadre:before {
	content: "";
	height: 95%;
	border: 1px solid #ffffff;
	position: absolute;
	top: 55px;
	width: 92%;
	left: 4%;
	z-index: -1;
}
.wrapper1 .cadre:before {
	content: "";
	height: 85%;
	border: 1px solid #ffffff;
	position: absolute;
	top: 55px;
	width: 92%;
	left: 4%;
	z-index: -1;
}
.bloc1 {
	overflow: hidden;
}
.box {
	padding-top: 18vh;
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	line-height: 21px;
}
.box h1 {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: center;
	padding-bottom: 4vh;
}
.blo2 a {
	color: #FFFFFF;
}
.blo2 a:hover {
	color: #FFFFFF;
}
.txt {
	width: 365px;
}
.box_img2 {
	float: right;
}
.img img, .box_img img {
	max-width: 100%;
}
.bloc2 {
	padding-bottom: 4vh;
	overflow: hidden;
}
.link {
	display: block;
	padding-top: 13vh;
	padding-left: 7vw;
}
.link a {
	color: #f8f8f8;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: underline;
}
.link a:hover {
	text-decoration: none;
}
.box_vid h1 {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-bottom: 2vh;
	font-size: 50px;
}
.box_vid {
	background-color: #d0100a;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #FFFFFF;
	line-height: 21px;
	padding: 25px;
	padding-bottom: 5vh;
	padding-top: 5vh;
	transform: translate(-25%);
	float: right;
}
.bloc3 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.box3 h1 {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: center;
	padding-bottom: 4vh;
}
.txt2 {
	width: 80%;
	text-align: center;
}
.link2 {
	display: block;
	text-align: center;
}
.link2 a {
	color: #f8f8f8;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: underline;
}
.box3 {
	padding-top: 12vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	color: #FFFFFF;
	line-height: 21px;
	padding-bottom: 3vh;
	width: 80%;
	margin: 0px auto;
}
.box_img3 {
	/* margin-bottom: 7vh; */
	overflow: hidden;
}
.box_img3 {
}
.top2 {
	display: none;
}
.bloc_service {
	width: 100%;
	overflow: hidden;
	background: #0150ad  url(/Files/App_002/images/servicef.jpg) no-repeat;

	padding-top: 12vh;
	padding-bottom: 12vh;    background-size: cover;min-height:100vh
}
.serv1 h1 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: left;
	padding-bottom: 4vh;
	font-weight: bold;
	font-size: 50px;
}
.txt_serv {
	color: #3d3d3d;
	text-align: justify;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	padding-bottom: 4vh;
	width: 64%;
}
.serv_img {
	color: #0b4499;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-weight: normal;
}
.serv_img2 {
	color: #0b4499;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	text-align: center;
}
.serv_img img {
	max-width: 100%;
	margin-bottom: 1vh;    border: 7px solid #FFFFFF;
}
.serv2 {
	margin-top: 0vh;
	z-index: 0;
	transform: translateX(-60%);
}
.serv_img2{transform: translateY(-21%);}
.serv3 .serv_img{transform: translateY(-40%);}
.box1{margin-top:8%}
.t {
	display: block;
	text-align: center;
	transform: translateX(65%);
}
.t2 {
	display: block;
	text-align: center;
	transform: translateX(10%);
}
.serv1:hover .serv_img, .serv2:hover .t, .serv3:hover .serv_img {
	color: #d0100a;
}
#menu-primary-items {
	width: 255px !important;
}
#menu_principal .RadMenu .rmSlide {
	left: 219px !important;
}
/*------------------------------------------ Responsive ----------------------------------------*/
@media (max-width: 1200px) {
.t2 {
	display: block;
	text-align: center;
	transform: translateX(26%);
}
.serv_img, .serv_img2 {
	font-size: 14px;
}
}
@media (max-width: 991px) {
.wrapper1 {
	min-height: auto;
}
#menu-primary-items {
	width: 255px !important;
}
.link {
	display: block;
	padding-left: 0vw;
	text-align: center;
	padding-top: 0;
	padding-bottom: 7vh;
}
.cadre {
	padding-bottom: 6vh;
}
.cadre:before {
	height: 95%;
}
.bloc3 {
	display: block;
}
.box_vid {
	transform: none;
}
.serv1 h1 {
	text-align: center;
}
.txt_serv {
	width: 100%;
}
.serv_img, .serv_img2 {
	display: block;
	margin-bottom: 3vh;
	font-size: 18px;
}
.serv_img img, .serv_img2 img {
	margin: 0px auto;
	margin-bottom: 1vh;
	display: block;
	text-align: center;
}
.serv2 {
	margin-top: 0vh;
	transform: none;
}
.serv3 .serv_img{
	
	transform: none;
}
.t, .t2 {
	transform: none;
}
.vid {
	height: 250px;
}
.wrapper1 .cadre:before {
	content: "";
	height: 91%;
}
.vid iframe {
	height: 250px;
}
.wrapper2, .wrapper1, .bloc_service {
	min-height: auto;
	padding-top: 3vh;
	padding-bottom: 6vh;
}
}
 @media (max-width: 768px) {
}
@media (max-width: 520px) {
.cat_title, .serv1 h1 {
	font-size: 32px;
}
.cadre:before {
	content: "";
	height: 95%;
	border: 1px solid #ffffff;
	position: absolute;
	top: 55px;
	width: 100%;
	left: 0%;
	z-index: -1;
}
.serv_img img, .serv_img2 img {
	max-width: 100%
}
.serv_img, .serv_img2 {
	font-size: 16px;
}
}
.no_padding {
	padding: 0 !important;
}
.blo2 {
	padding-bottom: 4vh;
	overflow: hidden;
}
.b_img {
}
.b_img img {
	max-width: 100%;
	box-shadow: 0 0px 14px rgba(0,0,0,0.2);
}
.bo {
	padding-top: 16vh !important;
   display: flex;
                      justify-content: center;
	flex-direction: column;
	align-items: flex-start;
	color: #FFFFFF;
	line-height: 21px;
	transform: translateX(8%);
}
.t_cat {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: center;
	padding-bottom: 4vh;
	font-size: 50px;
	font-family: 'Lato', sans-serif;
}
.d_cat {
	width: 365px;
	text-align: justify;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}
@media (max-width: 991px) {
.d_cat {
	width: 90%;
	margin: 0px auto;
}
.t_cat {
	padding-bottom: 6vh;
	padding-top: 5vh;
	font-size: 32px;
}
.bo {
	padding-top: 8vh !important;
}
.bo {
	align-items: center;
	transform: none;
}
}
.serv_img2 img{
    border: 7px solid #FFFFFF;
}













