@font-face {
    font-family: OpenSans;
    src: url(../OpenSans-Regular.ttf);
    }

    body{
        font-family: 'OpenSans' !important  ;
        overflow-x: hidden;
    }

    *{
    margin: 0px;
    padding: 0px;
    font-family: 'OpenSans';
    }

    #ensuring{
    font-family: 'OpenSans';
    }

    #imagebox {
    overflow: hidden;
    }

    #image {
        transition: transform 30s;
        -moz-transition: -moz-transform 30s;
        -webkit-transition: -webkit-transform 30s;
        -o-transition: -o-transform 30s;
    }


    #image {
        position: relative;
        z-index: -2;
    }
    #image2-container {
        position: absolute;
        z-index: 0;
        text-align: center;
        width: 100%;
        font-family: 'OpenSans' !important  ;
        
    }

    .content{
    /*  height: 1750px;*/
        width: 100%;
        margin-top:-10px; 
        background-color:#e5e5e5;
        position: relative;
        z-index: 2;
    }


    .title{
        color:#0c529a;
        font-size:3.2vw;
        border-bottom:solid 3px #d8d8d8;
       margin-top:5%;
    }

    

    .title-sm{
        color:#0c529a;
        font-size:2vw;
        margin-top:50px;
    }

    @media screen and (max-width:1020px){

		.title, .title-sm{
       		margin-top:0px;
       		padding-top:5%;
    	}

    	#astc4marg{
    		margin-top:-10px;
    	}

    	#cams4marg{
    		margin-top:-15px;
    	}

    	.paddingbottom{
    		padding-bottom: 15px;
    	}
	}

    .mini-content{
        text-align: justify;
        font-size: 12pt;        
    }

    .title2, h1{
        font-size: 20pt !important;
        margin-top:25px !important;
        margin-bottom:5px !important;
    }

    .title3{
        font-size: 17pt;
        margin-top:3px;
        margin-bottom:3px;
    }

    .title4{
        font-size: 15pt;
        margin-top:2px;
        margin-bottom:2px;
    }
    .fix{
        position:fixed;
        width:100%;
        background-color:#cecece;
        z-index: 2;
    }



    body{
        background-color: blue;
    }

    .capital{
        font-size:7vw;
    }

    #footer > div {    
    margin-bottom: 50px;
    }

    .lnk{
        cursor: pointer !important;

    }

    /*new facility css*/
    /*.title{
    padding:8px;
    border-radius:3px;
    }*/

    .title_mr{
    padding:5px;
    border-radius:2px;
    }

     .title_mr2{
    padding:3px;
    border-radius:2px;
    }

    .icon, .icon_mr, .icon_mr2{
    background-image:url(img/icons.png);
    background-position-x: 0px;
    background-position-y: 0px;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: transparent;
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: middle;

    }

    .major_root{

    width:95%;


    cursor:pointer;
    color:#656464;
    font-size:12pt;
    text-align:left;
    vertical-align:middle;

    }


    #information{
    position:relative;
    bottom:20px;
    width:20%;
    cursor:pointer;    
    z-index:5;
    margin-left:20px;
    }

    #info_div{
    position:fixed;
    top:50px;
    bottom:100px;
    left:50px;
    right:50px; 
    background-color:#ebebeb;
    border:solid 10px #02389b;
    z-index:4;
    border-radius:10px;
     display:none;
     overflow: auto;
    }

    #close{
    padding:8px;
    border-radius:8px;
    position:fixed;
    top:50px;
    right:55px;
    z-index:6;
    background-color: #02389b;

    cursor:pointer;
     display:none;
    }
     #start{
    padding:8px;
    position:absolute;
    right:50px;
    z-index:100;
    }

    #chk{
    vertical-align:middle;
    }

    .content,  .content_mr,  .content_mr2{
    padding-left:32px;
    font-size:12pt;
    line-height:20pt;
    }

      .content_mr{
    padding-left:32px;
    font-size:12pt;
    line-height:20pt;
    }

    .minor_root  img{
        border:solid 0.5vw #f7f7f7;
        width:90%;
        margin:10px;
    }

    .f_title{
        cursor: pointer;
    }

    .f_title:hover{
        opacity:0.95;
    }

    /* these styles are for the demo, but are not required for the plugin */
        .zoom {
            display:inline-block;
            position: relative;
        }
        
        /* magnifying glass icon */
        .zoom:after {
            content:'';
            display:block; 
            width:33px; 
            height:33px; 
            position:absolute; 
            top:0;
            right:0;
            background:url(icon.png);
        }

        .zoom img {
            display: block;
        }

        .zoom img::selection { background-color: transparent; }

        #ex1 img:hover { cursor: url(grab.cur), default; }
        #ex1 img:active { cursor: url(grabbed.cur), default; }

    .zoom span { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}

    b i{
        padding-left:1%;
    }

    table.tbl_faculty > tbody > tr:first-child > td:first-child{
        width:60%;
    }
    .tbl_faculty tr td{
        padding:2%;
        border-bottom:solid 2px #fce7c5;
    }

    .venue-divider{
        padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #e9f3fb;
    }

    .venue-divider-sm{
        margin-bottom: 30px;
    }

    .readMore{
        margin-top:3%;
        margin-bottom:3% !important;
    }

    .bilog-logo{
        width:75%;
    }

    .facilitycol{
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .facilitycol:hover{
        background-color: #dddddd;
    }

    .lighter_link a:hover{
    	color:#5194d5;
    }

   	.relatedlinks:hover{
   		background-color: rgba(255,255,255, 0.1);
   		cursor: pointer;
   	}

   	.relatedlinks{
   		padding: 2%;
   	}

   	.relatedlinks a, #HighlightsEvents a,{
    	color:white;
    }

    .relatedlinks a:link, #HighlightsEvents a:link{
        text-decoration: none !important;
        color:inherit !important;
    }

    .relatedlinks a:hover, #HighlightsEvents a:hover{
    	text-decoration: none !important;
    	color:inherit !important;
    }

    .relatedlinks a:active, #HighlightsEvents a:active{
    	text-decoration: none !important;
    	color:inherit !important;
    }

    .relatedlinks a:visited, #HighlightsEvents a:visited{
    	text-decoration: none !important;
    	color:inherit !important;
    }

    /* Base styles (regardless of theme) */
	.bs-callout {
    padding: 20px;
    margin: 2% 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.5);
	}
	.bs-callout h4 {
	    margin-top: 0;
	    margin-bottom: 5px;
	}
	.bs-callout p:last-child {
	    margin-bottom: 0;
	}
	.bs-callout code {
	    border-radius: 3px;
	}
	.bs-callout+.bs-callout {
	    margin-top: -5px;
	}
	.bs-callout-default {
	    border-left-color: #777;
	}
	.bs-callout-default h4 {
	    color: #777;
	}
	.bs-callout-primary {
	    border-left-color: #428bca;
	}
	.bs-callout-primary h4 {
	    color: #428bca;
	}
	.bs-callout-success {
	    border-left-color: #5cb85c;
	}
	.bs-callout-success h4 {
	    color: #5cb85c;
	}
	.bs-callout-danger {
	    border-left-color: #d9534f;
	}
	.bs-callout-danger h4 {
	    color: #d9534f;
	}
	.bs-callout-warning {
	    border-left-color: #f0ad4e;
	}
	.bs-callout-warning h4 {
	    color: #f0ad4e;
	}
	.bs-callout-info {
	    border-left-color: #5bc0de;
	}
	.bs-callout-info h4 {
	    color: #5bc0de;
	}

	/*end*/

	.list-group-item:hover{
		cursor: pointer;
	}

    .scrolloff {
        pointer-events: none;
    }



