<!--[if lt IE 8]> <div style=' clear: both;
 text-align:center;
 position: relative;
'> <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"> <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a> </div> <![endif]--> <!-- Custom styles for this template --> 
/* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */
 .carousel-control {
	 font-family: sans-serif;
	/*height: 120px;
	*/
	 top: 40%;
	 font-size: 120px;
	/* text-shadow: 0 3px 3px rgba(0,0,0,.7);
	 */
	 background-color: #ffffff;
	 border: 0;
}
 .btn{
	 width: 150px;
}

/*raul - chage width to auto, used to be 80*/
 .partners img{
	 height: 80px !important;
	 width: auto !important;
}




 @media screen and (max-width: 767px) {   

     .partners img{
    	 padding-bottom: 30px;
    }

}





 .site-footer img{
	 width: 80px;
}
/* FINDIT ROW Content Styles*/
 .findit-row {
	font-family: Raleway;
	font-weight:600;
	font-size: 14px;
	 margin:0;
	 padding: 10px 0 10px 0;
	 background-color:#0a2140;
	 color:#FFFFFF;
	 text-align:center;
}
 .findit-row .container .row .col-md-2 {
	 padding-top:35px;
}
 .findit-row h3 a{
	 color:#FFFFFF;
	 text-decoration: none;
}
 .findit-row h3 a:hover{
	 color:#004884;
	 text-decoration: underline;
}

 
 @media screen and (max-width: 767px) {   
    .findit-row {
		
        background-color:#0033A0; /*raul - 1-29-2019 - to compensate the video-image swap */
position: relative;
top: -5px;
    } 
    
    /*raul - these are the buttons for Ask Blinn, myBLINN Login, Blinn A-Z and Course Schedule */
    .home-links {
        display: none;
        visibility: hidden;
        position: relative;
        top: 32px;
    }
    
    .gold-buttons {
        position: relative; 
        top: -65px !important;
    }

}









/* raul Video Responsive */
 video {
	 width: 100%;
}

/* Slideshow container */
 .slideshow-container {
	/*background: #f1f1f1f1;
	*/
	 background: #fff;
}
/* Slides */
 .mySlides {
}
/*Raul - added rounded look */
/* Fading animation */
/* Raul - Added Fade to make modern;
 added animaton-fill-mode: both;
 to keep the slide visible */
 .fade {
	 -webkit-animation-name: fadeIn;
	 -webkit-animation-duration: 2s;
	 -webkit-animation-fill-mode: both;
	 animation-name: fadeIn;
	 animation-duration: 2s;
	 animation-fill-mode: both;
}
 @-webkit-keyframes fadeIn {
	 from {
		 opacity: .4;
	}
	 to {
		 opacity: 1;
	}
}
 @keyframes fadeIn {
	 from {
		 opacity: .4;
	}
	 to {
		 opacity: 1;
	}
}
 .newBox {
	/*width: 300px;
	*/
	/*width: 100%;
	 max-width: 300px;
	 height: 510px;
	 box-shadow: 1px 2px 2px 1px #bbb;
	 margin-right: 25px;
	 margin-bottom: 25px;
	*/
	 box-shadow: 1px 2px 2px 1px #bbb;
	 height: 510px;
	 width: 300px;
	 display:inline-block;
	 margin: 10px 10px 10px 20px;
	/*raul 10-15-2018 - correcting left padding;
	 */
	 min-width: 215px;
}
 .newBox img {
	/*width: 300px;
	*/
	 width: 118%;
	 max-width: 300px;
	 height: auto;
}
 .newBox img:hover {
	 opacity: 0.5;
}
 .newsHeading {
	 color: #0033a0;
	 font-size: 30px;
	 font-weight: bold;
	 padding-left: 5px;
	 position: relative;
	 margin-bottom: 300px;
}
 .newsDesc {
	 color: #000;
	 font-size: 18px;
	 font-weight: normal;
	 padding-left: 5px;
	 position: relative;
	 margin-bottom: 300px;
}
 .newsDate {
	 background: #0a2240;
	 color: #fff;
	 font-size: 20px;
	 width: 70px;
	 height: 70px;
	 position: relative;
	 margin-top: 250px;
	 text-align: center;
	 vertical-align: middle;
	 border: 2px solid #fff;
}
 .newsNum {
	 font-size: 28px;
	 font-weight: bold;
	 position: relative;
	 margin-bottom: 300px;
}
 .carousel-indicators li {
	 cursor: pointer;
	 height: 25px;
	 width: 25px;
	 margin: 0 2px;
	 background-color: #bbb;
	 border-radius: 10%;
	/*raul - this can be converted to circles depending on the radius*/
	 display: inline-block;
	 transition: background-color 0.6s ease;
}
 .carousel-indicators .active {
	 height: 25px;
	 width: 25px;
	 background-color: #ed9f13;
}

/*raul - 12-11-2018 - fixing bug with arrows that breaks slideshow*/
 .carousel-control-prev-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	 width: 50px;
	 height: 50px;
}
 .carousel-control-next-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	 width: 50px;
	 height: 50px;
}
/*raul - only if the orientation is portrait do the logic */
 @media screen and (orientation:portrait) {
	 @media (max-width: 767px) {
		/* Next previous buttons */
		 .carousel-control-desktop {
			display: none;
		}
		 #myCarousel {
			 margin-left: -60px;
		}
		
		
		#myCarousel-mobile {
			 margin-left: -60px;
		}
		
	}
}
/*raul - to make items move down when resizing */
 .carousel .item {
	 height: auto;
}