﻿/*fonts import*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskannada.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansmalayalam.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanstelugu.css);

@font-face {
font-family: "HelveticaNeue_medium";
font-style: normal;
font-weight: normal;
src: url("../resources/fonts/HelveticaNeue_medium.eot?#iefix") format("embedded-opentype"), url("../resources/fonts/HelveticaNeue_medium.woff") format("woff"), url("../resources/fonts/HelveticaNeue_medium.ttf") format("truetype"), url("../resources/fonts/HelveticaNeue_medium.svg#HelveticaNeue_medium") format("svg");
}

@font-face {
	font-family: 'devanagari';
	src: url('../resources/fonts/Lohit-Devanagari.eot');
	src: local('?'), url('../resources/fonts/Lohit-Devanagari.woff') format('woff'), url('../resources/fonts/Lohit-Devanagari.ttf') format('truetype'), url('../resources/fonts/Lohit-Devanagari.svg') format('svg');
	font-weight: normal; font-style: normal;
}

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, input, select {
border: 0 none;
margin: 0;
padding: 0;
}
body {
background:#0756cd url(../resources/images/bg.jpg) no-repeat center bottom;
color: #fff;
background-attachment:fixed;
background-size:cover;
font-family: "HelveticaNeue_medium", Arial;
font-size: 13px;
}


.container {
height: 100%;
width: 100%;
}
input, textarea, select{outline:none;}
a {outline: 0 none;text-decoration: none;}
a:hover {text-decoration: none;}
input{outline:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;}
ul {list-style: none outside none;}
.clear {clear: both;}
.floatl {float: left;}
.floatr {float: right !important;}
.w420 {width: 420px;}
.w301 {width: 301px;}
.w190 {width: 195px;}
.w184 {width: 184px;}
.w167 {width: 167px;}
.w610 {width: 610px}
.w490 {width: 490px;}
.w85 {width: 85px}
.w55 {width: 55px;}
.w200 {width: 200px;}
.w208 {width: 208px}
.w272 {width: 272px;}
.w733 {width: 733px;}
.w202 {width: 202px;}
.w248 {width: 248px;}
.w763 {width: 763px;}
.w464 {width: 464px;}
.w300 {width: 300px;}
.w193 {width: 193px;}
.w311 {width: 311px;}
.w364 {width: 364px;}
.w243 {width: 243px;}
.w373 {width: 373px;}
.w322 {width: 322px;}
.w710 {width: 710px;}
.w420 {width: 420px;}
.w764 {width: 764px;}
.w426 {width: 426px;}
.w323 {width: 323px;}
.w689 {width: 689px;}
.w315 {width: 315px;}
.marb20 {margin-bottom: 20px !important;}
.mart20 {margin-top: 20px !important;}
.marb10 {margin-bottom: 10px !important;}
.marb30 {margin-bottom: 30px !important;}
.marb5 {margin-bottom: 5px !important;}
.marb25 {margin-bottom: 25px !important;}
.marb14 {margin-bottom: 14px !important;}
.marb15 {margin-bottom: 15px !important;}
.marb18 {margin-bottom: 15px !important;}
.marl8 {margin-left: 8px;}
.marl15 {margin-left: 15px;}
.marl25 {margin-left: 25px;}
.marl-5 {margin-left: -5px;}
.marr-5 {margin-right: -5px;}
.marr58 {margin-right: 58px !important;}
.marr22 {margin-right: 22px !important;}
.marr79 {margin-right: 79px !important;}
.marr22 {margin-right: 22px !important;}
.marr79 {margin-right: 79px !important;}
.marr35 {margin-right: 35px !important;}
.marr10 {margin-right: 10px !important;}
.mart5 {margin-top: 5px !important;}
.mart50{margin-top:50px !important;}
.marr29 {margin-right: 29px !important;}
.marr20 {margin-right: 20px !important;}
.marr10 {margin-right: 10px !important;}
.marr15 {margin-right: 15px !important;}
.marb38 {margin-bottom: 38px !important;}
.pad10{padding:10px !important}
.pad15{padding:15px !important}
.pad20{padding:20px !important}
.pad25{padding:25px !important}
.pad30{padding:30px !important}
.pad35{padding:35px !important}
.padt10 {padding-top: 10px !important;}
.padb10 {padding-bottom: 10px !important;}
.padl15 {padding-left: 15px !important;}
.padr15 {padding-right: 15px !important;}
.padb10 {padding-bottom: 10px !important;}
.padb15 {padding-bottom: 15px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
input{font-family:'Lato';}
.c333{color:#333;}
.lheight20{line-height:20px !important;}
.lheight18{line-height:18px !important;}
.no_bg{background:none !important;}
.c555{color:#555;}
.cred{color:#ec1d23;}
.txt_justify{text-align:justify;}
.content_p p{margin-bottom:10px;}
.wrapper {margin: 0 auto;width:940px;}
#preloader{background:#fff url(../resources/images/preloader-white.gif) no-repeat center;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:50;}
.clearfix:after{display:block;height:0;content:"";clear:both;}
.txt_center{text-align:center;}
header{padding:10px 0px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:5;}
footer{padding:7px 0px;background:#fff;position:fixed;bottom:0px;left:0px;width:100%;z-index:5;color:#233979;}
h2{font-size:30px;color:#fff;margin-bottom:10px;font-weight:normal;}
h3{font-size:22px;color:#fff;margin-bottom:10px;font-weight:normal;}
section.start_box{padding:90px 0px 25px 0px;}
.select_box{position:absolute;top:0px;right:0px;background:#fff;overflow:hidden;width:150px; border-radius:5px; -webkit-border-radius:5px;  behavior: url(../resources/images/PIE.htc);}
.select_box:after{position:absolute;content:'';background:url(../resources/images/drop_downl.png) center no-repeat;width:30px;height:33px;right:0px;top:0px;border-left:1px solid #ccc;}
.select_box select{padding:8px;width:115%;position:relative;z-index:1;background:none;}
.select_box select option{color:#000;}
.farial{font-family:Arial;}

.top_text{border-bottom:1px solid #fff;padding:0px 0px 0px 0px;margin-bottom:10px;position:relative;}
.logo{padding:6px 0px; display: inline-block;}
.grid_list > li{display: inline-block; vertical-align: top; width:160px; margin:0px 2.6% 20px 0px; float: left;}
.grid_list > li > a{display:block; height: 140px;background: url(../resources/images/div-bg.png) no-repeat bottom center; padding: 0; margin: 0; vertical-align: top;}
.grid_list > li > a > img{display:block; width:100%; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;  behavior: url(../resources/images/PIE.htc); padding: 0; margin: 0; vertical-align: top;}
.grid_list > li > a > div{padding:10px 0 0;text-align:center; color:#233979; height:40px;position:relative;behavior: url(../resources/images/PIE.htc); background: #fff;  vertical-align: top;}

.grid_list > li > a > div > p{text-align:center;background:#fff;color:#233979;font-size:12px;margin-bottom:15px;font-weight:500; font-family: arial;}
.grid_list > li > a > div > span{text-transform:uppercase;display:block;font-size:12px;font-weight:bold;position:absolute;bottom:20px;width:100%; display: none;}
.grid_list > li > a > div > span img{vertical-align:middle;}
/*.grid_list > li.no_rmargin{margin-right:0;}*/
.logo img { display: block; max-width: 100%;}
footer p { font-size: 12px;}
.overlay{background: rgb(0, 0, 0) transparent; background: rgba(0, 0, 0, 0.8); 
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
/* IE8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)"; opacity: 0.8; height: 100%; width: 100%; position: fixed; top: 0; left:0; z-index: 21; display: none;}
.multilink_popup, .external_popup{z-index: 21; border-radius: 0px; border:1px solid #333; padding: 20px; width:40%; position: fixed; left:50%; top:10%; margin-left: -20%; background: #fff; color: #333; display: none; behavior: url(PIE.htc); min-height: 150px;}
.multilink_popup h4, .external_popup h4{font-size: 16px; color:#0079D6; text-align: center; margin-bottom: 20px; font-weight: 500;}
.multilink_popup ul, .external_popup ul {padding-left: 20px;}
.multilink_popup ul li, .external_popup ul li{font-size: 14px; margin-bottom: 15px; list-style: disc;}
.multilink_popup .close, .external_popup .close, .multilink_popup .close:hover,.external_popup .close:hover, .multilink_popup .close:focus, .external_popup .close:focus{ color: #333; font-size: 18px; position: absolute; right: 15px; top: 15px; font-weight: 300;}
.readmore, .proceed_btn,.proceed_btn:hover,.proceed_btn:focus{background: #E71821; color: #fff; font-weight: 500; border:2px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 12px; box-shadow: 0px 0px 4px #333; display: block; text-align: center; width: 110px; margin: 20px auto 0; letter-spacing: 1px;  behavior: url(PIE.htc); font-size: 13px; }

/*link_table*/
.link_table{text-align: center;}

/*languages fonts*/

.kannada, .kannada .farial, .kannada .top_text h2, .kannada .grid_list > li > a > div{font-family: 'Noto Sans Kannada', arial;}
.hindi, .hindi .farial, .hindi .top_text h2, .hindi .grid_list > li > a > div{font-family: 'devanagari', arial;}
.malayalam, .malayalam .farial, .malayalam .top_text h2, .malayalam .grid_list > li > a > div{font-family: 'Noto Sans Malayalam', arial;}
.odia, .odia .farial, .odia .top_text h2, .odia .grid_list > li > a > div{font-family: 'Noto Sans Malayalam', arial;}
.telugu, .telugu .farial, .telugu .top_text h2, .telugu .grid_list > li > a > div{font-family: 'Noto Sans Telugu', arial;}
.malayalam .top_text h2{font-size: 22px;}
.malayalam .grid_list > li > a{height: 180px;}
.malayalam .grid_list > li > a > div{height: 70px; padding: 15px 0 0;}
.tamil .grid_list > li > a{height: 180px;}
.tamil .grid_list > li > a > div{height: 70px; padding: 15px 0 0;}
/*languages fonts ends*/
header .wrapper{position: relative;}
.counter{ position: absolute; right: 10px; top: 15px;}
.tamil,.tamil .multilink_popup ul li, .tamil .external_popup ul li{font-size: 12px;}
.tamil .multilink_popup h4, .tamil .external_popup h4 { font-size: 14px;}
@media all and (min-width: 320px) and (max-width: 767px) {
.wrapper{width:90%;}
.grid_list > li{width:100%;}
.select_box{position:relative;}
.grid_list > li > a{height: auto;}
.grid_list > li > a > div{ border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }    
.hindi .grid_list > li > a > div { padding: 10px 0 15px; }
.external_popup {
    left: auto;
    margin: 0 5%;
    padding: 10px 4%;
    position: fixed;
    top: 10%;
    width: 82%;
}    
.proceed_btn, .proceed_btn:hover, .proceed_btn:focus{font-size: 12px;  margin: 10px auto 0; padding: 2px 12px;}
.external_popup ul li{font-size: 12px; margin-bottom: 5px;}
.hindi .external_popup ul li{font-size: 11px; margin-bottom: 3px;}
.external_popup h4{ font-size: 13px;  margin-bottom: 5px;}
.hindi .external_popup h4{ font-size: 13px;  margin-bottom: 5px;}
h2{font-size: 22px;}
.top_text{padding: 0 0 10px;}
.external_popup .close, .external_popup .close:hover, .external_popup .close:focus{top: 5px; right: 10px;}
.external_popup ul {padding-left: 14px;}    
}
@media all and (max-width: 340px) {
.external_popup { left: auto; margin: 0 1%; width: 94%;  padding: 10px 2% 10px; top: 2%; position: fixed;}
}
@media all and (min-width: 768px) and (max-width: 920px) {
.wrapper{width:90%;}
.grid_list > li{width:100%;}
.select_box{position:relative;}
.malayalam .grid_list > li > a, .grid_list > li > a{height: auto;}
.grid_list > li > a > div{ border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }    
.external_popup{ width:80%; margin-left: -40%;}
}

/*@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.grid_list > li { margin-right: 3.6%; width: 46%;}
.grid_list > li:nth-child(2n+2) { margin-right: 0; }
}*/
.counter{display: none;}