@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(//fonts.googleapis.com/css?family=Lobster);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/*@font-face {
    font-family: 'Glyphicons Halflings';
src: url('//www.fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('//www.fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//www.fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('//www.fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//www.fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//www.fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
    font-family: 'Glyphicons Halflings';
  src: url('//fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('//fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('//fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//fau.edu/student/career/new_bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}*/

a:hover,
a:focus {
    color: #2a6496;
    text-decoration: underline;
    cursor: pointer;
}

body.home #wrapper {
	width: 100%;
	padding: 0px;
	max-width: 4000px;
}
#interior2col {
	padding-bottom: 0px;
}

div.col-md-12 main {
	padding-left: 0px;
	padding-right: 0px;
}

body.home section.content {
	padding: 0px;
    background-color: transparent;
    color: #fff;
    padding: 20px;
	margin-top: 100px;
}

.col-md-12.main {
    width: 1000px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #ccc;
}

div#scrollingcontent {
    background-color: #ccc;
    margin-left: 0;
    margin-right: 0;
}
.space {
	margin-top: 20px;
}

.white {
    background-color: #fff;
	padding: 60px 0px;

}
.blue {
	background-color: #e5eaef;
	padding: 60px 0px;
}
.center {
	max-width: 1000px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

hr.red {
    border-color: #c00;
    width: 19%;
    display: block;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 40px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #e5eaef;
    border-color: #ddd;
}

/* ----------------------------------------------homepage code -------------------------------------*/
/*body.home @media (min-width: 1000px)
.container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
body.home #wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
	width: 100%;
    min-width: 320px;
    max-width: 2000px;
	top: -1px;
}
body.home .container {
    padding-top: 0px;
	padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
	position: relative;
}
body.home #scrollingcontent{
	max-width: 1000px;
	margin-right: auto;
    margin-left: auto;
}
#scrollingcontent{
	max-width: 1000px;
	margin-right: auto;
    margin-left: auto;
}
body.home {
	background: url("/career/images/background1.jpg") no-repeat #CC0000;
	background-attachment: local;
	background-size: 100%;
	background-position: center 132px;
}
body.home #height{
	padding-top: 450px;
}
body.home section.content {
    margin-top: 300px;
    border: none;
    background: #036;
    padding: 20px;
	color: rgb(255,255,255);
}
body.home section.content-top {
    margin-top: 350px;
    border: none;
    background: #036;
    padding: 20px;
	color: rgb(255,255,255);
}
body.home section.content-top-scrolling {
    margin-top: 350px;
    border: none;
    background: #036;
    padding: 20px;
	color: rgb(255,255,255);
}
body.home frosted{
	z-index: 150;
	position: absolute;

}
body.home frosted.scrolled{
	position: fixed;
	z-index: 999;
	top: 0;
}

.frosted{
	z-index: 150;
	box-shadow: 0 2px 3px rgba(0,0,0, .4);
}
.frosted-scrolled{
	position: fixed;
	z-index: 150;
    box-shadow: 0 2px 3px rgba(0,0,0, .4);
}*/

.img {
	width: 100%;
	display: block;
}
.marketingHeader {
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.welcomeText {
	width: 50%;
	padding: 80px 0px;	
	margin: auto;
	line-height: 180%; 
}
.visionSection {
	background-color: #ffffff;
	height: 650px;	
}
.visionText {
	width: 50%;
	padding: 50px 30px;	
	margin: auto;
	line-height: 180%; 
}
.WelcomeSection {
	background-color: #ffffff;
	background: url("/student/marketing/images/welcomeBackground.png") no-repeat center center;
	background-size: cover;
	padding: 60px 00px;
}
.welcomeSection {
	background-color: #ffffff;
	background: url("/student/marketing/images/welcomeBackground.png") no-repeat center center;
	background-size: cover;
	padding: 60px 00px;
}
.ButtonsSection {
	background-color: #ffffff;
	background: url("/student/marketing/images/menuBackground.jpg") no-repeat center center;	
	background-size: cover;
	padding: 60px 0px;
}
.teamSection {
	background-color: #841d19;
	padding: 30px;
	height: 450px;
	background: url("/student/marketing/images/teamBackground.jpg") no-repeat center center;	
	background-position: center;
	background-size:cover;
}
.targetSection {
	background-color: #0e2645;
	height: 600px;
	background: url("/student/marketing/images/targetBackground2.jpg") no-repeat center center fixed;	
	background-size:cover;
}
.gallerySection {	
	padding: 30px;
	height: 493px;
	background: url("/student/marketing/images/footerBackground.jpg") no-repeat center center;	
	background-position: center;
	background-size:cover;
}

/* ----------------------------Side navigation----------------------------------------------------- */
nav nav-tabs    captainamerica
ul.nav.nav-tabs.captainamerica {
	color: #036;
}

ul.nav.nav-tabs.captainamerica a:hover {
	background-color: #036;
	color: rgb(255,255,255);
}


/*  ----------------------------------------------------------Home page Company scroll---------------------------------------------- */
#logos {
display:none;
}

.nbs-flexisel-container {
   position:relative;
   max-width:100%;
}
.nbs-flexisel-ul {
   position:relative;
   width:99999px;
   margin:0px;
   padding:0px;
   list-style-type:none;   
   text-align:center;  
}

.nbs-flexisel-inner {
   overflow:hidden;
   float:left;
   width:100%;
   /*background: transparent ;*/
   /*background: transparent  -moz-linear-gradient(top, #ffffff  0%, #eee 100%);  FF3.6+ */
   /*background: transparent  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff ), color-stop(100%,#ffffff ));  Chrome,Safari4+ */
   /*background: transparent  -webkit-linear-gradient(top, #ffffff  0%, #eee 100%);  Chrome10+,Safari5.1+ */
   /*background: transparent  -o-linear-gradient(top, #ffffff  0%, #eee 100%);  Opera11.10+ */
   /*background: transparent  -ms-linear-gradient(top, #ffffff  0%, #eee 100%);  IE10+ */
   /*background: transparent  linear-gradient(top, #ffffff  0%, #eee 100%);  W3C */
   border: 0px solid #ccc !important;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
   float: left;
   margin: 10px;
   padding: 0px;
   cursor: pointer;
   position: relative;
   line-height: 0px;
    background: #ffffff ;
}
.nbs-flexisel-item img {
   width: 100%;
   cursor: pointer;
   position: relative;
   margin-top: 10px;
   margin-bottom: 20px;
   max-width: 285px;
   max-height: 228px;
}

/*** -------------------------------Navigation----------------------------------------- ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
   width: 22px;
   height: 22px; 
   position: absolute;
   cursor: pointer;
   z-index: 100;
   opacity: 0.5;
}

.nbs-flexisel-nav-left {
   left: 10px;
   background: url(/career/images/buttons/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
   right: 5px;
   background: url(/career/images/buttons/button-next.png) no-repeat;
}

/* ---------------------------Page content CSS----------------------------------------------*/

body {
	background:	rgb(255,255,255);
}
@media (min-width: 1200px)
	.container {
    	width: 1170px;
	}
	#wrapper {
    	padding-top: 10px;
    	padding-bottom: 15px;
    	overflow: hidden;
    	min-width: 320px;
    	max-width: 2000px;
	}
	#interior2col {
    	border: 0px dashed #ccc;
    	background: #fff;
    	padding-bottom: 20px;
	}
	.container {
    	padding-right: 15px;
    	padding-left: 15px;
    	margin-right: auto;
    	margin-left: auto;
		max-width: 1000px;
	}
}
section.content {
    padding-left: 0px;
    padding-right: 0px;
    /* margin-top: 10px; */
    background: #fff;
    padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#sidebar > ul li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #036;
    background: #fff;
    font-size: 18px;
    padding: 10px;
    display: block;
}
div#sidebar > ul li a:hover {
    background: #036;
	color: #fff;
}
div#sidebar > ul li ul a {
    background: #fff;
}
div#sidebar > ul li a:after { 
	font-family: "none";
	content: "0";
	color: #fff;
	float: none;
}
/* Homepage buttons */
.btn-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btnsquare {
    color: #fff;
	background-image: url("/career/images/buttons/square_out.png");
    border: none;
    padding-top: 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 28px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	width: 186px;
	height: 173px;
	text-shadow: 2px 2px #333;
}
.btnsquare:hover {
	background-image: url("/career/images/buttons/square_in.png");
	color: #fff;
	text-decoration: none;
}

p {
	color: #666;
}
h1 {
    background: transparent;
   letter-spacing: 5px;
   color: #8a8d8f ;
   padding: 0px 5px 10px;
}
h2 {
	font-weight: 500;
	font-size: 30px;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    color: #666;
}
.well {
	background-color: #fff;
}
#tab a:hover {
	background-color: #ddd;
}

/*My nav pill CSS not working for some reason in the after effect */

