@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import "fonts/stylesheet.css";
/* @import "ipad.css"; */
/* @import "mobile.css"; */

/*****************************************************************************************************************
COMMON TAGS
*****************************************************************************************************************/

body, div, h1, h2, h3, p, ul, ol, li, img, table, form {
	padding: 0px; margin: 0px; border: 0px; list-style: none;
}

a		{color:#200e59; text-decoration:underline;}
a:hover	{color:#200e59; text-decoration:none;}
a       {outline:none;}


body, html, form {height: 100%;}

body { font-family: 'RobotoRegular', Calibri, 'CalibriRegular', Arial; font-size  : 0.8em; color: #666;}

table {	border-collapse: collapse;}

.clear { clear:both;}
.spacer { background:none; height:15px; width:100%; clear:both; }
p 		    {margin:0px  0px 10px 0px; padding:0px; text-align:justify; line-height:13pt;}

ul  {padding:0px;  margin:0px;}
li {list-style-type:disc; padding:0px; margin:0px 10px 5px 25px; line-height:14pt;}

.list li { list-style-image: url('images/list-bullet.gif'); padding-left: 00px; margin:5px 15px 5px 25px; line-height: 13pt; vertical-align:text-top; }
span.rs     {font-family: 'rupee_foradianregular'; font-weight:normal; font-style:normal;}
#fade { opacity:0;}
#insidefade { opacity:0; background:#eee;}
#uc-container { opacity:0; }


.fleft { float:left;} .fright { float:right;}

.border { border:1px solid #ccc; padding:3px;}
.red {color:#c80000}
.green {color:#009600}

.scrollup{ width:29px; height:16px;	text-indent:-9999px; position:fixed; bottom:10px; right:20px; display:none; background: url('images/top.png') no-repeat; z-index:999999999;}

/* Double-color dashed line */
hr { width:100%; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; clear:both;   }
hr.solid { border: 0; border-bottom: 1px solid #ccc;  }
hr.dotted { border: 0; border-bottom: 1px dotted #ccc; background: #fff; }
hr.dashed { border: 0; border-bottom: 1px dashed #ccc; background: #fff; }
hr.double { border: 0; border-bottom: 1px dashed #ccc; background: #999; }


/*****************************************************************************************************************
COMMON TAGS ENDS HERE
*****************************************************************************************************************/


/*****************************************************************************************************************
WRAPPER 
*****************************************************************************************************************/

.wrapper        {position: relative; width:100%; margin:0px auto; text-align: left; background: url(images/bg-wrapper.gif) repeat-x top;}
.wrapper        {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -120px;/* the bottom margin is the negative value of the footer's height */}
.footer         {position: relative; width: 100%; margin: 0 auto; background:#164651; }
.footer, .push  {height: 120px; clear:both;/* .push must be the same height as .footer */}

.wrap { max-width:980px; margin:0 auto; float:none;}

/*****************************************************************************************************************
WRAPPER ENDS
*****************************************************************************************************************/



/*****************************************************************************************************************
HEADER
*****************************************************************************************************************/

#uc-wrapper { width:100%; height:100%; display:block; background:#7aae46 url(images/bg-uc.png) no-repeat center;}
#uc-container { width:600px; height:400px; margin-left:-300px; margin-top:-200px; top:50%; left:50%; position:absolute; text-align:center;}
#uc-container .logo {padding-top:40px; display:inline-block; color:#fff; }
#uc-container .logo h1 { font-size:40px; font-family: 'RobotoBoldCondensed'; color:#000; text-transform:none; text-align:right; line-height:20px;}
#uc-container .logo h1 span{ font-size:40px;  font-family: 'RobotoThin';}
#uc-container .logo h1 span.small {font-size:18px;}


#uc-container .uc-left { display:table-cell; width:250px; text-align:left; vertical-align:top;  border-right: 1px solid #83ba4b;}

#uc-container .uc-right { display:table-cell; width:320px; text-align:left; vertical-align:top; border-left: 1px solid #6e9c3f; padding-left:30px;}
#uc-container .uc-right h2      {font-size:17px; color:#25155f; line-height:18px; font-family: 'RobotoBoldCondensed'; text-transform:uppercase; margin-bottom:5px;}
#uc-container .uc-right p { text-align:left; color:#333;}



#headerpan		{ background:#7aae46; min-height:100px;   }
#header			{  color:#edde5c; min-height:100px; padding:0px; }

#header .logo {padding-top:40px; display:inline-block; color:#fff; }
#header .logo h1 { font-size:40px; font-family: 'RobotoBoldCondensed'; color:#fff; text-transform:none; text-align:right; line-height:20px;}
#header .logo h1 span{ font-size:40px;  font-family: 'RobotoThin';}
#header .logo h1 span.small {font-size:18px;}
#header .logo a {color:#edde5c; text-decoration:none;} #header .logo a:hover {color:#fff; text-decoration:none;}

#header	.menu { padding:0px; margin:0px; float:right; text-align:right; display:inline-block; }



/*****************************************************************************************************************
HEADER ENDS
*****************************************************************************************************************/


/*****************************************************************************************************************
HOME STYLING
*****************************************************************************************************************/
#visualpan {width:100%; background:#7aae46; padding: 1px 0px 0px 0px; height:auto;}

.home-containerpan		{width:100%; background:#FFF; padding: 25px 0px 25px 0px;}


#about-container		{width:100%; background:#eee; padding: 0px 0px; display:table;}
#about-container .about-row { padding:20px 0px; margin:0 auto; display:table-row; float:left;}
#about-container .about-inro { width:65%; padding:25px 20px 0px 0px; margin:0px; display:table-cell; vertical-align:top;}
#about-container .about-award { width:30%; padding:30px 0px 10px 20px; margin:0px; display:table-cell; background: #b1b1b1; vertical-align:top; color:#fff; box-shadow: inset 0 0 20px #ddd;}

#about-container .about-award h2{ color:#fff;}

.about-inro .about-pic{ width:220px; display:table-cell; }
.about-inro .about-text{ padding:10px 0 0 0; display:table-cell; vertical-align:top;}

ul.award-list { padding:0px; margin-right:20px; }
ul.award-list li { list-style:none;  padding:8px 0px; margin:0px; border-bottom:1px dotted #ccc; line-height:12pt; }

.data {background:#fff; float:left}
.experts-data {background:#fff; float:left; padding:15px; display:inline-block; width:100%;}

ul.experts-list { padding:0px; margin:0px; text-align:center }
ul.experts-list li { list-style:none; display:inline-block; width:150px;  padding:0px 0px; margin:0px; line-height:12pt; text-align:center; vertical-align:top; }
ul.experts-list li img{ width:150px; height:150px; border-radius:100%; margin-bottom:10px;}

/*****************************************************************************************************************
HOME STYLING ENDS
*****************************************************************************************************************/



/*****************************************************************************************************************
BODY
*****************************************************************************************************************/
#visual-wrapper { position:relative; text-align:center; z-index:0; width:100%; background:#7aae46; }
#visual-wrapper img { max-width:100%; width:100%; height:auto; overflow:hidden; display:block; text-align:center; float:none; margin:0 auto; }

#body-container			{ width:100%; margin:0%; padding:0% 0%; vertical-align:top; display:block; margin-bottom:5%;  }
#body-container .left-panel		{width:200px; margin:0px auto; float:left;}
#body-container .right-panel		{width:730px; margin:0px auto; float:right;}


/*========== Member =======================================*/
ul.member-list { padding:0px; margin:0px; }
ul.member-list li { list-style:none;  padding:8px 0px; margin:0px; border-bottom:1px dotted #ccc; line-height:12pt; }

/*========== Awards =======================================*/
ul.awards-list { padding:0px; margin:0px; }
ul.awards-list li { list-style:none; width:44%; display:inline-block; padding:8px 10px; margin:0 3% 0 0%; border-bottom:1px dotted #ccc; line-height:12pt; }


/*========== Gallery =======================================*/
ul.gallery-list { padding:0px; margin:0px; text-align:left }
ul.gallery-list li { list-style:none; display:inline-block; width:145px;  padding:0px 0px; margin:1% 2%; line-height:12pt; text-align:center; vertical-align:top; }
ul.gallery-list li img{ width:130px; height:130px; border-radius:100%; margin-bottom:10px;}

/* image over Style starts here */

/* jquery-method */

span.roll {
    background:url(images/zoom.png) center center no-repeat #d5d34a;
    height: 112px;
    position: absolute;
    width: 172px;
    z-index: 10;	
	-webkit-box-shadow: 0px 0px 4px #7c7c7c;
	-moz-box-shadow: 0px 0px 4px  #7c7c7c;
	box-shadow: 0px 0px 4px  #7c7c7c; 
} 

/*========== Media =======================================*/

.media-table td { border-collapse:collapse; padding: 5px 8px; line-height:14pt; border-bottom:1px dotted #ccc;}
.media-table tr { -webkit-transition: all .2s ease-in-out;}
.media-table tr:hover { background:#fff; }


 /*========== Sitemap Page Details =======================================*/
 
.sitemap li { padding:5px 0px; margin:0px 0px 0px 20px; list-style-type:disc;   }
.sitemap li a { text-decoration:none; color:#666;} 
.sitemap li a:hover { text-decoration:underline; color:#333;}



/*****************************************************************************************************************
BODY ENDS
*****************************************************************************************************************/






/*****************************************************************************************************************
FOOTER
*****************************************************************************************************************/

#footer-containerpan		{width:100%; background:#164651; color:#cccccc;}
#footer-container			{margin:0px auto; float:none; background:#164651; color:#cccccc; font-size:12px; }
#footer-container P { text-align:left; margin-bottom:5px;}
#footer-container .footer-row { padding:10px 0px; margin:0 auto; float:none; display:table-row; float:left;}
#footer-container .footer-colleft { width:70%; padding:10px 10px 0px 0px; margin:0px; display:table-cell;}
#footer-container .footer-colmiddle { width:26%; padding:10px 20px; margin:0px; display:table-cell; border: 1px dashed #b1b1b1; border-width: 0px 1px;}
#footer-container .footer-colright { width:25%; padding:10px 0px 0px 20px; margin:0px; display:table-cell; border-left: 1px dashed #b1b1b1;}


.fhead {  font-family: 'RobotoCondensed'; font-size:14px; color:#fff; text-transform:uppercase; }

#footer-container a { color:#cccccc; text-decoration:none;} #footer-container a:hover { color:#fff; text-decoration:underline;}

#footerlinks .w3c_logos { float:right; padding:0px; margin:0px;}

.flinks li{font-size:12px; margin:0px 0px 0px 0px; float:left; list-style:none; padding:0px;}
.flinks li a{font-weight:normal;color:#cccccc;text-decoration:none;} .flinks li a:hover{font-weight:normal;color:#fff; text-decoration:none;}

/*****************************************************************************************************************
FOOTER ENDS
*****************************************************************************************************************/




/*****************************************************************************************************************
HEADER TAGS
*****************************************************************************************************************/
h1, h2, h3, h4, h5, h6 {font-style:normal; font-weight:normal; margin:0px; padding:0px;  font-family: 'RobotoThin';}

h1      {font-size:28px; color:#66137d; text-transform:uppercase}
h2      {font-size:30px; color:#25155f; line-height:18px; text-transform:uppercase; margin-bottom:10px;}
h3      {font-size:15px; color:#333; line-height:18px; text-transform:uppercase; font-family: 'RobotoCondensed'; margin-bottom:10px;}

h4      {font-size:15px; color:#333; line-height:18px; font-family: 'RobotoCondensed'; margin-bottom:5px;}
/*****************************************************************************************************************
HEADER TAGS ENDS HERE
*****************************************************************************************************************/



/*****************************************************************************************************************
BREADCRUMB
*****************************************************************************************************************/
#breadcrumbs-bar { display:block; padding:0% 1%; margin:0 0 00px 0px; min-height:40px; line-height:40px; background:#164651; z-index:999; position:relative; top:-40px; }


.breadcrumbs { width:auto; font-size:12px; padding-top:10px; height:20px; line-height:20px;  font-weight:normal; 	list-style-type:none;	list-style-image:none; float:left }
.breadcrumbs .last h1{ text-align:left; background:none; font-size: 14px; color: #fff; }
.breadcrumbs li:last-child {background:none; }
.breadcrumbs li { float:left; line-height:14pt; vertical-align:top; margin: 0px; list-style:none; padding:0px 11px 1px 5px; height:20px; line-height:20px; background:transparent url(images/breadcrumbs-arrow.png) no-repeat right center;}
.breadcrumbs li a {    line-height: 20px; -webkit-transition: all .2s ease-in-out;}
.breadcrumbs li a:link, .breadcrumbs li a:visited { text-decoration:none; color:#eee; font-weight:normal;    }
.breadcrumbs li a:hover, .breadcrumbs li a:focus { color:#fff; font-weight:normal; text-decoration:underline; }
.breadcrumbs li {color:#eee; font-size:12px; }


ul.right-links { padding:0px; margin:0px; text-align:right;}
ul.right-links li { padding:0px 10px 0px 0px; margin:0px; list-style:none; display:inline-block;}
ul.right-links li a { text-decoration:none; color:#666666; font-weight:normal;  }
ul.right-links li a:hover { color:#000; font-weight:normal; text-decoration:underline; }

.icon-home { width:17px; height:20px; background:url(images/icon-home.png) no-repeat; display:inline-block; -webkit-transition: all .2s ease-in-out; }
.icon-home:hover { width:17px; height:20px; background:url(images/icon-home.png) no-repeat; background-position: 0 -20px; display:inline-block; }

/*****************************************************************************************************************
BREADCRUMB ENDS
*****************************************************************************************************************/



/*****************************************************************************************************************
ICON STYLING
*****************************************************************************************************************/

.icon_user { background: url('images/icon-user.png') no-repeat; display:block; height:35px; width:30px; float:none; padding:0px; margin:0px auto;  }

/*****************************************************************************************************************
ICON STYLING
*****************************************************************************************************************/

/*****************************************************************************************************************
TABLE STYLING
*****************************************************************************************************************/

.th { background:#456aab;  padding: 6px 4px; line-height:14pt; font-size:14px; font-weight:bold; color:#fff; }
.tch {  color:#333; background:#e8e8e8; padding: 6px 4px;}
.tc {  color:#333; background:#f8f8f8; padding: 6px 4px;}


.div-table {display:table; width:100%; font-size:12px; color:#333; margin: 10px 0px;}
.div-table tr{display:table-row; line-height:12pt; }
.div-table td{display:table-cell; padding: 0px 20px 0px 00px; width:100%; vertical-align:top; border:1px solid #c5d4ed; border-width:0px 0px 0px 0px;}

.div-column {display:table; width:100%; font-size:12px; color:#333; margin: 10px 0px;}
.div-column-row a{ color:#333; text-decoration:none;} .spec-column-row a:hover{ color:#456aab; text-decoration:underline;}
.div-column-row{display:table-row; line-height:12pt; }
.div-column-col{display:table-cell; padding: 0px 20px 0px 00px; width:100%; vertical-align:top; border:1px solid #c5d4ed; border-width:0px 0px 0px 0px;}


/*****************************************************************************************************************
TABLE STYLING ENDS
*****************************************************************************************************************/






/*****************************************************************************************************************
RESPONSIVE GRID STYLING
*****************************************************************************************************************/

/*  COLUMN SETUP  */
.container { margin: 0 auto; }
.row { width: 100%; }

/* ====================================================== ROW TRANSITIONS ====*/
.row > * {
	-webkit-transition	: all 400ms ease-out;
	-moz-transition		: all 400ms ease-out;
	-o-transition		: all 400ms ease-out;
	-ms-transition		: all 400ms ease-out;
	transition			: all 400ms ease-out;	
}



/*  GROUPING  */
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
.row .col_box { height: 100%; overflow: hidden;}    
.row .home_box { height: 100%; overflow: hidden; padding:15px;}                                                
					
/*  GRID OF FOUR  */


/* columns & complements (autogenerated styles) */
.col_0 { width: 100%; margin-bottom: 2px; display: block;}
.col_1, .col_2, .col_3, .col_3c, .col_4, .col_4c 
{
    margin-left		: 1.5%;
	margin-right	: 1.5%;
	margin-bottom	: 2%;
	float		: left;
	display		: block;
}


/* columns (autogenerated styles) */
.col_1 { width: 96%; }
.col_2 { width: 47%; }
.col_3 { width: 31.3333333333%; }
.col_4 { width: 20%; }

/* complements (autogenerated styles) */
.col_3c { width: 74%; }
.col_4c { width: 71%; }


/*****************************************************************************************************************
RESPONSIVE GRID STYLING
*****************************************************************************************************************/




















/*****************************************************************************************************************
PROGRAMMERS STYLES COMES HERE
*****************************************************************************************************************/


/*****************************************************************************************************************
PROGRAMMERS STYLES ENDS HERE
*****************************************************************************************************************/