body {
	margin: 0px;
	padding: 0px;
	background-color:#000;
	color:#FF0;
}
h1 {
	
	color: #FF0;
	font-size: 100%;
	font-style: normal;
	margin: 0px;
}
h2 {
	/*/*font-family: Arial, Helvetica, sans-serif;*/
	color: #FFF;
	font-size: 100%;
	font-style: normal;
	margin: 0px;*/
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 20px;
	margin: 0px;
}
h3 {
	/*/*font-family: Arial, Helvetica, sans-serif;*/*/
	color: #FF0;
	font-weight: bold;
	font-size: 100%;
	font-style: normal;
	margin: 0px;
}
h4 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #FF0;
	font-size: 100%;
	font-style: normal;
	margin: 0px;
}
h5 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #FF0;
	font-size: 100%;
	font-style: normal;
	margin: 0px;
}
h6 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #FF0;
	font-size: 100%;
	font-style: normal;
	margin: 0px;
}
img {
	border: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
.main {
	margin: auto;
	width: 982px;
	background: #000;
}
.inner1 {
	float: left;
	display: inline;
	background-color: #000;
}
.tp_align {
	float: left;
	display: inline;
}
.headerarea {
	float: left;
	width: 982px;
}
.tplogo {
	background:url(../images/img_logo_white.png) no-repeat;
	width:279px;
	height:108px;
	float:left;
}
.left {
	float: left;
}
.right {
	float: right;
}
.touchinghearts {
	float: left;
	display: inline;
	margin: 19px 0px 0px 61px;
}
.tp_rightsection {
	float: right;
	width: 470px;
}
.iobhelpline {
	float: left;
	margin:7px 0px 0px 41px;
	background: url(../images/img_24-7.png) no-repeat;
	width: 225px;
	height: 63px;
}
.btnslanguages {
	width:180px;
	float:right;
	display:inline;
	margin:0px 0px 0px 0px;
}
.btnhindiwebsite {
	float: right;
	margin: -25px 0px 0px 5px;
	background: url(../images/btn_hindiwebsite_new.png) no-repeat;
	width: 84px;
	height: 18px;
	z-index:100;
	position:relative;
}
.btntamilwebsite {
	float: right;
	margin: 0px 0px 0px 5px;
	background: url(../images/btn_tamilwebsite_new.png) no-repeat;
	width: 84px;
	height: 18px;
	z-index:100;
	position:relative;
}
.followus {
	float: left;
	margin: 6px 0px 0px 7px;
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 24px;
}
.iconblogger {
	float: right;
	margin: 0px 0px 0px 7px;
	background: url(../images/icon_blogger_new.png) no-repeat;
	width: 26px;
	height: 26px;
}
.iconfacebook {
	float: right;
	margin: 0px 0px 0px 7px;
	background: url(../images/icon_facebook_new.png) no-repeat;
	width: 26px;
	height: 26px;
}
.accessibilitysection {
	float: right;
  /*  width: 430px;*/
	margin: 6px 0px 0px 0px;
}
.skiptomaincontent {
	float: left;
	font: 75% Arial, Helvetica, sans-serif;
	color:#FF0;
	text-decoration: none;
	margin: 6px 0px 0px 0px;
}
.skiptomaincontent:hover {
	text-decoration: underline;
}
.textdecrease {
	float: left;
	margin:5px 3px 0px 15px;
	background: url(../images/btn_a-.png) no-repeat;
	width:19px;
	height:21px;
	cursor: pointer;
}
.textnormal {
	float: left;
	margin:5px 3px 0px 3px;
	background: url(../images/btn_anormal.png) no-repeat;
	width:19px;
	height:21px;
	cursor: pointer;
}
.textincrease {
	float: left;
	margin:5px 7px 0px 3px;
	background: url(../images/btn_a_increase.png) no-repeat;
	width:19px;
	height:21px;
	cursor: pointer;
}
.standardview {
	float: left;
	margin:0px 3px 0px 0px;
	background: url(../images/btn_whiteversion.png) no-repeat;
	width: 19px;
	height: 19px;
}
.contrastview {
	float:left;
	margin:0px 0px 0px 5px;
	background: url(../images/btn_contrast_White.png) no-repeat;
	width:19px;
	height:21px;
}
.menusection {
	float: left;
	width: 982px;
	margin: 4px 0px 0px 0px;
 *margin:1px 0px 0px 0px;
}
.menuimgleft {
	float: left;
	background: url(../images/img_menu_left_black.png) no-repeat;
	width: 4px;
	height: 33px;
}
.menuimgright {
	float: left;
	background: url(../images/img_menu_right_black.png) no-repeat;
	width: 5px;
	height: 33px;
}
.menubg {
	float: left;
	display: inline;
	background: url(../images/img_menu_bg_black.png) repeat-x;
	width: 965px;
	padding: 8px 4px 0px 4px;
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #000;
	height: 25px;
}
.menulink {
	font: bold Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	background: url(../images/img_menu_divider.jpg) right no-repeat;
	padding: 0px 15px 0px 15px;
}
.menulink:hover {
	text-decoration: underline;
}
.leftsection {
	float: left;
	width: 792px;
	margin: 0px 0px 0px 0px;
*margin:0px 0px 0px 0px;
padding-bottom:3px;
}
.rightsection {
	float: right;
	width: 184px;
	margin:0px 0px 0px 0px;
*margin:1px 0px 0px 0px;
}
.searchsection {
	float: right;
	/*border: 1px solid #000;*/
	width:190px;
	height: 53px;
	padding: 5px;
	margin: 6px -10px 0px 4px;
}
.searchbg {
	float: left;
	display: inline;
	background:#FFF url(../images/icon_search.jpg) no-repeat left;
	border: 1px solid #c2c5c6;
	width: 146px;
	height: 22px;
	padding:1px 0px 0px 35px;
	margin:0 0 0 6px;
	outline:none;
}
.searchtextbox {
	float: left;
	margin: 2px 0px 0px 0px;
	border: none;
	background: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000
}
.btnsitesearch {
	float: left;
	display: inline;
	margin: 6px 2px 0px 5px;
	background: url(../images/btn_sitesearch_english.png) no-repeat;
	width: 78px;
	height: 27px;
}
.btnatmsearch {
	float: left;
	margin:6px 2px 0px 4px;
	background: url(../images/btn_atm_search.png) no-repeat;
	width:41px;
	height:27px
}
.btnbranchsearch {
	float: left;
	display: inline;
	margin:6px 0px 0px 2px;
	background: url(../images/btn_branchsearch.png) no-repeat;
	width: 55px;
	height: 27px;
}
.bannersection {
	float: left;
	display: inline;
	width: 792px;
	margin: 3px 0px 0px 0px;
}
.productsection {
	width: 560px;
	float: left;
	margin: 4px 0px 0px 0px;
*margin:3px 0px 0px 0px;
}
@-moz-document url-prefix()  
{
   .bannersection {
	float: left;
	display: inline;
	width: 792px;
	margin: 3px 0px 8px 0px;
} 
    
    }
.heading {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 20px;
}
.img_head_bg_1 {
	float: left;
	background: url(../images/img_head_bg_1.png) no-repeat;
	width: 176px;
	height: 12px;
}
.img_head_bg_2 {
	float: left;
	background: url(../images/img_head_bg_2.png) no-repeat;
	width: 176px;
	height: 9px;
}

.img_head_bg_4 {
	float: left;
	background: url(../images/img_head_bg_2.png) no-repeat;
	width: 182px;
	height: 12px;
}
.img_head_bg_5 {
	float: left;
	background: url(../images/img_head_bg_1.png) no-repeat;
	width: 182px;
	height: 12px;
}
.img_head_bg_6 {
	float: left;
	background: url(../images/img_head_bg_3.png) no-repeat;
	width: 560px;
	height: 12px;
}
.savingsection {
	float: left;
	padding: 8px 0px 14px 0px;
	margin: -4px 0px 0px 0px;
}
.savingsectionimage {
	float: left;
	margin: 0px 10px 0px 0px;
}
.retailproductsimage {
	float: right;
	margin: 0px 0px 0px 20px;
}
.iconsavingsbank {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F00;
	background: url(../images/icon_savingsbank.png) no-repeat;
	padding: 4px 0px 6px 30px;
	border-bottom: 1px solid #def4ff;
	float: left;
	min-width: 140px;
}
.iconcurrentaccount {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F00;
	background: url(../images/icon_currentaccount.png) no-repeat;
	padding: 4px 0px 6px 30px;
	border-bottom: 1px solid #def4ff;
	float: left;
	min-width: 140px;
}
.iconretailproducts {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F00;
	background: url(../images/icon_retailproducts.png) no-repeat;
	padding: 4px 0px 6px 30px;
	border-bottom: 1px solid #def4ff;
	float: left;
	min-width: 140px;
}
.iconvisa {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F00;
	background: url(../images/IOB_Card.png) no-repeat;
	padding: 4px 0px 6px 33px;
	border-bottom: 1px solid #def4ff;
	float: left;
	min-width:140px;
}
.iconthirdparty {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F00;
	background: url(../images/icon_thirdpartyinsurance.png) no-repeat;
	padding: 4px 0px 6px 30px;
	border-bottom: 1px solid #def4ff;
	float: left;
	min-width: 140px;
}
.icontermdeposits {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F00;
	background: url(../images/icon_termdeposits.png) no-repeat;
	padding: 4px 0px 6px 30px;
	border-bottom: 1px solid #def4ff;
	float: left;
	min-width: 140px;
}
.savings {
	width: 164px;
	float: left;
	margin: 0px 14px 0px 0px;
}
.iconbulletssavings {
	float: left;
	font: 75% Arial, Helvetica, sans-serif;
	color:#FF0;
	background: url(../images/icon_bullets_savingsbank.png) no-repeat;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	margin: 3px 0px 0px 0px;
}
.iconbulletssavings:hover {
	text-decoration: underline;
}
.imgonlinepaymentbg {
	float: left;
	display: inline;
	background: url(../images/img_onlinepayment_bg.png) repeat-y;
	width: 187px;
	padding: 5px 11px 0px 21px;
	margin: 0px 0px 0px 12px;
 *margin:0px 0px 0px 12px;
}
.icontaxpayment {
	float: left;
	background: url(../images/icon_taxpayment.png) no-repeat;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 0px 7px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0px 0px 0px;
	min-width: 146px;
}
.icontaxpayment:hover {
	text-decoration: underline;
}
.iconutilitypayment {
	float: left;
	background: url(../images/icon_utilitypayment_White.png) no-repeat;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 0px 7px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0px 0px 0px;
	min-width: 146px;
}
.iconutilitypayment:hover {
	text-decoration: underline;
}
.iconvisapayment {
	float: left;
	background: url(../images/icon_visa_onlinepayment.png) no-repeat;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 0px 7px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0px 0px 0px;
	min-width: 146px;
}
.iconvisapayment:hover {
	text-decoration: underline;
}
.iconsastrapayment {
	float: left;
	background: url(../images/icon_sastrapayment_White.png) no-repeat;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 0px 7px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0px 0px 0px;
	min-width: 146px;
}
.iconsastrapayment:hover {
	text-decoration: underline;
}

.iconlicpayment {
	float: left;
	background: url(../images/LIC.png) no-repeat;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 0px 7px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0px 0px 0px;
	min-width: 146px;
}
.iconlicpayment:hover {
	text-decoration: underline;
}
.iconSuperMarket {
	float: left;
	background: url(../images/Icon_SuperMarket.png) no-repeat;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 0px 7px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0px 0px 0px;
	min-width: 146px;
}
.iconSuperMarket:hover {
	text-decoration: underline;
}

.icondebitcards {
	float: left;
	background: url(../images/icon_visa1.png) no-repeat;
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 5px 5px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: -5px 0px 0px 0px;
	width: 142px;
}
.icondebitcards:hover {
	text-decoration: underline;
}
.iconsafebanking {
	float: left;
	background: url(../images/icon_safebanking.png) no-repeat;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 5px 5px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0px 0px 0px;
	min-width: 141px;
}
.iconsafebanking:hover {
	text-decoration: underline;
}
.iconpdf {
	float: left;
	background: url(../images/White_arrow.png) no-repeat;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 5px 5px 35px;
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0px 0px 0px;
	width: 142px;
}
.iconpdf:hover {
	text-decoration: underline;
}
.customerscorner {
	float: right;
	margin:14px 6px 0px 3px;
	width: 184px;
	background: url(../images/img_customerscorner.png) no-repeat;
	height: 48px;
}
.customercornerlinks {
	height: 173px;
	float: left;
	padding: 0px 5px 5px 10px;
}
.customercornerhead {
	font: bold 85% Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 4px 0px 0px 0px;
}
.iconbulletcustomer {
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	background: url(../images/icon_bullets_customercorner.png) no-repeat;
	padding: 0px 0px 10px 10px;
	line-height: 18px;
	text-decoration: none;
	float: left;
	margin: 5px 0px 0px 0px;
	width: 152px;
}
.iconbulletcustomer:hover {
	text-decoration: underline;
}
.iconbulletcustomer1 {
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	background: url(../images/icon_bullets_customercorner.png) no-repeat;
	padding: 0px 0px 9px 10px;
	line-height: 18px;
	text-decoration: none;
	float: left;
	margin: 5px 0px 0px 0px;
	border-bottom:1px solid #e5e5e5;
	width: 168px;
}
.iconbulletcustomer1:hover {
	text-decoration: underline;
}
.bulletinlinks {
	float: left;
	margin: -8px 0px 0px 0px;
	z-index: 10;
	position: relative;
}

.iconmore {
	float: right;
	display: inline;
	margin: 0px 0px 0px 0px;
	background: url(../images/icon_more_new.png) no-repeat;
	width: 20px;
	height: 18px;
}
.securityheading {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
*margin:-8px 0px 0px 0px;
}
.bulletinheading {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	padding: 0px 0px 6px 0px;
}
.newsinfo {
	float: left;
	margin: -15px 0px 0px 0px;
}
.newsdate {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	float: left;
	line-height: 18px;
	margin: 7px 0px 0px 0px;
}
.newsdate:hover {
	text-decoration: underline;
}
.newsdescription {
	float: left;
	font: 75% Arial, Helvetica, sans-serif;
	color: #FF0;
	text-decoration: none;
	padding: 0px 0px 9px 0px;
	border-bottom: 1px solid #e5e5e5;
	min-width: 180px;
	line-height: 15px;
}
.newsdescription:hover {
	text-decoration: underline;
}
.footerpanel {
	width:982px;
	margin:0px 0px 0px 0px;
	float:left;
}
.footerpaneldivider {
	width:980px;
	height:1px;
	border:1px solid #fff;
	float:left;
}
.fp_normalcont {
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#000;
	text-decoration:none;
	margin:6px 8px 0 5px;
	border:1px solid #00245c;
	background:#fff;
}
.fp_visitorsbox {
	display:inline;
	background:#00245c;
	font:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#fff;
	padding:1px 8px 1px 8px;
	margin:1px 0px 0px 4px;
}
.fplinks {
	font:75% Arial, Helvetica, sans-serif;
	color:#FF0;
	text-decoration:none;
	float:left;
	padding:8px 6px 8px 6px;
}
.imgfpdivider {
	background:url(../images/img_fp_divider.png) no-repeat;
	float:left;
	margin:10px 4px 0px 4px;
	width:2px;
	height:10px;
}
.iconsoundon {
	float:left;
	display:inline;
	width:21px;
	height:17px;
	margin:6px 7px 0px 10px;
	background:url(../images/icon_sound_on_new.png) no-repeat;
}
.iconsoundoff {
	float:left;
	display:inline;
	width:21px;
	height:17px;
	margin:5px 7px 0px 10px;
	background:url(../images/icon_sound_off_new.png) no-repeat;
}
.icondownload {
	float:left;
	display:inline;
	margin:4px -3px 0px 0px;
	background:url(../images/icon_download_new_yellow.png) no-repeat;
	width:21px;
	height:17px;
}
.imgpoweredby {
		float: right;
	margin: 4px 10px 0px 0px;
	background: url(../images/img_poweredby_new1.png) no-repeat;
    width:24px; 
	height:22px;
}
.fp_contbox {
	float:left;
	display:inline;
	width:350px;
	margin:10px 0px 0px 0px;
}
.fp_content {
	float:left;
	display:inline;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 75%;
	color:#fff;
	text-decoration:none;
	margin:0px 0 0 4px;
}
.fp_contentlinks {
	float:left;
	display:inline;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 70%;
	color:#FF0;
	text-decoration:none;
	margin:0px 0 0 4px;
	line-height: 18px;
}
.fp_contentlinks:hover {
	text-decoration:underline;
}
.fp_contbox1 {
	float:right;
	display:inline;
	margin:10px 0px 10px 5px;
	width:588px;
}
.fp_line1 {
	float:left;
	display:inline;
	margin:4px 4px 0 5px;
	background:url(../images/img_split1.jpg) no-repeat;
	width:1px;
	height:10px;
}
.pdficon{margin:0px 0px 0px 5px; display:inline; vertical-align:top;}

.img_touchinghearts {
	background: url(../images/img_logo_touchinghearts_contrast.png) no-repeat;
	width: 172px;
	height: 69px;
	float: left;
}
#overlaySearch{	
     visibility: hidden;
     position: relative;
     left: 72%;
     top: 0px;
     text-align:center;
     z-index: 1000;
     background-image:url(../images/maskBG.png);
     position: absolute;     
     width: 230px;
     height: 110px;
}
#overlaySearchInner{
	width:160px;
     float:left;
     background-color: #fff;
     border:1px solid #000;
     padding:10px;
     text-align:left;
     margin:15px 0 0 25px;
     display:inline;
     font-size:75%;
     font-weight:bold;
}
.latestnewsheading {
	float: left;
	display: inline;
	background: url(../images/icon_rssfeeds.png) no-repeat;
	padding: 0px 0px 5px 25px;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 4px 0px 0px 0px;
	margin: 4px 0px 0px 0px\0/;
	min-width: 157px;
}
.img_head_bg_3 {
	float: left;
	background: url(../images/img_head_bg_2.png) no-repeat;
	width: 182px;
	height: 9px;
    margin: 4px 0px 0px 0px;
    margin: 4px 0px 0px 0px\0/;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .img_head_bg_3 {
    margin: 4px 0px 0px 0px;
}
 
 .latestnewsheading {
	margin: 4px 0px 0px 0px;
}   
}