.my-nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.my-nav > li {
  position: relative;
  display: block;
}
.my-nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.my-nav > li > a:hover,
.my-nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.my-nav > li.disabled > a {
  color: #777;
}
.my-nav > li.disabled > a:hover,
.my-nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.my-nav .open > a,
.my-nav .open > a:hover,
.my-nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.my-nav .my-nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.my-nav > li > a > img {
  max-width: none;
}
.my-nav:before, my-nav:after {
	display: table;
    content: " ";
}
.my-nav nav-tabs:after {
    clear: left;
}

/* majors page CSS*/
.majorswhite {
    background-color: rgb(255,255,255);
	padding: 30px;

}
.majorsblue {
	background-color: #e5eaef;
	padding: 30px;

}
.majorcenter {
	max-width: 1170px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.hrbold {
	border: solid 25px #036;
	margin-top: 0px;
	margin-bottom: 0px
}
.hrthin {
	border: dashed .04em #e5eaef;
	margin-top: 0px;
	margin-bottom: 0px
}
.space {
	margin-top: 10px;
}

/* glyphicon */

/*.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}*/

* {
    margin: 0;
}

#wrapper .heading {
    position: relative;
    border-bottom: 2px dashed #AAA;
    margin-bottom: 25px;
}

#wrapper .main-content {
    position: relative;
    display: block;
    min-height: 550px;
}

#wrapper .main-content .content {
    position: static;
    float: left;
    width: 100%;
    display: block;
    margin-right: 0;
}

#wrapper article {
    display: block;
    left: 0;
    margin: 20px 0;
    padding: 0 8px;
}

#wrapper article p {
    display: block;
    width: auto;
    white-space: normal;
}

#home-carousel {
    max-width: 1000px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

article > h3:nth-child(1) {
  margin-bottom: 8px !important;
}

.navbar-nav .dropdown-menu {
    background: rgba(255,255,255,.90);
}

.navbar-nav .dropdown-menu a {
    color: !important;
    font-weight: 500;
    background: transparent;
}

.navbar-nav .dropdown-menu a:hover {
    color: !important;
    font-weight: 500;
    background: transparent;
    text-decoration: underline;
}

.navbar-nav .dropdown-menu {
    background: rgba(255,255,255,.90);
    border-radius: 0;
    border: none!important;
}

.navbar-nav .dropdown-menu {
    background: rgba(255,255,255,.90);
    border-radius: 0;
    border: none;
    text-align: left;
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: #A70000;
    border-color: #428bca;
}

#home3col h2 {
    color: #EEE;
    font-size: 25px;
    padding: 10px 0;
}

.button {
    text-align: center;
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* margin: 0; */
    display: block;
    padding: 4px 10px;
    /* border: none; */
    /* background: #03a9f4 !important; */
    font-weight: 600;
    font-size: 16px;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,.4);
    /* outline: none; */
    /* position: relative; */
    /* width: auto; */
    margin: 10px;
    /* text-decoration: none !important; */
    color: white !important;
}

.button-ocl {
    display: block;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,.4);
    border-radius: 28px;
	max-width: 250px;
}

.radius {
    border-radius: 40px;
}

.button-ocl:hover {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.26);
}

.button.dark {
    background: #036 !important;
    color: #fff;
    text-decoration: none;
    padding: 13px;
    border-radius: 3px;
    font-family: arial,sans-serif;
    top: 0px;
    position: relative;
    font-weight: 700;
	margin: 0px;
}
.button.dark.right {
    background: #036 !important;
    color: #fff;
    text-decoration: none;
    padding: 13px;
    border-radius: 3px;
    font-family: arial,sans-serif;
    top: 0px;
	right: 0px;
    margin-left: 20px !important;
    margin-bottom: 20px !important;
    position: relative;
    font-weight: 700;
	margin: 0px;
	float: right;
}

.dark {
	background: #036 !important;
}

.jacksparrow {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.button.material {
    border-radius: 0px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    padding: 4px 10px;
    bottom: 0;
    right: 15px;
    left: auto;
    margin: 10px;
}

.button.dark.material {
    background: #004387 !important;
	padding: 6px 12px;
}

.button.dark.center {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    display: block;
    width: 175px;
    text-align: center;
}

.button.green {
    background: rgb(13, 205, 74) !important;
}

.button.inline {
    position: relative;
    display: inline-block;
    right: initial;
    left: initial;
}

.button.red {
    background: rgb(204, 0, 0) !important;
}

.button.red-more {
	clear: both;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 30px;
    width: 100px;
    position: relative;
    margin: auto;
    margin-bottom: 10px;
	background: rgb(204, 0, 0) !important;
}

ul.no-style {
    list-style: none;
    padding: 0;
}

ul.no-style li {
    padding: 3px 0;
}

ul.wide-v li {
	padding: 8px 0px;
}

.med-list li a {
    font-size: 16px;
}

.buttons .button.dark {
    margin: 15px;
    position: relative;
    display: inline-block;
    top: initial;
}

.buttons {
    text-align: center;
    display: block;
    position: relative;
    height: auto;
}

.header-img {
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    display: block;
    height: auto;
    margin-bottom: 25px;
    width: 100%;
}

.button:hover {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.26);
	background: #002851;
}

/************************************************************
*
*
* Custom header styles
*
*
*
************************************************************/


#wrapper h3.underline {
    border-bottom: 2px dashed rgb(189, 189, 189);
    width: auto;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 10px;
}


/************************************************************
*
*
* Sidebar styles
*
*
*
************************************************************/
.sidebar {
    padding: 10px;
    width: 200px;
    top: 0;
    vertical-align: top;
    border: 1px solid #bbb !important;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26) !important;
}

@media screen and (max-width: 1024px) {
    .sidebar-right {
        margin-right: -250px;
        -webkit-transition: margin-right,left 150ms ease;
        left: 0;
        position: relative;
        z-index: 12;
    }

    .sidebar-menu {
        right: 0;
        left: initial !important;
        background-color: white !important;
        top: 0 !important;
        margin-top: 0 !important;
    }

    .sidebar-menu:checked + span + .sidebar-right.sidebar {
        left: -250px !important;
    };
}

.sidebar-right {
/*    position:absolute;
    background:#e3e3e3;
    right:15px;
    width:200px;
    display:block;
    float:right;
    border-radius:8px*/
    background: #e3e3e3 !important;
    display: initial;
    float: right;
    background: #e3e3e3 !important;
    width: 200px;
    float: right;
    border-radius: 8px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.sidebar ul {
    list-style: none;
}

.sidebar .social span {
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #666;
}

.sidebar .social ul {
    text-align: center;
    padding: 5px;
}

.sidebar .social ul li {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 3px 5px;
    border-radius: 100%;
    background: #036 !important;
}

.sidebar .video {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    cursor: pointer;
}

.sidebar .video:before {
    content: '';
    position: absolute;
    width: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #fff;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    margin: auto;
}

.sidebar .video:after {
    content: '';
    position: absolute;
    width: 50px;
    left: 0;
    height: 50px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    background-position-x: 30px;
    background-size: 50px 50px;
    overflow: visible;
    white-space: nowrap;
    text-indent: -24px;
    font-size: 18px;
    color: #fff;
    line-height: 145px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 150ms ease;
    background: rgb(75, 197, 192);
}

.sidebar .video:hover:after {
    content: '';
    box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.36);
}

.sidebar .video img {
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
}

.sidebar h3.heading {
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 5px !important;
    border-bottom: 2px dashed #aaa !important;
    margin-top: 10px !important;
}

.sidebar .button {
    position: relative;
    display: block;
    margin: 8px auto;
    width: 175px;
    height: auto;
    border: none;
    border-radius: 0;
    background: #004d9a !important;
    text-align: center;
    line-height: 20px;
    color: #e8e8e8 !important;
    font-weight: 500;
    font-size: 16px;
    padding: 5px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.26);
    -webkit-transition: all 150ms ease;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sidebar .button:hover {
    box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.26);
}

.sidebar .button a {
    color: #e8e8e8 !important;
}

.sidebar .text > span {
    font-size: 18px;
    font-weight: 600;
    color: #666;
}

.sidebar .text > p {
    font-size: 14px;
    text-align: justify;
    line-height: 125%;
}

.sidebar .image {
    position: relative;
    display: block;
    height: auto;
    text-align: center;
}

.sidebar .image img {
    max-width: 100%;
    padding: 8px;
}

.sidebar .image > span:nth-child(1) {
    font-size: 18px;
    font-weight: 600;
    color: #444;
}

.sidebar .image > span:nth-child(3) {
    font-size: 12px;
    font-weight: 400;
    display: block;
    text-align: center;
    color: #444;
}

.sidebar #success_slider {
    text-align: center;
	overflow:hidden;
}

.sidebar #success_slider.flexslider.carousel img {
    width: 78px;
    height: 98px;
    padding: 0;
    position: relative;
    display: block;
    margin: 0 auto;
}

