/* CSS Document */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap */

/* AUBURN COLORS -----------
Primary Blue: #03244d;
Primary Orange: #cc4e0b
Secondary Blue: #496e9c
Secondary Orange: #f68026  | #f68029 ??
Neutral: #aa9c8f
background: rgba(246, 128, 38, .99);
background: rgba(3, 36, 77, .8);
-------------------------*/
.l-blue {color: #496e9c;}
.d-blue {color: #03244d;}

/* ------------------- NAVIGATION STYLING --------------------*/

.oip_ngmarg {margin-top: -2%;} 
.oipmjpad {padding-top: 120px;} 
.oipnavft {font-family: 'Montserrat', sans-serif; font-size: 16px !important; 
	font-weight: 500 !important; padding-top: 3px; letter-spacing: .5px;} 
.oipglyphoffset {margin-top: -2px;} 
.oip_zero {margin: 0; padding: 0;} 
.oip_zbottom {margin-bottom: 0px;} 
.oip_pbottom {padding-bottom: 0px;} 
.oippower {font-family: 'Montserrat', sans-serif; font-size: 22px; 
	line-height: 1.75em; font-weight: 300; color: rgba(255,255,255,1.00);} 
.oipwarn, .oipwarn a  {font-family: 'Montserrat', sans-serif!important; font-size: 21px !important; 
	line-height: 1.75em; font-weight: 500!important; color: rgba(255,255,255,1.00)!important;} 
.oipwarn a:visited {color: #fff;} 
.oipwarn a:hover {text-decoration: underline !important;} 
.oipmessp {padding-top: 1.0%;} 
/*
.oipbelief  {font-family: 'Montserrat', sans-serif; font-size: 19px; line-height: 1.5em; font-weight: 300; 
	color: rgba(3,36,77,1.0); padding-top: 5%;   padding-bottom: 3%;}
.oipbeliefhd  {font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 1.5em; font-weight: 300; 
	color: rgba(3,36,77,1.0); padding-top: 5%; padding-bottom: 3%;}
.oipbelief ul,li  {font-family: 'Montserrat', sans-serif; font-size: 19px; line-height: 1.5em; font-weight: 300; 
	color: rgba(3,36,77,1.0); list-style: square;} 
*/
.oipdegree, .oipdegree a  {font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 1.8em; 
	font-weight: 300; color: rgba(3,36,77,1.0);}
.oipdegree a:hover  {font-family: 'Montserrat', sans-serif; font-size: 18px; 
	text-decoration: underline !important; color: rgba(204,78,11,1.00);}
.oipblubck {background-color: rgba(3,36,77,1.0);}
.oiporngbck {background-color: rgba(204,78,11,1.00);}
.oiporgbck {background-color:  rgba(204,78,11,1.00);}
.oipltbl { border-bottom: 5px solid rgba(153,157,165,1.00); border-top: 2px solid rgba(3,36,77,1.00); 
	padding-top: .5%; background-color: rgba(3,36,77,0.0);}
.oipltbl2 { border-bottom: 3px solid rgba(153,157,165,0.250); border-top: 1px solid rgba(3,36,77,1.00); 
	padding-top: .5%; background-color: rgba(3,36,77,0.0);} 

.oipltblt {border-top: .5px solid rgba(3,36,77,1.00); 
	padding-top: .5%; background-color: rgba(3,36,77,0.0);} 
.oipltblm { padding-top: .8%; padding-bottom: .9%; background-color: #eeeeee;}
.oipltblb {padding-top: .5%; background-color: rgba(3,36,77,0.0);} 


.oippatbck {background-color: rgba(3,36,77,1.0);
	background-image: url("../images/pattern.png");
	background-blend-mode: multiply;
	background-repeat: no-repeat;
}

.oippatbckstrip {background-color: rgba(255,255,255,1.00);
	background-image: url("../images/stripeback.png");
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: top right;
	
}



.oip_prtit {color: #fff;
	font-size: 24px;	
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	padding-bottom: 40%;
	text-align: center;
	z-index: 50;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-shadow: 2px 2px 3px #000;	 
}

.oip_prtitbs {color: #fff;
	font-size: 6.5vw;	
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	padding-bottom: 15%;
	text-align: center;
	z-index: 50;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-shadow: 2px 2px 3px #000;	 
}

.oip_progpgtit {color: #fff;
	font-size: 20px;	
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.1em;
	padding-bottom: 15%;
	text-align: center;
	z-index: 50;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}



@media only screen and (max-width: 768px) {
  .oip_progpgtit {
    	font-size: 13px;	
	
  }
}


.oip_progpgtit a {color: rgba(255,255,255,1.00)  !important;}

.oip_progpgtit a:hover {color: rgba(204,78,11,1.00)  !important;
font-weight: bold;
text-decoration: underline !important;
}





.oip_progpgtitblck { text-transform: uppercase;
	background-color:rgba(3,36,77,1.0);
	text-align: center;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 45%;
	z-index: 10;
	padding: 5px;
	width: 43%;
	
	
	
}.oip_progpgtitblckh { text-transform: uppercase;
	background-color:rgba(3,36,77,1.0);
	text-align: center;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 45%;
	z-index: 10;
	padding: 5px;
	width: 50%;
	
	
	
}

 
.oip_progpgtitblckl { text-transform: uppercase;
	background-color:rgba(3,36,77,1.0);
	text-align: center;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 15%;
	z-index: 10;
	padding: 5px;
	width: 20%;
	
	
}

.oip_pgipad {padding: 5px 3px;}


.oip_pgspot {padding: 3.5%;

}

.oip_pgspotbg {font-family: 'Montserrat', sans-serif;
font-size: 22px;
line-height: 1.75em;
font-weight: 300;
background-color: rgba(255,255,255,1.00) !important;


}

.oip_pgspotinfo {font-family: 'Montserrat', sans-serif;
font-size: 17px;
line-height: 1.5em ;
font-weight: 300;
}


.oip_pgspothead {font-family: 'Playfair Display', serif;
	text-align: center;
	color: rgb(204, 78, 11);
	font-size: 32px;
	padding: 5px 0 2% 0;
	text-transform: uppercase;
	font-weight: 400;
}

.oip_newshead {font-size: 5.0vw ;
text-align: right;
padding: 25px 20px;
font-family: 'Playfair Display', serif;
color: rgba(255,255,255,1.00);
font-style: italic;	
}


.oip_newsheadxs {font-size: 30px;
text-align: right;
padding: 25px 20px;
font-family: 'Playfair Display', serif;
color: rgba(255,255,255,1.00);
font-style: italic;	
}



.oip_newsubhead {font-size: 30px;
text-align: center;
padding: 35px 20px 20px;

font-family: 'Playfair Display', serif;
color: rgb(204, 78, 11);

}

.oipnws { 
	text-align: center;
	padding-bottom: 3%;
	padding-left: 2px;
	padding-right: 4px;
 
}



.oipnws2 { 
	text-align: center;
	padding-bottom: 3%;
 
 
}

.oipnws2 a:hover {text-decoration: underline !important;
font-size: 14px;
font-weight: normal;
color: rgb(204, 78, 11, 1.0) !important;
}


.oipnws_tit { color: rgba(3,36,77,1.0);
	font-size: 18px;	
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: 3%;
	padding-top: 3%;
	padding-left: 2px;
	text-align: center;
	z-index: 50;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	 
	background:  rgba(255,255,255,1.0);
}



.oipnws_titsm { color: rgba(3,36,77,1.0);
	font-size: 14px;	
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2em;
	padding-bottom: 5%;
	padding-top: 3%;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	z-index: 50;
	position: relative;
	bottom: 0;
	display: block;

	margin: -9% auto auto;
	 
	background:  rgba(255,255,255, 1.0);
}




.oipnws_titsm2 { color: rgba(3,36,77,1.0);
	font-size: 14px;	
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2em;
	padding-bottom: 5%;
	padding-top: 3%;
	padding-left: 1%;
	padding-right: .5%;
	text-align: center;
	z-index: 50;
	position: inherit;
	bottom: 0;
	display: block;
	margin: auto;
	 
	background:  rgba(255,255,255, 1.0);
}



.oip_newsmre, .oip_newsmre a {	font-size: 16px;	
	font-family: 'Montserrat', sans-serif;
	line-height: 2.2em;
	text-align: center;
	font-weight: 500;
	color: rgba(255,255,255,1.00);
	 
}

.oip_newsmre a:hover {text-decoration: underline !important;
color: rgb(204, 78, 11, 1.0) !important;
	
}

.oip_statpad {padding-top: 2%;
	padding-bottom: 2%;
margin: auto 15px;}


.oip_tpad {padding-top: 2%;
	padding-bottom: 2%;
	}


.oip_tzpad {padding-top: 3%;
	padding-bottom: 0;
	margin: 0px;
	}

.oip_facts {color: rgba(131,153,178,1.00);
	font-size: 6.0vw;
	font-family: 'Playfair Display', serif;
	text-align: center;
	padding-top: 5%;
	margin-right: 10%;
	margin-left: -85%;
}

.oip_facts2 {color: rgba(131,153,178,1.00);
	font-size: 10.0vw;
	font-family: 'Playfair Display', serif;
	text-align: center;
	padding-bottom: 10%;
	
	 
}

.oipfacttit {font-family: 'Playfair Display', serif;
	font-weight: 600;
	font-size: 16px;
	margin-top: 2%;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.oipfacttith {font-family: 'Playfair Display', serif;
	padding-top: 3%;
	padding-left: 5%;
	font-weight: 500;
	font-size: 50px;
	margin-top: 2%;
	text-transform: uppercase;
}

.oipfacttxt {font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4em;
}



.oip_factpad {margin-top: 1%;
margin-bottom: 2%;
padding-bottom: 2%;	
}


.oip_factbrd {border-bottom: 1px solid rgb(204, 78, 11, 1.0);
	width: 60%;
position: absolute;
	bottom: 0;
	left: 20%;
	 
}

.oip_factbrdl {border-right: 1px solid rgb(204, 78, 11, 1.0);
		height: 70%;
position: absolute;
	right: 5%;
	margin-left: -10%;
	top: 10%;
}

.oip_factbrdlg {border-bottom: 1px solid rgb(204, 78, 11, 1.0);
	width: 85%;
position: absolute;
	bottom: 0;
	left: 7.5%;
	 
}




.oip_rotate {
	transform: rotate(-90deg);

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.oip_jvh {background-overflow: visible;}
.oip_spotimg {float: left;
margin: -15px;
}


.oip_spotimgbck {background: repeating-linear-gradient(
-45deg,
rgba(3,36,77,1.0),
rgba(3,36,77,1.0) 6px,
rgba(255,255,255,1.0) 6px,
rgba(255,255,255,1.0) 21px	

);
	padding-bottom: 35px;
	padding-left: 0px;
	padding-right: 10px;
	margin-bottom: 3%;
}

.oip_spottxt {font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.4em;
	padding-left: 5%;
	color: rgba(3,36,77,1.0);	
}

.oip_spothead {font-family: 'Playfair Display', serif;
	color: rgb(204, 78, 11);
	font-size: 32px;
	padding: 5px 0 4% 0;}

.oip_spotheadsub {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 22px;
	line-height: 1.4em;
	 
}
.oip_spotheadsubbl {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4em;
	 
}



.oip_blqu {font-family: 'Playfair Display', serif;
	color:rgba(155,171,192,0.40);
	font-size: 175px;
	margin: 7% 0 -6% -3%;
      z-index: -1;
   }


.oip_spotmore {	color: rgb(204, 78, 11);
	font-size: 16px;
	padding-top: 3%;
}


.oip_spotbrd {border-bottom: 1px solid rgb(204, 78, 11, 1.0);
	width: 70%;
position: absolute;
	bottom: 0;
	padding-top: 5px;
	
	 
}

.oip_connect {font-size: 30px ;
text-align: right;
padding: 25px 20px;
font-family: 'Playfair Display', serif;
color: rgba(255,255,255,1.00);

}

@media only screen and (min-device-width: 300px) and (max-device-width: 481px) {
  .oip_connect {text-align: center;
  }
}


.oip_scifql {font-size: 60px;
text-align: center;
text-transform: uppercase;
padding: 0px 20px;
font-family: 'Playfair Display', serif;
color: rgba(255,255,255,1.00);

}

@media only screen and (min-device-width: 350px) and (max-device-width: 481px) and (orientation:portrait) {
  .oip_scifql {font-size: 18px !important;
  }
}





/* -------------- oip VIDEO Pop UP  ----------------*/



.oip_headerPopup{
  width:90%;
  margin:0 auto;
}

.oip_headerPopup iframe{
  width:100%;
  margin:0 auto;
}



.oip_imgwrap {
  position: relative;

 }

.oip_img-responsive {
  width: 100%;
  height: auto;
}

.oip_img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.oip_img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 40%;
} 



/* -------------- Main Page Box Hover Effect ----------------*/


.oip_box {position:relative}
.box15,.box17,.box18 {box-shadow:0 0 5px #7e7d7d;
	text-align:center
}

.oip_box:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}

.oip_box:hover:before{opacity:1}

.oip_box img{width:100%;height:auto}

.oip_box .box-content{width:90%;height:90%;position:absolute;top:5%;left:5%}

.oip_box .box-content:after,.oip_box .box-content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all .7s ease 0s}

.oip_box .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}

.oip_box .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}

.oip_box:hover .box-content:after,.oip_box:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}

