@charset "UTF-8";
/* CSS Document */

body .mid-bar-component .progDesc p{font-size:1.4em; color:#000;}
div.text h1, div.text h2, div.text h4, div.text h5, div.text h6{text-transform: none!important; font-weight: 400;}
div.text h1{letter-spacing:-2px;}
div.text h3{text-transform: none!important; font-weight: 600;}
body .mid-bar-component p, body .mid-bar-component ul li{font-size:1.1em; font-weight:200; line-height:1.8em;}
.btn{text-transform:none; font-weight: 200;}
.btn-group > .btn {font-size:18px;}
body .mid-bar-component p{margin:0 0 30px;}
.widget.dropdown-widget{margin: 40px 0 0 0;}

span.ghost a, a span.ghost{background:rgba(0,0,0,0.4); color:#FFF; display:inline-block; padding:8px 0px; border:1px solid rgba(0,0,0,0.3); border-radius:2px; text-align:center; transition: border .4s ease-out, color .4s ease-out, background .4s ease-out;  margin:5px 0; width:100%; font-weight:400; font-size:initial;}
span.ghost a:hover, a span.ghost:hover{color:#FFF; border:1px solid #000; background:rgba(0,0,0,0.8)}
span.ghostFill a, a span.ghostFill{background:rgba(0,0,0,0); color:#666; display:inline-block; padding:8px 0px; border:1px solid rgba(0,0,0,0.3);  text-align:center; transition: color .4s ease-out, background .4s ease-out; margin:5px 0; width:100%;}
span.ghostFill a:hover, a span.ghostFill:hover{background:#ff7300; color:#fff;}
span.ghostFilled a, a span.ghostFilled{background:rgba(255,115,0,1.0); color:#fff; display:inline-block; padding:8px 0px; border:1px solid rgba(0,0,0,0.3);  text-align:center; transition: color .4s ease-out, background .4s ease-out; margin:5px 0; width:100%;}
span.ghostFilled a:hover, a span.ghostFilled:hover{background:rgba(200,90,0,1.0); color:#fff;}
span.ghostFill, span.ghostFilled{text-transform:none;}

.ghostSecondary a,.ghostSecondary a:link, .ghostSecondary a:active, .ghostSecondary a:visited{background:rgba(0,0,0,0.4); color:#FFF!important; display:inline-block; padding:8px 0px; border:1px solid rgba(0,0,0,0.3); border-radius:2px; text-align:center; transition: border .4s ease-out, color .4s ease-out, background .4s ease-out;  margin:5px 0; width:100%; font-weight:400; font-size:initial;}
.ghostSecondary a:hover{color:#FFF!important; border:1px solid #000; background:rgba(0,0,0,0.8)}

.ghostPrimary a,.ghostPrimary a:link, .ghostPrimary a:active, .ghostPrimary a:visited{background:rgba(255,115,0,1.0); color:#FFF!important; display:inline-block; padding:8px 0px; border:1px solid rgba(0,0,0,0.3);  text-align:center; transition: color .4s ease-out, background .4s ease-out; margin:5px 0; width:100%;}
.ghostPrimary a:hover{background:rgba(200,90,0,1.0); color:#fff!important;}

.split50 .breadcrumbs {
    margin-top: -30px;
}

a.anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
}

@media screen and (max-width: 767px) {
 .background-area { background-position: top left !important;}
.tout{font-size:1.3em!important;}
.dropdown-menu li > a{font-size:13px!important; border-bottom: 1px solid #ff7300; white-space: normal;}
.btn-group{white-space:normal!important;}
.progDesc{font-size:1.1em!important;}
}
.header_page_title{text-transform:none!important}
div#content{display:none;}




	.program-top-whole{background:rgba(219,179,143,0.4); display: flex; align-content: center;}
.program-info{
	flex-basis: 50%;
	max-width: 585px;
	display: flex!important;
	align-content: center;
	justify-content: center;
flex-direction: column;
	padding:60px;

	}
.program-info h1{font-weight:400; text-transform: none; font-size:4em; font-size:3vw; margin:10px 0 30px 0; line-height:1em;}
.program-info h4{font-weight:400; text-transform: none; font-size:2em; font-size:2vw;}
.program-info p{font-size:1.3em;line-height:1.8em; margin:0 0 30px 0; font-weight:100;}


 
.program-image{flex-basis:50%; display: flex; position: relative;}
.program-image img{
	  /*object-fit: contain;*/
/*       object-fit: fill; */
	object-fit:cover;
	height:100%;
	width:100%;
}

  


	



/*video{min-width:100%; min-height:100%;}*/
.program-key{list-style: none; margin:0; padding:0;}
.program-key li{float:left; margin-right:-5px; border-radius: 50px; width:30px; height:30px; text-align: center; vertical-align: middle; font-size:15px;color:#000;line-height: 30px;}

.firelandsKey{background:#f26c4f;}
.minorKey{background:#6dcff6;}
.bachKey{background:#776df6}
.masterKey{background:#7cc576}
.phdKey{background:#f69679;}
.ecampusKey{background: #fff799; }


	
	@media (max-width: 979px) {
		.program-top-whole{flex-direction: column;}
		#myvideo{width:100%;}
	
		.program-info h1{font-size: 2.5em; font-size: 7vw;}
		
	}
	







@media (max-width: 1200px) {

  div.program-info{box-sizing: border-box;}
}

	
	@media (max-width: 979px) {
		
		.background-area{min-height:auto!important;}
		.program-info{max-width:none; padding:20px;}
	}
	
@media (max-width: 767px) {
	.background-area{background-image:none!important;}
	
	}