﻿@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import "fonts/font-awesome.css";
@import "fonts/stylesheet.css";

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:200italic,400italic,300italic,700italic,600italic,200,300,600,400,900,700);

/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/

/* Basic Reset */
*{ margin:0px; padding:0px;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; list-style: none; }

/* General */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, mark, time { display:block }
	
	
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary 
{display:block; margin:0px; padding:0px;}


body, html, form, section {min-height:100%; height:100%;}
 
body {font-family: 'SegoeUI',Helvetica,Arial,sans-serif;  font-weight:400;  font-size: 0.9em; color: #fff;  }

table {border-collapse:collapse; width:100%; height:auto;}

#form1 { opacity:0; }


.ss {display:none; } 

/*
=====================================================================================================================================================
COMMON TAGS
=====================================================================================================================================================
*/


p { margin:0px 0px 15px 0px; padding:0px; text-align:left;   line-height:16pt;  }
.tcenter { text-align:center;}

ul  {padding:0px; margin:0px  0px 10px 0px;;}
li {list-style-type:disc; padding:0px; margin:0px 10px 5px 25px;  }
li p {margin:0px 0px 5px 0px; }
.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; }

img { max-width: 100%; height: auto; border: 0; outline:none;}

/* Anchor Styles */
a		{color:#fff; text-decoration:underline;}
a:hover	{color:#fff; text-decoration:none;}
a       {outline:none;}


/* Clear Styles */
.clear	{clear:both; width:100%;} 
.spacer1 {clear:both; width:100%; height:10px;}
.spacer2 {clear:both; width:100%; height:20px;}
.spacer3 {clear:both; width:100%; height:30px;}
.spacer4 {clear:both; width:100%; height:40px;}
.spacer5 {clear:both; width:100%; height:300px;}


/* Hr Line Style  */
hr { width:100%; margin:15px 0px 15px 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 #666; background: #292929; }
hr.dashed { border: 0; border-bottom: 1px dashed #ccc; background: #fff; }
hr.double { border: 0; border-bottom: 1px dashed #ccc; background: #999; }
hr.head { border: 0; border-bottom: 1px solid #0054a6;    }
 

/* Float Style  */
.fnone { float:none;} 
.fleft { float:left;} 
.fright { float:right;}

/* Text Style  */
.txt_left { text-align:left; }
.txt_cent { text-align:center; }
.txt_rgt { text-align:right; }

/* Ruppe Style  */
span.rs     {font-family: 'rupee_foradianregular'; font-weight:normal; font-style:normal;}

.err    {  font-size: 14px; font-weight: bold; color:#c80000; padding-left:2px;  }
.error  {color:White; font-size:11px; font-weight:bold; text-decoration: none;}


/* GO To Top Style  */
.scrollup{ width:30px; height:40px;	text-indent:-9999px; position:fixed; bottom:20px; right:20px; display:none; background: url('images/up.png') no-repeat; z-index:999999999;}
.scrollup {  -webkit-animation: moveFromBottom 1000ms fade; -moz-animation: moveFromBottom 1000ms fade;   -ms-animation: moveFromBottom 1000ms fade;}
 

a	{ transition:all .6s ease;  -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; -ms-transition:all .6s ease;}

b { font-weight:bold;}

.bodybg {background:#1650a3 url(images/water-bg.jpg) no-repeat center top;}

.bodybg-home { background:#fff;  } 
/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/
h1, h2, h3, h4, h5, h6 {font-style:normal; font-weight:normal; margin:0px; padding:0px;  font-family: 'SegoeUI',Helvetica,Arial,sans-serif;   font-weight:600;}

h1      {font-size:2em;  color:#fff; text-transform:none; margin-bottom:10px;  display:block; width:100%; line-height:25px;    }
h1 span { color:#ed1c24; font-size:0.7em; text-transform:none;}
h2      {font-size:22px; color:#fff !important; line-height:24px; margin-bottom:15px;     }
h2 span { color:#ed1c24; font-size:0.7em; text-transform:none;}
h2.hd {font-weight:normal; color:#0054a6; font-size:16px; margin-bottom:8px; }
h3      {font-size:1.6em; color:#fff !important; line-height:18px; margin-bottom:10px;}
h3.hd {font-weight:normal; color:#0054a6; font-size:16px; margin-bottom:8px; }
h4      {font-size:1.4em; color:#ed1c24; line-height:18pt; margin-bottom:8px;  text-transform:none;}
h5      {font-size:1.3em; color:#333; line-height:20px; margin-bottom:5px;  text-transform:none;}
h6      {font-size:1em; color:#161695; line-height:18px; margin-bottom:5px;  text-transform:none;}



.intro-icon { background:#fff url(images/icon-intro.jpg) no-repeat left top; padding-left:30px;   }
.events-icon { background:#fff url(images/icon-events.jpg) no-repeat left top;   padding-left:30px;    }

h2 span { background:#fff;  border-bottom:1px solid #fff; padding-bottom:1px; height:30px;  }

 /*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/



 
/*****************************************************************************************************************
WRAPPER 
*****************************************************************************************************************/
.wrapper          {position: relative; width:100%; margin:0px auto; text-align: left;  }
.wrapper          {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -162px;/* the bottom margin is the negative value of the footer's height */}
.bottom           {position: relative; width: 100%; margin: 0 auto;    }
.bottom, .push    {height: 162px; clear:both;/* .push must be the same height as .footer */  }

.wrap             { width:100%; max-width:1000px; margin:0 auto;}
/*****************************************************************************************************************
WRAPPER ENDS
*****************************************************************************************************************/


.home-logo { text-align:center; margin:0px auto; float:none; }

.container { width:100%; padding:0; }
 
header {   width:100%;  /*background: url(images/topbg.png) no-repeat center top;*/ margin:0px auto; z-index:99999; position:relative; }
header.topbg {background:none;}

ul.rightnav {margin-left:5px; padding:0px; width:100%; }
ul.rightnav li {border-bottom:0px solid #eee; padding:6px 5px; list-style-position:inside; color:#f1d7d7; } 
ul.rightnav li a { text-decoration:none; font-size:80%; color:#f1d7d7; }

.btn-close {margin:10px 5px 10px 10px;   }

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}



footer {width:100%; text-align:center;}
.home-footer {position:absolute; bottom:0; z-index:99; }
footer .navbg { background:url(images/footer-navbg.png) repeat; }
footer ul.footer-nav { width:320px; margin:0px auto; padding:0px; float:none; text-align:center; }
footer ul.footer-nav li { display:inline-block;  list-style:none; margin:0.1% 1% 0.1% 0%; padding:2% 0; width:12%; text-align:center;   }
footer ul.footer-nav li img {width:100%; height:auto;}
footer ul.footer-nav li img:hover {opacity:0.5;}
footer ul.footer-nav li:nth-child(2), footer ul.footer-nav li:nth-child(3) { width:18%;}

footer ul.footer-nav li a {padding:4% 0; text-decoration:none; color:#000; text-align:center; font-size:10px;} 
.dockwa {margin:10px 0px; text-align:center}
.dockwa1 {margin:5px 0px; text-align:center}
.footer { background:#1650a3; color:#fff; padding:5px 0px 10px 0px; border-top:5px solid #8a2121;  }
.footer a {color:#fff;}

ul.footerlinks {text-align:right; }
ul.footerlinks li {list-style:none; display:inline-block; padding:0px 10px 0px 5px; text-align:right; border-right:1px solid #ccc;  }
ul.footerlinks li:last-child { border-right:0px; padding-right:0px;  }
ul.footerlinks li a {color:#ccc; text-decoration:none; }

.pagebg {background:#600000;   color:#ffca65;  float:left; width:100%; min-height:550px;  }
.pagebg .data { padding:2%; }
.pagebg  h2 {color:#f58220; font-size:2em; }
.pagebg a {color:#f1cccc; text-decoration:underline; }

ul.services li { float:left; width:50%; }

.breadcrumb-bar {margin-right:-25px; }

.navbar-header { width:100%;   }
.navbar-brand-home { width:100%; }
.brand-name {  float: right;  margin:27px 10px 0 0;  vertical-align:middle; font-size:1.5em; color:#f58220;  }
.brand-name h2 { font-weight:300; font-size:30px;}
.navicon {margin-top:35px; float:right; }

.body-container {position:relative; margin-top:12px; min-height:300px;  }
 
.address                {display:block; padding:10px 15px; margin:0px; margin-bottom:20px; text-align:center;  }
.address ul.addlist     {list-style:none; padding:0px; margin:0px; display:block}
.address ul.addlist li  {list-style:none; padding:0px 8px; margin:0px; display:inline-block; line-height:20pt; }
.address ul.addlist li:first-child  {display:block}
.address ul.addlist li:last-child   {display:block}

.address ul.addlist li .fa  {margin-right:5px; font-size:20px; color:#fff;}

.address ul.addlist li:before {content:''}

ul.sitemap { width:100%;   }
ul.sitemap li.head { color:#f58220; list-style:none; margin-left:-20px;  }
ul.sitemap li.head a{ color:#f58220; list-style:none; text-decoration:none;    }




@media only screen and ( min-width: 240px) and ( max-width: 767px) {

header {height:auto;}
.navbar {margin-bottom:0px !important; }

.brand-name { float:left; margin:0px; width:100%; }

ul.services li { float:left; width:100%; }

.footer-left {text-align:center;}
.footer-right {text-align:center !important;}
ul.footerlinks   {text-align:center !important; margin:0px; padding:0px;}

}



@media only screen and ( min-width: 768px) and ( max-width: 1024px) {
	 	
.footer-left {text-align:center;}
.footer-right {text-align:center !important;}
ul.footerlinks   {text-align:center !important; margin:0px; padding:0px;}

}




/*--------------- Common Table Styling ---------------*/

.th { background:#1852a4;  padding: 4px 4px; line-height:15pt;  font-weight:bold; color:#fff;}
.th1 { padding: 4px 4px; line-height:15pt;  font-weight:bold; color:#fff; }
.tch {  color:#000000; background:#ddf2ff; padding: 6px 6px;  line-height:15pt;}
.tc {  color:#000000; background:#fff; padding: 6px 6px;   line-height:15pt;}

.div-column {display:table; width:100%; float:none; border-top:0px solid #b9ddf4; }
.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:14pt;  }
.div-column-col{display:table-cell; vertical-align:top; border-bottom:1px solid #b9ddf4; }
/*.div-column-col-1{display:table-cell; vertical-align:top; border-right:1px solid #767676; border-bottom:1px solid #767676; border-right:1px solid #767676;}
/*--------------- Common Table Styling---------------*/



.call-to-action {background: #ddf2ff; padding:15px 5px; text-align: center; font-size: 16px; text-transform: capitalize; color:#01125a; font-weight: bold;}
.call-to-action a {color:#01125a; }


figure { width:100%; height:100%; min-height:100%; position:relative; display:block; overflow:hidden;  }
figure img { position:relative; width:100%; z-index:1; display:block; float:left;  }
figure figcaption {position:absolute; display:block;  vertical-align:middle; z-index:2; top:0; text-align:center; background:rgba(0,0,0,0.5 ); height:100%; min-height:100%; width:100%; left:0; transition:all 200ms ease;  }
figure figcaption:hover  {position:absolute; display:block; z-index:2; top:0; text-align:center; background:rgba(0,0,0,0.8 ); height:100%; min-height:100%; width:100%; left:0;  }
figure figcaption  div { top:40%; text-align:center; width:100%; position:absolute; font-size:20px;}

ul.logo-list { margin:0px; padding:0px; width:100%; }
ul.logo-list li { float:left; list-style:none; margin-right:1%; }

p.bg-text {background:#ddf2ff; border:1px #b9ddf4 solid; padding:10px 0px; color:#000; text-align:center;}
p.bg-text a{ color:#000; }

.visual_home{ background-image: url("images/pic-home1.jpg");
    background-size: cover; background-position:top right;
    background-repeat: no-repeat;   width:100%; height:100%; z-index:0; position:relative;}

@media(max-width: 375px){
    .navbar-brand{width:250px;}
}
@media(max-width: 360px){
    .navbar-brand{width:230px;}
}

.mobile-middle-pane {width: 95%;border: 0px solid #ccc;margin-right: 20px;margin: 15px auto 10px;}
.mobile-middle-pane .text { padding:0px 15px;background:#ffecbf; font-family: calibri, 'CalibriRegular';}
.mobile-middle-pane p {padding:0px; margin:0px 0 15px; text-align:justify; line-height:15pt; color:#333333; font-size:14px; }
.mobile-middle-pane .home-text { font-family: calibri, 'CalibriRegular'; font-size:22px; padding:10px 0px; margin:0 -15px;background-color:#ffc75d; vertical-align:middle; color:#8b3732;  text-transform:none; text-align:center; font-weight:bold;}
.mobile-middle-pane .home-text-1{ font-family: calibri, 'CalibriRegular'; font-size:16px; padding:0px 0px 10px 0px; margin:0px; color:#8b3732; font-weight:normal; text-align:left; }