.oip_box .title{font-size:24px; 
	font-weight:700; 
	color:#fff;
	margin: 0 Auto;
	opacity:0;
	transform:translate3d(0,-50px,0);
	transition:transform .5s ease 0s;
	text-align: center;
}

.oip_box:hover .title{opacity:1;transform:translate3d(0,0,0)}

.oip_box .post{font-size:14px;color:#fff;padding:10px;background:#d79719;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}

.oip_box .icon,.box15 .icon{padding:0;list-style:none}

.oip_box:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}

.oip_box .icon{width:100%;margin:0;position:absolute;bottom:-10px;left:0;opacity:0;z-index:1;transition:all .7s ease 0s}

.oip_box:hover .icon{bottom:20px;opacity:1;transition-delay:.15s}

.oip_box .icon li a{display:block;width:40px;height:40px;line-height:40px;border:1px solid #fff;border-radius:0 16px;font-size:14px;color:#fff;margin-right:5px;transition:all .4s ease 0s}

.oip_box .icon li a:hover{background:#d79719;border-color:#d79719}
@media only screen and (max-width:990px){.oip_box{margin-bottom: 0px}
}







.oipzm{left: 0;
		top: 0;
		position: relative;
		overflow: hidden;
		margin-top: 10px;
			
		}

.oipzm img{-webkit-transition: 0.6s ease;
  		transition: 0.6s ease;
  			
		}

.oipzm img:hover{-webkit-transform: scale(1.2);
  		transform: scale(1.2);

		}

.oipzm-thumbnail{ border:0px;
		border-radius:0px;
		}


 /* -------------- Departments ----------------*/

.deptblk {background-color: rgba(3,36,77,1.00);
display: block;
margin-top: 0px;
	color: rgba(255,255,255,1.00);
	border: 1px solid inherit;
	
}

.deptblk1 {background-color:rgba(204,78,11,1.00);
display: block;
margin-top: 0px;
	color: rgba(255,255,255,1.00);
	
}

.deptblk2 {background-color:rgba(32,65,83,1.00); 
display: block;
margin-top: 0px;
	color: rgba(255,255,255,1.00);
	
}

.deptblk3 {background-color:rgba(72,159,173,1.00);
display: block;
margin-top: 0px;
	color: rgba(255,255,255,1.00);
	
}

.oip_depttl {font-family: 'Montserrat', sans-serif;
	font-size: 17px;
color: rgba(255,255,255,1.00);
font-weight: 500;
padding: 5px 5px;
line-height: 1.4em;
}


.oip_deptbrd {border: 1px solid rgba(3,36,77,1.00);
	font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
padding: 0px;
line-height: 1.4em;
	width: 24%;
	margin-bottom: 2%;
	padding-bottom: 3px;
	min-height: 800px;
	
}

@media only screen and (max-width: 768px) {
  .oip_deptbrd {width: auto;
    min-height: 10px;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1200px)  {
 .oip_deptbrd  {width: 48%;
    
  }
}

.oip_deptbrd1 {border: 1px solid rgba(204,78,11,1.00);
	font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
padding: 0px;
line-height: 1.4em;
margin-left: 5px;
		width: 24%;
	margin-bottom: 2%;
	padding-bottom: 5px;
	min-height: 800px;
}

@media only screen and (max-width: 768px) {
 .oip_deptbrd1  {width: auto;
    min-height: 10px;
  }
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1200px)  {
 .oip_deptbrd1  {width: 48%;
    
  }
}

.oip_deptbrd2 {border: 1px solid rgba(32,65,83,1.00); 
	font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
padding: 0px;
line-height: 1.4em;
margin-left: 5px;
	width: 24%;	
	margin-bottom: 2%;
	padding-bottom: 5px;
	min-height: 800px;
}

@media only screen and (max-width: 768px) {
 .oip_deptbrd2 {width: auto;
	 			margin-left: 0px;
	 min-height: 10px;
    
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1200px)  {
 .oip_deptbrd2  {width: 48%; margin-left: 0px;
    
  }
}

.oip_deptbrd3 {border: 1px solid rgba(72,159,173,1.00);
	font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
padding: 0px;
line-height: 1.4em;
margin-left: 5px;
	width: 24%;
	margin-bottom: 2%;
	padding-bottom: 5px;
  min-height: 800px;
}

@media only screen and (max-width: 768px) {
  .oip_deptbrd3  {width: auto;
	  min-height: 10px;
    
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1200px)  {
 .oip_deptbrd3  {width: 48%;
    
  }
}
.oip_depttxt {padding: 5px 7px;}

.oip_deptbln {position: absolute;
	bottom: 0;
 
}



.oip_degrblck { text-transform: uppercase;
	background-color:rgba(3,36,77,1.0);
	text-align: center;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 40%;
	z-index: 10;
	padding: 5px;
	width: 43%;
	
	
	
}

.oip_degrblckh { text-transform: uppercase;
	background-color:rgba(3,36,77,1.0);
	text-align: center;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 40%;
	z-index: 10;
	padding: 5px;
	width: 50%;
	
	
	
}




 /* -------------- Student Services ---------------- */

/*
.oip_sstext {font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.4em;
	color: rgba(3,36,77,1.0);	
}


.oip_sstext ul, li {font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4em;
	color: rgba(3,36,77,1.0);	
}


.oip_sshead {font-family: 'Playfair Display', serif;
	color: rgb(204, 78, 11);
	font-size: 30px;
	padding: 5px 0 4% 0;}
/* .oip_sshead a, a:visited {color: rgb(204, 78, 11);} */

/*
.oip_sshead a:hover {text-decoration: underline !important;}



.oip_sspthead {font-family: 'Playfair Display', serif;
	color: rgb(204, 78, 11);
	font-size: 24px;
	font-weight: 700;
	padding: 5px 0 2% 0;}

.oip_ssheadmain {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 700;
	font-size: 30px;
	line-height: 1.4em;
	 
}


.oip_ssheadsub {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 22px;
	line-height: 1.4em;
	 
}


.oip_ssptxt {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 17px;
	line-height: 1.4em;
	 
}


 .oip_ssptxt p {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 17px;
	line-height: 1.4em;
	 
}



 .oip_cstxt {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4em;
	 
}


.oip_cstxt ul, li {font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4em;
	color: rgba(3,36,77,1.0);	
}


.oip_csheadmain {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 700;
	font-size: 24px;
	line-height: 1.4em;
	padding-bottom: 5px;
	 
}


.oip_adhead {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4em;
	padding-top: 8px;
	padding-bottom: 5px;
	 
}

@media only screen and (max-width: 768px) {
  .oip_adhead {font-size: 17px;
	  font-weight: 400;
    
  }
}
.oip_adname {font-family: 'Playfair Display', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 500;
	font-size: 24px;
	line-height: 1.4em;
	padding-top: 8px;
	padding-bottom: 5px;
	 
}


.oip_advpad {margin-top: 10%;
margin-bottom: 5%;
}
.oip_advbord {border: 2px solid rgb(204, 78, 11);
	padding: 1%;
}

.oip_advbordl {border-right: 2px solid rgb(204, 78, 11);
	height: 90%;
	 
}

@media only screen and (max-width: 468px) {
  .oip_advbordl {border-right: none;
    
  }
}


.oip_advback {background-color: rgb(204, 78, 11);
	padding: 1%;
}




.oip_advft {font-family: 'Playfair Display', sans-serif;
	color: rgba(255,255,255,1.00);
	font-weight: 700;
	font-size: 2.5vw;
	line-height: 1.4em;
	padding-top: 8px;
	padding-bottom: 5px;
	text-align: center;
	 
}

@media only screen and (max-width: 768px) {
  .oip_advf {font-size: 4.0vw;
    
  }
}


.oip_adappt {font-family: 'Playfair Display', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 700;
	font-size: 2.5vw;
	line-height: 1.4em;
	padding-top: 8px;
	padding-bottom: 5px;
	text-align: center;
	 
}

@media only screen and (max-width: 768px) {
  .oip_adappt {font-size: 4.0vw;
    
  }
}

.oip_adhr {border-bottom: 1px solid rgb(204, 78, 11);
margin-top: 5%;
	left: 5%;
width: 90%;}



.oip_adwiwt {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 17px;
	line-height: 1.4em;
	text-align: center;
	 
}

*/ 

/* This is showing up in places it was not invited

.oip_schptxt,  .oip_schptxt p  {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0) !important;
	font-weight: 300;
	font-size: 17px !important;
	line-height: 1.6em;
	 
}

.oip_schptxt a { 
	color: rgba(3,36,77,1.0) !important;
	font-weight: 500;
	font-size: 17px !important;
	 
	 
}

.oip_schptxt ul, li  {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0) !important;
	font-weight: 400;
	font-size: 15px !important;
	line-height: 1.7em;
	 
} 

 */

.oip_soipm,  .oip_soipm p  {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 300;
	font-size: 13px !important;
	line-height: 1.6em;
	 
}
.oip_sslist {font-family: 'Montserrat', sans-serif;
	color: rgb(204, 78, 11) !important;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.7em;
	padding-bottom: 5px;
	 
}




.oip_dirhead {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 500;
	font-size: 24px;
	line-height: 1.4em;
	padding: 10px 0;
	 
}


.oip_faqpanptxt, .oip_faqpanptxt p {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0) !important;
	font-weight: 300;
	font-size: 16px !important;
	line-height: 1.5em;
	 
}

	.panel-heading {
  padding: 0;
	border:0;
}
	.panel {-webkit-box-shadow: 0px 1px 1px rgba(255,255,255, .05);
		box-shadow: 0px 1px 1px rgba(255,255,255, .05);
	 
	}
.panel-default > .panel-heading a {font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	 font-size: 16px !important;
}
	
	
.panel-title>a, .panel-title>a:active{
	display:block;
	padding: 15px 15px 5px;
 color: rgba(255,255,255,1.0) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
	text-transform: none;
	line-height: 1.2em;
   
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
}
	
.panel-title2>a, .panel-title2>a:active{
	display:block;
	padding:  0px;
  	 color: rgba(255,255,255,1.0) !important;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}	
	
	
 	
	
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e250";
	color: #fff;
   float: Left;
   transition: all 0.5s;
	display: block;
	padding: 3px;
	margin-right: 1%;
	background: rgba(3,36,77,1.00);
}
	
.panel-heading2  a:before {
font-family: 'Glyphicons Halflings';
   content: "\e250";
	color: rgba(3,36,77,1.00);
      transition: all 0.5s;
   float: Left;
    display: block;
	padding: 1px 3px 3px 3px;
	margin-right: 2px;
	font-style: normal !important;
	 
}	
	
.panel-heading.active a:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
} 



 .oip_ssvc, .oip_ssvc p {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 300;
	font-size: 18px;
	line-height: 1.6em;
	 
}


 .oip_sspt, .oip_sspt p {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5em;
	 
}


.oip_sorgs, .oip_sorgs p {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;}


.oip_ssicons {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
}

.oip_ssicons a  { 
	color: rgba(204,78,11,1.00);
	 text-align: center;
}

.oip_ssicons a:hover { 	text-decoration: underline !important;
}



/* ------------------- Pre Health --------------*/

.oip_phhead {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.6em;
	margin-top: 1%;
	margin-bottom: 1%;
	 
}

.oip_phhead a {color: rgba(3,36,77,1.0);

}.oip_phhead a:hover {color: rgba(204,78,11,1.00);
	text-decoration: underline !important;

}


.oip_phheadsec {font-family: 'Montserrat', sans-serif;
	color: rgba(204,78,11,1.00);
	font-weight: 700;
	font-size: 26px;
	line-height: 1.4em;
	 
}

.oip_phschead {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.6em;
	margin-top: 2%;
	margin-bottom: .5%;
	 
}
 .oip_phsctext {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7em;
	 
}


 .oip_phsctext a {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
}

 .oip_phsctext a:hover {font-family: 'Montserrat', sans-serif;
	color: rgba(204,78,11,1.00);
	 text-decoration: underline !important;
	font-weight: 400;
}

.oip_phsctext ul>li {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 17px !important;
	line-height: 1.7em;
}

.oip_phtimes {font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.0);
	font-weight: 500;
	font-size: 2vw;
	text-transform: uppercase;
 
}

/* -------------- STUDENTS ----------------*/


.oip_studdivad { background-image: url(../../academics/images/students_advising.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
			margin-bottom:  5%;
 
	
 }


.oip_studdivmaj { background-image: url(../../academics/images/students_majors1.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }


.oip_studdivtut { background-image: url(../../academics/images/students_tutoring.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }


.oip_studdivhbk { background-image: url(../../academics/images/oip_handbook.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }

.oip_studdivcd { background-image: url(../../academics/images/students_careerdev.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }


.oip_studdivgi { background-image: url(../../academics/images/students_getinvolved.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
		margin-bottom:  5%;
 
	
 }


.oip_studdivsa { background-image: url(../../academics/images/students_studyabroad.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }

.oip_studdivepol { background-image: url(../../academics/images/students_epolicyhandbook.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }



.oip_studdivpreh { background-image: url(../../academics/images/students_prehealth1.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }


.oip_studdivintr { background-image: url(../../academics/images/students_internships.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }

.oip_studcblk {background: rgba(3,36,77,.5);
min-height: 225px;
	text-align: center;
}

.oip_stud {font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.0);
	font-weight: 500;
	font-size: 26px;
	text-transform: uppercase;
	margin-top: 100px;
	display: inline-block;
	 
	


	 
	
	
 
	
}

.oip_stud a  { 
	color: rgba(255,255,255,1.0);
	  
}

.oip_stud a:hover { 	text-decoration: underline !important;
}


.oip_futstud { background-image: url(../../academics/images/students_future.jpg);
			background-attachment: absolute;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 700px;
			z-index: -10;
			top: 0;
	
 }


@media only screen and (max-width: 768px) {
  .oip_futstud {
    /* The file size of this background image is 93% smaller
       to improve page load speed on mobile internet connections */
    background-image: url(../../academics/images/students_future.jpg);
	 
	  background-attachment: scroll;
	  min-height: 400px;
  }
}



.oip_appbutt  {margin-top: -9.1%;
	color: rgba(255,255,255,1.00);
	background-color: rgb(204, 78, 11);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	padding: 1px 5px 0px;

 
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1200px)  {
  .oip_appbutt {margin-top: -11%;
	  width: inherit;
   
  }
}

@media only screen and (max-width: 768px) {
  .oip_appbutt { margin-top: -14.1%;
	  			 margin-left: 1%;
 
  }
}

@media only screen and (min-device-width: 350px) and (max-device-width: 481px)
	{
  .oip_appbutt { margin-top: -25.1%;
	  			 margin-left: 1%;
	  			 
	  font-size: 14px !important;
 
  }
}

.oip_appbutt a {color: rgba(255,255,255,1.00);}
.oip_appbutt a:hover {color: rgba(255,255,255,1.00);
	text-decoration: underline !important;}

.oip_appbutt > .btn-lg  {	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 25px !important;
}
 
@media only screen and (min-device-width: 350px) and (max-device-width: 481px)
	{
  .oip_appbutt > .btn-lg { margin-top: -25.1%;
	  			 margin-left: 1%;
	  			 
	  font-size: 14px !important;
 
  }
}


.oip_posrel {position: relative;}
.oip_buttab {position: absolute;
bottom: 0;
	color: rgba(255,255,255,1.00);
	background-color: rgb(204, 78, 11);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	 
	padding: 1px 0px 0px;	
}

.oip_buttab a {color: rgba(255,255,255,1.00);}
.oip_buttab a:hover {color: rgba(255,255,255,1.00);
	text-decoration: underline !important;}

.oip_buttab > .btn-lg  {	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 2.25vw !important;
	padding-right: 10px;
}
 

.oip_buttab1 {position: absolute;
bottom: 0;
	left: 36%;
	color: rgba(255,255,255,1.00);
	background-color: rgb(204, 78, 11);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	 
	padding: 1px 0px 0px;	
}

.oip_buttab1 a {color: rgba(255,255,255,1.00);}
.oip_buttab1 a:hover {color: rgba(255,255,255,1.00);
	text-decoration: underline !important;}

.oip_buttab1 > .btn-lg  {	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 2.25vw !important;
	padding-right: 10px;
		border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
 





 .oip_futstu {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 300;
	font-size: 17px;
	line-height: 1.5em;
	 
}


 .oip_futstu p {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 300;
	font-size: 18px;
	line-height: 1.5em;
	 padding-right: 5px;
	 
}



.oip_ssfuture {font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.0);
	font-weight: 600;
	font-size: 30px;
	line-height: 1.4em;
	text-transform: uppercase;
	 
}


.oip_futimgicons {padding-left:  5%;
padding-right: 5%;
margin-top: 2%;
}

.oip_fsgetstart, .oip_fsgetstart p  {font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.0);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
}


.fustud a {color: rgb(204, 78, 11); }

.fustud a:hover {text-decoration: underline !important;
font-weight: 300;}




/* --------------GRADUATE STUDENTS ----------------*/


.oip_gradpd { background-image: url("../../academics/images/grad_pd.jpg");
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
			margin-bottom:  5%;
 
	
 }


.oip_graddiss { background-image: url("../../academics/images/grad_diss.jpg");
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }


.oip_gradprog { background-image: url(../../academics/images/students_tutoring.jpg);
			width: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 225px;
	margin-bottom:  5%;
 
	
 }




/* ----------------------RESEARCH-----------------------*/


.oip_resug {font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.0)!important;
	font-weight: 500;
	font-size: 17px;
	padding-left: 4px;
 
	 
	
}

.oip_resug a  { 
	color: rgba(255,255,255,1.0) !important;
	  
}

.oip_resug a:hover { 	text-decoration: underline !important;
}


.oip_requoute {font-family: 'Montserrat', sans-serif;
	color: rgba(3,36,77,1.0);
	font-weight: 400;
	font-size: 21px;
	padding-left: 25px;
}


.oip_reugrdbdr {border: 1px solid rgb(204, 78, 11);
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 1px 5px;
}




/* -------------- HEADER IMAGES ----------------*/


.oip_itcTop { background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/itc-orange.svg);
			background-attachment: fixed;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 850px;
			z-index: -10;
			top: 50;
	
 }


@media only screen and (max-width: 768px) {
  .oip_itcTop {
    background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/itc-orange.svg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .oip_itcTop {
 
    background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/itc-orange.svg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }	
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .oip_itcTop {
 
    background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/itc-orange.svg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }		
}

/** for smaller screens with max width of 414, 375, 360, 320, 280 phones like galaxy fold **/

@media only screen and (max-width: 414px) {
  .oip_itcTop {
    background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/itc-orange.svg);
	 
	  background-attachment: scroll;
	  min-height: 400px;
  }
}

@media only screen and (max-width: 360px) {
  .oip_itcTop {
    background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/itc-orange.svg);
	 
	  background-attachment: scroll;
	  min-height: 300px;
  }
}

/** can set up an image swap for the mainhead with php script ... this would be second one below ...  
.oip_itcTop1 { background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/long-earth-01.svg);
			background-attachment: fixed;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 850px;
			z-index: -10;
			top: 50;
	
 }



@media only screen and (max-width: 768px) {
  .oip_itcTop1 {
    /* The file size of this background image is 93% smaller
       to improve page load speed on mobile internet connections 

    background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/long-earth-01.svg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only 
  .oip_itcTop1 {
 
    background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/long-earth-01.svg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }	
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only 
   .oip_itcTop1 {
 
    background-image: url(https://www.auburn.edu/academic/international/_assets/images/svg/long-earth-01.svg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }		
}



/* thid option ... 

.oip_mainhead2 { background-image: url(../images/aubie_lctw.jpg);
			background-attachment: fixed;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 850px;
			z-index: -10;
			top: 50;
	
 }



@media only screen and (max-width: 768px) {
  .oip_mainhead2 {
    /* The file size of this background image is 93% smaller
       to improve page load speed on mobile internet connections */
 /*   background-image: url(../images/aubie_lctw_sm.jpg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
 /* .oip_mainhead2 {
 
    background-image: url(../images/aubie_lctw_sm.jpg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }	
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
 /*  .oip_mainhead2 {
 
    background-image: url(../images/aubie_lctw_sm.jpg);
	 
	  background-attachment: scroll;
	  min-height: 450px;
  }		
}

*/








.oip_prog_app { background-image: url(../images/programs_apparel1.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 25%;
	text-align: center;
	color: #fff;
	
	
 
	
 }


@media only screen and (max-width: 980px) {
  .oip_prog_app  {
    /*  this background image is resize for 50% 6-col screen filling. */
    background-image: url(../images/programs_apparel1.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 50%;
  }
}


@media only screen and (max-width: 767px) {
  .oip_prog_app  {
    /*  this background image is resize for 100% 12-col screen filling. */
    background-image: url(../images/programs_apparel1.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 100%;
  }
}


 






.oip_prog_gs { background-image: url(../images/programs_global.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 25%;
	
	
 
	
 }


@media only screen and (max-width: 980px) {
  .oip_prog_gs  {
    /*  this background image is resize for 50% 6-col screen filling. */
    background-image: url(../images/programs_global.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 50%;
  }
}


@media only screen and (max-width: 767px) {
  .oip_prog_gs  {
    /*  this background image is resize for 100% 12-col screen filling. */
    background-image: url(../images/programs_global.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 100%;
  }
}


 





.oip_prog_hosp { background-image: url(../images/programs_hospitality.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 25%;
	
	
 
	
 }


@media only screen and (max-width: 980px) {
  .oip_prog_hosp  {
    /*  this background image is resize for 50% 6-col screen filling. */
    background-image: url(../images/programs_hospitality.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 50%;
  }
}


@media only screen and (max-width: 767px) {
  .oip_prog_hosp  {
    /*  this background image is resize for 100% 12-col screen filling. */
    background-image: url(../images/programs_hospitality.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 100%;
  }
}



.oip_prog_hdfs { background-image: url(../images/programs_hdfs.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 25%;
	
	
 
	
 }


@media only screen and (max-width: 980px) {
  .oip_prog_hdfs  {
    /*  this background image is resize for 50% 6-col screen filling. */
    background-image: url(../images/programs_hdfs.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 50%;
  }
}


@media only screen and (max-width: 767px) {
  .oip_prog_hdfs  {
    /*  this background image is resize for 100% 12-col screen filling. */
    background-image: url(../images/programs_hdfs.jpg);
				background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	height: 0;
	padding-top: 100%;
  }
}

.oipaufooterinfo {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    font-size: 14px;
    vertical-align: middle;
}