@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@media print {
    .printt {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 12px;
        line-height: 18px;
    }
}
 

body {
	padding:0; margin:0;
	font-family: 'Roboto', sans-serif;
	font-size:16px; line-height:20px;
	background:#fff;
	
}
 
p{ line-height:20px; text-align:justify; font-size:16px;}
ul li{ line-height:16px}
img{border:none}

.img_center{width:200px;margin:0 auto;}

.wrapper
{
	width:100%;
	min-height:10px;
	height:auto;
	margin:0 auto; 
	background:#ededed;  
 
}
.wrapper2
{
	width:100%;
	min-height:10px;
	height:auto;
	margin:0 auto; 
	background:#fff;  
}

.inwrapper{ 
width:1024px;
min-height:10px;
	height:auto;
	margin:0 auto;
	
}
#wrapper
{
	width:1024px;
	min-height:10px;
	height:auto;
	margin:0 auto;
	background:#fff; 
}
.headertop{border-top:4px solid #333}
#header
{
	width:1024px;
	min-height:50px;
	height:auto;
	overflow:hidden; 
	margin:0; padding:0; 
	 
}
img.img-right{ float:right; width:38px;}
.last{border:none;}
.logo{ width:150px; float:left; margin:5px; } .logo img{ width:120px; display:block;}
.head-right{width:840px; min-height:20px; height:auto; overflow:hidden; float:right; margin:0px auto 0 auto; font-family:"Times New Roman", Times, serif }
.head-top-right{ margin:-5px 0 0 0; min-width:50px; width:auto; min-height:10px; height:auto; float:right; padding:5px; background:#fff; color:#fff}
.head-top-right a{ padding:0px 10px; color:#fff; text-decoration:none; font-size:11px; color:#333;}
.head-top-right a:hover{ color:#333;text-decoration:underline}
.head-top-right a.last{ border:none}

.head-top-middle{margin:0 auto; min-width:50px; width:auto; min-height:10px; height:auto; padding:5px;}
.head-top-middle h1{ font-size:28px; color:#006; font-weight:600; text-align:center; margin:5px 0 0 0; padding:0;font-family: 'Roboto', sans-serif;}
.head-top-middle h2{ font-size:18px; color:#006; font-weight:600; text-align:center; margin:5px 0 0 0; padding:0;}
.head-top-middle p{ font-size:16px; color:#006; line-height:24px; font-weight:600; text-align:center; margin:0px 0 0 0; padding:0;font-family: 'Roboto', sans-serif;}
.head-top-middle p a{ text-decoration:none;  color:#006;}
#overlap{ width:250px; font-family: 'Roboto', sans-serif; position:absolute; margin:150px 0 0 0px; background:#255691; padding:10px; color:#fff; z-index:99}
#overlap h1{ font-size:16px; padding:8px 5px; margin:0; font-weight:500}

.div-list p a.pdflink{ text-decoration:none; color:#000;}
.div-list p a.pdflink:hover{ text-decoration:underline;}


#menu{ width:100%; background:#006; height:40px; padding:0; margin:0; }
.menu
{
	font-size:12px;
	padding:0;
	width:1024px;
	margin:0 auto;  
}

.menu ul
{
	background:#006;
	height:40px;
	list-style-type:none;
	margin:0 auto;
	padding:0;
}

.menu ul ul
{
	height:0;
	left:0;
	position:absolute;
	top:40px;
	visibility:hidden;
	min-width:120px;
}

.menu ul li
{
	float:left;
	height:30px;
	line-height:30px;
}

.menu ul ul li
{
	border-bottom:1px #ededed solid;
	display:block;
	height:auto;
	line-height:1em;
	position:relative;
	width:auto;z-index:99;
}

.menu a,.menu a:visited
{
	background:#006;
	color:#fff;
	display:block;
	float:left;
	font-size:13px;
	height:100%;
	padding:5px 18px 5px 18px;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
}
.menu ul li a{border-right:1px solid #ededed;}
.menu ul ul li a{border-right:none;}
.menu ul li a.last{border-right:none}

.menu a.current
{
	background:#fff; color:#000;
}

.menu ul ul a,.menu ul ul a:visited
{
	background:#006;
	color:#fff;
	display:block;
	height:100%;
	line-height:1em;
	padding:8px 8px;
	width:160px;
	font-size:12px;
	line-height:16px;
}

.menu ul table ul a,.menu ul table ul a:visited
{
	min-width:12em;
}

.menu table
{
	font-size:1em;
	left:0;
	position:absolute;
	top:0;
	z-index:-1;
}

.menu ul ul table
{
	left:-1px;
}

.menu ul ul table ul.left
{
	margin-left:2px;
}

.menu li:hover
{
	position:relative;
}

* html .menu a:hover
{
	position:relative;
}

.menu ul ul ul a,.menu ul ul ul a:visited
{
	background:#255691;
}

.menu ul ul ul ul a,.menu ul ul ul ul a:visited
{
	background:#B0C4DE;
}

.menu ul :hover a.sub1
{
	background:#B0C4DE;
}

.menu ul ul :hover a.sub2
{
	background:#fff;
}

.menu a:hover
{
	
	color:#000;background:#fff;
}

.menu :hover > a
{
	
	color:#000;background:#fff;
}

.menu ul ul a:hover
{
	
	color:#000;background:#fff;
}

.menu ul ul :hover > a
{
	
	color:#000;background:#fff;
}

.menu ul ul ul a:hover
{
	background:#fff;
}

.menu ul ul ul :hover > a
{
	background:#fff;
}

.menu ul ul ul ul a:hover
{
	background:#eee;
}

.menu ul ul ul
{
	left:14em;
	top:0;
	min-width:14em;
}

.menu ul ul ul.left
{
	left:-14em;
}

.menu ul li:hover ul,.menu ul a:hover ul
{
	background:transparent url(images/trans.gif);
	height:auto;
	padding-bottom:3em;
	visibility:visible;
}

.menu ul :hover ul ul
{
	visibility:hidden;
}

.menu ul :hover ul :hover ul ul
{
	visibility:hidden;
}

.menu ul :hover ul :hover ul
{
	visibility:visible;
}

.menu ul :hover ul :hover ul :hover ul
{
	visibility:visible;
}
a.more{ float:right;}

/*  Designed by : Deepak Naik   */


#slider{ width:100%; min-height:50px; height:auto; border-top:0px solid #ccc; z-index:100; margin:5px auto 0 auto; border-radius:5px;}

#slider img{ margin:0; padding:0;}
#main{ width:98%; min-height:400px; height:auto; overflow:hidden; margin:5px auto; padding:10px 0 10px 0}
#main p{ font-size:14px;font-family: 'Roboto', sans-serif;}
.footer{width:100%; background:#000; }
#footer{width:1024px; margin:0 auto; }

.foot-top{ width:1024px; min-height:50px; height:auto; overflow:hidden; background:url(../images/bg3.jpg); padding:5px 0 0 0; }
.foot-bottom{  width:1024px; min-height:50px; height:auto; overflow:hidden;padding:0 0 5px 0; margin:5px 0 0 0; }
.foot{min-height:5px; height:auto; padding:5px 20px; color:#fff; text-align:center; font-size:11px; background:#000; margin:0 auto;}
.foot p a{color:#fff; text-decoration:none;  } .foot p{ text-align:center; font-size:12px;}

.foot-div{}

.foot-div-1 .last{ border:none}

.foot-div-1 ul{ list-style:none; padding:0; margin:0}
.foot-div-1 ul li{padding:5px 0; margin:0; border-bottom:1px solid #ccc;}
.foot-div-1 ul li a{color:#333; text-decoration:none;}
.foot-div-1 ul li a:hover{text-decoration:underline;}

.foot-div{ width:230px; min-height:50px; height:auto; float:left; margin:5px; border-right:1px solid #ccc}
.foot-div-1{ width:500px; min-height:50px; height:auto; border-right:1px solid #ccc; float:left; margin:5px}
.foot-div-1 h2{ color:#333; padding:0 10px; font-size:18px; margin:0;}
.foot-div-1 p{ color:#333; padding:0 10px; text-align:justify; font-size:12px;}
.foot-div h2{ color:#333; padding:0 10px; font-size:18px; margin:0;}

.foot-div img{ width:40px;}



.foot-div ul{ list-style:none; padding:0 15px;}
.foot-div ul li{ padding:2px;}.foot-div ul li a{ color:#333; text-decoration:none;}.foot-div ul li a:hover{ text-decoration:underline}

.last{border:none}

.portfolioFilter{ width:240px; min-height:100px; height:auto; float:left; margin:5px 0 0 5px;  border:1px solid #ededed;}
.portfolioContainer{width:775px; min-height:100px; height:auto; float:right;   overflow:hidden}
.portfolioFilter ul{ list-style:none; margin:0 0 0 -40px;}
.portfolioFilter ul li{ list-style:none; border-bottom:1px solid #ededed; padding:10px; margin:0;}
.portfolioFilter ul a{ }
.portfolioFilter ul li.last{ border:none}

/* isotope css */

.portfolioFilter a { 
    margin-right: 10px; 
	color:#666;
	text-decoration:none;
}

.portfolioFilter a.current { 
    font-weight:bold;
	color:#255691;
}


img {
    margin:5px;
}

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/* isotope css */

.banner-overlap{ position:absolute; margin:30px 0 0 0px; padding:10px; min-width:100px; width:auto; background:#255691; color:#fff;}
.banner-overlap h1{ font-size:18px; margin:0; font-weight:600;}
.main-left{ width:23%; min-height:100px; height:auto; float:left; border:1px solid #ededed; margin:0 5px; border-radius:3px;behavior:url(pie/PIE.htc);}
.main-right{width:74%; min-height:300px; height:auto; float:right; border:1px solid #ededed; margin:0 5px; border-radius:3px;behavior:url(pie/PIE.htc);}
.main-right p{ font-size:14px;}
.main-right ul li{ padding:5px;}
.main-middle{ width:508px; min-height:300px; height:auto; float:left; border:1px solid #ededed; margin:0 5px; border-radius:3px;behavior:url(pie/PIE.htc);}

.main-left .title h2{ text-align:center}
.main-right2{width:240px; min-height:300px; height:auto; float:right; border:1px solid #ededed; margin:0 5px; border-radius:3px;behavior:url(pie/PIE.htc);}

.main-middle p,.main-right2 p{ padding:0 10px;}
.main-middle p{ font-size:14px; text-align:justify;}
.font14{ font-size:14px;}
.div-contact{ padding:0 20px;}

.contact-form{
	float:left;
	width:100%;
	padding:10px 5px;
}
.contact-form1{
	width:230px;
	margin:-30px auto 0 auto;
}
.formrow1 input.submit{ background:#006; color:#fff; font-size:14px; border-radius:5px; border:1px solid #006; padding:8px 14px; cursor:pointer;}
.formrow1 a{ font-size:12px;}
.formrow
{
	width:98%;
	overflow:hidden;
	margin:5px auto;
}
.formrow1
{
	width:100%;
	overflow:hidden;
	margin:5px 0;
}
.label
{
	width:180px;
	float:left;
	padding:5px;
	font-size:12px;
}
.label1
{
	width:60px;
	padding:5px;
	font-size:12px;
	float:left;
	text-align:right;
}
.label23
{
	width:380px;
	float:left;
	padding:5px;
	font-size:12px;
}
.input1
{
	width:140px;
	float:left;
}

.input1 input
{
	width:140px;
	border:1px solid #ccc;
	padding:5px;
	font-size:12px;
}
.input23 input
{
	width:200px;
	border:1px solid #ccc;
	padding:5px;
	font-size:12px;
}
.input
{
	width:250px;
	float:left;
}

.input input
{
	width:220px;
	border:1px solid #ccc;
	padding:5px;
	font-size:12px;
}
.input select
{
	width:232px;
	border:1px solid #ccc;
	padding:5px;
	font-size:12px;
}

.input23 select
{
	width:210px;
	border:1px solid #ccc;
	padding:5px;
	font-size:12px;
}

.input input.checkbox1
{
	width:180px;
	padding:0px;
	margin:0;
	font-size:12px;
}

.input label.labelc {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.input input.inputc {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

legend{ padding:10px; margin:0;}
.input textarea
{
	width:226px;
	min-height:120px;
	border:1px solid #ccc;
	font-size:12px;
}

.input .submit
{
	min-width:50px;
	width:auto;
	padding:10px;
	margin:0 auto;
	background:#255691;
	color:#fff;
	border:2px solid #255691;
	border-radius:2px;
	behavior:url(pie/PIE.htc);
	text-decoration:none;
	cursor:pointer;
}

.title{ width:100%; border-bottom:1px solid #ededed; margin-bottom:10px}
.title h2{ margin:10px; color:#006; font-size:18px;}
.main-right p{ padding:0 10px; }
.main-right p.content{ font-size:14px; text-align:justify;}
.red{ color:#F00;}
 
#nav li{ background:#000; color:#fff;}

/* styles for desktop */
.tinynav { display: none; float:right; padding:10px; background:#006; color:#fff; border:none; border-radius:5px; border:1px solid #255691; }
.tinynav a{ padding:10px;}




.main-left-content{width:100%; min-height:20px; height:auto; border-bottom:1px solid #ededed; padding:0px 0 0px 0; margin:0; text-align:center}
/*.main-left-content img{width:230px; min-height:30px; height:auto;}*/
.main-left-content p{ padding:0 5px; text-align:justify;}
.last{ border:none}
.main-left ul{ list-style:none; margin:0; padding:10px; text-align:left} .main-left a{ text-decoration:none; line-height:16px}

.div-list{ width:98%; min-height:100px; height:auto; margin:5px auto; overflow:hidden;}
.div-half-list{ width:225px; padding:5px; min-height:130px; float:left;height:130px; margin:5px 9px; border:0px solid #ededed; overflow:hidden; border-radius:5px; box-shadow:0 0 1px 1px #ccc;behavior:url(pie/PIE.htc); background:#fff;}
.list-top h4{ margin:0; padding:5px; border-bottom:1px solid #ededed; }
.list-bottom a{ text-decoration:none;}
.contact-form table td,.contact-form table th{ padding:5px; text-align:center; min-width:80px; width:auto;}
.contact-form table{ margin:5px 0 15px 0;}.contact-form table th{ background:#ededed;}
.div-executive{ width:150px; height:180px; float:left; overflow:hidden; border:1px solid #ededed; border-radius:5px; margin:10px;}
.exec-pic{ width:100px; min-height:10px; height:auto; margin:0 auto;}
.exec-pic img{ width:100px; height:120px; margin:5px 0 0 0; padding:0;}

.exec-text{ width:150px; min-height:10px; height:auto; text-align:center;}
.title-exec{width:150px; background:#039; padding:5px 10px; margin:0 0 0 -10;}
.title-exec b{ color:#fff;  margin:0; }
#memberlist td{ font-size:10px; min-height:10px; height:auto; min-width:10px; width:auto;}
#memberlist th,#memberlist td{font-size:12px;  min-width:10px; border:1px solid #ededed; text-align:center; width:auto;}
#memberlist select.tableselect{ width:80px;}
.dataTables_info { display: none; }
input.search{ border:1px solid #ccc; padding:3px; margin:5px 0;}
table.exec-members {
    border-collapse: collapse; margin:0 0 10px 0;
}
table.exec-members, table.exec-members th, table.exec-members td {
     border: 1px solid #ededed; padding:10px 5px;font-size:14px;
}
table.exec-members th.desg,table.exec-members td.desg{ width:130px;font-size:12px;}
table.exec-members td{ }
table.exec-members { line-height:20px;}table.exec-members th{ background:#FBFBFB; font-size:14px; font-weight:500;}
.div-list ul{ margin:0; padding:10px;}.div-list ul li a{ text-decoration:none}
#toggle-view {
	list-style:none;	
	font-family:arial;
	font-size:14px;
	margin:0;
	padding:0;
	width:100%;
}

	#toggle-view li {
		margin:5px;
		border:1px solid #ededed;
		position:relative;
		cursor:pointer;
		
	}
#toggle-view h3 {
		margin:0;
		font-size:14px;
		padding:5px;
		color:#333;
		font-weight:500;
		background:#F9F9F9;
	}

	#toggle-view span {
		position:absolute;
		right:15px; top:10px;
		color:#333;
		font-size:15px;
	}
	
	#toggle-view p {
		margin:10px 0;
		display:none;
		text-align:justify;
		font-size:12px;
	}	
	 
	
	.table0 td{ border:none; width:70%;}
	b.oc{ font-size:16px; text-decoration:underline;}
	
	#pass{ width:90%;border:1px solid #ededed;}
	.pass{ width:90%;border:1px solid #ededed;}
	
	.main-left-content ul{ list-style:none; width:100%; margin:0; padding:0;}
	.main-left-content ul li{ padding:10px; border-bottom:1px solid #ededed; font-size:14px;}
	.main-left-content ul li a:hover{ text-decoration:underline;}	.main-left-content ul li.last{ border:none;}
	
	.rbg{ background:#F0F0FF;}
	
	table.noborder td{ border:none; width:230px;}
	
	.div-icon{ width:100px; min-height:150px; height:auto; float:left; margin:15px; border:1px solid #ededed; border-radius:5px; overflow:hidden;}
	.icon{ width:100px; min-height:30px; height:auto;}
	.icon-text{ width:100px; min-height:10px; height:auto; }
	.icon-text p{text-align:center; padding:5px; margin:0;}
	.icon-text p a{ text-decoration:none; color:#333;}
	.icon-text p a:hover{ text-decoration:underline;}
	
	.redbg{ background:#F00; color:#000;}
	.greenbg{ background:#060; color:#000;}
	
	
	.blink_me {
	padding:5px 10px; margin:0 auto;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	text-align:center;
	 font-size:16px;
}

.blink_me2 {
	padding:0 20px; margin:0;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.blinkdiv{padding:8px 0; color:#F00; margin:-80px auto 0px auto; z-index:999; position:absolute; background:#fff; width:50%; min-height:15px; font-size:18px; text-align:center; left:25%; opacity:0.9;}
.blinkdiv2{padding:12px 0; color:#006; margin:130px 0 0 0; z-index:999; text-align:center; position:absolute; background:#fff; width:1010px; min-height:22px; font-size:18px; line-height:30px; float:right;}

.testimonals_yellow{
background:#FFFFE6;
padding:5px; 
border:1px solid #C2BE27;
}

.testimonals_ws_2011{
background:#ffe9e9;
padding:5px; 
border:1px solid #f88d8d;
}

.testimonals_green{
background:#DFFFDF;
padding:5px; 
border:1px solid #048E0F;
}

.testimonals_purple{
background:#EFDFFF;
padding:5px; 
border:1px solid #DBB7FF;
}

.testimonals_td_bg{
background:#d5e3e9;
padding:5px; 
border:1px solid #92b1be;
}

.testimonals_td2_bg{
background:#f1f0f0;
padding:5px; 
border:1px solid #b1aeae;
}

ul.donloadlink{}
ul.donloadlink li,ol.donloadlink li { font-size:14px; padding:5px 0;}
.question{
color:#39659F;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
font-weight:bold;
text-align:justify;
}

.error{ color:#F00;}
b.submitbtn{ background:#006; color:#fff; cursor:pointer; padding:10px;}
p a.btnsubmit{ text-align:center; font-size:14px; background:#006; color:#fff; cursor:pointer; padding:10px; line-height:28px;  border-radius:5px;}
p a.btnsubmit:hover{ text-decoration:underline; }

.iseacpay input{ margin:2px 0;}
.formrow3 input{ width:110px;}.formrow3 select{ width:50px;}
#responsecontainer{ border-top:1px solid #ededed; padding:10px 10px 0 10px; margin:10px 0;}

.formrow .submita,.formrow3 .submita{ padding:5px; border:1px solid #ccc; background:#036; color:#fff; cursor:pointer;}
.formrow3 table#att td{ min-width:10px; width:auto;} .formrow3 table#att{ border:1px solid #ededed;}
.atable table{ width:100%; border:1px solid #ccc; font-size:14px; line-height:18px;}
.atable table td,.atable table th{ border:1px solid #ccc; padding:0px; text-align:left; vertical-align:text-top;}

.atable2 table{ width:80%; border:1px solid #ccc; font-size:12px; line-height:18px;}
.atable2 table td,.atable2 table th{ border:1px solid #ccc; padding:5px; text-align:left; vertical-align:text-top;}


.blogo{ background:#fff; width:100%; border-top:1px solid #ededed;}
.blogo .bimg{ width:50%; margin:0 auto;  }
.blogo .bimg img{ width:100%; border-radius:5px; margin:-10px 0 10px 0; box-shadow:0 0 1px 2px #ccc;}
table#example td{ font-size:12px;}
.foot-div2{ width:49%; min-height:60px; height:auto; float:left; margin:5px 0; text-align:center;   }
.foot-div2 p{ text-align:center;}

.ticker {
  width: 100%;
  margin:0; padding:0px; background:#ededed; color:#333; border-top:1px solid #ccc;border-bottom:1px solid #ccc; font-size:14px;
}

.ticker strong{ background:#F00; padding:7px; color:#fff; font-size:14px; font-weight:500; margin:0 10px 0 0;border-top:1px solid #F00;border-bottom:1px solid #F00;}
.ticker a{ text-decoration:none; color:#333; font-size:14px; }
.ticker a:hover{ text-decoration:underline; color:#00C;}
 /* The HTML list gets replaced with a single div,
    which contains the active ticker item, so you
    can easily style that as well */
.ticker div {
  display: inline-block;
  word-wrap: break-word; padding:5px;
}
 