.main-container{}
.main-container .slider{}
.main-container .slider img{width:100%; border-radius:25px;}
.main-container .slider .slider-title{
	position: absolute;
	z-index: 100000;
	width: 100%;
	/*background: rgba(0, 35, 86, 0.5);*/
	background-image: linear-gradient(rgba(0,45,88,0.0) 0%, rgba(0,45,88,1) 100%);
	bottom: 0;
	text-align: center;
	padding:40px 0 10px 0;
	font-size: 23px;
	border-radius:25px;
}
.main-container .slider .slider-title a {
    color: #FCFAF0 !important;
    text-decoration: none;
}
@media(max-width:1200px) {
	.main-container .slider .slider-title{padding: 5px 3px 2px 3px; font-size: 17px;}
}



.services{padding:20px 0;}
.services .row > div a {display: block; /*padding-top: 75px;*/ color:#002d58 !important; font-size: 16px; background-position: center top; /*background-size:75px;*/}
.services .row > div a:hover {color:#194c44 !important; text-decoration:none !important; transition: all 0.4s ease 0s;}
.services .row > div img {width:75px; height:75px; padding:5px;}

@media(max-width:1200px) {
    .services .row > div{margin-bottom:20px;}
    .services .row > div a {/*padding-top: 70px;*/ font-size: 16px; /*background-size:67px;*/}
    .services .row > div img {width:67px; height:67px;}
}



.medi{background:#002d58; min-height:500px; padding:50px 0;}

.medi .events { padding: 0; /*min-height:555px;*/ }
.medi .events .events-header { color: #FCFAF0; padding: 0 0 10px 0; margin: 0; font-size: 33px; }
.medi .events .events-body { background:#FCFAF0; padding: 25px; border-radius:25px; }
.medi .events .events-item { margin-bottom: 15px; }
.medi .events .events-date { font-size: 16px; color: #194c44; padding: 10px 0; }
.medi .events .events-date i { font-size: 20px; }
.medi .events .events-title { font-size: 16px; border-top: 1px solid #194c44; padding: 10px 0; }
.medi .events .events-title a { color: #002d58; }
.medi .events .events-title a:hover { text-decoration: none;  color: #194c44; transition:all 0.4s ease 0s;}
.medi .events .events-more a{background: #194c44; color: #FCFAF0; border: 1px solid #194c44; text-align: center; text-transform: uppercase; padding: 4px 90px; border-radius: 25px; font-size: 20px; margin-bottom:15px;}
.medi .events .events-more a:hover{background: none; color: #194c44; transition:all 0.4s ease 0s;}

.medi .announcements { padding: 0; /*min-height:555px;*/ /*margin:15px 0;*/ /*background:url('/assets/aou/images/news-bg.jpg') no-repeat 100%; background-position: center top; background-size:cover; min-height:300px;*/ }
.medi .announcements .ann-header { color: #FCFAF0; padding: 0 0 10px 0; margin: 0; font-size: 33px; }
.medi .announcements .ann-body { background:#FCFAF0; padding: 25px; padding-bottom:0; border-radius:25px; }
.medi .announcements .ann-item { margin-bottom: 17px; }
.medi .announcements .ann-date { background-color: #002d58; color: #FCFAF0; border: 2px solid #002d58; width: 65px; height: 65px; font-size: 20px; margin-right: 10px; border-radius:15px; }
.medi .announcements .ann-title { width: 75%; padding-top: 5px; }
.medi .announcements .ann-title a { color: #002d58; }
.medi .announcements .ann-title a:hover { text-decoration: none;  color: #194c44; transition:all 0.4s ease 0s;}
.medi .announcements .ann-item .ann-desc{color: #666666 !important; font-size:14px;}
.medi .announcements .ann-more a{background: #194c44; color: #FCFAF0; border: 1px solid #194c44; text-align: center; text-transform: uppercase; padding: 4px 70px; border-radius: 25px; font-size: 20px; margin-bottom:15px;}
.medi .announcements .ann-more a:hover{background: none; color: #194c44; transition:all 0.4s ease 0s;}


@media (min-width:1200px){
	.medi .events{height:555px;}
	.medi .events .events-body{padding-bottom:0px; height:496px;}
	.medi .events .events-item{height:123px;}
	
	.medi .announcements{height:555px;}
	.medi .announcements .announcements-body{padding-bottom:0px; height:496px;}
	.medi .announcements .ann-item{}
}
@media(max-width:1200px) {
    .medi .row > div{margin-bottom:20px;}
    
    .medi .events .events-header{font-size:25px;}
    .medi .announcements .ann-header{font-size:25px;}
    
    .medi .events .events-more a{font-size:17px;}
    .medi .announcements .ann-more a{font-size:17px; padding:4px 50px; }
}


.news{padding:25px 0; background-color:#FCFAF0;}
.news .news-header{font-size:32px; color:#002d58; margin-bottom:15px;}
.news .row > div{margin-bottom:20px;}
.news .news-item{}
.news .news-img{}
.news .news-img img{width:100%; border:2px solid #194c44; border-radius:7px;}
.news .news-stuff{}
.news .news-title{font-size:18px; }
.news .news-title a{color:#002d58;}
.news .news-title a:hover{text-decoration:none; color:#194c44; transition:all 0.4s ease 0s;}
.news .news-desc{font-size:14px; color:#666666 !important;}
.news .news-date{font-size:16px; color:#194c44; margin-bottom:7px;}
.news .news-more{}
.news .news-more a{background: #194c44; color: #FCFAF0; border: 1px solid #194c44; text-align: center; text-transform: uppercase; padding: 4px 90px; border-radius: 25px; font-size: 20px; margin-bottom:0px;}
.news .news-more a:hover{background: none; color: #194c44; transition:all 0.4s ease 0s;}

@media(max-width:1200px) { 
	.news .news-header { font-size: 27px; }
	.news .news-more a{font-size: 17px; padding:4px 70px; }
}


.stories { background:#194c44; padding:30px 0; }

.stories .stories-header{color:#FCFAF0; margin:0; margin-bottom:20px; font-size:47px; }
.stories .stories-header span {color:#FCFAF0; font-size:43.45px;}
.stories .stories-header::after {width: 147px; content: ""; display: inline-block; height: 15px; border-top: 2px solid #FCFAF0; position: relative; vertical-align: middle; margin-left: 15px;}
.stories .stories-item { padding: 15px; /*border-bottom: 1px solid #dddddd;*/ /*margin-bottom:10px;*/ }
.stories .stories-item .stories-img { padding: 0; }
.stories .stories-item .stories-img img { width: 127px; height: 127px; border-radius:50%; }
.stories .stories-item .stories-content { color: #FCFAF0; /*padding-top:10px; padding-bottom:10px;*/ /*text-align:justify;*/ /*background-color: #f5f6f8;*/ }
.stories .stories-item .stories-content .stories-title { color: #FCFAF0; font-size: 18px; margin-bottom: 5px; }
.stories .stories-item .stories-content .stories-title a { color: #FCFAF0; }
.stories .stories-item .stories-content .stories-title a:hover { text-decoration: none; color: #fff; transition: all 0.4s ease 0s; }
.stories .stories-item .stories-content .stories-brief{}

@media(max-width:1200px) {
	.stories { padding: 20px 0; }
	.stories > .container > .row > div{margin-bottom:50px;}
	.stories .stories-header{font-size:30px;}
	.stories .stories-header span{font-size:30px;}
	.stories .stories-header::after {width:75px;}
	.stories .stories-item .stories-content { padding-top:5px; padding-bottom:5px; }
	.stories .stories-item .stories-content .stories-title { font-size:15px; }
}


.useful { padding: 20px 0; background-color: #FCFAF0; }
.useful .useful-header {font-size:32px; color:#002d58; margin-bottom:25px;}
.useful .useful-header::after {width: 75px; content: ""; display: inline-block; height: 15px; border-top: 2px solid #002d58; position: relative; vertical-align: middle; margin-left: 15px;}
.useful .useful-header::before {width: 75px; content: ""; display: inline-block; height: 15px; border-top: 2px solid #002d58; position: relative; vertical-align: middle; margin-right: 15px;}
.useful .useful-item{}
.useful .useful-item a { }
.useful .useful-item a img{ height:90px; }
.useful .useful-item .useful-title {color: #002d58; font-size: 18px; padding-top: 20px;}
.useful .useful-item a:hover {text-decoration:none; transition: all 0.4s ease 0s !important;}
.useful .useful-item a:hover .useful-title{color:#194c44 !important; transition: all 0.4s ease 0s !important;}

@media(max-width:1200px) { 
	.useful > .container > .row > div{margin-bottom:25px;}
	.useful .useful-header { font-size: 27px; }
    .useful .useful-header::after { width: 15px; }
    .useful .useful-header::before { width: 15px; }
    .useful .useful-item a img{ height:75px; }
	.useful .useful-item .useful-title {font-size: 16px; padding-top: 15px;}
}

/*.useful .carousel .carousel-control-prev-icon, .useful .carousel .carousel-control-next-icon { color: #194c44; font-size: 22px; }*/