.sidebar .section {
    position: relative;
    right: -20px;
    height: 28px;
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.26);
    margin: 0;
    z-index: 1;
    margin-left: -20px;
    margin-bottom: 10px;
}

.sidebar .section:before {
    content: '';
    position: absolute;
    right: 0px;
    border-top: 0px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #B20101;
    top: 28px;
    width: 0px;
    padding: 0;
    margin: 0;
    z-index: 0;
}

.sidebar .section h3 {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #CC0000;
    left: 0;
    right: 0;
    color: #eee !important;
    text-align: center !important;
    line-height: 28px;
}

.sidebar .subtext {
    text-align: left !important;
    font-size: 11px !important;
}

.sidebar .flexslider ul {
    height: 80px;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}

/************************************************************
*
*
* Popup styles
*
*
*
************************************************************/
.big-close {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border: 1px solid #000;
    right: -10px;
    background-position: initial initial;
    background-repeat: initial initial;
    cursor: pointer;
    box-shadow: 0 0 8px 0 #000;
    margin-top: -255px;
    top: 50%;
    right: 50%;
    margin-right: -445px;
}

.big-close:after {
    content: 'X';
    position: absolute;
    width: 26px;
    height: 26px;
    background: #000;
    border-radius: 26px;
    color: #fff;
    font-family: sans-serif!important;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: 700;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.Embbeded {
    position: relative;
}

.Embbeded:after {
    content: 'Click to Play';
    position: absolute;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 30px 2px #000;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    background-position-x: 30px;
    background-size: 50px 50px;
    overflow: visible;
    white-space: nowrap;
    text-indent: -24px;
    font-size: 18px;
    color: #fff;
    line-height: 145px;
    border: 1px solid #cf0404;
    background: #ff3019;
    background: -moz-radial-gradient(center,ellipse cover,#ff3019 0%,#ff3019 52%,#cf0404 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#ff3019),color-stop(52%,#ff3019),color-stop(100%,#cf0404));
    background: -webkit-radial-gradient(center,ellipse cover,#ff3019 0%,#ff3019 52%,#cf0404 100%);
    background: -o-radial-gradient(center,ellipse cover,#ff3019 0%,#ff3019 52%,#cf0404 100%);
    background: -ms-radial-gradient(center,ellipse cover,#ff3019 0%,#ff3019 52%,#cf0404 100%);
    background: radial-gradient(ellipse at center,#ff3019 0%,#ff3019 52%,#cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',endColorstr='#cf0404',GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.Embbeded:before {
    content: '';
    position: absolute;
    width: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #fff;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
}

.col-buttons {
    width: auto;
    position: relative;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.col-buttons.fix-line-height a {
    line-height: 60px;
    padding: 0;
}

.col-buttons.width-3 {
    margin: 5px;
}

.col-buttons a:hover {
    text-decoration: none;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.26);
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    transition: all 150ms ease;
}

.col-buttons a {
    width: 100%;
    max-width: 380px;
    display: inline-block;
    background: #036;
    min-height: 70px;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    left: 0;
    right: 0;
    position: relative;
    margin: 5px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.26);
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    transition: all 150ms ease;
}

.col-buttons.width-4 a {
    width: 224px;
    margin: 5px;
}

#owlcareerlink {
    width: 180px;
    height: 180px;
    background: red;
    padding: 12px;
    display: block;
    position: relative;
    background: #01406b !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNDA2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNWE5ZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top,#01406b 0%,#25a9e1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#01406b),color-stop(100%,#25a9e1)) !important;
    background: -webkit-linear-gradient(top,#01406b 0%,#25a9e1 100%) !important;
    background: -o-linear-gradient(top,#01406b 0%,#25a9e1 100%) !important;
    background: -ms-linear-gradient(top,#01406b 0%,#25a9e1 100%) !important;
    background: linear-gradient(to bottom,#01406b 0%,#25a9e1 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01406b',endColorstr='#25a9e1',GradientType=0) !important;
    border-radius: 15px;
    border: 6px solid #96A7BA !important;
    margin: auto;
}

#owlcareerlink img {
    height: 96px;
    width: 125px;
    display: block;
    left: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
    outline: none;
    margin-top: -15px;
}

#owlcareerlink div {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: -8px;
}

#owlcareerlink a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin: 2px 0;
    font-size: 16px;
    padding: 0;
    position: relative;
    height: 18px;
    line-height: 18px;
}

/************************************************
*
*
* Success story slider style (and popup)
*
*
*
*
*************************************************/
#success-story {
}

#success-story .img {
    width: 100px;
    height: 125px;
    float: left;
    display: block;
    position: relative;
    margin-right: 10px;
    margin-top: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    float: none;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: none;
    margin-top: 5px;
}
/* REMOVE */
#success-story > div > div > div span {
    display: block;
    height: auto;
    margin-left: 15px;
}
/* END REMOVE */

#success-story .slides li div span {
    display: block;
    height: auto;
    margin-left: 15px;
    text-align: left;
}

#success-story h4,#success-story h3 {
    display: block;
    margin: 0;
    font-size: 16px;
    margin-top: 4px;
}

/* REMOVE */
#success-story > div > div > div {
    margin-top: 5px;
    display: block;
    width: 100%;
    float: left;
    border-top: 2px dashed #ddd;
    padding-top: 5px;
}
/* END REMOVE */

#success-story .slides li div {
    margin-top: 5px;
    display: block;
    width: 100%;
    float: left;
    border-top: 2px dashed #ddd;
    padding-top: 5px;
}

#success-story h3 {
    text-align: center;
    font-size: 20px!important;
}

#success-story h3 + span {
    text-align: center;
    display: block;
}

#success .contentdiv .story {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
    text-align: justify;
    margin-top: 8px;
    padding: 0 15px;
}

#success .contentdiv input.read {
    border: 1px solid #0090c9;
    background: #00b7ea;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjdlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDllYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#00b7ea 0%,#009ec3 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#00b7ea),color-stop(100%,#009ec3));
    background: -webkit-linear-gradient(top,#00b7ea 0%,#009ec3 100%);
    background: -o-linear-gradient(top,#00b7ea 0%,#009ec3 100%);
    background: -ms-linear-gradient(top,#00b7ea 0%,#009ec3 100%);
    background: linear-gradient(to bottom,#00b7ea 0%,#009ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7ea',endColorstr='#009ec3',GradientType=0);
    padding: 0 5px;
    color: #fff;
    border-radius: 5px;
    height: 25px;
    line-height: 22px;
    font-size: 14px;
    display: block;
    outline: none;
    cursor: pointer;
}

#success_header {
    text-align: center;
    color: #222;
    font-family: 'Roboto',sans-serif;
    font-size: 30px;
    padding-bottom: 8px;
}

#success-share {
    text-align: center;
    width: 60px;
    left: 0;
    right: 0;
    margin: 0;
    display: inline-block;
    padding: 4px 10px;
    border: none;
    background: #03a9f4;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    outline: none;
    position: absolute;
    width: auto;
    bottom: 0;
    right: 15px;
    left: auto;
    margin: 10px;
    z-index: 5;
}

#success-share:before {
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

#success-share:before,#share:after {
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    content: "";
}

#success-share:hover:before {
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

#success-share:hover:after {
    -moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
}

.popup {
    position: fixed;
    z-index: 999;
    height: 275px;
    width: 300px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    display: block;
    box-shadow: 0 12px 30px 0 rgba(0,0,0,0.26);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

.close-butt {
    position: absolute;
    width: 28px;
    height: 28px;
    background: #f5f5f5;
    z-index: 1;
    border-radius: 100%;
    top: -16px;
    right: -16px;
    display: block;
    margin-top: 0;
    margin-right: 0;
    -webkit-transform: translate3d(0,0,0);
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    color: #868686;
    -webkit-transition: box-shadow 180ms ease,color 180ms ease;
    -moz-transition: box-shadow 180ms ease,color 180ms ease;
    -ms-transition: box-shadow 180ms ease,color 180ms ease;
    transition: box-shadow 180ms ease,color 180ms ease;
}

.close-butt:after {
    content: 'X';
    position: absolute;
    width: 28px;
    height: 28px;
    font-family: sans-serif;
    text-align: center;
    line-height: 28px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 14px;
    font-weight: 700;
}

.popup-frame {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.shim {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0);
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    transition: background 300ms ease;
    display: none;
    z-index: 999;
}

.empty {
    display: none!important;
}

#home-successstories {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

.success-slider {
    background: #D1D1D1;
    border-bottom: 1px solid #B4B4B4;
}


/************************************************
*
*
* Upcoming Events style (index)
*
*
*
*
*************************************************/
#upcomingevents {
    position: relative;
    height: 350px;
    overflow: auto;
    display: block;
    margin-right: -11px;
    margin-left: -11px;
    right: 0;
    margin-top: -5px;
    padding: 0 10px;
}

