@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		10;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.main {
	margin:auto;
	width: 100%;
	background:url(../images/icons_bg.jpg) repeat left top;
}
header{ background:url(../images/head_bg.png) repeat-x left bottom; width:100%; height:78px; margin:auto; position:fixed; top:0px; z-index:999;}
.panel a:link {color:#000000; text-decoration:none;}
.panel a:visited {color:#000000; text-decoration:none;}
.panel a:hover {color:#EC1D27; text-decoration:none;}

.logo {
    width: 26%;
    display: block;
    margin: 24px 0 0 0;
    top: -19px;
    left: 4%;
    position: fixed;
    z-index: 9;}
.menu{float:right; width:100%; margin:10px 0 0 0;}
.banner{width:96%; margin:97px auto auto auto; min-height:auto; text-align:center;}
.container{ width:100%; margin:auto; text-align:center;}
.title{ font:22px/50px Arial, Helvetica, sans-serif; color:#000; margin:auto auto 20px auto; width:auto; display:inline-block; text-align:center; padding:0px; background:url(../images/mid_curve.jpg) repeat-x left bottom; height:43px;}
.bg1{ background:url(../images/left_curve.jpg) no-repeat left bottom; width:51px; height:43px; display:inline-block;}
.bg2{ background:url(../images/right_curve.jpg) no-repeat right bottom; width:80px; height:43px; display:inline-block;}
.box_panel{ width:100%; margin:auto; overflow:hidden;}
.box {
	width:48%;  
	background: linear-gradient(153deg, #0098da 60%, #fff 20%);
	height:127px;
	padding:17px 0;
	display:inline-block;
}

.box2 {
	background:linear-gradient(153deg, #e91f29 60%, #fff 20%);
}
.shadow{ width:55%; background:#fff; box-shadow:0px 1px 3px 1px #666; padding:18px; margin:auto;}
footer{ min-height:153px; margin:20px auto auto auto; width:100%; background: linear-gradient(143deg, #eeeeee 80%, #c8e1ec 20%); text-align:center; overflow:hidden;}
.foot_box {
	display:inline-block; width:50%;
}
.foot_box img{ margin:0 3px;}
.contant_panel{margin:150px auto 100px auto; width:87%; min-height:400px; text-align:left; background:#fff; border:1px solid #d6ebff; padding:20px 5px;}
.series_list{ width:100%; text-align:center; margin:auto;}
.series_list ul{padding:0px; margin:0px;}
.series_list li{padding:0px; margin:0 2px; list-style:none; font:12px/32px Arial, Helvetica, sans-serif; color:#000; letter-spacing:1px; display:inline-block; }
.series_list li a{padding:0px 10px; margin:0px 2px; color:#000; text-decoration:none; display:inline-block; background:#eeeeee; }
.series_list li a:hover{padding:0px 10px; margin:0px 2px; color:#000; text-decoration:none;
background:#f1f1f1; }
.series_list li a.active{padding:0px 10px; margin:0 2px; list-style:none; font:12px/32px Arial, Helvetica, sans-serif; color:#000;  background:#d6ebff; letter-spacing:1px; display:inline-block; }
.series_pan{ border:1px solid #d6ebff; padding:10px 5px; overflow:hidden; width:90%; margin:auto; background:#f1f1f1;}
.series_col{overflow:hidden; width:100%; margin:auto; overflow:hidden; text-align:center;}

.series_col h3{ 
padding:0px 0; 
margin:0px;
color:#fff;
font-family:'Americana XBdCn BT';
line-height:33px; 
font-size:large;  
background: linear-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%);
background:-webkit-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
background:-webkit-linear-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
background:-moz-linear-gradient(-45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%);
background:-o-linear-gradien(-45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
border-bottom:1px solid #004688
}

.sre_box{ width:87%; padding:10px; display:inline-block; margin:10px; border:1px solid #d6ebff; background:#fff;}
.sre_box:hover{ border:1px solid #000;}
.sre_box p{ text-align:center; padding:0px; margin:0;}
.sre_box2{ width:37%; padding:8px; display:inline-block; margin:8px; border:1px solid #d6ebff; background:#fff;}
.sre_box2:hover{ border:1px solid #000;}
.sre_box2 p{ text-align:center; padding:0px; margin:0 0 4px 0; font-size:14px;}
.sre_box2 p span{ color:#F00; font-weight:600;}
.sre_box3{ width:37%; padding:8px; display:inline-block; margin:8px; border:1px solid #d6ebff; background:#fff;}
.sre_box3:hover{ border:1px solid #000;}
.sre_box3 p{ text-align:center; padding:0px; margin:0 0 4px 0; font-size:14px;}
.sre_box3 p span{ color:#F00; font-weight:600;}
.hindi{font-family:'BHARTIYA HINDI_094'; line-height:33px; font-size:large;}
.ss{ float:right; width:40%; }
.left{ width:100%; float:left;}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.main {
	margin:auto;
	width: 100%;
	background:url(../images/icons_bg.jpg) repeat left top;
}
header{ background:url(../images/head_bg.png) repeat-x left bottom; width:100%; height:78px; margin:auto; position:fixed; top:0px; z-index:999;}
.panel{ width:92%; margin:auto; display:block;}
.logo {
    float: none;
    width: 128px;
    display: block;
    margin: 6px 0 0 0;
    top: 0px;
    left: 3%;
    position: fixed;
    z-index: 9;}
.menu{float:right; width:72%; margin:10px 0 0 0;}
.banner{width:90%; margin:139px auto auto auto; min-height:auto; text-align:center;}
.container{ width:98%; margin:auto; text-align:center;}
.title{ font:22px/50px Arial, Helvetica, sans-serif; color:#000; margin:0 auto 20px auto; width:auto; display:inline-block; text-align:center; padding:0px; background:url(../images/mid_curve.jpg) repeat-x left bottom; height:43px;}
.bg1{ background:url(../images/left_curve.jpg) no-repeat left bottom; width:51px; height:43px; display:inline-block;}
.bg2{ background:url(../images/right_curve.jpg) no-repeat right bottom; width:80px; height:43px; display:inline-block;}
.box_panel{ width:100%; margin:auto; overflow:hidden;}
.box {
	width:34%;  
	background: linear-gradient(153deg, #0098da 60%, #fff 20%);
	height:229px;
	padding:27px;
	position:relative;
	display:inline-block;
	margin-right:20px;
}

.box2 {
	background:linear-gradient(153deg, #e91f29 60%, #fff 20%);
}
.shadow{ width:83%; background:#fff; box-shadow:0px 1px 3px 1px #666; position:absolute; padding:18px 0; float:left;}
footer{ min-height:153px; margin:20px auto auto auto; width:100%; background: linear-gradient(143deg, #eeeeee 80%, #c8e1ec 20%); text-align:center;}
.foot_box {
	display:inline-block; width:50%;
}
.foot_box img{ margin:0 3px;}
.contant_panel{margin:137px auto 50px auto; width:93%; min-height:400px; text-align:left; padding:20px 13px;}
.series_list{ width:100%; text-align:center; margin:auto;}
.series_list ul{padding:0px; margin:0px;}
.series_list li{padding:0px; margin:0 2px; list-style:none; font:12px/32px Arial, Helvetica, sans-serif; color:#000; letter-spacing:1px; display:inline-block; }
.series_list li a{padding:0px 10px; margin:0px 2px; color:#000; text-decoration:none; display:inline-block; background:#eeeeee; }
.series_list li a:hover{padding:0px 10px; margin:0px 2px; color:#000; text-decoration:none;
background:#f1f1f1; }
.series_list li a.active{padding:0px 10px; margin:0 2px; list-style:none; font:12px/32px Arial, Helvetica, sans-serif; color:#000;  background:#d6ebff; letter-spacing:1px; display:inline-block; }
.series_pan{ border:1px solid #d6ebff; padding:10px 5px; overflow:hidden; width:85%; margin:auto; background:#f1f1f1;}
.series_col{overflow:hidden; width:100%; margin:auto; overflow:hidden; text-align:center;}

.series_col h3{ 
padding:0px 0; 
margin:0px;
color:#fff;
font-family:'Americana XBdCn BT';
line-height:33px; 
font-size:large;  
background: linear-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%);
background:-webkit-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
background:-webkit-linear-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
background:-moz-linear-gradient(-45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%);
background:-o-linear-gradien(-45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
border-bottom:1px solid #004688
}

.sre_box{ width:87%; padding:10px; display:inline-block; margin:10px; border:1px solid #d6ebff; background:#fff;}
.sre_box:hover{ border:1px solid #000;}
.sre_box p{ text-align:center; padding:0px; margin:0;}
.sre_box2{ width:34%; padding:8px; display:inline-block; margin:8px; border:1px solid #d6ebff; background:#fff;}
.sre_box2:hover{ border:1px solid #000;}
.sre_box2 p{ text-align:center; padding:0px; margin:0 0 4px 0; font-size:14px;}
.sre_box2 p span{ color:#F00; font-weight:600;}
.sre_box3{ width:14%; padding:8px; display:inline-block; margin:8px; border:1px solid #d6ebff; background:#fff;}
.sre_box3:hover{ border:1px solid #000;}
.sre_box3 p{ text-align:center; padding:0px; margin:0 0 4px 0; font-size:14px;}
.sre_box3 p span{ color:#F00; font-weight:600;}
.hindi{font-family:'BHARTIYA HINDI_094'; line-height:33px; font-size:large;}
.ss{ float:right; width:30%; }
.left{ width:50%; float:left;}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1025px) {

.main {
	margin:auto;
	width: 100%;
	background:url(../images/icons_bg.jpg) repeat left top;
}
header{ background:url(../images/head_bg.png) repeat-x left bottom; width:100%; margin:auto; height:96px; position:fixed; top:0px; z-index:999;}
.panel{ width:91em; margin:auto; display:block; position:relative; text-align:center;}
.logo {
    float: none;
    width: 128px;
    display: block;
    margin: 24px 0 0 0;
    top: 0px;
    left: 0;
    position: absolute;
    z-index: 9;}
.menu{float:right; width:75%; margin:36px 0 0 0;}
.banner{width:82em; margin:139px auto auto auto; min-height:436px; text-align:center;}
.container{ width:100%; margin:auto; text-align:center;}
.title{ font:22px/50px Arial, Helvetica, sans-serif; color:#000; margin:8px auto 15px auto; width:auto; display:inline-block; text-align:center; padding:0px; background:url(../images/mid_curve.jpg) repeat-x left bottom; height:43px;}
.bg1{ background:url(../images/left_curve.jpg) no-repeat left bottom; width:51px; height:43px; display:inline-block;}
.bg2{ background:url(../images/right_curve.jpg) no-repeat right bottom; width:80px; height:43px; display:inline-block;}
.box_panel{ width:100%; margin:auto; overflow:hidden;}
.box {
	width:285px;  
	background: linear-gradient(153deg, #0098da 60%, #fff 20%);
	height:278px;
	padding:27px;
	display:inline-block;
	margin:28px;
}
.box2 { 
	background:linear-gradient(153deg, #e91f29 60%, #fff 20%);
	margin-right:0;
}


.shadow{ width:83%; background:#fff; box-shadow:0px 1px 3px 1px #666; padding:40px 0; float:left;}
.shadow a:link {color:#000000;}
.shadow a:visited {color:#000000;}
.shadow a:hover {color:#EC1D27; text-decoration:none;}

footer{ min-height:153px; margin:20px auto auto auto; width:100%; background: linear-gradient(143deg, #eeeeee 80%, #c8e1ec 20%); text-align:center;}
.foot_box {
	display:inline-block; width:20%;
}
.foot_box p{ clear:both}
.foot_box img{ margin:0 3px; display:inline-block;}
.contant_panel{margin:201px auto 100px auto; width:79em; text-align:left; overflow:hidden; border:1px solid #d6ebff; background:#fff; padding:20px;}
.series_list{ width:100%; text-align:center; margin:auto;}
.series_list ul{padding:0px; margin:0px;}
.series_list li{padding:0px; margin:0 2px; list-style:none; font:12px/32px Arial, Helvetica, sans-serif; color:#000; letter-spacing:1px; display:inline-block; }
.series_list li a{padding:0px 10px; margin:0px 2px; color:#000; text-decoration:none; display:inline-block; background:#eeeeee; }
.series_list li a:hover{padding:0px 10px; margin:0px 2px; color:#000; text-decoration:none;
background:#f1f1f1; }
.series_list li a.active{padding:0px 10px; margin:0 2px; list-style:none; font:12px/32px Arial, Helvetica, sans-serif; color:#000;  background:#d6ebff; letter-spacing:1px; display:inline-block; }
.series_pan{ border:1px solid #d6ebff; padding:20px; overflow:hidden; width:75.5em; margin:auto; background:#f1f1f1}
.series_col{overflow:hidden; width:100%; margin:auto; overflow:hidden; text-align:center;}

.series_col h3{ 
padding:0px 0; 
margin:10px 0;
color:#fff;
font-family:'Americana XBdCn BT';
line-height:42px; 
font-size:32px;  
background: linear-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%);
background:-webkit-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
background:-webkit-linear-gradient( -45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
background:-moz-linear-gradient(-45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%);
background:-o-linear-gradien(-45deg, #D6EBFF, #D6EBFF 15%, #004688 15%, #004688 85%,  #D6EBFF 85%); 
border-bottom:1px solid #004688
}

.sre_box{ width:34em; padding:10px; display:inline-block; margin:10px; border:1px solid #d6ebff; background:#fff;}
.sre_box:hover{ border:1px solid #000;}
.sre_box p{ text-align:center; padding:0px; margin:0;}
.sre_box2{ width:15.7em; padding:8px; display:inline-block; margin:8px; border:1px solid #d6ebff; background:#fff;}
.sre_box2:hover{ border:1px solid #000;}
.sre_box2 p{ text-align:center; padding:0px; margin:0 0 4px 0; font-size:14px;}
.sre_box2 p span{ color:#F00; font-weight:600;}
.sre_box3{ width:11.8em; padding:8px; display:inline-block; margin:8px; border:1px solid #d6ebff; background:#fff;}
.sre_box3:hover{ border:1px solid #000;}
.sre_box3 p{ text-align:center; padding:0px; margin:0 0 4px 0; font-size:14px;}
.sre_box3 p span{ color:#F00; font-weight:600;}
.hindi{font-family:'BHARTIYA HINDI_094'; line-height:42px; font-size:32px;}
.ss{ float:right; width:36%; }
.left{ width:50%; float:left;}


}