@charset "utf-8"; 
/* CSS Document */
/*=======================     Default Rules Reset     =======================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #000099;
}table{
	border-spacing: 0;
	color: #000;
}fieldset,img{border:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-size:12px}legend{color:#000}:focus{ outline:0}

*{margin:0; padding:0}
body{margin:0; padding:0; font:normal 13px/1.5em 'Open Sans', sans-serif; color:#686868; background:#fff; text-align:justify}
img{border:none; outline:none}
a img{border:none; outline:none}
a{border:none; text-decoration:none; outline:none}

p{
	margin: 0px;
	padding: 0px;
	text-align: justify;
	font: normal 13px/1.5em 'Open Sans', sans-serif;
	color: #000000;
}
.fl{float:left}
.fr{float:right !important}
.clear{clear:both}
p a{color:#000}
p a:hover{color:#88521a}
.mr{margin:0 20px; border-left:1px dotted #686868; border-right:1px dotted #686868; padding:0 20px}
.m1{margin-top:15px}

 /*======wrapper start============== */
.mainwrapper{width:100%; background:url(../images/bg.jpg) repeat-x}
.wrapper{width:1120px; margin:0px auto}
/*======header start============== */
.header{background:linear-gradient(#fff, #eaeaea); width:100%; height:199px;position:absolute; z-index: 9999;}
.top_strip{padding:8px 0;background-color:#00569d;}
.link{color:#fff; float:right}
.link a{color:#fff; padding:0px 9px; margin:0}
.link a:hover{color:#fff}

.logo{margin:10px 0; float:left}
.social{float:right;}
.social img{float:left; margin-right:7px}
.social img:hover{margin-top:-5px}

.call {
    float: right;
    background: #00569d;
    width: 258px;
    height: 41px;
    font: normal 15px/1.2em 'HelveticaCondensed';
    color: #fff;
    padding: 5px 8px;
    margin-left: 15px;
    margin-top: 15px;
    text-align: left;
    border-radius: 10px;
    margin-bottom: 18px;
}
.call span a{font-size:13px; color:#fff}

.toll{position:absolute; right:290px; top:110px; line-height:20px}
.toll p{color:#444; font-size:14px; text-align:right;}
.toll p span{ color:#444}
.toll h4{ color:#444; font:600 14px/1.5em 'Open Sans', sans-serif; text-transform:none; padding:0; background:none}

.toll1{position:absolute; right:440px; top:110px; line-height:20px}
.toll1 p{color:#444; font-size:14px; text-align:right;}
.toll1 p span{ color:#444}
.toll1 h4{ color:#444; font:600 14px/1.5em 'Open Sans', sans-serif; text-transform:none; padding:0; background:none}

/*======container panel start============== */
.container{ margin:1px; padding:1px}
.bg{background:#fff; padding:10px; -webkit-box-shadow:0px 10px 24px -13px rgba(0,0,0,0.65); -moz-box-shadow:0px 10px 24px -13px rgba(0,0,0,0.65); box-shadow:0px 10px 24px -13px rgba(0,0,0,0.65)}
.bg1{background:#eaf9ff; padding:15px}
h2{font:normal 18px/1.5em 'HelveticaCondensedBold'; color:#fff; text-transform:uppercase}
h3{font:normal 22px/1.5em 'HelveticaCondensedBold'; color:#018645; text-transform:uppercase}
h3 span{font-size:18px}
h4{font:normal 16px/1.5em 'HelveticaCondensedBold'; color:#ce000c; text-transform:uppercase; padding:5px; background:#f9f9f9}
h5{font:normal 15px/1.5em 'HelveticaCondensedBold'; color:#f58122; text-transform:uppercase; margin:15px 0}
h6{font:normal 15px/1.5em 'HelveticaCondensedBold'; color:#fff; text-transform:uppercase; margin:15px 0}

strong{
	font: bold 13px/1.5em Arial, Helvetica, sans-serif;
	color: #00569d;
}

.banner_container{background:url(../images/bg4.jpg) repeat; height:390px; float:left; width:100%;padding-top: 200px;}
.banner{width:1120px; margin:10px auto; background:#fff; height:350px; padding:5px;}

.banner_container {background:url(../images/bg4.jpg) repeat; height: 370px; float:left; width:100%;padding-top: 200px;;}
.banner1 {width:1120px; margin:10px auto; background:#fff; height:100px; padding:5px}


#slideshow {position:relative;height:350px;}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	opacity:0.0;
	height: 350px;
	width: 1118px;
}
#slideshow IMG.active {z-index:20;opacity:1.0;}
#slideshow IMG.last-active {z-index:20;}

.news_container{height:27px; width:1120px; padding:10px 0}
.news_container .news_heading{width:110px; height:25px; font:normal 16px/1.5em 'HelveticaCondensedBold'; color:#444; float:left; text-transform:uppercase}
#pscroller2{width:910px; height:27px; font:normal 12px/2em Arial, Helvetica, sans-serif; color:#444; float:left; margin:0 5px}
.news_container .more a{font:bold 12px/2em Arial, Helvetica, sans-serif; color:#fff; padding:3px 8px; float:right; background:#444}
.news_container .more a:hover{background:#88521a}

.left{width:242px; float:left}
.left .heading{background:url(../images/heading1.png) no-repeat; width:220px; height:23px; font:normal 16px/1.5em 'HelveticaCondensedBold'; color:#fff; padding:10px; text-transform:uppercase}
.left .heading1{background:#00569d; width:220px; height:23px; font:normal 16px/1.5em 'HelveticaCondensedBold'; color:#fff; padding:10px; text-transform:uppercase;border-radius:5px;
}
.left .heading2{background:url(../images/heading3.png) no-repeat; width:220px; height:23px; font:normal 16px/1.5em 'HelveticaCondensedBold'; color:#fff; padding:10px; text-transform:uppercase}

.right .heading1{background:#00569d;font:normal 16px/1.5em 'HelveticaCondensedBold'; color:#fff; padding:10px; text-transform:uppercase;border-radius:5px;}
.right .box{background:#eaf9ff; padding:10px; margin-bottom:20px}

.left .box{background:#eaf9ff; padding:10px; margin-bottom:20px}
.left .box form select{background:#fff; border:1px solid #ccc; width:98%; height:31px; padding:4px; margin-bottom:6px; font:12px/1.5em Arial, Helvetica, sans-serif; color:#444}
.left .box form input[type="submit"]{background:#ce000c; border:none; padding:4px 7px; font:bold 12px/1.5em Arial, Helvetica, sans-serif; color:#fff; cursor:pointer}
.left .box form input[type="submit"]:hover{background:#222}
.left .box ul li{border-top:1px dotted #686868; color:#686868; display:block}
.left .box ul li a{color:#686868; display:block; background:#fff; font:bold 12px/1.5em Arial, Helvetica, sans-serif; padding:7px 3px 6px 17px}
.left .box ul li a:hover{color:#0d89d9; background:#f9f9f9}
.left .box ul li:first-child{border:0 none}

.more a{background:#444; font:bold 12px/1.5em Arial, Helvetica, sans-serif; color:#fff; padding:6px 8px}
.more a:hover{background:#88521a; color:#fff}

.right{width:400px; float:left; padding-left: 20px;}
.right .box1{width:120px; float:left; margin-bottom:27px}
.right .box1 img{box-shadow:0 2px 4px #CCC; margin-top:10px; padding:3px; margin-bottom:15px}
.right .box1 p{margin-bottom:5px; padding-bottom:5px}
.right .welcome{width:100%; float:left}
.right .welcome p img{float:left;  margin-left:10px; margin-right:10px}

.right .tab1{}
.right .tab1 ul li{color:#686868; display:block; margin-bottom:1px; background:url("../images/arrow1.png") no-repeat scroll 8px 11px rgba(0, 0, 0, 0);padding-left:17px;}
.right .tab1 ul li a{color:#686868; display:block; font:bold 12px/1.5em Arial, Helvetica, sans-serif; padding:12px 25px}

.right .tab{float:right; width:25%}
.right .tab ul li{color:#686868; display:block; margin-bottom:1px; background:url("../images/arrow3_.png") no-repeat scroll right top; width:198px; height:39px}
.right .tab ul li a{color:#686868; display:block; font:bold 12px/1.5em Arial, Helvetica, sans-serif; padding:12px 25px}
.right .tab ul li a:hover,.right .tab ul li a.active{color:#fff; background:url("../images/arrow3.png") no-repeat scroll right top}

.right .tab ul li:first-child{border:0 none}

/*============Right1==================================*/

.right1 {width:420px; float:right}
.right1 .box1{width:120px; float:left; margin-bottom:27px}
.right1 .box1 img{box-shadow:0 2px 4px #CCC; margin-top:10px; padding:3px; margin-bottom:15px}
.right1 .box1 p{margin-bottom:5px; padding-bottom:5px}
.right1 .welcome{width:100%; float:left}
.right1 .welcome p img{float:left; margin-right:15px}


.right1 .tab1 ul li{color:#686868; display:block; margin-bottom:1px; background:url("../images/arrow1.png") no-repeat scroll 8px 11px rgba(0, 0, 0, 0);padding-left:17px;}
.right1 .tab1 ul li a{color:#686868; display:block; font:bold 12px/1.5em Arial, Helvetica, sans-serif; padding:12px 25px}

.right1 .tab{float:right; width:25%}
.right1 .tab ul li{color:#686868; display:block; margin-bottom:1px; background:url("../images/arrow3_.png") no-repeat scroll right top; width:198px; height:39px}
.right1 .tab ul li a{color:#686868; display:block; font:bold 12px/1.5em Arial, Helvetica, sans-serif; padding:12px 25px}

.right1 .tab ul li:first-child{border:0 none}


/*=====================Right1 close======================*/
table.sample{border:1px solid #000; border-collapse:collapse; border-width:1px; border-style:solid; padding-left:0.2cm; padding-right:0.2cm; border-color:gray; background-color:white; margin:15px 0}
table.sample th{border-width:1px; padding:5px; border-style:solid; border-color:gray; background-color:#e6f4d4}
table.sample td{border-width:1px; padding:1px; padding-left:0.2cm; padding-right:0.2cm; border-style:solid; border-color:gray; font:normal 12px/1.5em Arial, Helvetica, sans-serif}
table.sample td a{color:#116db8}
table.sample td a:hover{color:#222}

/*======News Updates start============== */
.col-md-6 {
width:95%
}

 /*======News Updates End============== */
 /*======footer start============== */
.footer{width:100%; padding:10px 0; background:#00569d;}
.footer .box{margin:0 19px 10px 0; width:23%; float:left}
.footer .box ul{float:left;}
.footer .box ul li{padding:3px 0; background:url("../images/arrow.png") no-repeat scroll 8px 11px rgba(0, 0, 0, 0); padding-left:17px; color:#fff; font-size:13px}
.footer .box ul li a{color:#fff}
.footer .box ul li a:hover{color:#FFFF33}

.footer p{font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#fff} 
.footer p a{color:#fff; padding:0 8px}
.footer p a:hover{color:#f2f2f2}

/*===============footer body1 ==================*/
.footer1 {width:100%; padding:10px 0}
.footer1 .box{margin:-1px 5px 4px 15px; width:23%; float:left;border-color:#0FF; background-color: #00569d;border-radius:5px;
-webkit-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
	}
.footer1 .box ul{float:left;}
.footer1 .box ul li{padding:3px 0; background:url("../images/arrow.png") no-repeat scroll 8px 11px rgba(0, 0, 0, 0); padding-left:17px; color:#fff; font-size:13px}
.footer1 .box ul li a{color:#fff}
.footer1 .box ul li a:hover{color:#FFFF33}

.footer1 p{font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#fff} 
.footer1 p a{color:#fff; padding:0 8px}
.footer1 p a:hover{color:#f2f2f2}
/*===============footer body end1====================*/




.copyright{background:#00569d; float:left; width:100%; padding:15px 0; color:#fff;border-top: 1px solid #748194;
}
.copyright p a{color:#fff}

.main{height:180px}
.ch-grid{padding:0; list-style:none; display:block; text-align:center; width:100%}
.ch-grid:after,.ch-item:before{content:''; display:table}
.ch-grid:after{clear:both}
.ch-grid li{width:141px; height:141px; display:inline-block; margin-right:20px; float:left}

.ch-item{border-radius:50%; position:relative; cursor:default}
.ch-info-wrap, .ch-info{position:absolute; width:141px; height:141px; border-radius:50%}
.ch-info-wrap{top:20px; left:20px; background:#f9f9f9}
.ch-info > div{display:block; position:absolute; width:100%; height:100%; border-radius:50%; background-position:center center; -webkit-backface-visibility:hidden}
.ch-info .ch-info-front{-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out}
.ch-info .ch-info-back{opacity:0; background:#018645; pointer-events:none; -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:all 0.4s ease-in-out 0.2s; -moz-transition:all 0.4s ease-in-out 0.2s; -o-transition:all 0.4s ease-in-out 0.2s; -ms-transition:all 0.4s ease-in-out 0.2s; transition:all 0.4s ease-in-out 0.2s}
.ch-img-1{ background-image:url(../images/c1.png)}
.ch-img-2{ background-image:url(../images/c2.png)}
.ch-img-3{ background-image:url(../images/c3.png)}
.ch-img-4{ background-image:url(../images/c4.png)}
.ch-img-5{ background-image:url(../images/c5.png)}
.ch-info h3{margin:0 15px; padding:40px 0 0 0; height:30px; font:normal 18px/1.5em 'HelveticaCondensedBold'; color:#fff}
.ch-info p{color:#fff; padding:0 5px; margin:0 30px; font-size:11px; border-top:1px solid rgba(255,255,255,0.5); font-family:Arial, Helvetica, sans-serif}
.ch-info p a{display:block; color:#f2f2f2; font-style:normal; font-weight:700; text-transform:uppercase; font-size:11px; letter-spacing:1px; padding-top:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.ch-info p a:hover{color:#fff}
.ch-item:hover .ch-info-front{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); opacity:0} 
.ch-item:hover .ch-info-back{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; pointer-events:auto}
.eform  input[type="text"] {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #c7c7c7;

    color: #333333;

    float: left;

    font: 12px/1.5em Arial,Helvetica,sans-serif;

    margin: 3px 0;

    padding: 5px;

    width: 360px;

}

.eform  input[type="email"] {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #c7c7c7;

    color: #333333;

    float: left;

    font: 12px/1.5em Arial,Helvetica,sans-serif;

    margin: 3px 0;

    padding: 5px;

    width: 360px;

}

.eform  input[type="file"] {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #c7c7c7;

    color: #333333;

    float: left;

    font: 12px/1.5em Arial,Helvetica,sans-serif;

    margin: 3px 0;

    padding: 5px;

    width: 360px;

}

.eform  textarea {

    background:#fff none repeat scroll 0 0;

    border: 1px solid #c7c7c7;

    color: #333333;

    float: left;

    font: 12px/1.5em Arial,Helvetica,sans-serif;

    height: 80px;

    margin: 3px 0;

    padding: 5px;

    width: 360px;

}



.eform  input[type="submit"] {

    background: #000 none repeat scroll 0 0;

    border: 2px solid #ffffff;

    color: #ffffff;

    cursor: pointer;

    display: block;

    float: left;

    font: 15px/1.5em "PT Sans",sans-serif;

    margin: 6px 0;

    padding: 5px 10px;

    text-transform: uppercase;

}

.eform  input[type="submit"]:hover{background:#D92210;}

.eform  label{

    margin-right: 60px;

	font: 16px/1.5em "PT Sans",sans-serif;

}

.eform span{color:red;}

form.parent input[type=text]{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ababab;
    box-shadow: 0 0 8px #eaeaea inset;
    padding: 8px 5px;
    width: 300px;
	margin:5px 0;
}
form.parent textarea{height:100px; background:#fff; border:1px solid #ddd; margin:5px 0; width:309px; border: 1px solid #ababab;
    box-shadow: 0 0 8px #eaeaea inset;}
form.parent  input[type="submit"] {

    background: #000 none repeat scroll 0 0;

    border: 2px solid #ffffff;

    color: #ffffff;

    cursor: pointer;

    display: block;

    float: left;

    font: 15px/1.5em "PT Sans",sans-serif;

    margin: 6px 0;

    padding: 5px 10px;

    text-transform: uppercase;

}
form.parent  input[type="submit"]:hover{background:#D92210;}
	
.innerpage{width:100%;}
.innerpage h2{  background: #2181d0  none repeat scroll 0 0;
    color: #fff;
    font: bold 16px/1.5em "HelveticaCondensedBold";
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase;}
	
.innerpage h3 {
	color: #00569d;
	font: bold 16px/1.5em "HelveticaCondensedBold";
	margin: 10px 0;
	text-transform: uppercase;
}
div#ZoomBox
{
top:230px!important;	
}


.innerpage p strong{
	font-size: 13px;
	color: #000000!important;
	font-weight: normal;
}
.innerpage ul li{list-style-type:disc;padding:4px;}
.innerpage ul{margin-left:20px;}
.someclass a{color:#d92210;}
.vacancies{background:#2181d0; padding:5px 10px;  width: 1108px; margin:6px auto; border:1px solid #f2f2f2;  font:bold 16px/1.5em "HelveticaCondensed";color:#fff;text-align:center;}
.vacancies a{color:#fff;}



/* Style the tab for Department */
.tab {
    overflow: hidden;
  	border: 1px solid #2f7fc1;
     
    background-color: #106ad929;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
	font-size:14px;
	font-weight:400;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #efe816d4;
	font-size:14px;
}


/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
	height:inherit !important;
}

/* Set height of body and the document to 100% to enable "full page tabs" */
body, html {
  height: 100%;
  margin: 0;
  font-family: Arial;
}

/* Style tab links */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 2px 20px;
  height: 100%;
}

#Home {background-color: red;}
#News {background-color: green;}
#Contact {background-color: blue;}
#About {background-color: orange;}

----------------Button for Courses --------------------
.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:normal;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}