#upcomingevents .day {
    width: 100%;
    height: 25px;
    background: transparent;
    color: #666;
    position: relative;
    display: block;
    margin-right: 5px;
    border-bottom: 2px dashed #888;
    margin: 0;
    font-weight: 600;
    margin-bottom: 5px;
}

#upcomingevents .day span {
    font-size: 20px;
    display: block;
    text-align: center;
    width: 100%;
    height: 20px;
    line-height: 20px;
}

#upcomingevents .event {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-align: left;
    white-space: normal;
    height: auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

#upcomingevents .event span {
    display: block;
    position: relative;
    margin-left: 8px;
/*margin-right: 5px;*/
    font-size: 14px;
}

#upcomingevents .event h3 {
    margin: 0;
    display: block;
}

#upcomingevents .event h3 a {
    margin: 0;
    display: block;
}

#upcomingevents .event span.title {
    margin-left: 0;
    font-size: 14px;
    font-weight: 600;
    color: #4fa2f5;
    text-align: left;
    padding-right: 5px;
    width: auto;
    display: inline-block;
/*border-bottom: 1px solid #444;*/
    height: auto;
    line-height: 14px;
}

#upcomingevents .event span.title.no-events {
    display: block;
}

#upcomingevents .event span.title.no-events h3 {
    color: #C00;
    font-weight: 600;
    text-align: center;
}

#upcomingevents .event span.time {
    font-weight: 600;
    color: #444;
}

#upcomingevents .event span.info {
    font-weight: 600;
    font-size: 12px;
    color: #444;
}

#upcomingevents + .more {
    text-align: center;
    width: 60px;
    left: 0;
    right: 0;
    margin: 0;
    display: inline-block;
    padding: 4px 10px;
    border: none;
    background: #03a9f4;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    outline: none;
    position: absolute;
    width: auto;
    bottom: 0;
    right: 15px;
    left: auto;
    margin: 10px;
}

/************************************************
*
*
* Hot Jobs style (index)
*
*
*
*
*************************************************/
#hotjobs {
    position: relative;
    left: 0;
    right: 0;
    margin: -6px -10px;
    height: 357px;
    overflow: auto;
    z-index: 1;
}

#hotjobs span.job:hover a {
    margin-left: -100%;
    -webkit-transition: margin-left 10000ms linear;
}

#hotjobs span.job {
    text-align: left;
    padding: 0 8px;
    font-size: 16px;
    color: #444;
    height: 25px;
    line-height: 25px;
    margin: 0;
    background: #F2F2F2;
}

#hotjobs span.job a {
    height: 25px;
    line-height: 25px;
    -webkit-transition: margin-left 0 linear;
}

#hotjobs span {
    display: block;
    border-bottom: 1px solid #D7D7D7;
    padding: 2px 8px;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    padding-left: 16px;
    overflow: hidden;
    white-space: nowrap;
	background-color: #fff;
}

#hotjobs span h3 {
    margin: 0;
    font-size: 14px;
    margin-left: -8px;
    color: #666;
    font-weight: 600;
}

#hotjobs + .loadmore {
    text-align: center;
    width: 60px;
    left: 0;
    right: 0;
    margin: 0;
    display: inline-block;
    padding: 4px 10px;
    border: none;
    background: #036 !important;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    outline: none;
    position: absolute;
    width: auto;
    bottom: 0;
    right: 15px;
    left: auto;
    margin: 10px;
    z-index: 5;
}

/************************************************
*
*
* Partners showcase
*
*
*
*
*************************************************/
section.partner-showcase {
    margin: 15px 0;
    position: relative;
    display: block;
    top: 0;
    padding: 0;
    line-height: initial;
}

.partner-showcase > div {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

.partner-showcase h3 {
    text-align: center!important;
    border-bottom: 1px solid #aaa;
    font-size: 27px!important;
    font-weight: 500!important;
    color: #666!important;
    line-height: 35px;
    height: 30px;
    margin-bottom: 15px!important;
}

.partner-showcase a {
    width: 290px;
    border: 1px solid transparent;
    height: 150px;
    display: inline-block;
    margin: 8px;
    left: 0;
    right: 0;
    position: relative;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.26);
    -webkit-transition: all 200ms ease;
}

.partner-showcase a:hover {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.26);
}

.partner-showcase a img {
    max-height: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
    display: block!important;
    vertical-align: middle!important;
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 15px;
}

/************************************************
*
*
* Vertical scroller
*
*
*
*************************************************/


.vscroll .wrapper {
    position: relative;
    top: 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #AAA;
    margin: 10px 0;
    background: rgb(239, 239, 239);
	max-width: 920px;
}

.vscroll .pages {
    position: relative;
    height: auto;
    width: 1000%;
    top: 0;
    right: 0;
    white-space: nowrap;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

.vscroll .pages .page {
    position: relative;
    width: 300px;
    height: auto;
    display: block;
    left: 0;
    top: 0;
    float: left;
    vertical-align: top;
    white-space: normal;
    padding: 5px 10px;
    height: 555px;
    overflow: auto;
}

.vscroll .head .steps {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    list-style: none;
    border: none;
    margin: 40px 0;
    padding: 0;
}

.vscroll .head .steps li {
    text-align: center;
    display: inline-block;
    height: 0px;
    position: relative;
/*border-bottom: 5px solid #9E9E9E;*/
}

.vscroll .head .steps li .step {
    width: auto;
    height: 50px;
    background: #9E9E9E;
    display: inline-block;
    position: absolute;
/* border-radius: 100%; */
    line-height: 50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    top: -23px;
    left: 0;
    right: 0;
    margin: 0 25px;
    -webkit-transform: translate3d(0, 0, 0);
}

.vscroll .head .steps li .step.completed {
    background: #32DA67;
}

.vscroll .wrapper .pages .page .steps-header {
    border-bottom: 1px solid #AAA;
    margin-bottom: 15px !important;
    font-size: 20px !important;
    padding: 2px 0 !important;
    font-weight: 600 !important;
}

.vscroll .head .steps li .step:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -20px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #9E9E9E;
}

.vscroll .head .steps li .step:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -20px;
    border-top: 25px solid #9E9E9E;
    border-bottom: 25px solid #9E9E9E;
    border-left: 20px solid transparent;
}

.vscroll .head .steps li .step.completed:before {
    border-top: 25px solid #32DA67;
    border-bottom: 25px solid #32DA67;
    border-left: 20px solid transparent;
}

.vscroll .head .steps li .step.completed:after {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #32DA67;
}

.holland_container .top {
    display: block;
    position: relative;
    height: 100px;
    left: 0;
    overflow: hidden;
    z-index: 2;
}

.holland_container .bottom {
    display: block;
    position: relative;
    height: 100px;
    left: 0;
    overflow: hidden;
    z-index: 2;
}

.holland_container .top > a, .bottom > a {
    position: relative;
    display: block;
    float: left;
    width: 62px;
    height: 100px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: none !important;
}

.holland_container .top > a:after {
    color: #222 !important;
}

.holland_container .bottom > a:after {
    color: #DDD !important;
}

.holland_container .top > a:hover:after, .bottom > a:hover:after {
    color: #428bca !important;
}

.holland_container .top .left:before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 100px solid #F8E201;
    border-left: 62px solid transparent;
    border-right: 62px solid transparent;
}

.holland_container .top .left:after {
    content: 'Realistic';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 35px;
    color: black;
    font-size: 12px;
    font-weight: 600;
    overflow: visible;
    bottom: 40px;
}

.holland_container .top .center:before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 100px solid #F04D24;
    border-left: 62px solid transparent;
    border-right: 62px solid transparent;
}

.holland_container .top .center:after {
    content: 'Investigative';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 25px;
    color: black;
    font-size: 12px;
    font-weight: 600;
    overflow: visible;
    top: 15px;
}

.holland_container .top .right:before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 100px solid #ED1B34;
    border-left: 62px solid transparent;
    border-right: 62px solid transparent;
}

.holland_container .top .right:after {
    content: 'Artistic';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 35px;
    color: black;
    font-size: 12px;
    font-weight: 600;
    overflow: visible;
    bottom: 40px;
}

.holland_container .bottom .left:before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 100px solid #993A95;
    border-left: 62px solid transparent;
    border-right: 62px solid transparent;
}

.holland_container .bottom .left:after {
    content: 'Social';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 45px;
    color: black;
    font-size: 12px;
    font-weight: 600;
    overflow: visible;
    top: 20px;
}

.holland_container .bottom .center:before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 100px solid #2C3089;
    border-left: 62px solid transparent;
    border-right: 62px solid transparent;
}

.holland_container .bottom .center:after {
    content: 'Enterprising';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 28px;
    color: black;
    font-size: 12px;
    font-weight: 600;
    overflow: visible;
    bottom: 35px;
}

