@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato'); /* font-family: 'Lato', sans-serif; */
@import 'https://fonts.googleapis.com/css?family=Ubuntu'; /* font-family: 'Ubuntu', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap'); /*font-family: 'Didact Gothic', sans-serif;*/

@import url('https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap'); /*font-family: 'Lexend Deca', sans-serif;*/


body,html{ font-family: 'Didact Gothic', sans-serif; }
body,h1,h2,h3,h4,h5,ul,ul li,*{ margin:0; padding:0; }
ul li{ list-style-type:none; }
p{ margin:0; } 
a{ outline:none !important; text-decoration:none !important; }

.fluidbody{ width:100%; overflow:hidden;  }
#headerpage{ position:fixed; top:0; left:0; right:0; z-index:999; }

.topheader{ background-color:#000; overflow:hidden; }
.topheader p{ color:#dfdfdf; margin:0; padding:10px 0px; }
.topheader p a{ color:#eee; outline:none; text-decoration:none; margin:0 10px; transition:all linear 0.2s; font-weight: bold; text-transform: uppercase;}
.topheader p a:hover{ color:#e6130e; }

.header{ position:relative; z-index:66; padding:0px 0px; clear:both; background-color:#f3ec18; }
.logo{ margin:auto; padding:10px 0px; }
.logo img{ width:100%; }
.mainmenu{ padding:0px 0px; margin:0px 10px;}
.mainmenu ul{ margin:0; }
.mainmenu > ul > li{ float:left; }
.mainmenu  ul li a{ padding:45px 13px; display:block; color:#333; text-transform: uppercase; font-family: 'Lexend Deca', sans-serif; font-size: 16px;}
.mainmenu ul li:hover > a, #activetab a{ background-color:#ED1E24; color:#fff; }
/*.mainmenu > ul > li > ul{ position:absolute; background-color:#333; display:none; }
.smlmenu{ width:180px; }
.mainmenu ul li ul li a{ font-size:14px; padding:10px 15px; border-top:1px solid #555; display:block; color:#eee; }
.mainmenu ul li ul li:nth-child(1) a{ border-top:none; }*/
.mainmenu ul li ul{ position:absolute; background-color:#333; display:none; text-align:left; padding:0px; }
.mainmenu ul li ul a{ color:#fff; font-size:14px; padding:10px 10px; }
.mainmenu ul li ul li{ border-top:1px solid #555; position:relative; }
.mainmenu ul li ul li:nth-child(1){ border-top:none; }
.mainmenu ul li ul li ul{  margin-left:100%; top:0; width:250px; background-color:#333;}
.respnav{ position:absolute; right:20px; top:10px; }
.respnav i{ font-size:25px; padding:5px 0px; cursor:pointer; color:#000; }
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:5px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#008ACA; color:#fff; }
.cont{ padding:0px 0px; overflow:hidden; position:relative; border-top:1px solid #eee;  background-image:url(../images/page-bg1.jpg); background-size:cover; background-attachment:fixed; }
.chairmcolm{ padding:0px 0px 20px 0px; margin:0px;}
.chairman-desk{ padding:20px;  /*background-color:#fff;*/ }
.chairman-desk h1{ margin:0; color:#ED1E24; font-family: 'Lexend Deca', sans-serif;}
.chairman-desk h2{ margin:0; padding:10px 0px 10px 0px; color:#ED1E24; font-family: 'Lexend Deca', sans-serif;}
.chairman-desk h3{ margin:0; padding:10px 0px 10px 0px; color:#ED1E24; font-family: 'Lexend Deca', sans-serif;}
.chairman-desk h4{ margin:0; padding:10px 0px 0px 0px;}
.chairman-desk h6{ margin:0; padding:0px 0px 10px 0px;color:#ED1E24; font-size:24px; font-family: 'Lexend Deca', sans-serif;}
.chairman-desk p{ padding:2px 0px 0px 0px; font-size:16px;}
.abtmg{ padding:40px 0px 0px 0px;}
.bisc h4{ text-align:center; margin:0px; padding:0px 0px 20px 0px;}
.fiv{padding:6px 0px 0px 0px; margin:0px 0px 0px 0px;}

.welcolm{ background-color:#222; padding:30px 0px; overflow:hidden; }
.welcolm h1{ margin:0; padding-bottom:20px; font-family: 'Ubuntu', sans-serif; color:#fff; }
.welcolm h3{ text-transform:uppercase; margin:0; padding-bottom:10px; font-weight:bold; font-size:20px; color:#fff; font-family: 'Lexend Deca', sans-serif;}
.welcolm p{ color:#fff; }
.welcolm p a{ color:#fff; }
.welcolm img{ width:100px; }
.teamcolm{ overflow:hidden; padding:30px 0px;/* background-image:url(../images/cablebg.jpg);*/  background-repeat:no-repeat ; background-position:center;  }
.teamcont{ padding:50px 20px;}
.teamcont h1{ font-family: 'Ubuntu', sans-serif; color:#ED1E24; }
.dlink{ margin-top:30px; }
.dlink a{ padding:8px 14px; color:#fff; background-color:#EC0D25; }
.dlink a:hover{ color:#fff; background-color:#333; }

.frombackcol{ opacity:0; transform:translateY(200px); z-index:2; }
.fromleftcol{ opacity:0; transform:translateX(-500px); z-index:5; }
.fromrightcol{ opacity:0; transform:translateX(500px); z-index:5; }
.animibacknrml{ opacity:1; transform:translateY(0); }
.animileftnrml{ opacity:1; transform:translateX(0); }
.animirightnrml{ opacity:1; transform:translateX(0); }

.tran01{ -moz-transition:all ease-in-out 0.8s; -webkit-transition:all ease-in-out 0.8s; -o-transition:all ease-in-out 0.8s; -ms-transition:all ease-in-out 0.8s; transition:all ease-in-out 0.8s; }.tran02{ -moz-transition:all ease-in-out 1.0s; -ms-transition:all ease-in-out 1.0s; -o-transition:all ease-in-out 1.0s; -webkit-transition:all ease-in-out 1.0s; transition:all ease-in-out 1.0s; }.tran03{ -moz-transition:all ease-in-out 1.2s; transition:all ease-in-out 1.2s; -ms-transition:all ease-in-out 1.2s; -webkit-transition:all ease-in-out 1.2s; -o-transition:all ease-in-out 1.2s; }.tran04{ -moz-transition:all ease-in-out 1.4s; transition:all ease-in-out 1.4s; -webkit-transition:all ease-in-out 1.4s; -ms-transition:all ease-in-out 1.4s; -o-transition:all ease-in-out 1.4s; }.tran05{ -moz-transition:all ease-in-out 1.6s; transition:all ease-in-out 1.6s; -webkit-transition:all ease-in-out 1.6s; -o-transition:all ease-in-out 1.6s; -ms-transition:all ease-in-out 1.6s; }.tran06{ -moz-transition:all ease-in-out 1.8s; transition:all ease-in-out 1.8s; -o-transition:all ease-in-out 1.8s; -ms-transition:all ease-in-out 1.8s; -webkit-transition:all ease-in-out 1.8s; }
.compllogo { padding:30px 0px; background-color:#eee;}
.compllogo h2{font-family: 'Lexend Deca', sans-serif; color:#ED1E24; margin:0; padding-bottom:20px; }



/*inbanner page */
#inbanner{ position:relative; }
.inerban{ width:100%; }
.insidbntit{ position:absolute; width:100%; bottom:0px; color:#fff;  }
.insidbntit ul li{ font-size:14px; float:left; font-weight:500; text-transform:uppercase; font-family: 'Lexend Deca', sans-serif;}
.insidbntit ul li a{ padding:10px 20px; display:block; background-color:#ee1c25; border-left:1px solid #ddd; color:#fff;  }


.bantit{ position:absolute; bottom:0px;}
.bantit h1{ margin:0px; color:#fff; text-align:center; padding:10px 20px;font-weight:bold;font-family: 'Dosis', sans-serif; font-size:25px; background-color:#c90e0e; border-radius:20px 20px 0px 0px; border-bottom:6px solid #1e32c6; }
.sidenav{ background-color:#d51116; border-right:0px solid #333; padding:0px;}
.sidenav ul{margin-top:-20px;}
.sidenav li {}
.sidenav li a{ font-family: 'Lexend Deca', sans-serif; font-size:16px; color:#eee; padding:8px 10px ; border-bottom:1px solid #eee; display:block; transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }
.sidenav li a:hover{ color:#333; padding-left:20px; background-color:#f9f7f7; }
.side h1{ margin:0; padding:10px 0px 30px 10px; color:#eee; background-color:#000; overflow: hidden; font-family: 'Lexend Deca', sans-serif;}


.smallimg{}
.fc{ width: 80px;margin:auto; margin-bottom:-30px;}
.smallimg h4{color:#fff; padding:24px 0px 14px 0px;margin:0px;  background-color:#ED3237; text-align:center; font-weight:500;}
.smallimg p{color:#333; padding:20px 0px 20px 0px; background-color:#f8c6ab; text-align:center; }
.smallimg2{}
.smallimg2 h4{color:#fff; padding:24px 0px 14px 0px;margin:0px;  background-color:#bd0f8c; text-align:center; font-weight:500;}
.smallimg2 p{color:#333; padding:20px 10px 20px 10px; background-color:#edd6e6; text-align:center; }
.smallimg3{}
.smallimg3 h4{color:#fff; padding:24px 0px 14px 0px;margin:0px;  background-color:#302784; text-align:center; font-weight:500;}
.smallimg3 p{color:#333; padding:20px 10px 20px 10px; background-color:#c3e3f2; text-align:center; }
.smallimg4{}
.smallimg4 h4{color:#fff; padding:24px 0px 14px 0px;margin:0px;  background-color:#019541; text-align:center; font-weight:500;}
.smallimg4 p{color:#333; padding:20px 10px 20px 10px; background-color:#c2d469; text-align:center; }

.tablecol{ padding:0px 0px 0px 0px;}
.tablecol table{ border:1px solid #0fad98; }
.tablecol table tr th{ background-color:#0fad98; }
.tablecol table tr th,.tablecol table tr td{ padding:24px 10px 30px 10px ; font-size:13px; border:1px solid #0fad98;  color:#000; }
.tablecol table tr{ padding:0px 0px 0px 0px;  }
.tablecol table tr td a{ padding:0px 0px; display:block;  }
.tablecol table tr:nth-child(even){ background-color:#0fad98; }

.ulli{}
.ulli li{ position:relative; padding:3px 0px 3px 20px; font-size:16px; color:#333; }
.ulli li:before{ position:absolute; left:0; content:'\f00c';  font-family: 'FontAwesome'; color:#1d97cc; font-size:14px; top:5px;}
.thumb{border:4px solid #333; margin:10px 0px;}
.thumb h4{margin:0px 0px; background-color:#333; color:#fff; text-align: center; padding:10px 10px;}

.thank-col{ padding:0px; width:100%; text-align:center; height:250px; display:table; overflow:hidden; }
.thank-col div{ display:table-cell; vertical-align:middle; text-align:center; width:100%; }
.thank-col h2{ color:#555; }
.thank-col p{ color:#333; font-size:15px;text-align:center; }
 


#footercol{ background-image:url(../images/bg.jpg); background-attachment:fixed; background-size:cover; padding:40px 0px; position:relative; z-index:12; overflow:hidden; clear:both; }
.footermenu h3{  font-size:20px; color:#fff; font-weight:400; font-family: 'Lexend Deca', sans-serif;}
#footercol p{ color:#fff;  font-size:16px; }
.footermenu ul{ padding-right:10px; }
.footermenu ul li{ padding:0px 10px; position:relative; }
.footermenu ul li a{ font-size:13px; color:#fff; border-bottom:1px dotted #aaa; display:block; padding:8px 4px;}
.footermenu ul li:before{ content:'\f105 '; font-family: 'FontAwesome'; color:#eee; font-size:10px; vertical-align:middle; position:absolute; left:0; top:10px; }

.projimg ul{ margin:0; padding:0; }
.projimg ul li{ margin:0; padding:0; }
.projimg h4{ margin:0; padding:0; text-align:center;color:#ED1E24;font-family: 'Lexend Deca', sans-serif;}

#footer{ text-align:center; background-color:#333;  }
#footer p{ margin:0; padding:10px 0px; font-size:13px; color:#eee;}

.fom ul li:before{ display:none; } 
.fom ul li{ margin:0px 0px 10px 0px; font-family: 'Source Sans Pro', sans-serif;  padding:0; position:relative; }
.fom ul li label.error{ position:absolute; top:5px; font-size:12px; right:10px; color:#EB3237; }
.fom ul li input,.fom ul li textarea{ background:#eee; color:#333; }
.fom ul li button { font-family: 'Source Sans Pro', sans-serif; background-color:#333; color:#eee !important;  }

.socialcol{ margin-top:15px; overflow:hidden;}
.socialcol ul li{ padding:0; }
.socialcol ul li:before{ display:none; }
.socialcol ul li a { float:left; border:1px solid #fff; background-color:#fff; margin-right:5px; width:37px; height:35px; text-align:center; display:table; }
.socialcol ul li a i{ vertical-align:middle; display:table-cell; color:#df320a; }

.topfix{ position:fixed; right:20px; bottom:20px;  background-color:#ed1e24; color:#fff;
 z-index:999; text-align:center; border-radius:50px;  -moz-border-radius:50px;  -webkit-border-radius:50px;}
.topfix p{ margin:0; padding:10px; font-weight:bold; font-size:30px;}
.topfix p a{color:#fff;}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 3%;
	right: 3%;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/move-up.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { .mainmenu,.topheader,.side,.sidenav,.fiv,.insidbntit{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; }   }
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu,.topheader,.side,.sidenav,.fiv,.insidbntit{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; }  }
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu,.topheader,.fiv,.insidbntit{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; }  }
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu,.topheader{ display:block;} .fiv{ display:block;}  .respnav{ display:none;} #respo_menu{ display:none; }  }
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu,.topheader{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; }  }