@charset "utf-8";
/* CSS Document */
@font-face{font-family:Lato;src:url("fonts/Lato-Italic.ttf") ;font-style:italic}
@font-face{font-family:Lato;src:url("fonts/Lato-Regular.ttf") ;font-style:normal}
@font-face{font-family:EK;src:url("fonts/BalooBhaina2-Regular.ttf") ;font-style:normal}
@font-face{font-family:Jomhuria-Regular;src:url("fonts/Jomhuria-Regular.ttf") ;font-style:normal}
@font-face{font-family:BNaznnBd;src:url("fonts/BNaznnBd.ttf") ;font-style:normal}


.mySlides {display:none}
.sm:hover {background-color:#1D3A92}
.center img { margin-left: auto; margin-right: auto; display: block;}
.center2 { margin-left: auto; margin-right: auto;  display: block; width: 100%}
.top {margin-left: auto; margin-right: auto; display: block;position: relative; vertical-align: top;}
.imgright {position: relative; float: right; ;border-radius: 10px 10px 10px 10px;margin: 50px 20px 20px 50px;}
.imgleft {position: relative; float: left; ;border-radius: 5px 5px 5px 5px;margin: 0px 50px 20px 20px;}
.imgleft2 {position: relative; float: left; ;border-radius: 5px 5px 5px 5px;margin: 0px 40px 30px 00px;width: 50%}
.border_radi {position: relative; float: right; ;border-radius: 5px 5px 5px 5px;margin: 0px 0px 0px 0px;}
.botmar{margin-bottom: 50px}
.w800 {width: 700px;  margin: auto;}

.contact {font-family: "Lato"; Color:#000; font-size:15px; line-height: 150% }
.wcal {font-family: "EK"; color:#fff; font-weight: 300; position: relative; ;font-size: 60px; position:absolute; bottom:0px;left:0; font-style: normal; margin:10px 10px 10px 10px; text-align: left;}
.bcal {font-family: "EK"; color:#000; font-weight: 300; position: relative; ;font-size: 40px; position:absolute; bottom:0px;left:0; font-style: normal; margin:40px 10px 140px 120px; text-align: left;}
.topleft{font-family: "Lato"; color:#fff; font-weight: 300; ; ; position:absolute; top:35px;left:20px; font-style: normal;  text-align: left;font-size: 40px}
.wcal2 {font-family: "EK"; color:#fffd31; font-weight: 300; position: relative;top:0px ;font-size: 30px; font-style: normal; text-align: center;text-shadow: 5px 5px 20px #FFFD31 ;background-color: yellow; vertical-align:baseline;}

.wcal3 {font-family: "EK"; color:#fff; font-weight: 400; position: relative; top:0px; ;font-size: 22px; font-style: normal; text-align: center;text-shadow: 5px 5px 20px #FFFD31 ;background-color:#C5AEAE; vertical-align: middle;}

.wcal4 {font-family: "EK"; color:#fff; font-weight: 300; position: absolute;left: 50px; top:65px; ;font-size: 30px; font-style: normal; text-align: center;text-shadow: 5px 5px 20px #FFFD31 ; vertical-align: middle;}

.wcal5 {font-family: "EK"; color:#fff; font-weight: 300; position: absolute;right: 50px; top:55px; ;font-size: 60px; font-style: normal; text-align: center;text-shadow: 5px 5px 20px #FFFD31 ; vertical-align: middle;}


.wcal6 {font-family: "EK"; color:#fff; font-weight: 300; position: absolute;right: 350px; bottom:200px; ;font-size: 30px; font-style: normal; text-align: center;background-color: #fff ; vertical-align: middle;}

.wcal7 {font-family: "EK"; color:#fff; font-weight: 300; position: absolute;right: 350px; bottom:152px; ;font-size: 30px; font-style: normal; text-align: center;background-color: #fff ; vertical-align: middle;}

.wcal8 {font-family: "EK"; color:#fff; font-weight: 300; position: absolute;right: 350px; bottom:130px; ;font-size: 30px; font-style: normal; text-align: center;background-color: #fff ; vertical-align: middle;}

.wcal9 {font-family: "EK"; color:#fff; font-weight: 300; position: absolute;right: 350px; bottom:174px; ;font-size: 30px; font-style: normal; text-align: center;background-color: #fff ; vertical-align: middle;}

.pd {font-family: "EK"; color:#000; font-weight: 300; position: relative; ;font-size: 10px; position:absolute; bottom:0px;left:0; font-style: normal; ; text-align: center;}


.overview {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; color:#003449
;line-height: 150%;font-size: 20px;position: relative; margin:10px 80px 10px 100px; text-align: left;left:80px;margin-bottom: 200px;margin-top:50px;
}
.overview2 {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; color:#003449
;line-height: 200%;font-size: 20px;position: relative; text-align: left;left:0px;margin-bottom: 10px;margin-top:10px;margin-right: 40px;
}

.overviewh {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; color:#003449
;line-height: 200%;font-size: 30px;position: relative; text-align: left;left:0px;margin-bottom: 10px;margin-top:10px;margin-right: 40px;
}

.pt {font-family: "Lato"; color:#0F3911; font-weight: 200; position: relative; ;font-size: 20px; position:relative; bottom:10px; font-style: italic; margin:10px 80px 10px 40px; text-align: left;line-height: 150%}

.ptf1 {font-family: "Lato"; color:#0F3911; font-weight: 200; position: relative; ;font-size: 25px; position:relative;margin-left: auto; margin-right: auto;  font-style: italic; ; text-align: center;line-height: 150%}

.ph {font-family: "Lato"; color:#0F3911; font-weight: 300; position: relative; ;font-size: 30px; position:relative; bottom:10px; font-style: normal; margin:10px 10px 10px 10px; text-align: left;}

.fl {font-family: "Lato"; color:#0F3911; font-weight: 400; position: relative; ;font-size: 45px; position:relative; bottom:10px; font-style: italic; margin:10px 10px 10px 10px; text-align: left;}


.p1 {font-family: "tahoma"; color:#fff; font-weight: 500; position: relative; ;font-size: 13px; position:relative; bottom:10px;
	margin:inherit auto; text-align: center;}

#table {}
/*
#c1 {background-image:url("5.jpg");background-size: 3572px 306px}
*/

.f1{
	font-family:|"calibri","Tahoma" ; font-size: 18px; vertical-align: middle; font-weight: 500; text-align: left;color: #fff; position:relative;left: 40px;text-shadow: 1px 1px 1px black;
	}
.f2{font-family:"calibri","Tahoma"; color: #fff; font-size: 14px; vertical-align: middle; font-weight: 500; line-height: 50%;text-align: left;position:relative;left: 20px;text-decoration: none;
	}
 a.f2:hover {font-family: "calibri","tahoma"; font-size: 14px; vertical-align: middle; font-weight: 500;color: yellow;background-color: #1D3A92;;
}

	
#f3{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 18px; vertical-align: middle; font-weight: 700;top: 3px;color: #fff; 
	}

#hdr {font-family:"EK", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 18px; vertical-align: middle; font-weight: 700; position: relative; left: 60px;top: 3px;color: #364967;
	}

#hdr2 {font-family:"EK", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 18px; vertical-align: middle; font-weight: 700; position: relative; left: 110px;top: 3px;color:#364967;
	}

#fab {position: relative; left:40px;bottom:8px; vertical-align: middle;}
#fon {position: relative; left:100px;bottom:3px; vertical-align: middle;}

#fa-font-1 {font-family:"Jomhuria-Regular";}
#fa-font-2 {font-family:"BNaznnBd";}
a.a01 {
	background-color:#002F58;
	border-radius:5px;
	border:1px solid #002F58;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:"Lato",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size:17px;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000;
}
a.a01:hover {
	background-color:#fff; color:#003449; text-shadow: 1px 1px 0px #fff;
}
a.a01:active {
	position:relative;
	top:1px;
}

a.a02 {
	background-color:TOMATO;
	border-radius:5px;
	border:1px solid #003449;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:"Lato",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size:17px;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000;
}
a.a02:hover {
	background-color:yellow; color:black; text-shadow: 1px 1px 0px #fff;
}
a.a02:active {
	position:relative;
	top:1px;
}

a.a03 {
	background-color:#000;
	border-radius:3px;
	border:1px solid #003449;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:"Lato",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size:17px;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000;
}
a.a03:hover {
	background-color:#fff; color:black; text-shadow: 1px 1px 0px #fff;
}
a.a03:active {
	position:relative;
	top:1px;}

a.a04 {
	background-color:#002F58;
	border-radius:5px;
	border:1px solid #002F58;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:"Jomhuria-Regular";
	font-size:27px;
	padding:6px 16px 4px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000;
}
a.a04:hover {
	background-color:#fff; color:#003449; text-shadow: 1px 1px 0px #fff;
}
a.a04:active {
	position:relative;
	top:1px;
}

	
#cf {
  position:relative;
  height:150px;
  width:338px;
  margin:0 auto;
}

#cf img {height:150;
  width:338px;
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
     img {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-touch-callout: none;
    }
 @keyframes cfFadeInOut {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#cf img:nth-of-type(1) {
  animation-delay: 6s;
}
#cf img:nth-of-type(2) {
  animation-delay: 4s;
}
#cf img:nth-of-type(3) {
  animation-delay: 2s;
}
#cf img:nth-of-type(4) {
  animation-delay: 0;
}

#cf img.top {
animation-name: cfFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}
.c1 {background-color:#fff;}
#c1 {background-color:#fff;}
#c2 {background-color:#fff; width:15%}
#c3 {background-repeat: no-repeat;
	background-image: url("1000.jpg");background-size:270px 152px  ; background-color:#acf1bd;min-width: 240px;max-width: 240px;}
#c4 {background-color:#d5eef1;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 
		color:#1B4698;}
#c5 {background-color:#002F58; min-width: 750px; }
#c6 {background-color:#fff;width: 15%}
#c7 {background-color:#eaeef0;}
#c8 {background-color:#CBF2BD; vertical-align: top; }
#c9 {background-color:#d5eef1;}
#c10 {background-color:#eaeef0;}
#c11 {background-color:#002F58;}