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

	font-family: 'Markazi Text', serif;
	font-size: 18px;
}
*/
#radio, #checkbox, input[type="checkbox"], input[type="radio"]{
width: 20px !important ;
height: 20px !important ;
}

.link_search{
	text-decoration: none!important;
	color: #000!important;
	background-color:#6bb233!important; 
}

.link_search:hover{
	text-decoration: none!important;
	color: #000!important;
	background-color:#319a23!important; 
}

.link_search:visited{
	text-decoration: none!important;
	color: #000!important;
	background-color:#F36264; 
}



.link{
	text-decoration: none;
	color: #000;
}

.link:hover{
	text-decoration: none!important;
	color: #319a23!important;
}

.link:visited{
	text-decoration: none!important;
	color: #000;
}

.color{
	background-color: #319a23!important;
}
.bg_color{
	background-color: #f0f3f6!important;
}
.top_border {
	border-top: 1px solid  #319a23;
}
.bottom_border{
	border-bottom: 1px solid #319a23;	
}
.bosition{
	position: relative;
	top: -25px;
}
.goup{
	position: relative; 
	top: -15px;
}
.border_wight{
	position: relative;
	border: 3px solid #fff;
	background: #0b8bcd;
	border-radius: 50px;
	height: 65px;
	width: 65px;
	padding-top: 15px;
	color: #fff;
}
 
.rounded_green
{
	position: relative;
	border: 1px solid #2e9b08;
	background: #e6eef8;
	border-radius: 50px;
	height: 65px;
	width: 65px;
	padding-top: 15px;
	color: #2e9b08;
	font-size: 24px;
}

.tetx_titel{
	font-size: 18px;
	/*font-weight: bold;*/
	color: #fff;
	
	padding-bottom: 10px;
}
.text_subtitel{
	font-size: 16px;
	/*font-weight: bold;*/
	color: #fff843;
}
.rounded_econ{
	margin: auto;
	border: 1px solid #fff;
	background: #319a23;
	border-radius: 50px;
	height: 40px;
	width: 40px;
	padding-top: 8px;
	color: #fff;
	position: relative;
	top: -15px;
}
.div1{	 
	background-color: #d852ec;
	height: 200px;
	width: 150px;
	margin: auto;
	box-shadow: 0px 5px 5px rgba(0,0,0,.3);
	border-radius: 5px ;
}

.div2{	 
	background-color: #fd4b4b;
	height: 200px;
	width: 150px;
	margin: auto;
	box-shadow: 0px 5px 5px rgba(0,0,0,.3);
	border-radius: 5px ;
}

.div3{	 
	background-color: #09c6ad;
	height: 200px;
	width: 150px;
	margin: auto;
	box-shadow: 0px 5px 5px rgba(0,0,0,.3);
	border-radius: 5px ;
}

.div4{	 
	background-color: #2e9b08;
	height: 200px;
	width: 150px;
	margin: auto;
	box-shadow: 0px 5px 5px rgba(0,0,0,.3);
	border-radius: 5px ;
}

