@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=PT+Serif);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
html, body, div, span, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, 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;}
#container { width: 1250px !important; margin: 0 auto; left:0; right:0; display:block;}
.menubg {background: #0ab3a3; display: flex; margin: 0 0 1px 0;  -webkit-box-shadow: 1px 4px 5px -1px rgba(0,0,0,0.5); -moz-box-shadow: 1px 4px 5px -1px rgba(0,0,0,0.5); box-shadow: 1px 4px 5px -1px rgba(0,0,0,0.5); z-index:100 }
.orng {background: #f36371; padding: 0 0 5px 10px; border: 0;}
.content, td, P {font-family: 'PT Serif' !important; color: #444444; font-size: 17px !important; letter-spacing: .5pt; line-height: 180% !important;}
body {font-family: 'PT Serif' , sans-serif; color: #333; line-height: 180%;}
p {margin: 10px 0 20px 0; text-align: justify;}
.speech img {float: left; cursor:pointer; }
.wrap {position: relative; padding: 0 10px;}
.wrap .text {
top:30px;
display: none;
background: rgba(0, 0, 0, 0.8);
color: #fff;
right:-60px
}
.wrap:hover .text {display:flex; width:130px; padding: 2px 5px; z-index:1000; position: absolute;}
.tab { }
.tabmain { width: 15%;}
.tabsearch { width:auto; padding: 5px; vertical-align: baseline; float: left;  }
/*#container { width: 1250px; margin: 0 auto; left:0; right:0;}*/
#sidebar {width: 28%; float:right;}
#subcontainer { width: 69% !important; float:left;}
#subcontainer li {font-family: 'PT Serif' !important; color: #444444; font-size: 17px !important; letter-spacing: .5pt; line-height: 180% !important;}
.navbdcrumb li {float: left; /* margin-right: 30px;*/}
.navbdcrumb ol{ list-style: none; padding: 0; margin: 0;}
.sectionname { padding: 3px 0px; color:#000; font-family: 'Ubuntu', sans-serif; float: left; margin: 0; float: left; width: 100%}
.sectionname a {font-size: 28px !important; margin: 0; line-height:0; }
.social {margin: 0; padding:0;}
.social a { line-height: 0 !important; }
.googleadd { float: right; width: 65%;}
.blank { width: 100%; height: 10px; clear:both;}
.blanknon { width: 100%; height: 10px; clear:both;}
.disp {display:block;}
/*by Admin Start*/
.list_left {width:68%;float:left;}
#sidebar_List {width: 30%; float:right;}

.pagination{padding: 10px 0;}
.pagination ul{margin: 0; padding: 0;list-style-type: none;}
.pagination a{display: inline-block; padding: 5px 10px; color: #fff; font-size:14px;}
.pagination a:hover{background-color: #ccc; font-size:14px;}
.p12 a:first-of-type, .p12 a:last-of-type, .p12 .is-active{background-color: #0ab3a3;color: #fff; font-weight: bold;}

.span_sdb_List {
	width: 70%; 
	height: auto !important;
	float:left;
}
.span_11_of_3_list {
	width:30%;
	float:left;
}

.span_11_of_3_list_A {
	width:29%;
	float:left;
	max-width:300px;
	min-width:150px;
}



.span_spons_list {
	float:left; border:1px solid #DEE3E4; background-color:#f2e8e8; padding:15px; margin: 15px .1%;
}
.span_colle_list {
	float:left; border:1px solid #DEE3E4; padding:15px; margin: 15px .1%;
}


.blankMenu { width: 100%; height: 1px; clear:both;display:none;}
.gsc-input-box {height: 35px !important; margin-top: -6px;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {padding: 10px 27px !important; margin-top: 0 !important;}
/*-------------------Menubar---------------------*/
nav1 {font-family: 'Montserrat', sans-serif; padding: 0px; position:relative; z-index: 1000; width: 100%; float: left; text-decoration:none;}
nav1:after {content: ""; display: table; clear: both;}
nav1 ul {float: left; padding: 0; margin: 0; list-style: none; position: relative;}
nav1 ul li {margin: 0px; display: block; float: left; line-height: 30px;}
nav1 a {display: inline-block; padding: 10px 11px 5px 0;text-decoration:none; }
nav1 ul li a {font-size: 14px !important;color: #fff;text-transform: uppercase; }
nav1 ul li a:hover {font-size: 14px; color: #000;text-transform: uppercase;}
nav1 ul ul {display: none;  position: absolute;  margin-top: 1px;  }
nav1 ul li:hover > ul { display: inherit; }
nav1 ul ul li {width: auto; float: none; border-bottom: 1px solid #0ab3a3; display: list-item; position: relative; margin: 0;padding: 5px;  background-color:#f8f8f8; }
nav1 ul ul li a {font-size: 14px; font-weight: 500; color: #292221; height: 20px;}
nav1 ul ul li a:hover {font-size: 14px; height: 20px; color: #666; }
nav1 ul ul ul li {position: relative; top: -25px; left: 100px;}
nav1 li > a:after { content: ' +'; }
nav1 li > a:only-child:after { content: ''; }
.toggle, [id^=drop] {display: none;}
.toggle2, [id^=drop2] {display: none;}
#menu_inputbox {display: none;}
.slider {}

/*--------Search----------*/

#main{width:98%; height: 40px; background: rgba(76, 81, 90, 0.2); padding: 10px 1%; margin-bottom: 20px;}
form, input{padding:0; margin:0; border:0;}
#search-bar {width: 70%;  float:left; }
#search-bar .search-style{font-size:16px; color:#333; padding:0 20px; height: 35px; outline: none; background: rgba(255, 255, 255, 0.9); width: 60%; float:left; }
.sbtn {background: #fff; padding: 10px 20px; font-size: 14px; color: #000; outline: none; cursor:pointer; float:left; margin-left:5px;}
.blkbg { background-color: #000; color: #fff;  padding: 5px 30px; text-align:center; float:right; font-size: 16px !important;}
.blkbg:hover {font-size: 16px;}

/*by Admin Stop*/







/*.img:hover + .cnt{display: block;}*/
.imgC, .imgM { max-width: 100%; height: auto; position: relative;}
.simg { width: 100%; height: auto; position: relative; border:1px solid #f0f0f0;}
.resize {
 width: 60%;
height: auto;
  margin-right:1%;
}
.sizechange {
width: 310px;
height : 200px;
object-fit: cover; float:right;}

.artimg { width: 97%; height:195px; position: relative;object-fit: cover;}

.newsimg {
width: 375px;
height : 250px;
object-fit: cover; float:left; padding:5px;}

.datesimg {
width: 850px;
height : 150px;
object-fit: cover;}

.optimg {
width: 250px;
height : 160px;
object-fit: cover;}

.redbackg{ background-color:#FF4968;color: #feef00; text-align:center; float:left; padding: 4px; font-size:14px; width:180px;}

/*.advtSP{ background-color:#FFff68;color: #feef00;  text-align:center; float:right; padding: 4px; width:250px; height:90px;}*/


.sptxt { font-size: 16px; font-weight: bold; letter-spacing: -1px;}

.wt { color: #fff; text-decoration: none;}
.sbuton {
	padding-left:5px ; height: 22px; background-color:#F00; color: #fff; 
}
.fields {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	float: left;

	height: 20px;
	width: 80%;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}


h1 {font-family: 'PT Serif'; font-size: 30px;font-weight: 400;color: #171717;font-weight: normal;text-decoration:none; line-height: 120%;}


.addevent {  font-family: 'Oswald', Arial;  position: relative;
font-size: 26px;
font-weight: 400;
line-height:150%;
color:#000;
}
.instit {  position: relative;
  text-align: center;
  font-family: 'Oswald', Arial;
font-size: 30px;
font-weight: 500;
border-bottom:1px solid #999;
border-top:3px solid #999;
line-height:150%;
}
.span_3_of_3 {
	width: 99%;
	
}
.span_2_of_3 {
	width: 65%;
	margin-right: 1.5%;
	float: left;
}
.span_1_of_3 {
	width: 42%;
	margin-left: 1%
}

.span_22_of_3 {
	width: 70%;
}
.span_4_of_3 {
	width: 30%;float:left;
}
.mar { margin: 0 1.5%;}
.span_11_of_3 {
	width:21.5%;
	float:left;	
}

.span_21_of_3 {
	width: 48%;float:left;}
	
.span_15 {
		width: 15%;
		background-color:#F6F6F6;
		float:left;
		text-align:center;
}
	
.span_24 {
		width: 23%;
		background-color:#F6F6F6;
		float:left;
		text-align:center;
		padding-top: 20px;
		padding-bottom: 20px;
		margin:3px 1%;
}
.span_db {
width: 49.5%; float: left;
	height: 300px; margin: 7px .2%;
}
.span_dbL {
	width: 32%;
	float:left;
}
.span_60 {
	width: 60%;
	float:left;
}
.span_40 {
	width: 39%;
	float:left;
}
.span_25 {
	width: 25%;
	float:left;
}
.span_related {
	width: 23%;
	margin-right:1%;
	float:left;
}


.span_27 {
	width: 27%;
	float:left; left:0px; padding: 5px;
    box-shadow: -5px 0 5px -5px #333;
}
.span_sdb {
	width: 47.5%; 
	height: auto !important;
	float:left;
}
.span_news {
	width: 24.5%;
	height: 280;
	margin-bottom: 10px;
}
.span_half {width:24%; float:left; margin: 5px 3px; display: block; font-size: 12px;}

.span_filter{width:23.8%;margin-right: 1.0%;	float:left; background-color:#0CF}	
.span_75 {width: 75%;float:left;}
.span_30 {width: 28%; float:left; border-radius: 10px; box-shadow: 1px 1px 5px #CCC; padding: 10px; margin-right: 10px; margin-top: 10px;}
ul, ol {line-height: 180%; }
.span_47 {width: 46%; float: left; text-align: left; background-color:#fff;  padding:5px 18px 5px 5px; margin-right: 9px ; line-height: 180%;}
.span_70{width: 70%; float: left;}

.span_28 { width: 28%; float:right; margin-top:1%;}
.span_98 {  width: 98%; text-align: left; margin: 20px .1%;  border-bottom:1px solid #f3f3f3; padding:10px;}
.span_100 { width: 100%; float: left; text-align: left;  margin: 2px .9%;}	
.span_95 {  width: 95%; float: left; text-align: left; border-bottom:1px solid #d2d2d2; padding: 10px; margin: 10px .1%;}
.span_80 { width: 80%; float: right;}
.span_31 {width: 31%;float:left;  margin: 5px .9%; height:330px;}

.span_22 {  width: 22%; float: left;  margin: 6px .9%; padding:5px;}
.span_85 { width: 80%; float: right;}
.span_log { width: 18%; float: left; padding-top:20px;}


.span_60bi { width: 60%; float: right;}
.span_logbi { width: 40%; float: left;}
.span_hide {}

.span_spons {
	width: 98%; float:left; border:1px solid #DEE3E4; background-color:#f2e8e8; padding:15px; margin: 15px .1%;
}
.span_colle {
	width: 98%; float:left; border:1px solid #DEE3E4; padding:15px; margin: 15px .1%;}


.span_art{width:46%; float:left;  margin: 0 2% 2% 0 ; border-bottom:3px solid #108cd3; background-color: #f7f7f7; padding:1%;}
	
a.toptext { 	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	color: #000;
	text-transform:uppercase;
	letter-spacing: 0.5px;
padding: 5px 10px;
}
a.toptext:hover { 
	font-size: 14px;
   text-decoration: none;
}
a.study {
background: none repeat scroll 0 0 #ffffff;
color:#8f8f8f;
display: block;
font-weight:300;
padding: 2px 0 8px 2px;
border-bottom: 1px  solid #e9e9e9;
font-size: 15px;
}
a.study:hover  {
background: none repeat scroll 0 0 #F6F6F6;
display: block;
padding: 2px 0 8px 2px;
border-bottom: 1px solid #e9e9e9;
color: #8f8f8f;
background: #f7f7f7;
font-size: 15px;
}
a.atoz {font-size: 15px;font-weight: 400;color: #333;background-color:#fff;border:1px solid  #d2d2d2; text-decoration:none;padding: 2px 10px 2px 7px;}
a.atoz:hover {font-size: 15px;font-weight: 400;background-color: #EBEBEB;   color: #333;border:1px solid  #f5f5f5; text-decoration:none;padding: 2px 10px 2px 7px;}

.active {font-size: 15px;font-weight: 400;background-color: #EBEBEB;   color: #333;border:1px solid  #f5f5f5; text-decoration:none;padding: 2px 10px 2px 7px;}

a.smtit{font-size: 19px !important; 
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    text-transform: none;
	color: #000;
	text-decoration:none;
	text-align:center;}
a.smtit:hover{font-size: 19px; 
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    text-transform: none;
	color: #666;}
	
a.smsect { 	font-size: 13px;
font-family: 'Oswald', Arial;
	text-decoration: none;
	font-weight: 400;
	color: #000;
	text-transform:uppercase;
	text-align: center;
	letter-spacing:1px;
}
a.smsect:hover { 
	font-size: 13px;
   text-decoration: none;
   text-align: center;
}
.boxshadow { border-radius: 10px; box-shadow: 1px 1px 5px #CCC; padding: 10px; margin-right: 10px; margin-top: 10px; }
a.litit{
font-size: 15px; 
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
	color: #000;
	text-decoration:none;
	text-align:center;
}
a.litit:hover{
font-size: 15px; 
    font-weight:400;
    letter-spacing: normal;
    text-transform: none;
	color: #000;}
	
.warpsect { 	font-size: 11px;
	text-decoration: none;
	font-weight: 400;
	color: #000;
	text-transform:uppercase;
	text-align: center;
	border-bottom:1px solid #000;
	letter-spacing:1px;
}
	
a.heading { margin-top:0; 
font-size: 19px;
text-transform:uppercase;
	text-decoration: none;
	color: #000;
	line-height:180%;
}
a.heading:hover { margin-top:0; 
	font-size: 19px;
	  text-decoration: none;
    border-bottom: 1px solid #ccc;
	color: #000;
}

.subhead { font-size: 15px;
	text-decoration: none;
	color: #999;
	line-height: 24px;
}	
.examdate { font-size: 13px;
	text-decoration: none;
	color: #666;
	text-align:right;
	border-left: 1px solid #999;
	padding:0 5px 0 5px;
}	

a.categor { 	font-size: 19px;
font-family: 'Oswald', Arial;
	text-decoration: none;
	font-weight: 400;
	color: #000;
	text-transform:uppercase;

}
a.categor:hover { 
	font-size: 19px;
   text-decoration: none;
}
a.smacat { 	font-size: 12px;
font-family: 'Oswald', Arial;
	text-decoration: underline;
	font-weight: 400;
	color: #000;
	text-transform:uppercase;
	text-align: center;
	letter-spacing:1px;
}
a.smacat:hover { 
	font-size: 12px;
   text-decoration: underline;
   text-align: center;
}



.imageHolder { position: relative; width: 100%; } 
.imageHolder .caption{ position: absolute; width: auto; bottom:0; padding:5px; margin: 2px; background-color:#f0f0f0; height: 25px; overflow:hidden;}
.imageHolder .spon { position: absolute;  height:10%; width:auto; top: 0; left: 0px; background:#fff; text-align:center; color:#cc0000; padding: 0 5px 5px 5px; font-family: 'Oswald', Arial; font-size:13px; }	
.imageHolder .title { position: absolute; width:90%; bottom:10px;  margin: 0 auto; left:0; right:0; text-align:center; background: rgba(225, 225, 225, 0.7); }	
.imageHolder .play{ position: absolute;  bottom:0;  top:60px; left:150px; right:0;text-align:center; background-image:url(/career/newimages/play.png); background-repeat: no-repeat; }

.borderbox{ border:1px solid #d2d2d2;}	
.botlin{ border-bottom:1px solid #999; width:30%;}
.botdot{ border-bottom:1px dotted #999;}

.sollin{ border-bottom:4px solid #f1f1f1;}
.bordradius {border:1px solid #d2d2d2;
-moz-border-radius: 5px;
border-radius: 5px; height:50px;
}

td.rsp { display:inline-block; width: 70%; color: #2C2C2C; font-size: 16px;}
td.rsps { display:inline-block; width: 25%; color: #7A7A7A; font-size: 16px;}
.span_video {
	width: 99%;
	
}
.span_video iframe{
	width: 99%;
	height:500px;
	position:relative;
}

#target-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
  z-index: 1000;
background:#f2f2f2;
}

#target-content:target {
pointer-events: all;
opacity: 1;
}

#target-content #target-inner {
position: absolute;
display: block;
line-height: 1.8;
width: 40%;
top: 50%;
left: 20%;
height: 100%;
z-index:1000;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);

}

#target-content #target-inner h2 { margin-top: 0; }

#target-content #target-inner code { font-weight: bold; }

.round-button {
	width:30px;
	float:right;
	margin-top:10px;
	margin-right: 10px;
}
.round-button-circle {
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:4px solid #27748A;
    overflow:hidden; 
	background:#ccc;
	font-size:18px;
	text-align:center;
}
#form
{
min-width:260px;
max-width:600px;
margin:auto;
box-shadow: 5px 5px 5px #888888;
padding:20px;
border:4px solid #27748A;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#FFF;
}
a.dablue{background-color:#66748c; border:1px solid #cccccc;
padding:5px; margin:3px; color:#000;}
a.dablue:hover{background-color:#66748c;
padding:5px; margin:3px; color:#fff;}
a.dagrey{background-color:#fff; border:1px solid #cccccc;
padding:5px; margin:3px; color:#00000;}
a.dagrey:hover{background-color:#fff;
padding:5px; margin:3px; color:#000;}

.selecarer { 
font-size: 15px;
  height:30px;
  background-color:#fff;
   border: 1px solid #d2d2d2;
   -moz-appearance: none; }
.blueshadow{ top:0px; text-align:center;
box-shadow: 1px 1px 5px #CCC; font-size: 15px; color: #fff; line-height: 35px; letter-spacing: -0.1pt; text-transform: uppercase; background-color:#498AF4;}   
   .greysha{ top:0px;
box-shadow: 1px 1px 5px #CCC; font-size: 15px; color: #000; line-height: 35px; letter-spacing: -0.1pt; text-transform: uppercase; background-color:#f1f1f1;} 

li.liimg {list-style-image: url(/career/newimages/dot1.gif); background-repeat: no-repeat; padding-left: 5px; padding-right: 5px}

.imgcolle {    position: relative;
    text-align: center; text-transform: uppercase;} 
.imgcolle .subtit {position: absolute;
bottom: 11px;
    font-size: 17px;
    font-weight: 100;
    padding: 5px 10px;
  background: linear-gradient( to bottom,rgba(0, 0, 0, 0), rgba(0, 0, 0, 10) ); background: -moz-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);    text-shadow: 1px 1px 5px #000; color:#fff;
	    text-align: center;
		width:95%;}

.simg { width: 100%; height: auto !important; margin: 0 0 5px 0;}

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}
/* Reviews */
.form-control { padding-left: 20px; border: 1px solid #CCC; min-height: 30px; font-size: 14px;	font-weight: 300; background: #fff; display: inline-block; border-radius: 5px; width: 90%}
.revw label {display: inline-block; margin-bottom: 5px; margin-top: 30px; min-width: 30%; }
h6 {font-size: 14px; color: #999; margin: 0 0 5px 0; font-weight: normal}
.style1 {width: 90%; color: #;}
.revw textarea {width: 90% !important}
.rangetext {color: #090; margin-left: 30px; margin-top: -5px;}
/****** Style Star Rating Widget *****/
select {height: 25px; padding: 0 10px; border-radius: 5px; margin-left: 10px; background: #f0f0f0}
input[type="range"] {-webkit-appearance: none; -moz-appearance: none;}
input[type="range"] {width: 250px; height: 26px; background: #ddd;  background: repeating-linear-gradient(90deg, #bbb, #bbb 2px, transparent 0px, transparent 47px);  background-repeat: no-repeat;  background-size: 286px 100%;  background-position: 7px center; cursor: pointer}
input[type=range]::-webkit-slider-runnable-track {-webkit-appearance: none; background: #4b8df8; width: 100%; height: 2px; border-radius: 4px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; border: 3px solid #27ae60; height: 16px; width: 16px; border-radius: 50%; background: #27ae60; margin-top: -6px;}
input[type=range]:focus, select:focus {outline: none;}
.score {text-align: center; display: inline-block; font-size: 1em; background: #2E2E2E; color: #fff;  border-radius: 8px;  width: 34px;  height: 34px;  padding-top: 3px;  position: relative;  top: -8px;  right: -5px;  margin-left: 10px;}
.rate {width: 100px; position:relative; margin-left: 5px; color: #000;}
input[type="range"]::-webkit-slider-runnable-track {-webkit-appearance: none; background: #f0f0f0;}
input[type=range]::-webkit-slider-thumb {border-color: #f0f0f0;}
input[type=range]::-webkit-slider-thumb:hover {border-color: #f0f0f0;}
input[type=range]::-webkit-slider-thumb:active {border-color: #f0f0f0;}
.revbutton{background: #27ae60; width: auto; padding: 10px 15px; cursor: pointer; color: #fff; margin-top: 32px; font-size: 18px; border: 1px solid #fff;}
.revbutton:hover {background: #fff; border-color: #27ae60; color: #27ae60;}
.overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0;}
.overlay:target {visibility: visible; opacity: 1;}
.popup {margin: 20px auto; padding: 20px; background: #fff; border-radius: 5px; width: 40%; height: 90%; position: relative; transition: all 5s ease-in-out;}
.popup h2 {margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif;}
.popup .close {position: absolute; top: 5px; right: 5px; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #F00;}
.popup .close:hover {color: #06D85F;}
.popup .content {max-height: 100%; overflow: auto;}
.radio-stars {
  display: inline-flex;
  position: relative;
  unicode-bidi: bidi-override;
  direction: rtl;
  counter-reset: star-rating;
  font-size: 0;
}
.radio-stars:hover .radio-star::before {
  content: '☆';
}
.radio-stars:hover .radio-star:hover::before,
.radio-stars:hover .radio-star:hover ~ .radio-star::before {
  content: '★';
}

.radio-star, .radio-star1 {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  padding: 5px 10px;
  width: .5em;
  direction: ltr;
  color: rgba(0, 0, 0, 0.25);
  font-size: 40px;
  white-space: nowrap;
}
.radio-star::before {
  content: '☆';
}
.radio-star:hover, .radio-star:hover ~ .radio-star, input:checked ~ .radio-star {
  color: orange;
}
input:checked ~ .radio-star {
  counter-increment: star-rating;
}
input:checked ~ .radio-star::before {
  content: '★';
}
.radio-star1 {cursor: default;   font-size: 30px;}
.radio-star1::before{	color: orange; content: '★';}
.radio-star-total {
  pointer-events: none;
  direction: ltr;
  unicode-bidi: bidi-override;
  position: absolute;
  right: -2em;
  bottom: .5em;
  color: gray;
  color: #000;
  font-size: 20px;
}
.radio-star-total::before {
  content: counter(star-rating) "/5";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.radio-stars label {min-width: 0 !important;}
/* /Reviews */
.admissionbut {background-color: #cc0000;color: white;	font-size: 13px; padding:3px;}
.admissionbut:hover {    background-color: #B22222;     color: white;	font-size: 13px; padding:3px;}

.bofi{ font-size:14px; font-weight:600; padding:1px 10px; color:#000;}
a.acti { font-size: 15px; color: #1b6fc3; letter-spacing: -0.1pt; background-color:#f3f3f3;}
a.acti:hover { font-size: 15px; text-decoration: underline;}
.darli{ border-bottom:2px dotted #999;}
a.removeFiltersD{ font-size:15px; color:#498AF4; font-weight:normal; letter-spacing: .2pt; }

a.removeFiltersA{ font-size:15px; color:#498AF4; font-weight:normal; letter-spacing: .2pt; }
a.removeFiltersA:hover {font-size: 15px; color:#999; letter-spacing: .2pt; text-decoration: underline;}
.rdbg {display: none;}
/* Giving a background-color to the nav container. */
nav2 {
	margin:0;
	padding: 0;
	background-color: #fff; 
	 
}

nav2:after {
	content:"";
	display:table;
	clear:both;
}

nav2 ul {
	float: left;width:98%;
	padding:0;
	margin:0;
	list-style: none; border:1px dashed #d2d2d2;
	}
nav2 ul li { 
	display: block;
    color: black;
    text-decoration: none;
    transition: 0.3s;
    font-size: 15px;
	}

/* Styling the links */
nav2 a {
	display:block;
	padding:1px 10px; line-height:170%;
	color:#000;
	font-size:15px;
	text-decoration:none;
}


nav2 ul li ul li:hover { background: #FFF; }

/* Background color change on Hover */
nav2 a:hover { 
	background-color: #FFF; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav2 ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
}
	
/* Display Dropdowns on Hover */
nav2 ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav2 ul ul li {
	float:none;
	display:inline-block;
	position: relative;
}

nav2 ul ul ul li {
	 position:absolute;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }




/* Media Queries
--------------------------------------------- */

@media all and (max-width : 999px) {

	.list_left {width:100%;float:left;}
	#sidebar_List {width: 100%; float:right;}



	nav2 {
		margin: 0;
	}

	
	/* Change menu item's width to 100% */
	nav2 ul li {
		display: block;
		width: 100%;
		}

	nav2 ul ul .toggle2,
	nav2 ul ul a {
		padding: 0 40px;
	}

	nav2 ul ul ul a {
		padding: 0 80px;
	}

	nav2 a:hover,
 	nav2 ul ul ul a {
		background-color: #fff;
	}
  
	nav2 ul li ul li .toggle2,
	nav2 ul ul a,
  nav2 ul ul ul a{
		padding:14px 20px;	
		color:#000;
		font-size:15px; 
	}
  
  
	nav2 ul li ul li .toggle2,
	nav2 ul ul a {
		background-color: #fff; 
	}

	/* Hide Dropdowns by Default */
	nav2 ul ul {
		float: none;
		position:static;
		color: #000;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav2 ul ul li:hover > ul,
	nav2 ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav2 ul ul li {
		display: block;
		width: 100%;
	}

	nav2 ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 	}




}


@media all and (max-width : 550px) {

.span_11_of_3_list {
    width: 100%;
    float: left;
}

.span_11_of_3_list_A {
	width:100% !important;
	float:left;
	max-width:550px;
	min-width:150px;
}


.span_sdb_List {
    width: 100%;
    height: auto !important;
    float: left;
}
	.blankMenu {display:block;}
	nav2 ul li {
		display:block;
		width: 94%;
	}

	.toggle2 {
		display: block;
	}

	.menu2 {
		display: none;
	}


}
.flt {float:left; margin-right: 5px; margin-top: 8px;}
.blu {color: #06C; margin: 0 5px;}
.mainrvw {width: 60%; margin: 0 auto; margin-top: 10px;}
.reviewbox {width: 100%; display:block; margin-top: 20px; }
.reviewbox h1 {font-size: 20px !important; color: #666; margin: 10px 0;}
.reviewbox h1 a {font-size: 20px !important; color: #09C; text-decoration: none;}
.reviewbox h1 a:hover {font-size: 20px; color: #09F}
hr.style {border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); margin-bottom: 20px }
.gbg {background: #73b143; width: auto; padding: 1px 10px; color: #fff; border-radius: 5px; display:inline-block;}
.reviewbox h4 {font-size: 18px !important; color: #000; margin: 0 0 5px 0; font-weight: normal;}
.reviewbox p {font-size: 14px !important; float: none; display: inline-block; font-family: Arial, Helvetica, sans-serif !important;}
.rewclear {width: 100%; display: inline-block; clear: both;  margin-top: 2px;}
.read-more-state {display: none;}
.read-more-target {display: none; max-height: 0; font-size: 0; transition: .25s ease; float:left}
.read-more-state:checked ~ .read-more-wrap .read-more-target {display: list-item; list-style:none; font-size: inherit; max-height: 999em; float: left; width: 100%;}
.read-more-state ~ .read-more-trigger:before {content: 'Show more';}
.read-more-state:checked ~ .read-more-trigger:before {content: 'Show less';}
.read-more-trigger {cursor: pointer; display: inline-block; padding: 0 .5em; color: #666; font-size: .9em; line-height: 2; border: 1px solid #ddd; border-radius: .25em;}

@media all and (max-width : 640px) {label {width: 90%; } .mainrvw {width: 95%;}}











/*p {
	font-size: 17px; 
	line-height: 180%;	
	font-weight: normal;
	letter-spacing: .5pt;
	color: #2e2d2d;	
	text-align: justify; 
	text-decoration: none;}*/

.content, td {
color: #2e2d2d; font-size: 17px; letter-spacing:-.1px; line-height: 180%;}
.tdL {
color: #2e2d2d; font-size: 17px;  letter-spacing:-.1px; line-height: 180%;}

.ch
{font-family: 'PT Serif' !important; font-size: 30px; letter-spacing: -0.1px; font-weight: 500; line-height:150%;}

strong{
font-size: 21px; font-weight: 500; letter-spacing: -0.1px; line-height: 24px; color: #000;}

.d1 {font-size: 13px; color: #999;}
.post1 { font-size: 13px; color: #990000; letter-spacing: -0.1pt; line-height: 30px;}
a.post1 { font-size: 14px; color: #990000; letter-spacing: .2pt; line-height: 30px;}
a.post1:hover { font-size: 14px; text-decoration: underline;}

a.toplink {font-size: 13px !important; color: #0053F9; line-height: 18px; letter-spacing: -0.1pt; text-transform: uppercase;}
a.toplink:hover {font-size: 13px; text-decoration: underline;}

.instextb {font-size: 13px; color: #0053F9; line-height: 18px; letter-spacing: -0.1pt; text-transform: uppercase;}

.instextw {font-size: 14px; color: #FFFFFF; line-height: 18px; letter-spacing: -0.1pt; text-transform: uppercase;}
a.instextw {font-size: 14px; color: #FFFFFF; line-height: 18px; letter-spacing: -0.1pt; text-transform: uppercase;}
a.instextw:hover {font-size: 14px; color: #FFF; text-decoration: underline;}

a.hpmore {  font-size: 14px; color: #FFFFFF; text-decoration: none; letter-spacing: 1px;}
a.hpmore:hover {font-size: 14px; color: #FFF;}

.scholarlink {font-size: 15px; font-weight: bold; color: #525C66; line-height: 200%; text-transform: uppercase;}


a{font-size: 15px ; font-weight: normal; color: #000; text-decoration: none;}
a:hover {font-size: 15px; color: #999;}

a.bluecaplink {  font-size: 15px; font-weight: normal; color: #4965B5; letter-spacing: .3pt; text-transform:uppercase;}
a.bluecaplink:hover {  font-size: 15px; text-decoration: underline;}

.hptext { font-size: 16px; text-decoration: none; color: #666; letter-spacing: .2pt;line-height:150%;}

a.relatedlink {font-size: 16px; font-weight: normal; color: #525C66; letter-spacing: -0.1pt; text-transform: uppercase;}
a.relatedlink:hover {font-size: 16px; text-decoration: underline;}

a.textbold {  font-size: 16px; font-weight: bold; color: #666; line-height: 25px; text-decoration: none; }
a.textbold:hover {  font-size: 16px; text-decoration: underline; }

.textbold {  font-size: 17px; font-weight: bold; color: #666; letter-spacing: .2pt;line-height:180%;}

a.contentlink { font-size: 17px; font-weight: normal; color: #15598A; line-height: 24px; text-decoration: none;}
a.contentlink:hover { font-size: 17px; color: #2e2d2d;}

.hpmhead {  font-size: 18px; font-weight: normal; color: #0053F9; line-height: 180%; letter-spacing: -.1px; text-transform:uppercase;}
a.hpmhead {  font-size: 18px; font-weight: normal; color: #0053F9; line-height: 180%; letter-spacing: -.1px; text-transform:uppercase;}
a.hpmhead:hover {  font-size: 18px; text-decoration: underline;}

.hpmheadw {  font-size: 18px; font-weight: normal; color: #FFFFFF; line-height: 180%; letter-spacing: -.1px; text-transform:uppercase;}
a.hpmheadw {  font-size: 18px; font-weight: normal; color: #FFFFFF; line-height: 180%; letter-spacing: -.1px; text-transform:uppercase;}

a.instext {font-size: 18px; font-weight: normal; color: #024D99; letter-spacing: -0.1pt;}
a.instext:hover {font-size: 18px; text-decoration: underline;}

a.instextspon {  font-size: 18px; font-weight: normal; color: #B90000; letter-spacing: -0.1pt;}
a.instextspon:hover {  font-size: 18px; text-decoration: underline;}

.ht{font-size: 19px; font-weight: 400; letter-spacing: normal; line-height: 24px; text-transform: none; color: #000; text-decoration:none;}

.caphead{ font-size: 19px; text-decoration: none; font-weight: 500;	letter-spacing: -.1pt;	text-transform:uppercase;}
	
a.colinkcap {font-size: 19px; font-weight: 400; color: #234EC7;}
a.colinkcap:hover {font-size: 19px; color: #23527C; text-decoration: underline;}

a.colinkcap1 {color: #990000;}
a.colinkcap1:hover {text-decoration: underline;}

.shadow{text-shadow: 2px 1px 0px #fff, 2px 3px 0px rgba(0,0,0,0.15);
			   color:#000000;
			 font-size: 19px;
			 font-weight:normal;}
.bgmenu1{background: url(/career/menu1.gif);}

.bgdot{background: url(/career/newimages/dot.jpg);}
.back{ 
background: url(/career/newimages/back2.jpg);}

.left { border-left: 1px solid #666666;}
.right { border-right: 1px solid #666666;}
.top { border-top: 1px solid #666666; }

.rigtshadow {background: #fff url(/career/newimages/rightshadow.jpg) repeat-y scroll 0 0;
}
.catop { border-bottom: 1px solid #e8e8e8;  }
.dots { border-bottom: 1px dashed #CCCCCC;  }
.caleft { border-left: 1px solid #e8e8e8;  }
.cadot { border-left: 1px dotted #d2d2d2;  }
.clear { clear: both; width: 100%;}
.job{font-size: 16px;color: #2b4964;}
.queryArea2 {
font-size: 13px;
border: 1px solid #AAC7E3;
padding: 1px;
background: #fff url(/career/newimages/repet.jpg) repeat-x scroll 0 0;
}
.hrline { border-bottom: 1px solid #999999;  }



















/* responsive rules */


.strip { background-image:url(/career/newimages/stripes.jpg); background-repeat:repeat-x;  border: 1px solid #999; width:calc(100% - 400px); float:left;}

@media all and (max-width : 1250px) {
	
.disp {display: none;}

.strip{    margin-top: 10px;    margin-bottom: 10px;}

#container { width: 100%;}
.tab1 { display:none;}

.toggle2 + a { display: none; }

.img {width: 100%;}


.toggle2:hover { background-color: #Ffffff; }


.googleadd { float: right; padding: 5px 0;}


.blkbg { background-color: #000; color: #fff;  width:180px; float: right;  padding: 4px; margin-bottom: 10px;}
.strip { background-image:url(/career/newimages/stripes.jpg); background-repeat:repeat-x;  border: 1px solid #999; width:100%; float:left;}
.fields {
	font-family: "Trebuchet MS",arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	float: left;
	height: 20px;
	width: 100px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}
}
@media (min-width : 450px) and (max-width : 1250px) {

.blkbg {width:180px;}

	.toggle { display:block; position:relative;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
    color: #000;
    padding: 5px 0 5px 10px;
}
#container { width: 100%;}	
#subcontainer { width: 100% !important; margin-top: 10px; float:left; margin-right:10px;}
.col { margin: 1% 0 1% 0%;}
.span_28,.span_70 { width: 100%; padding:15px 0 ; }
.span_related{width:48%;float:left;height:380px;}
.span_100{ width:47%;}
.span_47{ width:44%; }
.span_24{ width:46%;margin:3px 1%;padding:5px;}
.span_22,.span_15{  width: 21%; }
.span_80 { width: 75%;}
	.span_30 {width: 50%; margin: 10px 23%;}
.span_31, .span_11_of_3{  width: 31%; }
.span_sdb {width: 67%;}
.span_98{ width: 100%;}
.span_spons,.span_colle{ width:95%;}
.span_3_of_3 {width: 95%}
	.span_2_of_3, .span_1_of_3,.span_27{ width: 100%; }
.blanknon{display:none;}

	#container { width:100% !important;}
#sidebar {width: 100%; float:left;}
	.section { width: 99% !important; background:#fff; padding: 0;}
	.social { width: 45%; float: right; padding: 5px 5px;}
		.sectionname a { font-size: 36px; padding: 5px 5px; margin: 0;}
 .fields {width:70%;}
.datesimg, .optimg { width: 99%; height: auto; position: relative;}

.span_video iframe{
	width: 99%;
	height:400px;
	position:relative;
}
}



@media all and (max-width : 450px) {
	.toggle { display:block;
color: #000;
font-size: 14px;
font-weight:500;
text-transform: uppercase;
text-decoration: none;
padding: 5px 0 5px 10px !important;
}
#container { width: 100%;}	

.toggle2 + a,
 .menu2 { display: none;
 }



 
.col { margin: 1% 0 1% 0%;}
.span_3_of_3, .span_2_of_3, .span_1_of_3,.span_4_of_3,.span_db,.span_sdb,.span_news,.span_40, .span_dbL, .span_24, .span_60,.span_28,.span_70,.span_75,.span_11_of_3,.span_21_of_3,.span_98,.span_100,.span_27,.span_log,.span_60bi,.span_logbi,.span_filter{ width:98%;}
.span_spons,.span_colle{ width:93%;}
.span_art{ width:96%;}
	.span_30 {width: 70%; margin: 10px 14%;}
	.span_15 {width: 25%;}
	.span_related{width:48%; float:left; height:410px;}
.span_22_of_3 { width: 100%; float:left; padding-left: 10px; }
		.span_half {width:49%; float:left; margin: .5%;}
		.span_24 { padding-bottom: 10px; padding-top: 10px;}
.span_31,.span_47,.span_22,.span_80,.span_95{ width: 99%;}
#sidebar {width: 98%; float:left;}

#container { width:99% !important;}
#subcontainer { width: 98% !important; margin-top: 10px; float:left;}
	.social { width: 45%; float: right; padding:5px 5px;}
.sectionname a { font-size: 30px; padding: 5px 5px; margin:0;}
	.section { width: 99% !important; background:#ffffff; padding:0;}
	.simg, .newsimg, .optimg, .datesimg { width: 99%; height: auto; position: relative;}
.resize {
 width: 98%;
height :auto;
float:left;
}
 .span_log { max-width: 30%; height: auto; float:left;}
 .span_85 {float: right; width: 65% !important;}
.imageHolder .caption{ position: absolute; width: auto; bottom:-220px; padding:5px; margin: 2px; background-color:#fff; height: 25px; overflow:hidden;}


.strip { height: 90px; margin-top: 10px; margin-bottom: 10px; width: 99%; text-align:left;}
.fields {width:70%;}
 	.sbuton {float: left;}


td.rsp{
    display:block;
	width: 100%;
}
td.rsps { display:block;
	width: 100%;
}
.tabmain { width: 33%;}	
.span_video iframe{
	width: 99%;
	height:300px;
	position:relative;
}
#target-content #target-inner { left: 50%; top: 50%; width: 95%; height:100%; float:left; margin-bottom:10%;}
.span_hide { display:none;}

.tdL {
color: #2e2d2d; font-size: 14px;  letter-spacing:-.1px; line-height: 180%;}

}

@media (min-width : 1250px) {
.span_60_d {width: calc(100% - 350px); float:left;}
.span_40_d {width:350px; float:left;}
}

@media (min-width : 550px) and (max-width : 1250px) {
.span_60_d {width: calc(100% - 350px); float:left;}
.span_40_d {width: 350px; float:left;}
}
@media (max-width : 550px) {
.span_60_d {width: 100%; float:left;}
.span_40_d {width: 100%; float:left; min-width:340px;}
}
@media all and (max-width : 1250px) {
#container { width: 98% !important; margin-left: 1% !important; overflow: hidden;}
.sectionname {margin-top: 10px !important;}
.social {width: 98% !important;}
.hid {display: none;}
nav1 {margin: 0;}
	.toggle + a {display: none;	}
	.toggle {display: block;padding:14px 20px;color:#FFF;font-size:14px;text-decoration:none;border:none; text-transform:uppercase;}
	.toggle:hover {}
	[id^=drop]:checked + ul {display: block;}
	nav1 ul li a{padding:14px 20px;}
	nav1 ul li {display: block; width: 100%;}
	nav1 ul ul .toggle,	nav1 ul ul a {padding: 0 40px;}
	nav1 ul ul ul a {padding: 0 80px;}
	nav a:hover,
 	nav1 ul ul ul a {}  
	nav1 ul li ul li .toggle,
	nav1 ul ul a,
  nav1 ul ul ul a{padding:8px 20px;color:#FFF;	font-size:14px; }  
	nav1 ul li ul li .toggle,
	nav1 ul ul a { }
	nav1 ul ul {float: none; position:static; color: #ffffff;}
	nav1 ul ul li:hover > ul,
	nav1 ul li:hover > ul {display: none;}
	nav1 ul ul li {display: block;	width: 100%;}
	nav1 ul ul ul li {position: static;	}
.menu_button {height: 2rem; width: 2.4rem; padding: .4rem .8rem; left: 0; position: absolute; cursor: pointer; margin-top: 10px;}
.menu_button .bar {background: black; position: absolute; width: 2.4rem; height: 3px; border-radius: 5px; -webkit-transition: .3s ease; transition: .3s ease;}
.menu_button .bar:nth-child(1) {top: .6rem;}
.menu_button .bar:nth-child(2) {top: calc(50% - 1.5px);}
.menu_button .bar:nth-child(3) {bottom: .6rem;}
.menu_button:hover .bar {background: grey;}
#menu_inputbox:checked ~ .slider {right: 0;}
#menu_inputbox:checked + .menu_button .bar:nth-child(1) {-webkit-transform: rotate(45deg); transform: rotate(45deg); top: 1.3rem;}
#menu_inputbox:checked + .menu_button .bar:nth-child(2) {opacity: 0;}
#menu_inputbox:checked + .menu_button .bar:nth-child(3) {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 1.3rem;}
.slider {color: white; background: rgba(0, 0, 0, 0.8); position: fixed; top:0; bottom: 0; padding: 2rem 0 0 1rem; height: auto; width: 80%; right: -80%; box-sizing: border-box; -webkit-transition: right .3s ease; transition: right .3s ease; z-index:1000; overflow-y: auto;}

}

@media screen and (max-width: 480px) {nav1 ul li {display:block; width: 94%;}}
@media (min-width : 701px) and (max-width : 1250px) {#main {height: 70px;}
 #search-bar {width: 80%; float: left; margin-left: 40px;}
#search-bar .search-style {width: 75%;}
  .blkbg {width: 300px; float: left; margin-left: 5%;}
.rdbg {width: 300px; float: left; margin-left: 5%; background: #f36371; display:flex; text-align: center; padding: 4px 4px; cursor: pointer;}
.rdbg a {color: #fff; text-align:center; font-weight:bold;}
}	
	

@media screen and (max-width: 700px){#main {height: 70px; margin-bottom: 5px;}
  .popup{width: 70%;}
  .blkbg {width: 48%; float: left; }
.rdbg {width: 40%; float: right; background: #f36371; display:flex; text-align: center; padding: 4px 4%; cursor: pointer;}
.rdbg a {color: #fff; text-align:center; font-weight:bold;}
label {width: 90%; }
.sectionname a{font-size: 18px !important; float:left;}
.social {float: right; width: 48% !important; margin-top: -35px;}
#search-bar {width: 70%; float: left; margin-top: -5px; margin-left: 13%;}
#search-bar .search-style {width: 50%;}
.read-more-trigger {width: 20%;}
.googleadd { width: 98%;}
::-webkit-input-placeholder { font-size:10px;}
::-moz-placeholder { font-size:10px; color:}
}
@media screen and (max-width: 360px) {
#main {height: 90px;  margin-bottom: 5px;}

#search-bar .search-style {width: 54%; padding: 5px 2px;}
.sbtn {padding: 10px 8px}
	.social {float: right; width: 44% !important; margin-top: -35px;}
	.span_10 {padding: 5px 2px !important; right:0;}
}