@-moz-document url-prefix() { 
  .img_head_bg_3 {
    margin: 5px 0px 0px 0px;
}
.latestnewsheading {
	margin:10px 0px 0px 0px;
} 
}

/*30jan2014*/
/*For homepage sections on onlinepayemnt,bulletins and security */
.iconsForOnlinePayment
        {
            float: left;
           font : 75% Arial, Helvetica, sans-serif;
            color: #ff0;
            text-decoration: none;
            margin: 0px 0px 0px 0px; /* margin: 6px 0px 0px 0px;*/
            min-width: 146px;
            text-decoration: none;
          
          
            
        }
        .iconsForOnlinePayment:hover
        {
            text-decoration: none !important;
        }
        #divOnlinePayment a
        {
            color: #ff0;
            text-decoration: none !important;
            
        }
        .tdLinksOnlinePament:hover
        {
            text-decoration: underline;
        }
        #divbulletinlinks a
        {
            color: #ff0;
            text-decoration: none !important;
        }
        #divSecurity a
        {
            color: #ff0;
            text-decoration: none !important;
        }
        /*30jan2014*/
/*For homepage sections on onlinepayemnt,bulletins and security */

.iconsForOnlinePayment a
{
    float:left;
    width:100%;
    margin:0px 0 3px 0;
    border-bottom: solid 1px #e5e5e5;
    padding:2px 0 2px 0;
    }