.holland_container .bottom .right:before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 100px solid #00A577;
    border-left: 62px solid transparent;
    border-right: 62px solid transparent;
}

.holland_container .bottom .right:after {
    content: 'Conventional';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 25px;
    color: black;
    font-size: 12px;
    font-weight: 600;
    overflow: visible;
    top: 20px;
}

.holland_container {
    position: relative;
    display: block;
    width: 250px;
    left: 0;
    right: 0;
    margin: 25px auto;
}

.holland_container .shadow {
    z-index: 1;
    width: 200px;
    background: black;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 100%;
}

.links {
    text-align: center;
}

.links > a, .links > span {
    font-size: 20px;
    margin: 0 20px;
}

.temp_hide_img img {
    display: none;
}




/************************************************
*
*
* Footer social icons
*
*
*
*************************************************/

ul.social li a {
    width: 45px;
    height: 45px;
    display: block;
    text-decoration: none;
}

article .center-container {
    padding: 8px 15px;
    max-width: 850px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}



/************************************************
*
*
* Toggle area for contacts only
*
*
*
*************************************************/

.toggle-icon:after {
    content: '+';
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgb(86, 86, 86);
    text-align: center;
    line-height: 20px;
    color: white;
    padding: 0;
    margin: 0;
    display: block;
    font-family: sans-serif;
    border-radius: 20px;
    font-size: 19px;
    top: 0;
    left: 0px;
}

.toggle-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
    margin: 10px 0;
    z-index: 1;
    clear: both;
    margin-top: 15px;
}

.contact.toggle-area {
    max-height: 50px;
    overflow: hidden;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
    margin-top: 0px !important;
    top: -20px;
}

input.contact.drop-toggle:checked + .toggle-area {
    max-height: 1000px;
}

.contact.toggle-icon {
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
    margin: 10px 0;
    z-index: 1;
    clear: both;
}

.contact.toggle-icon:after {
    content: '+';
    position: absolute;
    width: 30PX;
    height: 30PX;
    background: rgb(86, 86, 86);
    text-align: center;
    line-height: 30px;
    color: white;
    padding: 0;
    margin: 0;
    display: block;
    font-family: sans-serif;
    border-radius: 30px;
    font-size: 25px;
    top: -10px;
    left: -10px;
}

input.contact.drop-toggle:checked {
    -webkit-transform: rotate(90deg);
}

.toggle-area > h4 {
    text-align: left !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 10px 0 !important;
    margin-left: 30px !important;
}

.contact.toggle-area > h4 + a {
    display: block;
    margin: 0;
    margin-left: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: -10px;
}



/************************************************
*
*
* Toggle areas
*
*
*
*************************************************/

.toggle-area {
    max-height: 50px;
    overflow: hidden;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    transition: all 350ms ease;
}

input.drop-toggle:checked + .toggle-icon + .toggle-area {
    max-height: 2000px;
	display:block;
}

/*input.drop-toggle {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  margin: 0;
  padding: 0;
  -webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
    transition: all 350ms ease;
  z-index: 1;
  margin: 0;
  z-index: 1;
  opacity: 0;
  float: left;
  top: 0px;
  margin-left: -10px;
  left: 0;
  clear: both;
    margin-bottom: -60px;
  z-index: 2;
}*/

input.drop-toggle {
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    transition: all 350ms ease;
    z-index: 1;
    margin: 0;
    z-index: 1;
    opacity: 0;
    /*float: left;*/
    top: 0px;
    left: 0;
    /*clear: both;*/
    margin-bottom: -30px;
    z-index: 2;
    top: 5px;
}

input.drop-toggle.contact {
    width: 30px;
    height: 30px;
    margin-left: -10px;
    top: 0;
}

/*input.drop-toggle:after {
  content: '+';
  position: absolute;
  width: 30PX;
  height: 30PX;
  background: rgb(86, 86, 86);
  text-align: center;
  line-height: 30px;
  color: white;
  padding: 0;
  margin: 0;
  display: block;
  font-family: sans-serif;
  border-radius: 30px;
  font-size: 25px;
  top: -10px;
  left: -10px;
}*/


input.drop-toggle:checked + .toggle-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.toggle-area > h4 {
    text-align: left !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 10px 0 !important;
    margin-left: 30px !important;
}

.toggle-area > h4 + a {
    display: block;
    margin: 0;
    margin-left: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: -10px;
}

.toggle-area > .content {
    border-left: 1px solid #aaa;
    padding-left: 20px;
	display:block !important;
}


/************************************************
*
*
* Owl Career link logo
*
*
*
*************************************************/


#owlcareerlink_ {
    width: 220px;
    height: 220px;
    background: red;
    padding: 12px;
    display: block;
    position: relative;
    background: #01406b;
    margin: auto;
    padding: 35px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
}

#owlcareerlink_ img {
    height: 96px;
    width: 125px;
    display: block;
    left: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
    outline: none;
    margin-top: -15px;
}

#owlcareerlink_ div {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: -8px;
}

#owlcareerlink_ a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin: 2px 0;
    font-size: 16px;
    padding: 0;
    position: relative;
    height: 18px;
    line-height: 18px;
}

#what_can_major span {
    display: block;
    text-align: center;
    font-size: 35px;
    line-height: 40px;
    font-weight: 900;
}

#intern_co-op span {
    display: block;
    color: white;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    font-weight: 900;
}



/************************************************
*
*
* Tabbed content with hover/click events
*
*
*
*************************************************/



#tab_content {
    background: #F0F0F0;
    border: 1px solid rgb(213, 213, 213);
    clear: both;
    padding: 15px;
    overflow: hidden;
    position: relative;
    display: block;
    clear: both;
    padding: 15px;
}

#tab_content .wrapper {
    position: relative;
    width: 100%;
    white-space: nowrap;
    padding: 0;
    overflow: hidden;
    margin: 0;
}

#tab_content .data {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 5px;
    margin: 0;
    white-space: normal;
    vertical-align: top;
}

#event_tabs .tab {
    z-index: 5;
  /*height: 80px;*/
    display: inline-block;
    float: none;
    margin-top: 19px;
    position: relative;
    white-space: normal;
}

#event_tabs .slider {
    position: absolute;
    height: 100%;
    z-index: 2;
    top: 0;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    transition: all 800ms ease;
}

#event_tabs .slider span {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgb(240, 240, 240);
    right: 0;
    left: 0;
    margin: 0 5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid rgb(213, 213, 213);
    border-bottom: none;
}

#event_tabs {
    position: relative;
    display: block;
    border: 1px solid rgb(166, 212, 255);
  /*height: 100px;*/
    background: rgb(210, 233, 255);
    bottom: -1px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#event_tabs.left .tab {
    display: block;
    position: relative;
    border-bottom: 1px solid rgb(157, 207, 255);
    margin: 0;
    padding: 8px;
}

#event_tabs.left {
    position: relative;
    display: block;
    border: 1px solid rgb(166, 212, 255);
    height: auto;
    background: rgb(210, 233, 255);
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 8px;
    width: 200px;
    white-space: normal;
    bottom: 0;
    float: left;
    border-right: none;
}

.tab-wrapper {
    position: relative;
    display: block;
    white-space: nowrap;
    width: 100%;
}

#tab_content.left {
    background: #F0F0F0;
    border: 1px solid rgb(213, 213, 213);
    clear: both;
    padding: 15px;
    overflow: hidden;
    display: block;
    vertical-align: top;
    float: none;
    clear: initial;
    position: relative;
    border-left: none;
    left: -1px;
}

#tab_content.left .data.off {
    display: none !important;
}

#event_tabs.left .slider span {
    margin: 0;
    border-radius: 8px 0px 0px 8px;
    top: 0;
    height: 100%;
    border: none;
}

#event_tabs.left .slider {
    height: auto;
    width: 100%;
}

input.drop-toggle.menu:checked + span + div#event_tabs {
    width: 200px !important;
}

.tab-wrapper input.drop-toggle.menu+ span.hamburger-menu {
    display: none;
}

.tab-wrapper input.drop-toggle.menu {
    display: none;
}

@media screen and (max-width: 768px) {
		
    .tab-wrapper.mobile #event_tabs {
        width: 0px;
        overflow: hidden;
        -webkit-transition: width 150ms ease;
        -moz-transition: width 150ms ease;
        -ms-transition: width 150ms ease;
        transition: width 150ms ease;
    }

    .tab-wrapper.mobile td {
        min-width: 140px;
    }

    .tab-wrapper.mobile input.drop-toggle.menu + span.hamburger-menu {
        position: absolute;
        top: 0;
        left: 0;
        margin: 5px;
        padding: 0;
        z-index: 12;
        width: 25px;
        height: 25px;
        font-size: 23px;
        color: #444;
        line-height: 25px;
        font-weight: 100;
        text-align: center;
        display: block;
    }

    .tab-wrapper.mobile input.drop-toggle.menu {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 5px;
        width: 25px;
        height: 25px;
        z-index: 20;
        display: block;
    }

    .tab-wrapper.mobile #tab_content.left {
        overflow: auto;
    }

    .tab-wrapper.mobile #tab_content .wrapper {
        overflow: auto;
    };
}