.link_sub, .link_sub:hover, .link_sub:visited{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.showyoutube{
	border: 2px solid #fd4b4b ;
	background-color: #FFEFDF; 
	box-shadow: 0px 5px 5px rgba(0,0,0,.3);
	border-radius: 5px ;
	margin: auto;
}
/*--------------------- @media --------------------------*/
/* XL For width 992px and larger: */
@media screen and (max-width: 9920px){
	.defwidth {
    	width: 55%;
	}	
	.navbar_width{
		width: 500px;
	}
	.logo_show{
		width: 100%; 
		max-width: 150px; 
		height: auto;
	}
	.show_xl{
		display: inline;
	}
	.show_lg{
		display: inline;
	}
}

/* LG For width 992px and larger: */
@media screen and (max-width: 992px){
.defwidth {
     width: 75%; 
  }	
	.navbar_width{
		width: 100%;
	}
	.logo_show{
		width: 100%; 
		max-width: 110px; 
		height: auto;
	}
	.show_xl{
		display: none;
	}
	.show_lg{
		display: inline;
	}

}

/* MD For width 768px and larger: */
@media screen and (max-width: 768px){
.defwidth {
     width: 85%; 
  }	
	.navbar_width{
		width: 100%;
	}
	.logo_show{
		width: 100%; 
		max-width: 90px; 
		height: auto;
	}
	.show_xl{
		display: none;
	}
	.show_lg{
		display: none;
	}
}

/* SM For width 576px and larger: */
@media screen and (max-width: 576px){
.defwidth {
	width: 100%;
  }		
	.navbar_width{
		width: 100%;
	}
	.logo_show{
		width: 100%; 
		max-width: 70px; 
		height: auto;
	}
	.show_xl{
		display: none;
	}
	.show_lg{
		display: none;
	}

}






/* xl For width 1200px and larger: 
@media only screen and (min-width: 1200px){
.defwidth {
    width: 60%; 
  }	
}
*/
/* Lanquage */
.mynav1-active{
	color: #116706!important;
	background:  #EEF9DA!important;
	border-radius: 3px!important ;
	
}
.mynav_user{
	color: #116706!important;
	background:  #cff6b1!important;
	text-decoration: none!important;
	transition: all .5s;
	border-radius: 3px ;
}
.mynav_user:hover
{
    background: #e6eef8!important; /*#6bb233;*/
	color: #116706!important;
	text-decoration: none!important;
	transition: all .5s;
	border-radius: 3px ; 
}

.mynav1, .mynav2{
	color: #fff!important;
} 
.mynav2:hover{
	color: #116706!important;
}
.mynav1:hover
{
    background: #e6eef8; /*#6bb233;*/
	text-decoration: none!important;
	transition: all .5s;
	border-radius: 3px ;
	 
	 
}
.mynav1:active, .mynav2:active
{
	color: #116706!important;
}
.mynav3:hover
{
    background: #6bb233; /*#;*/
	
	transition: all .5s;
	margin-right: 0px;
}

.bg_green{
	background: #2e9b08!important;
}
.text_green{
	color:  #2e9b08!important;
}
/* FOOTER */
footer{
	background: #2e9b08;
	padding: 5px 0 ;
}
footer .fa
{
	font-size: 25px;
	margin: 25px 10px 10px 10px;
	color:  #fff;
	height: 30px;
	transition: all .8s;
}
footer .fa:hover
{
	font-size: 30px;
}
footer h5
{
	color:  #fff;
	font-weight: normal;
}

.legend {
	/*font-weight: bold;*/
	color: #444;
	padding: 5px 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #2e9b08;
	background-color: #fff; /*#e6eef8;*/
	-moz-box-shadow: 3px 3px 15px #bbb;
	-webkit-box-shadow: 3px 3px 15px #bbb;
	box-shadow: 3px 3px 15px #bbb;
	max-width: 100%;
	width: 230px;
	font-size: 18px;
}
.card_subject
{
	background: #fff!important;
	border: #2e9b08 solid 1px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	/*border-color: #2e9b08;
	box-shadow: 1px 1px 2px #fff inset;*/
	box-shadow: 0px 5px 5px rgba(0,0,0,.3);
}

.border_green
{ 
	border: #2e9b08 solid 1px;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#safi, #safia
{	
	display: none;
}

.image_position
{
	position: relative; 
	top: -65px;
}

iframe {
	max-width: 500px;
	width: 100%;
	min-height: 280px;
	height: auto;   
}

/*    navbar menu     */ 
.mynavsp
{
	color: #FFFFFF;
    background: #6bb233; /*#;*/	
} 

.button_now
{
	background: #116706!important;
	color: #eef9da!important;
	transition: all .2s;
	padding: 3px 10px!important;	 
	border-radius: 3px!important;
}

.button_now:hover
{
    background: #6bb233!important; 
	cursor: pointer;/**/
}

.mynavsubsp
{
    text-decoration: none!important;
	color: #116706!important;
	transition: all .2s;
	padding: 1px 5px!important;	 
}

.mynavsubsp:hover
{
    background: #6bb233; /*#;*/	
	text-decoration: none!important;
	/*border-radius: 5px;*/
	color: #eef9da!important;
	cursor: pointer;
}

.decoration_none
{
    text-decoration: none!important;
	color: #116706!important;
}

.decoration_none:hover
{
    text-decoration: none!important;
	color: #eef9da!important;
}



/*    End of navbar menu     */ 
/*
.accordion {
 }
.accordion:after {
}

*/
.accordion:hover {
  background-color: #6bb233; 
  color: #fff;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/* Plarform */
.plat_container {
  position: relative;
  text-align: center;
  color: white;
}

.plat_bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.plat_top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.plat_top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.plat_bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.plat_centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}