@media screen and (max-width:55em)  {
	.departement-hb .nav-link{width:50px}
	.tabs label, .tabs2 label , .tabs3 label, .tabs4 label, .tabs5 label, .tabs6 label, .tabs7 label{ padding:2px !important; line-height:15px !important;height:50px !important; margin:0px !important; font-size:10px !important; }
	.content div {padding: 5px 20px !important;}
	.content div p { padding: 5px !important; font-size:16px!important}
	.content div h2,.content div h7{font-size:14px!important;line-height:20px!important;}
	.content div h8{	line-height:20px!important;}
	.content {height:600px !important;margin-top:-600px !important;}
	.content2 {margin-top:-300px !important;}	
	.content3 {margin-top:-400px !important;}
	.content4 {margin-top:-200px !important;}	
	.content5 {margin-top:-250px !important;}	
	.content6 {margin-top:-250px !important;}	
	.content7 {margin-top:-400px !important;}
	.padding-r  {padding-right:0px!important;}
	.myimage{width:95px!important;height:140px!important;}
	.imgpadd{padding:0px!important;}
	.strongt1{padding-left:3%!important;}
	.tab-pd td{font-size:13px!important; min-width:110px!important;}
	}
	.myimage{width:150px;height:217px;}
	.imgpadd{padding-right:20px;}