/************************************************
*
*
* Content Slider styles
*
*
*
*************************************************/



.c_slider .slide {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 5px;
    height: 100%;
    margin: 0;
    white-space: normal;
    padding-bottom: 25px;
    vertical-align: top;
}

.c_slider {
    position: relative;
    width: 100%;
    white-space: nowrap;
    padding: 0;
    overflow: hidden;
    margin: 0;
}

.slider_button.right:after {
    content: '';
    position: absolute;
    height: 30px;
    border-left: 15px solid #03a9f4;
    top: 0;
    bottom: 0;
    right: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.slider_button.left:after {
    content: '';
    position: absolute;
    height: 30px;
    border-right: 15px solid #03a9f4;
    top: 0;
    bottom: 0;
    left: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.slider_button {
    position: relative;
    top: 0;
    display: table;
    height: 30px;
    margin: auto 0;
    bottom: initial;
    margin: 0 15px;
}

.slider_button.left {
    left: 20px;
}

.slider_button.right {
    right: 20px;
}

.slider_buttons {
    position: absolute;
    bottom: 0;
    height: auto;
    width: auto;
}


/************************************************
*
*
* Notifications
*
*
*
*************************************************/



.notification.flat {
    background: rgb(245, 59, 59);
    padding: 5px 15px;
    color: white;
    margin: 0 30px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
    display: block;
    position: relative;
    margin-bottom: 10px;
    box-shadow: none;
    border: 1px solid rgb(195, 23, 23);
}

.notification.red {
    background: rgb(245, 59, 59);
    border: 1px solid rgb(195, 23, 23);
    color: white;
}

.notification.bubble {
    position: absolute;
    background: white;
    border-radius: 5px;
    padding: 2px 8px;
    right: 0;
    top: 0px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
    margin: 0 8px;
    right: 30px;
    z-index: 1;
}

.notification.bubble span {
    display: block;
    position: relative;
    z-index: 10;
}

.notification.bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: white;
    border-radius: 5px;
    text-align: center;
    height: 5px;
}

.notification.bubble:before {
    top: 100%;
    left: 50%;
    border: none;
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    pointer-events: none;
    background: white;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
    -webkit-transform: rotate(45deg);
    margin-top: -5px;
    z-index: 0;
}

.notification.bubble.border {
    position: absolute;
    background: white;
    border-radius: 5px;
    padding: 2px 8px;
    right: 0;
    top: 0px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
    margin: 0 8px;
    right: 30px;
    z-index: 1;
    border: 1px solid rgb(171, 171, 171);
}

.notification.bubble.border:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: white;
    border-radius: 5px;
    text-align: center;
    z-index: 8;
    display: block;
    height: 7px;
}

.notification.bubble.border:before {
    top: 100%;
    left: 50%;
    border: none;
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    pointer-events: none;
    background: white;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.26);
    -webkit-transform: rotate(45deg);
    margin-top: -5px;
    z-index: 0;
    border: 1px solid rgb(171, 171, 171);
    z-index: 1;
    display: block;
}

.notification.icon {
    padding: 0 45px;
}

.notification.icon .glyphicon {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto 20px;
    left: 0;
    padding: 0;
    color: white;
    font-size: 20px;
}

.notification.light-blue {
    background: rgb(152, 216, 255);
    border: 1px solid rgb(68, 184, 255);
    color: #444;
}




/************************************************
*
*
*	Mobile hamburger menu. General
*
*
*
*************************************************/

input.drop-toggle.menu + span.hamburger-menu {
    display: none;
}

input.drop-toggle.menu {
    display: none;
}

@media screen and (max-width: 1024px) {
    input.drop-toggle.menu + span.hamburger-menu {
        position: absolute;
        top: 0;
        left: 0;
        margin: 5px;
        padding: 0;
        z-index: 12;
        width: 25px;
        height: 25px;
        font-size: 23px;
        color: #444;
        line-height: 25px;
        font-weight: 100;
        text-align: center;
        display: block;
    }

    input.drop-toggle.menu {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 5px;
        width: 25px;
        height: 25px;
        z-index: 25;
        display: block;
    }

    input.sidebar-menu:checked, input.sidebar-menu:checked + span {
        -webkit-transition: right 150ms ease;
        right: 200px;
    };
}

	
/************************************************
*
*
*	Block heading
*
*
*
*************************************************/
	
.block-heading {
    background-color: #014890;
    color: white;
    padding: 5px 8px;
    position: static;
    width: auto;
    display: flex;
    font-size: 16px;
    margin: 8px 0;
}

	
/************************************************
*
*
*	Print Fix
*
*
*
*************************************************/
	
@media print {
    a[href]:after {
        content: none;
    };
}

@media print {
  @    page {
        size: 330mm 427mm;
        margin: 14mm;
    }

    .container {
        width: auto;
    }

    .table td,
    .table th {
        background-color: inherit !important;
    }

    .table-stripe {
        background-color: #dedede !important;
    }

    #interior2col {
        background: #fff !important;
    }

    body {
        background: #efefef !important;
    };
}

@media print {
    tr.vendorListHeading {
        background-color: #1a4567 !important;
        -webkit-print-color-adjust: exact;
    };
}

@media print {
    .vendorListHeading th {
        color: white !important;
    }

    .sidebar {
        display: none;
    };
}


/************************************************
*
*
*	Hire an Intern
*
*
*
*************************************************/

a.button.hire-an-intern {
    background-color: rgb(211, 37, 37) !important;
    border-radius: 4px;
    padding-bottom: 20px;
    border: 2px solid white;
    margin: 8px auto;
}

a.button.hire-an-intern:after {
    content: 'INTERNS WANTED!';
    position: absolute;
    left: 0;
    bottom: 5px;
    height: 15px;
    border-top: 1px solid white;
    right: 0;
    margin: 0 8px;
    line-height: 20px;
    font-weight: 600;
    font-size: 16px;
}

/************************************************
*
*
*	Hire an Intern
*
*
*
*************************************************/


a.button.tell-us-about-it-hire {
    background-color: rgb(33, 157, 212) !important;
    border-radius: 50%;
    height: 50px;
    width: 100px;
    margin: 8px auto;
    margin-bottom: 15px;
    margin-left: 78px !important;
    padding: 6px;
    font-size: 17px;
    line-height: 18px;
    font-weight: 600;
}

a.button.tell-us-about-it-hire:before {
    content: '';
    position: absolute;
    bottom: -13px;
    width: 0;
    height: 0px;
    border-left: 18px solid rgb(33, 157, 212);
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 3px solid transparent;
    left: 21px;
    box-shadow: -14px 5px 12px -10px rgba(0,0,0,0.26);
    z-index: 1;
}

a.button.tell-us-about-it-hire:after {
    content: 'Hired an Intern?';
    width: 80px;
    height: 40px;
    top: 0;
    bottom: 0;
    left: initial;
    right: 100%;
    position: absolute;
    margin: auto;
    font-weight: 600;
    font-size: 18px;
    z-index: 2;
    color: #666;
    line-height: 22px;
}


/************************************************
*
*
*	Got an intern?
*
*
*
*************************************************/


a.button.tell-us-about-it-intern {
    background-color: rgb(33, 157, 212) !important;
    border-radius: 50%;
    height: 50px;
    width: 100px;
    margin: 8px auto;
    margin-bottom: 15px;
    margin-left: 78px !important;
    padding: 6px;
    font-size: 17px;
    line-height: 18px;
    font-weight: 600;
}

a.button.tell-us-about-it-intern:before {
    content: '';
    position: absolute;
    bottom: -13px;
    width: 0;
    height: 0px;
    border-left: 18px solid rgb(33, 157, 212);
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 3px solid transparent;
    left: 21px;
    box-shadow: -14px 5px 12px -10px rgba(0,0,0,0.26);
    z-index: 1;
}

a.button.tell-us-about-it-intern:after {
  content: 'Are You an Intern?';
  width: 75px;
  height: 40px;
  top: 0;
  bottom: 0;
  right: 100%;
  position: absolute;
  margin: auto 5px;
  font-weight: 600;
  font-size: 18px;
  z-index: 2;
  color: #666;
  line-height: 22px;
}


/************************************************
*
*
*	Report a hire
*
*
*
*************************************************/


a.button.report-a-hire {
  background-color: rgb(33, 157, 212) !important;
  border-radius: 50%;
  height: 60px;
  width: 125px;
  padding: 6px;
  font-size: 17px;
  line-height: 18px;
  font-weight: 600;
  margin: 8px auto;
  margin-bottom: 15px;
}

