charset "utf-8";
/* CSS Document */

.main_navigations {
	clear: both;
	padding: 0px;
	margin: 0px;
	text-align:center;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	border:0.1em solid white;
	border-radius:10px;
	background:#fff;
	text-align:center;
	
}
.col:first-child { margin-left: 1%; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

/*  GRID OF Four  */
.span_4_of_4 {
	width: 100%;
}

.span_3_of_4 {
	width: 71.4%;
}
.span_2_of_4 {
	width: 47.6%;
}
.span_1_of_4 {
	width: 22.8%
}
.social_right { float:right; width:80px; height:40px; background:#4aaad4;}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 1.6%;
	}
}

@media only screen and (max-width: 350px) {
	.col { 
		margin: 1% 0 1% 1%;
	}
	.span_1_of_4 {
		width: 47.6%
	}
}

@media only screen and (max-width: 261px) {
	
	.social_right {
		display:block;
		clear:both;
		margin-top:5px;
		float: left;
		
		
	}
}

body { margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif;}

a{text-decoration:none;}
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

img { border:none;}
a img:hover { border:none; opacity:0.8;}

.imageMargin img{margin:0px 8px 8px 0px;}

.logo { margin:auto; padding:10px; background:#4aaad4; font-size:22px; line-height:18px; color:#fff; display:block;}
.slogan { font-size:12px; line-height:12px;}

.logo a:link { text-decoration:none; color:#fff;}
.logo a:visited { text-decoration:none; color:#fff;}
.logo a:hover { text-decoration:none; color:#fff;}


.welcome_massage { margin:auto; padding:5px 0px; font-size:14px; text-align:center; color:#fff; background:#000;}

.inner_top_links { margin:auto; padding:2px 5px; text-align:center; font-size:18px; font-weight:bold; line-height:20px; color:#4aaad4; background:#fff; border-bottom:solid 2px #4aaad4;}

.inner_top_links a:link { text-decoration:none; color:#4aaad4; font-weight:normal; font-size:14px;}
.inner_top_links a:visited { text-decoration:none; color:#4aaad4; font-weight:normal; font-size:14px;}
.inner_top_links a:hover { text-decoration:none; color:#888; font-weight:normal; font-size:14px;}

.content_area_Backgrond { background:#4aaad4; padding:5px;}
.content_area { font-size:12px; color:#555; padding:5px; line-height:16px; background:#fff; padding:25px 12px; border-radius:10px ;box-shadow: 0px 0px 5px #888888; overflow:hidden;}
.content_area .read_more { float:right; display:block; color:#4aaad4;}

.read_more a:link { float:right; color:#4aaad4; text-decoration:underline;}
.read_more a:visited { float:right; color:#4aaad4; text-decoration:underline;}
.read_more a:hover { float:right; color:#4aaad4; text-decoration:none;}

.header { font-size:16px; font-weight:bold; line-height:normal; display:block; margin-bottom:15px; border-bottom:dashed thin #888;}
.main_content { margin:auto; padding:15px; font-size:12px; line-height:18px; color:#888; text-align:justify; border-bottom:solid 2px #4aaad4;}

.newsList{margin:0px;padding:0px;}
.newsList li{margin-left:16px;width:96%;clear: both; line-height: 20px; font-family: sans-serif; font-size: 12px;text-decoration:none;}


.newsList a:link { color:#555; text-decoration:none;}
.newsList a:visited {  color:#555; text-decoration:none;}
.newsList a:hover {  color:#4aaad4; text-decoration:none;}

.container4LIC-images { float:left; width:100%; display:flex; padding:5px 0px; text-decoration:none; font-weight:bold; border-top:solid 1px #4aaad4; }
.lic_left-image { float:left; width:42px; height:42px;}
.lic_right-text { float:left; color:#555; height:30px; padding:12px 0px 0px 12px;}
.container4LIC-images a:link { color:#555; text-decoration:none;}
.container4LIC-images a:visited { color:#555; text-decoration:none;}
.container4LIC-images a:hover {  color:#4aaad4; text-decoration:none;}

.lic_right-text:link { color:#555; text-decoration:none;}
.lic_right-text:visited { color:#555; text-decoration:none;}
.lic_right-text:hover { color:#4aaad4; text-decoration:none;}

.container4ProdPlanInfo ul {margin:0px; float:left;width: 100%;}
.container4ProdPlanInfo li { margin-left:-40px; color:#555; padding:5px 0px; float:left; width:100%; list-style-type:none; border-top:solid 1px #4aaad4; }
.container4ProdPlanInfo li:link { color:#555; text-decoration:none;}
.container4ProdPlanInfo li:visited {  color:#555; text-decoration:none;}
.container4ProdPlanInfo li:hover {  color:#4aaad4; text-decoration:none;}

.secondary_nav { margin-top:20px; width:100%; overflow:hidden;}
.secondary_nav_btn1 { float:right; width:20px; height:20px; background:#4aaad4;}
.secondary_nav_btn2 { float:right; width:20px; height:20px; margin-right:5px; background:#4aaad4;}

.main_navigations { margin:auto; width:100%; background:#4aaad4;}
.main_navigations table { text-align:center; border:solid 1px white; border-collapse:collapse;} .main_navigations td { border:solid 1px white;}

.red { color:#f00;}

#txtname, #txtemail, #txtmob, #txtsubject, #txtrmrk {width:100%; float:left; border:thin solid #4aaad4;}
.contact-form td { text-align:left;}

.social { margin:auto; padding:10px 15px; background:#fff; overflow:hidden; border-top: solid 2px #4aaad4; border-bottom: solid 1px #4aaad4;}
.social_images_container { margin:auto; width:180px;}

.social_left_container { float:left;}
.social_left_images { float:left; width:40px; height:40px; background:#4aaad4; border-radius:10px; overflow:hidden; margin-right:5px;}

.social_right { float:right; width:80px; height:40px; text-align:center; background:#4aaad4; border-radius:10px; overflow:hidden;}



.footer { margin:auto; padding:5px 15px; background:#4aaad4; font-size:12px; color:#fff;}
.footer a:link { text-decoration:underline; color:#fff;}
.footer a:visited { text-decoration:underline; color:#fff;}
.footer a:hover { text-decoration:none; color:#fff;}



@media only screen and (max-width: 261px) { .social_right { display:block; clear:both; margin-top:5px; float:left;}}


.tablebg { background-color:#fff;}
.plan_details_box { font-weight:bold;}




/***************************portfolio page***************************/

.portfolioLoginForms { text-align:center;}
.portfolioLoginForms form { width:240px; margin:auto;}
.form_names { float:right; height:22px;}
.form_inputs { float:right; margin-left:5px;}
.portfolioLoginForms input { float:right; width:150px; color:#555; margin-bottom:5px;}



.portfolio_tab { background-color: #fff; border-top: solid 2px #4aaad4; border-bottom: solid 2px #4aaad4; color: #4aaad4; margin: 0px; padding:3px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; border-radius:15px; margin-bottom:5px; font-weight:bold; text-align:center;}

.portfolio_backButton { float:right; background-color: #4aaad4; border-top: solid 2px #fff; border-bottom: solid 2px #fff; color: #fff; margin-right:7px; width:54px; padding:2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; border-radius:15px; font-size:10px; text-align:center;margin-top: -20px;}

.portfolio_tab:link { background:#fff; color:#4aaad4 !important;}
.portfolio_tab:visited { background:#fff; color:#4aaad4 !important;}
.portfolio_tab:hover { background:#4aaad4; color:#fff !important;}


.portfolio_backButton:hover { background:#4aaad4; color:#fff;}

.portfolioPage_header { font-size:16px; color:#fff; font-weight:bold; line-height:normal; box-shadow:0px 4px 4px #aaa; display:block; margin:15px 0px; background:#4aaad4; border-radius:15px; padding:5px 0px 5px 20px;}

.portfolio_tab a:link { text-decoration:none; color:#4aaad4;}
.portfolio_tab a:visited { text-decoration:none; color:#4aaad4;}
.portfolio_tab a:hover { text-decoration:none; color:#fff;}



.accordion_portfolioPage table {margin-bottom:5px;}
.accordion_portfolioPage tr { text-align:center; color:#555; line-height:25px; background:#ddd;} .accordion_portfolioPage td {text-align:left; width:50%; line-height:18px; color:#888; background:#fff; border-top:solid 1px #ccc;}

.accordion_portfolioPage .table_bold { font-weight:bold;}

/***************************portfolio page***************************/



@media only screen and (max-width: 300px) { .skewImages img { width:125px; height:auto;}}