.pswp__button {background:black;color:#fff ; font-size:50px;}
.p2{background:none;font-size:35px;}
.mdb-lightbox :hover{cursor: pointer;}
.mdb-lightbox p {font-size:20px; text-align:center;}
.rgba-HB{background-color:rgba(28, 35, 49, 0.7)}
.departement-hb {padding-top:20px;padding-bottom:20px;}
.departement-hb .nav-link{text-align:right; text-justify:right;font-size:15px; width:200px}
.departement-hb P{font-size:18px;} 
 p.center{text-align:center; }
.office-hb {padding-top:10px;padding-bottom:20px;  text-align: justify;}
.margin-top{padding-top:70px;}
.title{font-size:20px;font-family: 'AraJozoor-Regular', Tahoma, serif; min-width:30%;color:#41547c;
		background:#dbe7f0; padding:9px; margin-top:-10px;}

.strongt{font-size:20px;font-family: 'AraJozoor-Regular', Tahoma, serif; min-width:100%;color:#41547c;
		background:#dbe7f0; padding:9px; margin-top:-100px;margin-right:-20px}
.t2{margin-top:250px;}
.padding-r {padding-right:500px}
.img-center{  display: block; margin-left: auto;  margin-right: auto;}
.INQUIRY {padding-top:100px;}
.tab-pd {margin-right:20px;margin-left:20px;}
.tab-pd td{font-size:16px; min-width:150px; vertical-align:top;font-size: 16px;line-height: 23px;padding-bottom:10px;}
.tab-pd td:nth-child(odd) {color: #990000;font-weight:bold;}

.tabs label {
	background: #1c2331;
	background:-webkit-linear-gradient(50deg,#4378a3,#1C2331);background:-o-linear-gradient(50deg,#4378a3,#1C2331);background:linear-gradient(40deg,#4378a3,#1C2331);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	width: 20%;
	color: #fff;
	font-weight: bold;
	text-align: right;
	float: right;
	clear: both;
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.tabs label:after {
    content: '';
	background: #1c2331;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;

}

.tabs input:hover + label {
	background: #1c2331;
	cursor:pointer;
}

.tabs label:first-of-type {
    z-index: 7;
}

.tabs input:checked + label {
    background: #dbe7f0;
	z-index: 6;
	color:#1c2331;
}


.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4,
 .tabs input.tab-selector-5:checked ~ .content .content-5,  
 .tabs input.tab-selector-6:checked ~ .content .content-6 ,
 .tabs input.tab-selector-7:checked ~ .content .content-7 ,
 .tabs input.tab-selector-8:checked ~ .content .content-8,
 .tabs input.tab-selector-9:checked ~ .content .content-9,
 .tabs input.tab-selector-10:checked ~ .content .content-10,
 .tabs input.tab-selector-11:checked ~ .content .content-11,
 .tabs input.tab-selector-12:checked ~ .content .content-12  {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
	background: #fff; 
	overflow-y :scroll!important;
	max-height:600px;
}

.clear-shadow {
	clear: both;
}

.content {
    background: #fff;
	position: relative;
	margin: -575px 0 0 0px;
	height:600px;
	z-index: 5;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
	overflow-x :auto;
	overflow-y :hidden;
}
.content div {
    position:absolute;
	top: 0;
	padding: 10px 20px ;
	z-index: 1;
    opacity: 0;
	width:100%;
	height:100%;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
	-webkit-transform: translateY(-450px);
	-moz-transform: translateY(-450px);
	-o-transform: translateY(-450px);
	-ms-transform: translateY(-450px);
	transform: translateY(-450px);
	text-align: justify;
}
.content div strong {font-family: 'Tahoma'!important;}
.content div h2,
.content div h3{
	color: #398080;
}
.content div h7, p h7{
	color: #4d0000;
	font-size:18px;
	line-height:40px;
font-weight:bold;
}
.content div h8, p h8{
	color: #990000;
	font-weight:bold;
	line-height:40px;
}
.content p {
	font-size: 16px;
	line-height: 23px;
	margin: 0;
	color:black;
	padding: 20px;
}
.content div p {
	font-size: 16px;
	line-height: 23px;
	text-align: justify;
	margin: 0;
	color:black;
	padding: 20px;
}
.content a {
	color:black;
}
.content div p b{	font-weight:bold!important}
.tabs2 input.tab-selector-21:checked ~ .content .content-21,
.tabs2 input.tab-selector-22:checked ~ .content .content-22,
.tabs2 input.tab-selector-23:checked ~ .content .content-23,
.tabs2 input.tab-selector-24:checked ~ .content .content-24,
 .tabs2 input.tab-selector-25:checked ~ .content .content-25, 
 .tabs2 input.tab-selector-26:checked ~ .content .content-26 ,
 .tabs2 input.tab-selector-27:checked ~ .content .content-27 ,
 .tabs2 input.tab-selector-28:checked ~ .content .content-28,
 .tabs2 input.tab-selector-29:checked ~ .content .content-29 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
background: #fff;
	overflow-y :scroll!important;
	max-height:600px;
}

.tabs2 label {
	background: #1c2331;
	background:-webkit-linear-gradient(50deg,#4378a3,#1C2331);background:-o-linear-gradient(50deg,#4378a3,#1C2331);background:linear-gradient(40deg,#4378a3,#1C2331);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	width: 20%;
	color: #fff;
	font-weight: bold;
	text-align: right;
	float: right;
	clear: both;
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.tabs2 label:after {
    content: '';
	background: #1c2331;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;

}

.tabs2 input:hover + label {
	background: #1c2331;
	cursor:pointer;
}

.tabs2 label:first-of-type {
    z-index: 7;
}

.tabs2 input:checked + label {
    background: #dbe7f0;
	z-index: 6;
	color:#1c2331;
}

.content2 {
		margin: -290px 0 0 0px;
}

.span-hb{text-align:center ; padding-right:20px!important;color:black}
.tab-p2 td{font-size:16px;padding-right:20px;}
.tabs3 input.tab-selector-31:checked ~ .content .content-31,
.tabs3 input.tab-selector-32:checked ~ .content .content-32,
.tabs3 input.tab-selector-33:checked ~ .content .content-33,
.tabs3 input.tab-selector-34:checked ~ .content .content-34,
 .tabs3 input.tab-selector-35:checked ~ .content .content-35, 
 .tabs3 input.tab-selector-36:checked ~ .content .content-36 ,
 .tabs3 input.tab-selector-37:checked ~ .content .content-37 ,
 .tabs3 input.tab-selector-38:checked ~ .content .content-38 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
background: #fff; 
  	overflow-y :scroll!important;
	max-height:600px;
}

.tabs3 label {
	background: #1c2331;
	background:-webkit-linear-gradient(50deg,#4378a3,#1C2331);background:-o-linear-gradient(50deg,#4378a3,#1C2331);background:linear-gradient(40deg,#4378a3,#1C2331);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	width: 20%;
	color: #fff;
	font-weight: bold;
	text-align: right;
	float: right;
	clear: both;
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.tabs3 label:after {
    content: '';
	background: #1c2331;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;

}

.tabs3 input:hover + label {
	background: #1c2331;
	cursor:pointer;
}

.tabs3 label:first-of-type {
    z-index: 7;
}

.tabs3 input:checked + label {
    background: #dbe7f0;
	z-index: 6;
	color:#1c2331;
}

.content3 {
		margin: -384px 0 0 120px;
}


.tabs4 input.tab-selector-41:checked ~ .content .content-41,
.tabs4 input.tab-selector-42:checked ~ .content .content-42,
.tabs4 input.tab-selector-43:checked ~ .content .content-43,
.tabs4 input.tab-selector-44:checked ~ .content .content-44
{
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
	background: #fff; 
	overflow-y :scroll!important;
	max-height:600px;
}

.tabs4 label {
	background: #1c2331;
	background:-webkit-linear-gradient(50deg,#4378a3,#1C2331);background:-o-linear-gradient(50deg,#4378a3,#1C2331);background:linear-gradient(40deg,#4378a3,#1C2331);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	width: 20%;
	color: #fff;
	font-weight: bold;
	text-align: right;
	float: right;
	clear: both;
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	
}

.tabs4 label:after {
    content: '';
	background: #1c2331;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;

}

.tabs4 input:hover + label {
	background: #1c2331;
	cursor:pointer;
}

.tabs4 label:first-of-type {
    z-index: 7;
}

.tabs4 input:checked + label {
    background: #dbe7f0;
	z-index: 6;
	color:#1c2331;
}

.content4 {
		margin: -190px 0 0 120px;
}


.tabs5 input.tab-selector-51:checked ~ .content .content-51,
.tabs5 input.tab-selector-52:checked ~ .content .content-52,
.tabs5 input.tab-selector-53:checked ~ .content .content-53,
.tabs5 input.tab-selector-54:checked ~ .content .content-54,
 .tabs5 input.tab-selector-55:checked ~ .content .content-55, 
 .tabs5 input.tab-selector-56:checked ~ .content .content-56 
 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
background: #fff; 
	overflow-y :scroll!important;
	max-height:600px;
}

.tabs5 label {
	background: #1c2331;
	background:-webkit-linear-gradient(50deg,#4378a3,#1C2331);background:-o-linear-gradient(50deg,#4378a3,#1C2331);background:linear-gradient(40deg,#4378a3,#1C2331);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	width: 20%;
	color: #fff;
	font-weight: bold;
	text-align: right;
	float: right;
	clear: both;
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.tabs5 label:after {
    content: '';
	background: #1c2331;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;

}

.tabs5 input:hover + label {
	background: #1c2331;
	cursor:pointer;
}

.tabs5 label:first-of-type {
    z-index: 7;
}

.tabs5 input:checked + label {
    background: #dbe7f0;
	z-index: 6;
	color:#1c2331;
}

.content5 {
		margin: -240px 0 0 0px;
}


.tabs6 input.tab-selector-61:checked ~ .content .content-61,
.tabs6 input.tab-selector-62:checked ~ .content .content-62,
.tabs6 input.tab-selector-63:checked ~ .content .content-63,
.tabs6 input.tab-selector-64:checked ~ .content .content-64,
 .tabs6 input.tab-selector-65:checked ~ .content .content-65
 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
background: #fff; 
	overflow-y :scroll!important;
	max-height:600px;
}

.tabs6 label {
	background: #1c2331;
	background:-webkit-linear-gradient(50deg,#4378a3,#1C2331);background:-o-linear-gradient(50deg,#4378a3,#1C2331);background:linear-gradient(40deg,#4378a3,#1C2331);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	width: 20%;
	color: #fff;
	font-weight: bold;
	text-align: right;
	float: right;
	clear: both;
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.tabs6 label:after {
    content: '';
	background: #1c2331;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;

}

.tabs6 input:hover + label {
	background: #1c2331;
	cursor:pointer;
}

.tabs6 label:first-of-type {
    z-index: 7;
}

.tabs6 input:checked + label {
    background: #dbe7f0;
	z-index: 6;
	color:#1c2331;
}

.content6 {
		margin: -240px 0 0 0px;

}

.tabs7 input.tab-selector-71:checked ~ .content .content-71,
.tabs7 input.tab-selector-72:checked ~ .content .content-72,
.tabs7 input.tab-selector-73:checked ~ .content .content-73,
.tabs7 input.tab-selector-74:checked ~ .content .content-74,
.tabs7 input.tab-selector-75:checked ~ .content .content-75 ,
.tabs7 input.tab-selector-76:checked ~ .content .content-76 ,
.tabs7 input.tab-selector-77:checked ~ .content .content-77,
.tabs7 input.tab-selector-78:checked ~ .content .content-78

 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
background: #fff; 
	overflow-y :scroll!important;
	max-height:600px;
}

.tabs7 label {
	background: #1c2331;
	background:-webkit-linear-gradient(50deg,#4378a3,#1C2331);background:-o-linear-gradient(50deg,#4378a3,#1C2331);background:linear-gradient(40deg,#4378a3,#1C2331);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	width: 20%;
	color: #fff;
	font-weight: bold;
	text-align: right;
	float: right;
	clear: both;
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}

.tabs7 label:after {
    content: '';
	background: #1c2331;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;

}

.tabs7 input:hover + label {
	background: #1c2331;
	cursor:pointer;
}

.tabs7 label:first-of-type {
    z-index: 7;
}

.tabs7 input:checked + label {
    background: #dbe7f0;
	z-index: 6;
	color:#1c2331;
}

.content7 {
		margin: -380px 0 0 0px;

}

@media (min-width: 768px) {
.carousel-multi-item-2 .col-md-3 {
float: left;
width: 25%;
max-width: 100%; } }

.carousel-multi-item-2 .card img {
border-radius: 2px; }

.tabs input:checked ~ .content .ttt  {display:none;}
.tabs2 input:checked ~ .content .ttt  {display:none;}
.tabs3 input:checked ~ .content .ttt  {display:none;}
.tabs4 input:checked ~ .content .ttt  {display:none;}
.tabs5 input:checked ~ .content .ttt  {display:none;}
.tabs6 input:checked ~ .content .ttt  {display:none;}
.tabs7 input:checked ~ .content .ttt  {display:none;}
.rt td{padding-left:15px;padding-right:5px;padding-bottom:5px;}