a.button.report-a-hire:before {
  content: '';
  position: absolute;
  bottom: -10px;
  width: 0;
  height: 0px;
  border-left: 18px solid rgb(33, 157, 212);
  border-bottom: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 3px solid transparent;
  left: 21px;
  box-shadow: -14px 5px 12px -10px rgba(0,0,0,0.26);
  z-index: 1;
}

a.button.report-a-hire:after {
  content: 'Report a hire';
  color: white;
  width: 80px;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  font-size: 18px;
  line-height: 20px;
  height: 40px;
}


/************************************************
*
*
*	What can I do with this major?
*
*
*
*************************************************/




a.what-can-i-do-major.button.material {
  background-color: white !important;
  margin: 8px 0;
  width: 130px;
  font-family: helvetica;
  margin: 8px auto;
  padding: 12px 0;
  border-radius: 8px;
  border: 3px solid #003366;
}

.what-can-i-do-major span:nth-child(1),  .what-can-i-do-major span:nth-child(2) {
  color: #003366;
}

.what-can-i-do-major span {
  display: block;
  text-align: center;
  font-size: 18px;
  position: relative;
  height: 20px;
  margin: 0;
  padding: 0;
  font-weight: 900;
  line-height: 20px;
}

.what-can-i-do-major span:nth-child(3), .what-can-i-do-major span:nth-child(4) {
  color: #CC0000;
}


/************************************************
*
*
*	RSS display
*
*
*
*************************************************/


.rss_display {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  overflow: auto;
  z-index: 1;
	padding:0 5px;
}
.rss_display span {
  display: block;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 400;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  padding-left: 20px;
}
.rss_display span.job {
  text-align: left;
  padding: 0 8px;
  font-size: 16px;
  color: #ccc;
  height: 25px;
  line-height: 25px;
  margin: 0;
  background: transparent;
}


.rss_display span:nth-child(3n-2) {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 2px 8px;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
}

.rss_display h3 {
  color: #666 !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: -10px !important;
}


.rss_display span:nth-child(3n) {
  margin-bottom: 8px;
}


.rss_display + .loadmore {
  text-align: center;
  width: 60px;
  left: 0;
  right: 0;
  margin: 0;
  display: inline-block;
  padding: 4px 10px;
  border: none;
  background: #036 !important;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  outline: none;
  position: absolute;
  width: auto;
  bottom: 0;
  right: 15px;
  left: auto;
  margin: 10px;
  z-index: 5;
}


span.rss_count {
  position: absolute;
  right: 0;
  display: block;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  top: 0;
  font-weight: 100;
  background-color: rgba(0,0,0,0.14);
  padding-right: 25px;
  padding-left: 15px;
  border-left: 1px solid rgba(0,0,0,0.10);
}

.rsstitle {
	background: #003366;
	text-align: center;
	color: #fff;
	padding: 8px 0;
	font-size: 18px;
	margin-top: 0px;
}



/************************************************
*
*
*	Tags
*
*
*
*************************************************/



span.tag {
	  background-color: #f9f2f4;
  color: #C75025;
  padding: 2px 4px;
  font-size: 90%;
  font-weight: 600;
}




/************************************************
*
*
*	OwlCareerLink logo small
*
*
*
*************************************************/



.owlcareerlink_students {
position: absolute;
  height: 40px;
  background: url(/career/images/owlcareerlink_students.png) no-repeat !important;
  top: 0;
  right: 0 !important;
  bottom: 0px !important;
  margin: auto 0 !important;
  width: 225px !important;
  background-size: contain !important;
  cursor: pointer;
	border-radius:5px !important;
}

.owlcareerlink_departments {
position: absolute;
  height: 40px;
  background: url(/career/images/owlcareerlink_departments.png) no-repeat !important;
  top: 0;
  right: 0 !important;
  bottom: 0px !important;
  margin: auto 0 !important;
  width: 225px !important;
  background-size: contain !important;
  cursor: pointer;
	border-radius:5px !important;
}

.owlcareerlink_employers {
position: absolute;
  height: 40px;
  background: url(/career/images/owlcareerlink_employers.png) no-repeat !important;
  top: 0;
  right: 0 !important;
  bottom: 0px !important;
  margin: auto 0 !important;
  width: 225px !important;
  background-size: contain !important;
  cursor: pointer;
	border-radius:5px !important;
}

/************************************************
*
*
*	File Icon
*
*
*
*************************************************/

.glyphicon.glyphicon-file.file-icon {
  font-size: 40px;
  text-align: center;
  color: #CC0000;
  margin-bottom: 16px;
  width: 100%;
}

.glyphicon.glyphicon-file.file-icon span {
  font-size: 12px !important;
  font-weight: 600;
  display: block;
  position: absolute;
  color: rgb(227, 227, 227);
  height: 16px;
  line-height: 16px;
  width: 40px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -50%;
  text-align: center;
  left: -3px;
}

.glyphicon.glyphicon-file.file-icon span:nth-child(2) {
  clear: both;
  position: absolute;
  font-family: 'Roboto Condensed';
  color: #444;
  margin-bottom: 3px;
  width: 100%;
  text-align: center;
}

a.file-icon {
  width: 86px;
  height: auto;
  position: relative;
  display: inline-block;
  text-align: center;
}

.glyphicon.glyphicon-file.file-icon-small {
    font-size: 30px;
    color: #CC0000;
    margin-bottom: 16px;
    width: auto;
}

.glyphicon.glyphicon-file.file-icon-small.shadow {
text-shadow: 2px 2px 2px rgba(0,0,0,0.26);
}

.glyphicon.glyphicon-file.file-icon-small span {
    font-size: 10px !important;
    font-weight: 600;
    display: block;
    position: absolute;
    color: rgb(227, 227, 227);
    height: 16px;
    line-height: 16px;
    width: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50%;
    text-align: center;
    left: -3px;
    text-shadow: none;
}


/************************************************
*
*
*	Tool Tip
*
*
*
*************************************************/


.tooltip-inner {
  background-color: rgba(0, 51, 102, 1);
  color: white;
  font-size: 9px !important;
  max-width: 150px;
  font-weight: 100;
}
.tooltip.top .tooltip-arrow {
	border-top-color:#003366;
}




.drop-text > div {
	-webkit-transition: height 250ms ease;
	-moz-transition: height 250ms ease;
	-o-transition: height 250ms ease;
	transition: height 250ms ease;
}










/************************************************
*
*
*	Faculty css
*
*
*
*************************************************/



#faculty #table {
    position: relative;
    padding: 10px;
    white-space: normal;
    margin: 20px 0;
}
#faculty #table h4 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    padding-bottom: 20px;
}

#faculty #table h5 {
    text-align: center;
    font-weight: 600;
    margin-top: -20px;
    margin-bottom: 20px;
    font-size: 15px;
}

/*#faculty #table .user {
position: relative;
width: 175px;
height: auto;
margin: 8px 27px;
padding: 0;
display: inline-block;
left: 0;
vertical-align: top;
}*/

#faculty #table .user {
    position: relative;
    width: 125px;
    height: auto;
    margin: 8px 8px;
    padding: 0;
    display: inline-block;
    left: 0;
    vertical-align: top;
}

/*#faculty #table .user img {
    position: relative;
    width: 128px;
    height: 160px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
}*/

#faculty #table .user img {
    position: relative;
    width: 110px;
    height: 138px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
}

#faculty #table .user p {
    line-height: 20px;
    white-space: normal;
    text-align: center;
}

#faculty #table .user p span {
	font-weight:600;
}

#faculty-links #links {
    position: absolute;
    right: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-bottom: 0;
	z-index:1;
}

#faculty-links #links a {
    padding: 0 8px;
}




/************************************************
*
*
*	Fix arrow heights in banner
*
*
*
*************************************************/


.right.carousel-control, .left.carousel-control {
	height:30px;
	margin:auto 0;
}


/************************************************
*
*
*	No underline for some a tags
*
*
*
*************************************************/

a.no-underline:hover, a.no-underline, a.no-underline:focus, a.no-underline:active, a.no-underline:visited {
	text-decoration:none !important;
} 



/************************************************
*
*
*	Contact on top of page
*
*
*
*************************************************/


.contact_top {
    display: inline-block;
    position: relative;
    height: 65px;
    background: #003366;
    margin: 3px 0;
    padding: 10px 15px;
    color: white;
    border-radius: 8px;
}

.contact_top > span {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
}

.contact_top a {
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    height: 20px;
    margin: 0;
    margin-left: 8px;
    margin-bottom: 5px;
    color: white;
    position: relative;
    font-family: "Roboto Condensed";
}


.contact_top > span > span {
    display: block;
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    height: 20px;
    margin: 0;
    margin-left: 8px;
    margin-bottom: 5px;
    color: white;
    position: relative;
}






/************************************************
*
*
*	Universal form styles
*
*
*
*************************************************/




