@charset "utf-8";
/* CSS Document */
@import url("home.css");
@import url("calendar.css");
@import url("menu.css");
@import url("fancybox.pack.css");


body { margin:0px; padding:0px; font-family:'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
.cl{clear:both;}
img{vertical-align:middle; border:none;}
#wrapper { width:100%;}

/*header css start*/
.header_main{ position:relative; background-color:#43494c; height:190px;}

.top_main{ width:100%; background:#262a2d;}
.top{ width:1024px; margin:0px auto; background-color:#f0f2f4; padding:5px 0 6px; border-bottom:1px solid #ededed; position:relative; overflow:hidden; }
.top ul{ margin:0px; padding:0px; list-style-type:none; float:right;}
.top li { float:left; margin-right:5px; font-size:11px;}
.top li a { background-color:#FFF; color:#878b93; padding:3px 7px 3px 7px; border:1px solid #e9e9e9; line-height:17px; border-radius:25px; display:inline-block; text-decoration:none; }


.header{ width:1024px; margin:0px auto; overflow:hidden; background:#FFFFFF;  height:80px; background-color:#FFF;   } 
.logo{ width:500px;  float:left; margin-top:7px; display:block; position:relative; z-index:9;}
.logo img   {height:75px; width: auto; max-width: 100%; object-fit: contain;   image-rendering: auto;}


.left-bg { display:none;}

.phone_main{ width:1024px; margin:0px auto; overflow:hidden; z-index:2;}
.phone{ width:420px; float:left; background-color:#4496D2; position:relative; height:49px; padding:4px 0 20px 75px;  color:#FFF; }
.phone h2{  color:#FFF; font-size:18px; font-weight:400; margin-top:-5px;}
.phone h2 a{  color:#FFF; text-decoration:none;  }
.phone h4{font-size:13px; font-weight:normal;}
.corner { border-right:58px solid transparent; border-top:96px solid #4496D2; display:block; position:absolute; height:0; width:0; right:-58px; top:0;}
.header_tagline { float:right; height:56px; padding:8px 0; text-align:center; width:435px;}
.header_tagline h3 { line-height:56px; color:#e0e1e1; font-weight:300; font-size:20px; }
.header_tagline h3 a { color:#4496d2; text-decoration:none; }
.phone img {margin-top:10px;}
.phone_m { margin-left:35px; margin-top:-10px; display:block; }
/*header css end*/

/*banner css start*/
.banner { width:1024px; margin:0 auto; overflow:hidden;  position:relative; z-index:-99999; }
.web_banner { width:1024px; margin:0 auto; overflow:hidden;  position:relative; z-index:-99999; height:459px; }
.rslides { position:relative; list-style:none; overflow:hidden; padding:0; margin:0; }
.rslides li { -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; }
.rslides li:first-child { position:relative; display:block; float:left;}
.rslides img { display:block; height:auto; float:left; width:100%; border:0;}

.rslides { margin:0 auto; }
.rslides_container { position:relative; float:left; width:100%; }
.centered-btns_nav { z-index:3; position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:50%; left:0; opacity:0.7; text-indent:-9999px;
text-decoration:none; height:61px; width:38px; background:transparent url(../images/themes.gif) no-repeat left top; margin-top:-45px; }
.centered-btns_nav:active { opacity:1.0;}
.centered-btns_nav.next { left:auto; background-position:right top; right:0;}
.transparent-btns_nav {  z-index:3; position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:0; left:0; display:block; background:#FFF; /* Fix for IE6-9 */ opacity:0; filter:alpha(opacity=1); width:48%; text-indent:-9999px; overflow:hidden; height:91%;}
.transparent-btns_nav.next { left:auto; right:0;}
.large-btns_nav { z-index:3; position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); opacity:0.6; text-indent:-9999px; overflow:hidden;
top:0; bottom:0; left:0; background:#000 url(../images/themes.gif) no-repeat left 50%; width:38px; }
.large-btns_nav:active { opacity:1.0; }
.large-btns_nav.next { left:auto; background-position:right 50%; right:0;}
.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus { outline:none;}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs { margin-top:-37px; text-align:center; z-index:999; position:relative; }
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li { display:inline; float:none; _float:left; *float:left; margin-right:5px;}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a { text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#ccc; background:rgba(0,0,0, .2); display:inline-block; _display:block; *display:block; -webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); width:9px; height:9px;}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a { background:#222; background:rgba(0,0,0, .8);}
/*banner css end*/

/*content css start*/
.content{ width:1024px; margin:0px auto; overflow:hidden;}
.leftpanel{ width:700px; float:left; margin-right:34px; }
.rightpanel { width:290px; float:right;}
/*content css end*/

/*weldiv  css start*/
.weldiv {  margin-top:20px; }
.weldiv h1 { color:#5d6f8d; border-bottom:1px solid #E8EAEE; padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:20px; }
.weldiv .h2 { color:#5d6f8d; padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px; }
.weldiv .h3 { color:#5d6f8d; padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:16px; }
.body_text {  color:#7b7c7e; font-size:13px; line-height:1.7em; text-align:justify;}

.body_text .course_syllabus{font-family: Roboto, sans-serif; font-weight:500; line-height: 1.1; color:#fff; margin: 10px 0px 20px; font-size: 18px; padding: 8px 15px; background:#8cbb41; text-align: left; border-radius:4px;}
/*weldiv  css end*/

/*accreditation css start*/
.accrediations { background:#233340;}
div#info ul { list-style-type:none; margin:0px; padding:0px;}
div#info ul li { float:left; margin-right:10px;  } 
div#info ul li img { border:1px solid #FFF;}
div#info ul li a:hover img { border:1px solid #f6660a;}

ul#ticker { height:90px; overflow:hidden; }
ul#ticker li { width:698px; height:84px; padding:10px; font-size:18px; color:#FFF; line-height:1.6em; text-align:left;   }
ul#ticker li img { float:left; margin-right:10px; vertical-align:middle; }
.accrediations .text_padd { padding-top:15px;}
/*accreditation css end*/

/*callback form css start*/
.form {  background:#FFF;   font-size:13px;  overflow:hidden; margin-top:-89px;  }
.form h2 { background:#748491; line-height:33px; color:#FFF; font-size:18px; font-weight:normal; padding-bottom:10px; text-align:center; }
.form_inner {  border:1px #e8eaee solid; padding:5px 15px 15px 15px;}
.form_w { width:100%; height:auto; background:#FFF; border:1px solid #D6DCE1;   font-size:13px;   margin:2px 0px 4px 0; outline:none; text-indent:5px;  background:linear-gradient(to bottom, #f7f7f7 0%, #f1f2f3 100%); line-height:30px;  box-sizing:border-box; box-shadow:0 0 2px rgba(0,0,0,.05);  }

.form_w1 { width:100%; height:auto; background:#FFF; border:1px solid #D6DCE1;   font-size:13px;   margin:2px 0px 4px 0; outline:none; text-indent:5px;  background:linear-gradient(to bottom, #f7f7f7 0%, #f1f2f3 100%); line-height:35px; height:35px;     box-sizing:border-box; box-shadow:0 0 2px rgba(0,0,0,.05); color:#abaeb4;  }

.code { width:50%; height:auto; background:#FFF; border:1px solid #D6DCE1; font-size:13px;   margin:2px 0px 4px 0; outline:none; text-indent:5px;  background:linear-gradient(to bottom, #f7f7f7 0%, #f1f2f3 100%); line-height:25px;     box-sizing:border-box; box-shadow:0 0 2px rgba(0,0,0,.05);  }

.submit { background:#8cbb41; color:#FFF; display:inline-block;  padding:10px 20px 10px 20px; text-decoration:none; margin-top:12px; border-radius:4px;  outline:none; border:none; cursor:pointer;}
.submit:hover { display:inline-block; background:#1e283a; color:#FFF; text-decoration:none;}

.form_accept { font-size:10px; color:#7b7c7e; line-height:2em; }

::-webkit-input-placeholder { color:#abaeb4;}

.web_form {  background:#FFF;   font-size:13px;  overflow:hidden; margin-top:-89px;  }
.web_form h2 { background:#748491; line-height:33px; color:#FFF; font-size:18px; font-weight:normal; padding-bottom:10px; text-align:center; }
/*callback form css end*/

/*adv box css start*/
.adv_box_main { width:1024px; margin:0px auto; margin-top:0px; overflow:hidden; }
/*adv box css end*/

/*success stories css start*/
#newsticker-demo { width:300px; float:left; margin-right:62px;  }
#newsticker-demo h2 { color:#5d6f8d; border-bottom:1px solid #E8EAEE; padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px; }
.newsticker-jcarousellite ul { padding:0; margin:0; list-style:none; }
.newsticker-jcarousellite li { display:block; padding-bottom:18px; margin-bottom:10px; border-bottom:1px dotted #CCC; }
.newsticker-jcarousellite .info { float:left; width:268px;  font-size:12px; color:#788791; font-weight:bold; }
.newsticker-jcarousellite .text { float:left; width:268px;  font-size:11px; color:#333; font-weight:bold; padding-bottom:10px; }
.newsticker-jcarousellite .info span.cat { display:block;  font-size:12px; color:#333; font-weight:normal; padding-top:10px; }
/*success stories css end*/

/*news css start*/
.news {  width:300px; float:left; margin-right:62px; font-size:12px; color:#393939; text-align:justify; line-height:1.8em; text-decoration:none; }
.news h2 { color:#5d6f8d; border-bottom:1px solid #E8EAEE; padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px; }
.news h3 { font-size:14px; color:#788791; font-weight:bold; line-height:2em; font-weight:normal; }
/*news css end*/

/*important link css start*/
.important_link {  width:300px; float:right;  color:#393939; text-align:justify; line-height:1.8em; text-decoration:none; }
.important_link h2 { color:#5d6f8d; border-bottom:1px solid #E8EAEE; padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px; }
.important_link ul { margin:0px; padding:0px; list-style-type:none; }
.important_link li { font-size:13px; color:#000;  }
.important_link li a { color:#7b7c7e; text-decoration:none; line-height:2em;}
.important_link li a:hover {  color:#000;}
.important_link  i { margin-right:5px;}
/*important link css end*/

/*icon gallery and banking partner css start*/
.icon_gallery_main { width:1024px; margin:0px auto; margin-top:30px; overflow:hidden;}
.icon_gallery { width:690px; float:left; margin-right:34px; margin-bottom:10px; }
.icon_gallery h2 { color:#5d6f8d; border-bottom:1px solid #E8EAEE; padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px;}
.nbs-flexisel-container { position:relative; max-width:100%; }
.nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; }
.nbs-flexisel-inner { overflow:hidden; float:left; width:100%;}
.nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;  }
.nbs-flexisel-item img {  cursor:pointer; position:relative; margin-top:10px; margin-bottom:10px; }
#flexiselDemo3 p{ color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#flexiselDemo3 p a{color:#FFF; text-decoration:none;}


.banking_partner { width:300px; float:right; top:0px; }
.banking_partner h2 { color:#5d6f8d; border-bottom:1px solid #E8EAEE; padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px;}
/*icon gallery and banking partner css end*/

/*Narendra Modi slogan css start*/
.narendra_modi { }
/*Narendra Modi slogan css end*/

/*footer css start*/
#footer { background-color:#262a2d; position:relative; padding-top:76px; margin-top:30px; }
.grey-stripe { position:absolute;  width:100%; background-color:#34393c; height:140px; top:0;}
.right-bg { background-color:#4496D2; display:block; height:193px; position:absolute; width:100%; right:-100%;}
/*footer css end*/

/*news letter css start*/
.newsletter { height:170px; margin-top:-95px; overflow:hidden; position:absolute; width:100%; z-index:1;}
.newsletter h2 { margin-bottom:6px; font-weight:400; font-size:18px;}
.newsletter-content { margin:-23px auto auto; position:relative; width:1024px; z-index:6;	}
.newsletter-box { background:#4496D2  no-repeat -643px -213px; color:#FFFFFF; float:right; height:193px; padding-top:40px; width:366px;	}
.triangle-arrow-newsletter { border-bottom:171px solid #4496D2; border-right:0px solid transparent; border-left:100px solid transparent; border-top:0; float:right; display:block; height:0; margin-left:366px; text-indent:-9999px; width:0;}
.newsletter-box h4{ color:#FFF; font-size:16px; padding-left:80px;}
.newsletter-box input { -moz-box-sizing:border-box; background-color:#1E6CA5; border:medium none; color:#FFFFFF; font-size:12px; height:28px;
line-height:28px; width:135px; padding:0 10px; float:left;}
.newsletter-box .go_button {  background-color:#3384BE; border:medium none; border-radius:3px; color:#FFFFFF; width:77px; float:left; text-align:center; margin-left:10px; }
.newsletter_imgbox {width:60px; float:left; margin-right:12px;}
.newsletter_imgbox img { margin-top:5px; margin-left:10px;}
/*news letter css end*/

/*testimonial css start*/
.testimonial_main{ width:1024px; margin:0px auto; margin-top:5px;  color:#000; font-size:20px; padding-top:8px; font-weight:normal; padding-bottom:2px; text-align:center;  }
.testimonial_main h2{ line-height:33px;  font-size:22px; padding-top:8px; font-weight:normal; padding-bottom:8px; text-align:left; }
.clearfix:before { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.none { margin:0; padding:0; list-style:none; }
.img-ind { float:left; margin-right:10px; border:#CCC 1px solid; padding:2px; }
.testimonials { position:relative; cursor:default; }
.testimonials li { float:left; cursor:default; }
.testimonials blockquote { width:580px;  margin:0; padding:0; position:relative; color:#9b9999;  font-size:13px; line-height:1.7em; margin-bottom:2px; text-align:justify;}
.testimonials blockquote img { display:block; margin-bottom:10px; }
/*.testimonials blockquote:after { display:block; content:""; position:absolute; border:solid 12px; border-color:#000 transparent transparent transparent; bottom:-24px; left:57px; }*/
.testimonials .arrows { position:absolute; bottom:-20px; left:auto; width:79px; height:23px; right:0px; }
.testimonials .arrows .prev, .testimonials .arrows .next { display:block; float:left; width:50%; height:100%; background:url(../images/arrows-1.png)  no-repeat; }
.testimonials .arrows .prev { background-position:left top;}
.testimonials .arrows .next { background-position:right top;}
.testimonials .arrows .prev:hover { background-position:left bottom;}
.testimonials .arrows .next:hover { background-position:right bottom;}
.link { font-size:12px; color:#4496d2 ; line-height:1.7em; text-decoration:none; }
.link a { color:#4496d2 ; text-decoration:none;}
.link a:hover { color:#3a8d00; text-decoration:none;}

.testimonials blockquote i  { color:#FFF; font-size:20px;}
/*testimonial css end*/

/*bottom css start*/
.bottom_main { width:1024px!important; margin:0px auto;  background-color:#43494c; z-index:2; position:relative; overflow:hidden; padding:20px 0px 20px 0px;}

.bott_link{ width:420px; float:left; padding:9px; margin-right:12px; border-right:1px solid #52585b;}
.bott_link h2 { color:#e0e0e0;  padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px; }
.bott_link ul { margin:0px; padding:0px; list-style-type:none; }
.bott_link li { font-size:12px; color:#000;  }
.bott_link li a {  background:url(../images/bott_link.png) 0px 5px no-repeat; color:#909294; text-decoration:none; line-height:2.5em; padding-left:20px; }
.bott_link li a:hover { color:#4496d2;}
.bott_link  i { margin-right:5px;}

.bott_link .text {font-family:'Open Sans', sans-serif; font-size:13px; color:#909294;}

.fee_submit { width:250px; float:left; padding:15px 20px 15px 12px; margin-right:12px; border-right:1px solid #52585b;}
.fee_submit h2 { color:#e0e0e0;  padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px; }
.form_w2 { width:100%; height:auto; background:#3e4447; border:1px solid #52585b; font-size:12px; margin:2px 0px 4px 0; outline:none; text-indent:5px; line-height:30px; color:#abaeb4;}
.form_w3 { width:100%; height:auto; background:#3e4447; border:1px solid #52585b; font-size:12px; margin:2px 0px 4px 0; outline:none; text-indent:5px;line-height:35px; height:35px;  color:#abaeb4;}

.result{ width:250px; float:right; padding:13px; }
.result h2 { color:#e0e0e0;  padding-bottom:7px; margin-bottom:8px; font-weight:400; font-size:18px; }
/*bottom css end*/

/*footer css start*/
.footer { width:1000px; padding:12px; margin:0px auto; overflow:hidden; background-color:#43494c; border-top:1px solid #52585b; }
.footer_hdfc { width:100%; padding:12px 0; margin:0px auto; overflow:hidden; background-color:#43494c; border-top:1px solid #52585b; margin-top:30px; }
.footer_hdfc_inner { width:1000px; margin:0px auto; overflow:hidden; }

.footer_left { width:700px; float:left; color:#827f80; font-size:12px;}
.footer_left img { margin-bottom:10px;}

.footer_middle { width:160px; float:left; color:#7b7777;}
.footer_middle a  {color:#7b7777; text-decoration:none;}
.footer_middle a:hover  { color:#4391cd; }

.footer_icon { width:130px; float:right;}
.footer_icon ul { margin:0px; padding:0px; list-style:none;}
.footer_icon li { float:left;}
.footer_icon ul li a i { width:24px; height:24px; line-height:24px; font-size:14px; color:#fff; border-radius:20px; text-align:center; margin-right:5px; transition:all 0.2s ease-in-out; }

.fa-facebook { background:#8cbb41;} 
.fa-linkedin { background:#8cbb41;}
.fa-twitter {  background:#8cbb41;}
.fa-google-plus { background:#8cbb41;}
ul li a i:hover { opacity:.7;}
/*footer css end*/

/*HDFC form css start*/
.form_content { width:1024px; margin:0px auto; overflow:hidden; margin-top:30px; }

.form_content .confirm { text-align:center; font-family:'Open Sans', sans-serif; font-size:16px; color:#000; font-weight:400; line-height:20px; margin-bottom:20px; }
.form_content .confirm span { font-size:13px; color:#878787; }

.form_content h2 { width:650px; margin:0px auto; overflow:hidden; background:#4496d2; font-family:'Open Sans', sans-serif; font-size:13px; line-height:15px; color:#FFF; font-weight:400; padding:14px 20px 14px 20px; text-transform:uppercase; }
.form_content .box { width:648px; margin:0px auto; overflow:hidden; border-left:1px #d0d0d0 solid; border-right:1px #d0d0d0 solid; border-bottom:1px #d0d0d0 solid; padding:30px 20px 30px 20px; margin-bottom:30px; }

.form_main { width:600px; margin:0px auto; overflow:hidden; }

.form_main .please_pay { font-family:'Open Sans', sans-serif; font-size:16px; color:#000; font-weight:400; line-height:20px; margin-bottom:20px; }
.form_main .please_pay span { font-size:13px; color:#878787; }

.form_text { width:30%; float:left; line-height:30px; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#000; }
.form_text span { color:#F00; }
.form_input_box { width:60%; float:left; }
.mb { margin-bottom:10px; }

.form_input { width:90%; border:1px #d0d0d0 solid; padding:8px 0 8px 10px; color:#444; outline:none; }
.form_select { width:93.4%; border:1px #d0d0d0 solid; padding:8px 0 8px 10px; color:#444; outline:none; }

.submit_hdfc { margin:0px auto; overflow:hidden; background:#4496d2; color:#FFF; display:block; padding:10px 20px 10px 20px; text-decoration:none; border-radius:4px; outline:none; border:none; cursor:pointer; }
.submit_hdfc:hover { background:#1e283a; color:#FFF; text-decoration:none;}

.merchant { font-family:'Open Sans', sans-serif; font-size:13px; color:#4496d2; font-weight:400; text-align:center; line-height:1.7em; text-decoration:none; }
.merchant a { color:#4496d2 ; text-decoration:none;}
.merchant a:hover { color:#000; text-decoration:none;}
/*HDFC form css end*/


/*paging css start*/
.paging { font-family:'Open Sans', sans-serif; font-size:11px; color:#0034FF; font-weight:700; font-style:italic; margin-top:10px; }
.paging a { text-decoration:none; color:#FF0000; }
.paging a:hover { text-decoration:none; color:#FF0000; }
.paging span { margin:0 5px; }
.paging i { font-size:16px; }
/*paging css end*/

/*onload popup css start*/
#mask { position:absolute; left:0; top:0; z-index:9000;background-color:#26262c; display:none;}  
#boxes .window { position:absolute; left:0;  top:0; width:440px; height:850px; display:none; z-index:9999; padding:20px; border-radius: 5px; text-align: center;}
#boxes #dialog { width:450px; height:auto; padding: 10px 10px 10px 10px; background-color:#ffffff; font-size: 15pt;}
.agree:hover{  background-color: #D1D1D1; }
.popupoption:hover{ background-color:#D1D1D1; color:green;}
.popupoption2:hover{color: red;}
/*onload popup css end*/