.a_news_events{
    color:inherit;
}

.a_news_events:link:hover, .a_news_events:active, .a_news_events:visited, .achievement_anchor, .achievement_anchor:hover, .achievement_anchor:visited{
     text-decoration: none !important;
    
}

.a_news_events div:hover{
    background-color: white;
}

.achievement_divpic{
    position: relative; 
    z-index: 1; 
    height:400px;
     
    background-position: top center; 
    background-blend-mode: overlay; 
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.achievement_divtext{
    position: relative; 
    top: 15px; 
    z-index: 3; 
    padding: 1%; 
    color:white; 
    background-color: 
    rgba(24, 98, 153, 0.7); 
    width:  100%; 
    text-align:center;
}

#ERO_Linkages > ul li{
    padding:5px;
}

#MAAP_Admissions_Scholarships .title3
{
    border-bottom:solid 3px rgba(255,255,255,0.5); margin-top:30px;
}

#blueaccordion .panel-default {
  border-color: #4966a3;
   border-width: 2px;

}
#blueaccordion .panel-default > .panel-heading {
 color: white !important    ;
  background-color: #415070 !important  ;
  border-color: red;

}
#blueaccordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #4966a3;
    background-color: #1f3053;
}
#blueaccordion .panel-default > .panel-heading .badge {
  color: #4966a3;
  background-color: red;
}
#blueaccordion .panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: red;
}

#blueaccordion .panel-default > .panel-heading:hover {
 
    color: #4966a3 !important   ;
  background-color: white !important  ;
  border-color: red;
}

.specialAnnouncement{
    position:fixed; z-index:3000000; top:2vw; right:2vw; 
}

.img-to-enlarge{
    cursor: pointer;
}