@import url('https://fonts.googleapis.com/css2?family=Kufam&family=Roboto:ital,wght@0,300;0,400;1,400&family=Urbanist:wght@700&display=swap');

:root {
    --primary-color: #0262AF;
    --secondary-color: #1E1C1D;
    --hover-color: #016FC7;
   --tableheader-color: #B0CFF4;
    ;
  }
  
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5% }
body { font-family: 'Kufam', sans-serif !important; font-size: 13px; line-height: 20px; color: #666; position: relative; -webkit-font-smoothing: antialiased; }
/* Links ---------------------- */
a { color: rgb(0, 128, 255); text-decoration: none; line-height: inherit; }
a:hover { color: #0b5007 }
a:focus { color: rgb(0, 128, 255); outline: none; }
p a,p a:visited { line-height: inherit }
img {border:0px;}
#googlemap img,object,embed { max-width: none }
#map_canvas embed { max-width: none }
#map_canvas img { max-width: none }
#map_canvas object { max-width: none }
/* Reset for strange margins by default on <figure> elements */
figure { margin: 0 }
/* Base Type Styles Using Modular Scale ---------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; font-size: 13px; direction: ltr; }
p { font-size: 13px; line-height: 1.6; margin-bottom: 15px; }
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
::-webkit-input-placeholder { font-size: 12px }
aside p { font-size: 13px; line-height: 1.35; font-style: italic; }
h1,h2,h3,h4,h5,h6 { font-family: 'Kufam', sans-serif !important; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
h1 { font-size: 40px }
h2 { font-size: 37px }
h3 { font-size: 27px }
h4 { font-size: 23px }
h5 { font-size: 17px }
h6 { font-size: 14px }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }
em,i { font-style: italic; line-height: inherit; }
strong,b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-weight: bold; background: #ffff99; }
/* Lists ---------------------- */
ul,ol { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }
ul li ul,ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square,ul.circle,ul.disc { margin-left: 17px }
ul.square { list-style-type: square }
ul.square li ul { list-style: inherit }
ul.circle { list-style-type: circle }
ul.circle li ul { list-style: inherit }
ul.disc { list-style-type: disc }
ul.disc li ul { list-style: inherit }
ul.no-bullet { list-style: none }
ul.large li { line-height: 21px }
ol li ul,ol li ol { margin-left: 20px; margin-bottom: 0; }
/* Blockquotes ---------------------- */
blockquote,blockquote p { color: #6f6f6f; }
blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px;}
blockquote cite { display: block; font-size: 13px; color: #555555; }
blockquote cite:before { content: "\2014 \0020" }
blockquote cite a,blockquote cite a:visited { color: #555555 }
abbr,acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none }
/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important }
@media print { 
	* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
	/* Black prints faster: h5bp.com/s */
	a,
	a:visited { text-decoration: underline }
	a[href]:after { content: " (" attr(href) ")" }
	abbr[title]:after { content: " (" attr(title) ")" }
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content: "" }
	/* Don't show links for images, or javascript/internal links */
	pre,	blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group }
	/* h5bp.com/t */
	tr,img { page-break-inside: avoid }
	img { max-width: 100% !important }
}
/* Requires globals.css */
/* Standard Forms ---------------------- */