/*form input:hover,  form input:focus {
    color: #444;
    border-color: #444;
}
form input {
    display: block;
    border: none;
    outline: none;
    padding: 0 3px;
    margin: 5px 8px;
    border-bottom: 1px solid #aaa;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #888;
    -webkit-transition: all 150ms ease;
    width: 69%;
    left: 0;
    right: 0;
    position: relative;
    margin: 7px auto;
}

input[type="submit"].button {
    left: 0;
    right: 0;
    width: 20%;
    height: 30px;
    line-height: 30px;
    padding: 0;
    display: block;
    margin: 8px auto;
}


form .radio, form .radio label {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    width: auto;
    position: relative;
    vertical-align: top;
    clear: both;
}

form input[type="radio"] {
    position: relative;
    display: inline-block;
    line-height: 20px;
    clear: both;
    float: none !important;
    height: 12px;
    width: 12px;
    margin: 9px !important;
    padding: 0;
}


form input[type="checkbox"] {
    width: 12px;
    height: 12px;
    margin: 8px;
    display: inline-block;
}*/


/************************************************
*
*
*	Universal modal styles
*
*
*
*************************************************/

.modal-content .mobile-iframe {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    height: 515px;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.modal-content iframe {
	    position: relative;
    display: block;
    width: 100%;
    border: none;
    margin: 0;
    border: 1px solid #aaa;
    padding: 0;
	height:100%;
}


.agreement-modal .modal-dialog {
    min-width: 800px;
}

.agreement-modal .modal-dialog .modal-content {
    max-height: 600px;
    padding-bottom: 50px !important;
    position: relative;
}

.modal .button.close {
    width: 20px !important;
    height: 20px !important;
    color: red !important;
    opacity: 1;
    border-radius: 100%;
    font-size: 20px;
    background: transparent !important;
    padding: 0 !important;
    margin: 0;
    line-height: 20px;
    font-weight: initial;
    display: block !important;
    position: absolute;
    margin: 8px;
    top: 0;
    right: 0;
}

form {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
form.animate input:not([type="checkbox"]):not([type="submit"]) {
    display: block;
    border: none;
    outline: none;
    padding: 0 3px;
    margin: 5px 8px;
    border-bottom: 1px solid #aaa;
    height: 25px;
	line-height: normal;
    font-size: 18px;
    font-weight: 400;
    color: #888;
    -webkit-transition: all 150ms ease;
    width: 100%;
    left: 0;
    right: 0;
    position: relative;
    margin: 7px auto;
    z-index: 1;
    background: transparent;
	border-radius:0px;
}

form.animate fieldset {
    width: 69%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
	margin-top:8px;
}

form.animate input:focus + label, form.animate input:valid + label, form.animate textarea:focus + label, form.animate textarea:valid + label {
    top: -17px;
    font-size: 14px;
    font-weight: 600;
    color: #0E71DA;
}

form.animate input:valid + label + .valid {
	opacity:1;
}

form.animate.submitted input:invalid + label + .valid + .invalid {
	opacity:1;
}

form.animate fieldset label {
    color: #888;
    position: absolute;
    top: 0;
    font-size: 18px;
    font-weight: 100;
	line-height: normal;
    height: 25px;
    margin: 0;
    padding: 0;
    margin-top: 7px;
    -webkit-transition: all 250ms ease;
}


form.animate input:valid {
    border-color: #049618;
}

form.animate.submitted input:invalid {
    border-color: red;
}

form.animate fieldset .valid {
    opacity: 0;
    top: 0;
    position: absolute;
    margin-top: 7px;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    right: 0;
    color: #05CC16;
    -webkit-transition: all 250ms ease;
}

form.animate fieldset .invalid {
    opacity: 0;
    top: 0;
    position: absolute;
    margin-top: 7px;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    right: 0;
    color: red;
    -webkit-transition: all 250ms ease;
}


form.animate .checkbox:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    cursor: pointer;
}

form.animate .checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 10px;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none;
}

form.animate .checkbox:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: 2px solid #D6D0D0;
}

form.animate .checkbox {
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0 !important;
    cursor: pointer;
}


form.animate .label--checkbox {
    position: relative !important;
    margin: .5rem !important;
    font-family: Arial, sans-serif;
    line-height: 135% !important;
    cursor: pointer;
    height: 25px !important;
    display: block;
}

form.animate textarea {
	display: block;
    outline: none;
    padding: 0 3px;
    margin: 5px 8px;
    border-color: #aaa;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #888;
    -webkit-transition: all 150ms ease;
    width: 100%;
    left: 0;
    right: 0;
    position: relative;
    margin: 7px auto;
    z-index: 1;
    background: transparent;
    width: 100% !important;
    position: relative;
    display: block;
    height: 71px;
    outline: none;
    background: transparent;
}
form.material > span {
    color: #0E71DA;
    font-weight: 400;
    font-size: 20px;
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #E4E4E4;
    padding: 0 15px;
}


/************************************************
*
*
*	Universal date picker
*
*
*
*************************************************/




@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
.ui-datepicker,
.ui-datepicker-material-header {
  font-family: 'Roboto';
}

.ui-datepicker-material-header {
  display: block;
  background-color: #284B72;
  color: white;
  text-align: center;
  width: 325px;
}
.ui-datepicker-material-header .ui-datepicker-material-day {
  background-color: #1F3A58;
  padding: 10px;
  font-size: 1rem;
}
.ui-datepicker-material-header .ui-datepicker-material-date {
  padding: 20px;
}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month,
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num,
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
  padding: 5px;
}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month {
  font-size: 2rem;
  text-transform: uppercase;
}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num {
  font-size: 4.5rem;
}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
  font-size: 1.8rem;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.4);
}

.ui-datepicker {
  padding: 0;
  border: none;
  box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  width: 325px;
}

.ui-corner-all {
  border-radius: 0;
}

.ui-widget-header {
  border: 0;
}

.ui-datepicker-header {
  text-align: center;
  background: white;
  padding-bottom: 15px;
  font-weight: 300;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-header .ui-datepicker-title {
  border: none;
  outline: none;
  margin: 5px;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
  border: none;
  outline: none;
  background: #b4cbe5;
}

.ui-datepicker-calendar .ui-state-default {
  background: none;
  border: none;
  text-align: center;
  height: 33px;
  width: 33px;
  line-height: 36px;
}
.ui-datepicker-calendar .ui-state-highlight {
  color: #284B72;
}
.ui-datepicker-calendar .ui-state-active {
  border-radius: 50%;
  background-color: #284B72;
  color: white;
}
.ui-datepicker-calendar thead th {
  color: #999999;
  font-weight: 200;
}

.ui-datepicker-buttonpane {
  border: none;
}
.ui-datepicker-buttonpane .ui-state-default {
  background: white;
  border: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close,
.ui-datepicker-buttonpane .ui-datepicker-current {
  background: white;
  color: #284B72;
  text-transform: uppercase;
  border: none;
  opacity: 1;
  font-weight: 200;
  outline: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close:hover,
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
  background: #b4cbe5;
}


button.close {
    position: absolute;
    margin: 8px;
    top: 0;
    right: 0;
    font-weight: 100;
    color: #888;
    opacity: 1;
    font-size: 30px;
    font-family: "Roboto Condensed", sans-serif;
}



/************************************************
*
*
*	Contacts Banner
*
*
*
*************************************************/


.contacts-banner {
		    max-width: 768px;
    position: relative;
    left: 0;
    display: block;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 15px;
		text-align:center;
	}
	
	.contacts-banner > div {
    position: relative;
    display: block;
    padding: 0;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: opacity 320ms ease;
		    float: none;
    display: inline-block;
    margin-left: -3px;
}
	.contacts-banner:hover > div {
    opacity: 0.8;
}
	.contacts-banner img {
		max-height:160px;
		position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
	}
	
	.contacts-banner > div:hover {
    z-index: 2;
    opacity: 1;
}

	.contacts-banner > div:hover .info {
    bottom: 0px;
    opacity: 1;
}
.contacts-banner .info {
    position: absolute;
    left: 0;
    right: 0;
    /*bottom: -50px;*/
	bottom: 0px;
    -webkit-transition: all 350ms ease;
    background: rgba(255, 255, 255, 0.81);
    color: #222;
    height: 55px;
    /*opacity: 0;*/
	opacity: 1;
	padding:5px 0;
}
	.contacts-banner .info span {
    display: block;
    position: relative;
    text-align: center;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
}

/*#wrapper {
	overflow:visible;
}*/
footer {
	z-index:5 !important;
}
.big-info {
	position: relative;
    display: block;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.26);
    padding: 30px 25px;
    font-size: 85px;
    font-family: 'Roboto condensed', sans-serif;
    background: #27AFDA;
    color: white;
    height: 350px;
    text-align: center;
}
.big-info p {
	   max-width: 600px;
    position: relative;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width: 1024px) {
	.agreement-modal, .agreement-modal .modal-dialog .modal-content {
		max-width: 375px;
	}
}