.iconsForOnlinePayment a:hover
{
    text-decoration:underline;
    }    
.iconsForOnlinePayment a img
{
    float:left;
    text-align:left;
    }
.iconsForOnlinePayment a label
{
    float:left;
    text-align:left;
    margin:0 0 0 3px;
    cursor:pointer;
    width:140px;
    
    }
.iconsForOnlinePayment a label:hover{      
     text-decoration:underline;}
     
     .iconsForSecurity a label
     {
padding-right: 4px;
padding-left: 8px;
}

#divSecurity label img
{
    float:none !important;
    margin:2px 0 0 0;   
    }  
    
    #divbulletinlinks  label img 
    {
    float:none !important;
    margin:2px 0 0 0;   
    } 
  
 
 
 
 
 
 
 
 
 
  
  
 .tg-navigationarea{
	width:100%;
	float:left;
	border-bottom:3px solid transparent;
	/*background:#006d1c;*/ background:#000;
}

.list-unstyled{ background-color:#000;}

.list-unstyled2 li a {
    color: #ff0;
}

.tg-heading h4 a {
    color: #ff0;
}

.tg-seviceicon i{
	display:block;
	font-size:26px;
	line-height:inherit;
	color:#ff0;
}

.newsportion{ background-color:#000; color:#ff0;}

.tg-sectiontitle h3{color:#fff !important;}

.portionbmain{border: 1px solid#fff;}


.tg-content .tg-service{
		padding:0;
		border-color:#fff;
		height:auto;}

.bg{ background-color:#000;}

.tg-footermiddlearea{ background-color:#000;}

.tg-footerwidgets > div[class*="col-"]:first-child:before,
.tg-footerwidgets > div[class*="col-"]:first-child,
.tg-boxedversion .tg-navigationarea,
body.tg-fixednav .tg-boxedversion .tg-navigationarea{ background:#000;}

.tg-footerwidgets .tg-widget ul li + li{ border-color:#fff;}

.tg-accordion h4.active{ background-color:#000;}

.tg-footerbottombar{ background-color:#000;}

.tg-copyright{ color:#ff0;}

.tg-footerwidgets .tg-widget ul li a:hover, .tg-footerwidgets .tg-widget ul li a{ color:#ff0;}

body.tg-fixednav .tg-navigationarea{ background-color:#000 !important;}

.tg-btn,
.tg-addnav:after,
.tg-navigation > ul > li.tg-active > a,
.tg-navigation > ul > li > a:hover,
.tg-homeslider .owl-controls .owl-buttons div:hover,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page span:hover,
.tg-skill.tg-active .tg-skillholder,
.tg-skill:hover .tg-skillholder,
body.tg-fixednav .tg-navigationarea,
.tg-themetabnav ul li.active a,
.tg-themetabnav ul li a:hover,
.tg-getadvice .tg-btn:hover,
.tg-servicestyletwo .tg-service:hover .tg-seviceicon,
.tg-whatwedo ul li:hover .tg-whatwedoicon,
.tg-navfilterbale li a.tg-active,
.tg-navfilterbale li a:hover,
.tg-postbuttons .tg-btn:hover,
.tg-tags a:hover,
.tg-authorinfo .tg-socialicons li a:hover,
.tg-navtab li.active,
.tg-navtab li:hover{border-color: #ff0;}

.tg-widgetsearch form fieldset button{ background-color:#000;}

.btn-ser12{ background-color:#000;}
.tg-widget ul li a{ color:#ff0;}

.tg-jobdescription ul li::before { color:#ff0;}
.tg-siderbar .tg-widget{ border:1px solid#fff;}

.tg-bglight{ background-color:#000;}


.tg-btn:after,
.tg-themecolor,
.tg-addnav:before,
.tg-hasdropdown ul li a:before,
.mega-menu-col:last-child > a:after,
.tg-homeslider .owl-controls .owl-buttons div:hover,
.tg-service:hover .tg-heading:before,
.tg-videosection,
.tg-skill:hover .tg-skillbar,
.tg-skill.tg-active .tg-skillbar,
.tg-member figure,
.tg-member:hover .tg-memberinfo:before,
.tg-project figure,
.tg-parallax-window:after,
.tg-footermiddlearea,
.tg-btnnav,
.tg-servicestyletwo .tg-service:hover .tg-seviceicon,
.tg-whatwedo ul li:hover .tg-whatwedoicon,
.tg-images figure .tg-box,
.tg-btndownload,
.tg-event figure,
.tg-news figure,
.tg-news:hover .tg-borderstyle:before,
.tg-event:hover .tg-borderstyle:before,
.tg-tags a:hover,
.tg-authorinfo .tg-socialicons li a:hover,
.tg-addressbox:hover .tg-addresscontent:before,
.tg-countdown .clock-item .text .type-time,
.tg-navtab li.active a,
.tg-navtab li a:hover,
.tg-boxedversion .tg-btnnav .icon-bar,
.tg-boxedversion .tg-btnnav .icon-bar{background:#000 !important;}
.tg-topcontactinfo li span a{ color:#ff0 !important;}

.tg-navigation ul li a{ color:#ff0 !important;}

a,
p a,
p a:hover,
a:hover,
a:focus,
a:active,
.tg-stars span:after,
.tg-btn,
.tg-topcontactinfo li span a:hover,
.tg-navigation > ul > li > a,
.tg-hasdropdown > ul > li > a:hover,
.tg-hasdropdown > ul > li:hover > a,
.mega-menu-col ul li:last-child a,
.mega-menu-col ul li a:hover,
.mega-menu-col:last-child > a,
.tg-homeslider figure figcaption h1,
.tg-homeslider figure figcaption h2,
.tg-sectiontitle h3,
.tg-service:hover .tg-seviceicon i,
.tg-service:hover .tg-heading h4 a,
.tg-skill.tg-active h4,
.tg-skill.tg-active h5,
.tg-skill:hover h4,
.tg-skill:hover h5,
.tg-member:hover .tg-membername h4 a,
.tg-socialprofilelinks li a:hover i,
.tg-themetabnav ul li.active a,
.tg-themetabnav ul li a:hover,
.tg-testimonial:hover:before,
.tg-testimonial:hover .tg-namecountery h4 a,
.tg-namecountery h4:hover a,
.tg-formtitle,
.tg-socialicons li a:hover i,
.tg-footerwidgets .tg-widgetrecentnews ul li time a,
.tg-servicehours > span,
.tg-breadcrumb li.tg-active a,
.tg-breadcrumb li a:hover,
.tg-whatwedo ul li:hover h4 a,
.tg-navfilterbale li a.tg-active,
.tg-navfilterbale li a:hover,
.tg-postmetadata li a:hover,
.tg-widget ul li a:hover,
.tg-newsmetadata li a:hover,
.tg-news:hover .tg-newstitle h2 a,
blockquote:before,
blockquote:after,
.tg-memberinfo span a:hover,
.tg-404content span{color: #fff;}

.tg-seviceicon{border:1px solid#fff;}

.tg-seviceicon i{ color:#ff0 !important;}

.list-unstyled li a{ color:#ff0;}

.btn-ser12{ color:#ff0;}

.tg-widgetrecentnews ul li time{ background-color:#ff0}

.aborder a{ color:#ff0;}

.tg-addnav ul li a{ color:#ff0;}

.tg-addnav::after {
    background: #000;
}

 .tg-navigation{background:#000 !important;}
 
 .tg-hasdropdown ul{ background-color:#000 !important;}
 
 .colo4578{background-color:#000 !important; color:#000 !important;}
 
 .colo4578 ul li a{background-color:#000 !important; color:#000 !important;}
 
 .tg-hasdropdown ul li a{
	border:0;
	padding:0 20px;
	border-radius:0;
	background:#000 !important;
	line-height:38px;
	position:relative;
	border-top:1px solid #ddd;
}

.contrastview{ border:1px solid#ff0; margin-top:0px; }

.custom456er12 {
    background-color: #000;
    padding: 20px 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    width: auto;
}

.counter465{font-size:12px; color: #ff0; text-decoration: none; float:none !important; padding-right:10px; margin:0px auto; text-align:center;}
.counter45{font-size:12px; color: #ff0 !important;  text-decoration: none; float:none !important; padding-right:10px;}