*{ margin:0; padding:0;}
body{ font-family: 'Kufam', sans-serif !important; color:#333;}

/*Font Css */

/* @font-face {
    font-family: 'segoe_uilight';
    src: url('../font/segoeuil-webfont.eot');
}
@font-face {
    font-family: 'segoe_uilight';
    src: url('../font/segoeuil-webfont.ttf');
}
@font-face {
    font-family: 'segoe_uiregular';
    src: url('../font/6944955980-webfont.eot');
}
@font-face {
    font-family: 'segoe_uiregular';
    src: url('../font/6944955980-webfont.ttf');
}
@font-face {
    font-family: 'segoe_uisemibold';
    src: url('../font/segoe_ui_semibold-webfont.eot');
}
@font-face {
    font-family: 'segoe_uisemibold';
    src: url('../font/segoe_ui_semibold-webfont.ttf');
}
@font-face {
    font-family: 'segoe_uibold';
    src: url('../font/segoeuib-webfont.eot');
}
@font-face {
    font-family: 'segoe_uibold';
    src: url('../font/segoeuib-webfont.ttf');
} */


/* .fontSegoeRegular {
	font-family:'segoe_uiregular';
}
.fontSegoeLight {	
	font-family:'segoe_uilight';
}
.fontSegoeBold {
	font-family:'segoe_uibold';
}
.fontSegoeSemiBold {
	font-family:'segoe_uisemibold';
} */
 
/* Correct FF custom dropdown height */
@-moz-document url-prefix() { 
	form.custom div.custom.dropdown a.selector { height: 30px }
}
.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px }
/* The Grid ---------------------- */
.row_1 { max-width: 100%; margin: 0 auto; }
<!--PB-94-->
.row { width: 100%; max-width: 1366px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; /* padding: 0 1%; */ position: relative; }
.column.centered,
.columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: left }
[class*="column"] + [class*="column"].end { float: left }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 16.66667% }
/*.three,.row .three { width: 25% }*/
.four,.row .four { width: 33.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100%; max-width:1366px; font-family: 'Kufam', sans-serif !important;}
.row .offset-by-one { margin-left: 8.33333% }
.row .offset-by-two { margin-left: 16.66667% }
.row .offset-by-three { margin-left: 25% }
.row .offset-by-four { margin-left: 33.33333% }
.row .offset-by-five { margin-left: 41.66667% }
.row .offset-by-six { margin-left: 50% }
.row .offset-by-seven { margin-left: 58.33333% }
.row .offset-by-eight { margin-left: 66.66667% }
.row .offset-by-nine { margin-left: 75% }
.row .offset-by-ten { margin-left: 83.33333% }
.push-two { left: 16.66667% }
.pull-two { right: 16.66667% }
.push-three { left: 25% }
.pull-three { right: 25% }
.push-four { left: 33.33333% }
.pull-four { right: 33.33333% }
.push-five { left: 41.66667% }
.pull-five { right: 41.66667% }
.push-six { left: 50% }
.pull-six { right: 50% }
.push-seven { left: 58.33333% }
.pull-seven { right: 58.33333% }
.push-eight { left: 66.66667% }
.pull-eight { right: 66.66667% }
.push-nine { left: 75% }
.pull-nine { right: 75% }
.push-ten { left: 83.33333% }
.pull-ten { right: 83.33333% }
img,object,embed { height: auto }
object,embed { height: 100% }
img { -ms-interpolation-mode: bicubic }
#map_canvas img,.map_canvas img { max-width: none!important }
/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1  }
.row:before,.row:after { content: ""; display: table; }
.row:after { clear: both }
/* Block Grids ---------------------- */
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0 }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both }
.block-grid.three-up { margin: 0 -12px }
.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both }
.block-grid.four-up { margin: 0 -10px }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both }
.block-grid.five-up { margin: 0 -8px }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both }
/* Mobile Block Grids */
@media only screen and (max-width: 767px) { 
	.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
	.block-grid > li { clear: none !important }
	.block-grid.mobile-two-up > li { width: 50% }
	.block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both }
	.block-grid.mobile-three-up > li { width: 33.33% }
	.block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important }
	.block-grid.mobile-four-up > li { width: 25% }
	.block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both }
	.block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both }
}


/* Panels ---------------------- */
.panel { background: #f9f9f9; margin: 0 0 22px 0; padding: 20px; }

/* Element that controls breakpoint, no need to change this ever */
.top-bar-js-breakpoint { width: 960px !important; visibility: hidden; }
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid { width: 100% }
/* Wrapped around .top-bar to make it fixed at the top */
.fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }
/* <nav> */
.top-bar { nowhitespace: afterproperty; height: 45px; line-height: 45px; margin: 0 0 30px; padding: 0; width: 100%; }
/* Firefox Fixes */
@-moz-document url-prefix() { 
	.top-bar ul li .button.small { padding-bottom: 6px }
	.top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; }
}
/* IE8 Fixes */
.lt-ie9 .top-bar ul li a { color: white; display: block; font-weight: bold; font-size: 13px; height: 45px; line-height: 45px; padding: 0 15px; }
.lt-ie9 .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }
.lt-ie9 .top-bar ul li a:hover { color: #cccccc }
.lt-ie9 .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }
.lt-ie9 .top-bar ul li a.active { background: #151515; color: #d9d9d9; }
.lt-ie9 .top-bar ul li.has-dropdown { padding-right: 33.75px }
.lt-ie9 .top-bar ul li.has-dropdown > ul li { padding-right: 0 }


/* CONTENT ---------------------- */
.nomargin { margin-bottom: 0px !important }
.noleftmargin { margin-left: 0px; padding-left: 0px; }
.floatright,.right { float: right }
.left { float: left }
.text-left,.leftalign { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.hide { display: none }
.highlight { background: #ffff99 }
.clear { clear: both }
a:focus { outline: none }
#panel { background: #0a1901; height: auto; color: #fff; padding: 3px 0; position:relative;}
.slide { margin: 0; padding: 0; display: block; }
.btn-slide { text-align: center; width: 20px; height: 10px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; float: right; }
.pics { float: left; margin-right: 10px; }
.infotext { margin: 7px; background:url(../images/phone.jpg) no-repeat left; padding:0 0 0 20px;}
#subheader {  position: relative; padding: 15px 50px; position: relative; }
#subheader p { font-size: 1em; margin-bottom: 0; }
#subheader a { color: #fff; text-decoration: none; }
#subheader a:hover { text-decoration: none; color: #fff; }
.subheadertext {padding:40px 0 60px !important;}
.bread { font-family: 'Kufam', sans-serif !important; margin-top: 8px; font-size: 16px !important; }
.topborder { border-top: 4px solid }
.header { height: 80px }
.logo { margin-top:10px; width:15%; float:left; }
.logo img {max-width: 100%;
height: auto;}
.logo h4 { font-size: 27px }
.hr { height: 36px }
.name { display: none }
.sidebartitle { margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; }
.sectiontitle { background: url(../images/dots.gif) repeat-x scroll 0 0 transparent; background-position: center; margin: 5px 0 25px; min-height: 20px; }
.sectiontitle h4 { font-size: 23px; background:#fff; display: inline; padding-right: 10px; padding-left: 10px; }
.centersectiontitle { background: url(../images/dots.gif) repeat-x scroll 0 0 transparent; background-position: center; margin: 10px 0 25px; min-height: 20px; text-align: center; }
.centersectiontitle h4 { font-size: 23px; background: #fff; display: inline; padding-right: 10px; padding-left: 10px; }
.wrappic { border: 1px solid #CCCCCC; padding: 2px; }
.wrappic:hover { border: 1px solid #CCCCCC; padding: 2px; background: url(../images/wraphover.png) repeat !important; }
.readmore,a.readmore { cursor: pointer; border: 0px; color: #fff; padding: 6px 10px; display: inline; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; display:block; margin:0px 0 5px; }
.readmore:hover,a.readmore:hover { background: #e8410c; color: #fff; }
#footer { background: #151515; color: #666; padding: 0px 0; margin-top:0px; }
#footer a { color: #666; font-size: 12px; }
#footer h1 { font-size: 16px; color: #ccc; margin-bottom: 20px; }
.newsmargin { margin-left: 46px }
#footer .button { box-shadow: none; width: auto; nowhitespace: afterproperty; background: #444; color: #999; cursor: pointer; display: inline-block; font-family: 'Kufam', sans-serif !important; font-size: 13px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 10px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.copyright { background: #0a1901; padding: 7px 0;  color: #444; }
.small { color: #fff; font-size: 11px; }

.optionsbutton {position:fixed;top:250px;right:-4px;border-radius:0px;z-index:100;background: #eee; border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255,255,255,.75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: 'Kufam', sans-serif !important;}
.optionscolor {width:20px;height:20px;border:1px solid #fff; float:left;}

.header_img{width:98%; height:auto; position:relative; margin:.5% auto; max-width:1366x;}
.header_img img{max-width: 100%; height: auto; }
.width{width:98%; height:44px; margin:0 auto; max-width:1366px;
   background: #007DC6;
  /*background: -moz-linear-gradient(top, #2d6b29 0%, #0088c7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d6b29), color-stop(100%, #0088c7));
  background: -webkit-linear-gradient(top, #2d6b29 0%, #0088c7 100%);
  background: -o-linear-gradient(top, #2d6b29 0%, #0088c7 100%);
  background: -ms-linear-gradient(top, #2d6b29 0%, #0088c7 100%);
  background: linear-gradient(to bottom, #2d6b29 0%, #0088c7 100%);*/
}
.sf-menu_2 { float: right;/* width:18%*/; margin-top:5px}
.sf-menu_2 a{padding:0 10px 0 0; float:left; display:block;}
.search_area{width:248px; height:auto; float:left; background:#fff; border:1px #007DC6 solid;
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.75);}
.margin_top{margin:-32px 0 5px;}
.search_area h2{width:246px; height:30px; background:#007DC6; color:#fff; line-height:30px; font-size:14px; font-weight:normal; padding-left:10px; margin:0px;}
.search_input{width:227px; height:30px; border:none; background:url(../../images/input.jpg) no-repeat; padding:0px 0 0 5px; color:#000; font-size:12px; margin:3px 9px 4px; outline:none;}

.date_box{width:232px; height:auto; margin:0 auto 10px; overflow: hidden;}
.date_box p{width:232px; height:auto; margin:0 auto 5px; font-size:13px; color:#565656; font-weight:bold;}
.date_inpt{width:102px; height:30px; background:url(../../images/PB/date.jpg) no-repeat; padding:3px; border:none; color:#00475b;}
.date_BTN{width:102px; height:30px; margin:10px auto 0 50px; background:url(../../images/PB/searchBtn.jpg) no-repeat; border:none; cursor:pointer;}
.newsLatest{width:130px; height:32px; background:url(../../images/line.jpg) no-repeat right; font-family: 'Kufam', sans-serif !important; color:#ffdd77; font-size:14px; float:left; padding:5px 0 0;}

.icon_news{width:80px; height:28px; background:url(../../images/news.png) no-repeat left; display:block; padding-left:30px; color:#00475b; font-size:20px; font-family: 'Kufam', sans-serif !important; font-weight:normal; border-bottom: 1px #000 dotted;
padding-bottom: 33px; margin: 5px 0;   padding: 0px 0px 38px 28px;}


.search_input1{width:227px; height:30px; border:none; background:url(../../images/input.jpg) no-repeat; padding:0px 0 0 5px; color:#00475b; font-size:12px; margin:5px 0px; outline:none;}
.link_bg{width:227px; height:30px; background:url(../../images/link_bg.jpg) no-repeat; padding:5px; margin:5px 0;}
.link_bg a{ text-decoration:none; color:#00475b; font-size:14px;}

.other{width:227px; height:auto; padding:5px;}
.other a{ text-decoration:none; color:#00475b; font-size:14px; padding:7px 5px; display:block;}
.other a:hover{ text-decoration:underline; color:#690000; font-size:14px; padding:7px 5px;}

#page {
	width:225px;
	background-color: #FFF;
}		
		/*--------------------*/
		
		#inputs input {
		  background: #f1f1f1;
		  padding: 6px 5px;
		  margin: 0 0 5px 0;
		  width: 238px;
		  border: 1px solid #ccc;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  -moz-box-shadow: 0 1px 1px #ccc inset;
		  -webkit-box-shadow: 0 1px 1px #ccc inset;
		  box-shadow: 0 1px 1px #ccc inset;
		}
		
		#inputs input:focus {
		  background-color: #fff;
		  border-color: #e8c291;
		  outline: none;
		  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
		  -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
		  box-shadow: 0 0 0 1px #e8c291 inset;
		}
		
		/*--------------------*/
		
		#login #actions {
		  margin: 10px 0 0 0;
		}
		
		#login #submit {		
		  background-color: #018ed3;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#27b3f7), to(#018ed3));
		  background-image: -webkit-linear-gradient(top, #27b3f7, #018ed3);
		  background-image: -moz-linear-gradient(top, #27b3f7, #018ed3);
		  background-image: -ms-linear-gradient(top, #27b3f7, #018ed3);
		  background-image: -o-linear-gradient(top, #27b3f7, #018ed3);
		  background-image: linear-gradient(top, #27b3f7, #018ed3);
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  text-shadow: 0 1px 0 rgba(0,0,0,.5);
		  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
		  border: 1px solid #006394;
		  float: left;
		  height: 30px;
		  padding: 0;
		  width: 100px;
		  cursor: pointer;
		  color: #fff;
		}

		
		#login #submit::-moz-focus-inner {
		  border: none;
		}
		
		#login label {
		  float: right;
		  line-height: 30px;
		}
		
		#login label input {
		  position: relative;
		  top: 2px;
		  right: 2px;
		}
		
		
		/************Login************/

.input{ width:230px; height:auto; padding:5px; color:#999; font-size:12px; border:1px #ccc solid; margin-bottom:10px;
   -moz-box-shadow:    inset 0 0 10px #ccc;
   -webkit-box-shadow: inset 0 0 10px #ccc;
   box-shadow:         inset 0 0 10px #ccc;
   border-radius:0!important;
}
.button {
	border:none;
	outline:none;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding:5px 25px;
    text-shadow: 0 1px 1px #777;
    font-size:16px;
    background:#4797ED!important;
	width:260px!important;
	 border:0!important;
 border-bottom:0!important;
 margin:0px auto!important;
 border-radius:0!important;
}
.button:hover {
    background:#d8d8d8!important;
    color:#666;
    text-shadow:1px 1px 1px #fff;
	border:1px #ccc solid;
}

#rightserach{width:121px; position:absolute; top:5px; right:0; z-index:10;}

.resg_box{width:200px; height:auto; float:right;padding-top:10px; clear: both;}
.resg_box a{ text-decoration:underline;}
.resg_box a:hover{ text-decoration:none;}
.resg_left{width:80px; float:left;}
.resg_right{width:106px; float:right;}

.clientLogo {
	height: auto;
	margin-left: 0px;
	width: 500px;
	float: left;
	margin-top: 5px;
}
.tngclLogo {
	height: auto;
	margin-left: 220px;
	width: 500px;
	float: left;
	margin-top: 5px;
}

.skill_india{
height: auto;
margin-left:0px;
max-width:100px;
float: right; margin-left:90px;
margin-top:5px;}

.clientLogo img, .skill_india img {
max-width: 100%;
height: auto;
}
.c1_logo { margin-top:10px; /*width:39%;*/ float:right; }
.c1_logo img {max-width: 100%;
height: auto;}
.login_row{width:40%; float:left; margin-bottom:10px; text-align:right;}
.login_U{ width:152px; height:24px; float:left; border:0; padding:3px; font-size:12px; background:url(../../images/user.jpg) no-repeat; color:#b5b5b5; margin-right:8px;}


/**slider start**/
.slider-master{
	width:100%;
	height:160px;
	margin:0px;
	padding:0px;
	position:relative;
}
ul.slideshow {
  	width: 100%;
  	height:190px;
  	overflow: hidden;
  	position: relative;
 	 margin: 0 auto;
  	padding: 0;
  }
 
ul.slideshow1 {
  	width: 100%;
  	height:230px;
  	overflow: hidden;
  	position: relative;
 	 margin: 0 auto;
  	padding: 0;
  }

ul.slideshow li {
  	position: absolute;
  	margin: 0;
  	padding: 0;
  	left: 0;
  	right: 0;
  	list-style: none;
 }
ul.slideshow li.show {
  	/*z-index: 500;*/
  }
ul img {
  	border: none;
	width:100%;
 }
 /**************** NEWS--------*/
 .news_box {
  width: 55%;
  margin:0px auto 0;
  float: left;
  padding:0px 0 1% 0;
  position:relative;
}
 .BreakingNewsController{width:100%; overflow:hidden; background:#FFF; height:auto; position:relative;}
.BreakingNewsController .bn-title{display:inline-block; float:left; padding:10px 20px; background:#007DC6; color:#FFF;}
.BreakingNewsController ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:180px; right:50px; -webkit-box-shadow:inset 0 0 20px 5px rgba(235,235,235,235);
box-shadow:inset 0 0 20px 5px rgba(235,235,235,235);}
.BreakingNewsController ul li{list-style:none; padding:10px 20px; display:none;}
.BreakingNewsController ul li a{text-decoration:none; color:#333; display:inline-block; overflow:hidden; padding:0;}
.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:0; bottom:0;}
.BreakingNewsController .bn-arrows span{display:block; width:20px; position:absolute; top:0; bottom:0; cursor:pointer; opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0; background:url(../../images/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px; background:url(../../images/bn-arrows.png) right center no-repeat;}

.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
/**************** NEWS  END*****--------*/



#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  font-size:14px;
  color:#fff;
}
#cssmenu ul li ul li span{color:#000;}
#cssmenu .has-sub ul li:hover a:hover span{color:#fff;}

#cssmenu {
  line-height: 1;
 /* width: 82%;*/
  float:left;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
/*  background: #929292;
  background: -moz-linear-gradient(top, #8F8F8F 0%, #929292 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8F8F8F), color-stop(100%, #929292));
  background: -webkit-linear-gradient(top, #8F8F8F 0%, #929292 100%);
  background: -o-linear-gradient(top, #8F8F8F 0%, #929292 100%);
  background: -ms-linear-gradient(top, #8F8F8F 0%, #929292 100%);
  background: linear-gradient(to bottom, #8F8F8F 0%, #929292 100%);*/
/*background: rgba(65, 65, 65, 1);*/
/*background: -moz-linear-gradient(top, rgba(158,158,158,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(196,196,196,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,158,158,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(196,196,196,1)));
background: -webkit-linear-gradient(top, rgba(158,158,158,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(196,196,196,1) 100%);
background: -o-linear-gradient(top, rgba(158,158,158,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(196,196,196,1) 100%);
background: -ms-linear-gradient(top, rgba(158,158,158,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(196,196,196,1) 100%);
background: linear-gradient(to bottom, rgba(158,158,158,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(196,196,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#c4c4c4', GradientType=0 );*/
  display: block;
  padding: 11px 10px;
  text-decoration: none;
  border-right:1px #fff solid;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  font-size: 12px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fcf31a;
    margin-left: -7px;
}

#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  background: #1d3e4a;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 238px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #7bc2db;
  border-bottom: 1px dotted #fff;
  font-size: 13px;
  filter: none;
  display: block;
  line-height: 140%;
  padding: 7px 10px;
  color: #fff;
  border-right:none;
}
#cssmenu .has-sub ul li:hover a {
  background: #1d3e4a;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #31b7f1;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}


.wid_92{width:92%;}
.datefrom{width:102px; float:left;}
.dateto{width:102px; float:right;}
.to{width:26px; float:left; text-align:center; padding-top:5px;}
@media screen and (max-width: 1300px) { 
.skill_india{max-width: 90px; padding-right:5px; margin-left: 10px;}
.clientLogo {   max-width: 42%;}
}
@media screen and (max-width: 950px) { 
.search_area{width:25%;}
.search_area h2{width:100%;}
.search_input{width:91%; border:solid 1px #ccc; background:none;}
.date_inpt{width:100%; background:none; border:solid 1px #ccc;}
.date_box{width:100%; padding:0 2%;}
.date_box p{width:98%; padding-left:2%;}
.datefrom, .dateto{width:40%;}
.to{width:20%;}
.header_img{height:130px;     margin-bottom: 15px;}
.news_box{width:100%;}

.skill_india{max-width: 90px; padding-right:5px; margin-left: 50px;}
}


@media screen and (max-width: 750px) { 
.header_img{height:80px;}
.search_area{width:100%;}
.search_input {width: 97%;}


}

@media screen and (max-width: 450px) { 
.header_img{height:50px;}

}