/*
font-family: 'Playfair Display', serif;
font-family: 'Ubuntu', sans-serif;
*/
html {font-size: 100%;}
body {background: #f9f9f9; font-family: 'Ubuntu', sans-serif; font-size: 15px; line-height: 22.5px; color: rgba(50, 51, 51, 0.8); padding: 0; margin: 0;}
.carousel-item {height: 75vh; max-height: 700px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.carousel-caption .heading-custom .heading-title {color: #ffffff; font-weight: 500; text-shadow: 0px 1px 4px #000000;}
.carousel-caption .heading-custom .heading-subtitle {color: #ffffff; font-size: 20px; opacity: 0.8; text-shadow: 0px 1px 2px #000000;}
.banner{background: url(../images/slider22.jpg) no-repeat bottom center; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-size: cover; height:75vh; max-height: 700px;}
.banner2{background: url(../images/school-bldng.jpg) no-repeat bottom center; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-size: cover; height:36vh; max-height: 325px;}
.banner2 .inner-bg {background: rgba(50, 51, 51, 0.3); height: 36vh; max-height: 325px;}
.banner2 .heading-area-custom {margin: 23vh 0 0 0;}
.banner2 .heading-area-custom .heading-custom {margin-bottom: 0;}
.banner2 .heading-area-custom .heading-custom .heading-title {font-weight: 900; color: #ffffff; text-align: left; line-height: 40px;}
.breadcrumb {background: transparent; padding: 0; margin: 0;}
.breadcrumb li {font-size: 16px; line-height: 24px; font-weight: 400; color: #fff; text-transform: uppercase; float: left;}
.breadcrumb li a {color: inherit; font-size: inherit; font-weight: inherit;}
.breadcrumb .active {color: #e39a31;}
.breadcrumb > li + li:before {padding: 0 5px; color: #42bd41; content: "/\00a0"; opacity: .7;}
.navbar{transition: 500ms ease; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); padding-top: 25px;}
.navbar.scrolled, .navbar-other{background: #363636; padding-top: 8px; box-shadow: 0 0 15px #000000;}
.navbar-nav {font-family: 'Playfair Display', serif; font-size: 14px; font-weight: 800; text-transform: uppercase;}
.dropdown:hover>.dropdown-menu {display: block; text-shadow: 0 0 0;}
.dropdown-menu {margin-top: -1px; text-transform: capitalize; background-color: #e39a31; border-radius: 0; border: none;}
.dropdown-menu .dropdown-item {color: #ffffff; font-size: 14.5px; font-weight: 600; padding: 6px 16px 6px 16px; text-transform: uppercase; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.dropdown-menu .dropdown-item:hover {background-color: #e7b36b; padding: 6px 12px 6px 20px;}
.navbar-nav li.nav-item a.nav-link {color: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-shadow: 0px 1px 2px #000000;}
.navbar-nav li.nav-item a.nav-link:hover {color: #febc5e;}
.navbar-brand img {height: 70px;}

h1, h2, h3, h4, h5, h6 {color: #323333; text-transform: uppercase;}
h1, .h1 {font-family: 'Playfair Display', serif; font-size: 63px; line-height: 94.5px;}
h2, .h2 {font-family: 'Playfair Display', serif; font-size: 39px; line-height: 58.5px;}
h3, .h3 {font-family: 'Playfair Display', serif; font-size: 24px; line-height: 36px; font-weight: 700;}
h3 a, .h3 a {color: inherit;}
h3 a:hover, .h3 a:hover {color: #e39a31;}
h4, .h4 {font-family: 'Playfair Display', serif; font-size: 18px; line-height: 27px; font-weight: 700;}
h4 a, .h4 a {color: inherit;}
h4 a:hover, .h4 a:hover {color: #e39a31;}
h5, .h5 {font-family: 'Ubuntu', sans-serif; font-size: 15px; line-height: 22.5px; font-weight: 700;}
h6, .h6 {font-family: 'Ubuntu', sans-serif; font-size: 15px; line-height: 22.5px;}

a {text-decoration: none; color: #d4891d; outline: 0;}
a:focus, a:hover,
a.active {text-decoration: none; color: #e9b05e; outline: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
button:focus, button:active, .btn:focus, .btn:active, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:focus,
input[type="button"]:active {outline: none;}
img {max-width: 100%;}
p {font-family: 'Ubuntu', sans-serif; font-size: 15px; line-height: 25px; color: rgba(50, 51, 51, 0.8);}
.text-custom {color: #e39a31;}
.btn-custom {background-color: #e39a31; border-color: #e39a31; font-family: 'Playfair Display', serif; font-size: 15px; color: #ffffff;}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active {background-color: #ffffff; color: #e39a31;}
.btn-outline-custom {border-color: #e39a31; font-family: 'Playfair Display', serif; font-size: 15px; color: #e39a31;}
a.btn-outline-custom:hover, a.btn-outline-custom:focus, a.btn-outline-custom:active {border-color: #e39a31; background-color: #e39a31; color: #ffffff;}
.content-custom {background-color: #f9f9f9; padding: 90px 0;}
.msg-block {background-color: #ffffff; border: 1px solid #ddd; padding: 1rem 1rem 0 1rem; margin-bottom: 0.5rem; border-radius: 6px;}
.msg-block .img-float {width: 30%; float: left; margin: 0 1.5rem 0.5rem 0;}
.msg-block p{text-align: left;}

.alert {font-size: 16px; padding: 0; margin: 0px;}
.alert .alert-heading {background-color: #323333; padding: 5px 15px; color: #ffffff; float: left; margin: -1px 0; text-align: center;}
.alert .alert-scroll {float: left;}
marquee {line-height: 30px; margin-top: 6px;}
.blinking{animation:blinkingText 1.2s infinite; -moz-animation-duration: 3s; -webkit-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s;}
@keyframes blinkingText{ 0%{opacity: 1;} 49%{opacity: 1;} 60%{opacity: 0;} 99%{opacity: 1;} 100%{opacity: 1;}}
/*-------------------------------------------------------------------*/
/* SECTION TITLE
----------------------------------------------------------------------*/
.heading-custom {text-align: center; margin-bottom: 50px;}
.heading-custom .heading-title {margin-top: 0; color: #323333; font-weight: 900;}
.heading-custom .heading-subtitle {color: #323333; font-weight: 400; opacity: .5;}
.heading-white-custom .heading-title {color: #fff;}
.heading-white-custom .heading-subtitle {color: #fff;}
.banner .heading-custom .heading-title {color: #ffffff; text-shadow: 0 0 8px #000000;}
.banner .heading-custom .heading-subtitle {color: #ffffff; opacity: 0.9;}
/*-------------------------------------------------------------------*/
/* Events
---------------------------------------------------------------------*/
.events-custom, .founder-custom {background: url('../images/event-bg.jpg') bottom center no-repeat fixed; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 100%;}
.events-custom .inner-custom, .founder-custom .inner-custom {background: rgba(241, 241, 241, 0.9); padding: 90px 0;}
.founder-custom .founder-text-custom .heading-custom {text-align: left;}
.featured-event-custom, .single-event-custom {background: rgba(255, 255, 255, 0.7); border-radius: 6px; color: #fff; border: 1px solid #ddd; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.featured-event-custom {padding: 20px 20px 6px 20px;}
.single-event-custom {padding: 20px 20px 18px 20px; margin-bottom: 10px;}
.single-event-custom .event-info .location,
.featured-event-custom .event-info .location {font-size: 13px; line-height: 19.5px; opacity: .5; margin-top: 8px; font-weight: 400;}
.single-event-custom .event-info .title,
.featured-event-custom .event-info .title {font-family: 'Playfair Display', serif; font-size: 20px; line-height: 30px; font-weight: 700; margin: 0;}
.single-event-custom:hover,
.featured-event-custom:hover {border: 1px solid #e39a31; -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12); box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);}
.single-event-custom {overflow: hidden;}
.single-event-custom .thumb {float: left; max-width: 115px; max-height: 115px; margin-right: 20px; overflow: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.single-event-custom .event-info {overflow: hidden;}
.single-event-custom .event-info .date {font-family: 'Playfair Display', serif; font-size: 15px; line-height: 22.5px; font-weight: 700;}
.single-event-custom:hover .thumb {-webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.featured-event-custom {color: #fff;}
.featured-event-custom .event-info .date h5 {font-size: 39px; line-height: 45px; font-weight: 900; text-align: center; font-family: 'Ubuntu', sans-serif; margin-bottom: 0; color: #e39a31;}
.featured-event-custom .event-info .date h5 span {font-family: 'Playfair Display', serif; display: block; font-size: 15px; line-height: 20px; margin-top: 10px; font-weight: 700; color: #323333; text-transform: uppercase;}
.featured-event-custom .event-info .location {color: #fff; opacity: .75;}
.featured-event-custom .event-info .title {color: #fff;}
.featured-event-custom .event-info .subtitle {color: #fff; opacity: 0.5; font-weight: 400;}
.featured-event-custom .event-info .title a, .single-event-custom .event-info .title a { color: inherit;}
.featured-event-custom figure {position: relative;}
.featured-event-custom figure figcaption .figcaption {background: -webkit-linear-gradient(left, rgba(255, 0, 0, 0), #141823); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom, rgba(255, 0, 0, 0), #141823); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0), #141823); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(255, 0, 0, 0), #141823); /*Standard*/ -webkit-transition: all 0.2 ease; transition: all 0.3s linear; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; opacity: .9;}
.featured-event-custom figure figcaption .figcaption .hover-link-custom {display: table; height: 100%; width: 100%;}
.featured-event-custom figure figcaption .figcaption .hover-link-custom .vertical-custom {display: table-cell; text-align: center; vertical-align: middle;}
.featured-event-custom figure figcaption .event-info {position: absolute; bottom: 0; margin: 20px;}
.featured-event-custom figure figcaption .event-info .date {width: 100px; height: 100px; background: #fff; float: left; margin-right: 20px; border-radius: 4px;}
.featured-event-custom figure figcaption .event-info .date h5 {line-height: 4.5rem;}
.featured-event-custom figure figcaption .event-info .date h5 span {margin-top: 0;}
.featured-event-custom figure figcaption .event-info .info-right {overflow: hidden;}
.featured-event-custom figure figcaption .event-info .info-right p {color: #fff;}
.featured-event-custom figure figcaption .event-info img {max-width: 66px; float: left; border-radius: 50%; border: 3px solid #fff; margin-right: 10px;}
.featured-event-custom figure figcaption .event-info .author-info {overflow: hidden; margin-left: 10px; color: #fff;}
.featured-event-custom figure figcaption .event-info .author-info .title {margin-bottom: 0;}
.featured-event-custom figure figcaption .event-info .author-info .subtitle {margin: 0;}
.featured-event-custom:hover figure figcaption {height: 100%;}
.featured-event-custom:hover figure figcaption .figcaption {background: rgba(50, 51, 51, 0.7); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
/*--------------------------------------------------------------------*/
/* Services
----------------------------------------------------------------------*/
.services-custom {background: url('../images/school-bldng.jpg') top center no-repeat fixed; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;	background-size: cover;	color: #fff; min-height: 100%;}
.services-custom .inner-custom {background: rgba(227, 154, 49, 0.95); padding: 90px 0; margin-bottom: 0px;}
.single-service-custom {text-align: center; margin-bottom: 2.4rem; padding: 12px 24px 26px; border-radius: 6px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.single-service-custom .icon {font-size: 63px; line-height: 94.5px; opacity: .4; margin-bottom: 0;}
.single-service-custom .title {font-family: 'Playfair Display', serif; font-size: 24px; line-height: 36px; color: #fff; margin-top: 0; font-weight: 700;}
.single-service-custom .title a {color: inherit;}
.single-service-custom p {color: #fff; opacity: .7; margin-bottom: 1.5rem;}
.single-service-custom .btn-simple-custom {color: #fff; opacity: .4; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.single-service-custom .btn-simple-custom:hover {opacity: 1;}
.single-service-custom:hover {background: rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12); box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);}
/*-------------------------------------------------------------------*/
/* Block
---------------------------------------------------------------------*/
.block-custom {background: url('../images/school-bldng2.jpg') top center no-repeat fixed; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-size: cover; color: #fff; min-height: 100%;}
.block-custom .inner-custom {background: rgba(50, 51, 51, 0.8); padding: 90px 0;}
.block-custom .btn-area-custom {text-align: center;}
.block-custom .block-area-custom {overflow: hidden; display: block;}
.block-custom .heading-custom .heading-title{color: #ffffff; opacity: 0.9;}
.block-custom .heading-custom .heading-subtitle{color: #ffffff;}
.block-custom .heading-custom p{color: #ffffff; opacity: 0.5;}
.slider .item {padding-left: 10px; padding-right: 10px; position: relative; z-index: 999; float: left;}
.slider:hover .slider-controls .slider-prev, .slider:hover .slider-controls .slider-next {opacity: 1;}
.slider:hover .slider-controls .slider-prev {left: 0;}
.slider:hover .slider-controls .slider-next {right: 0;}
.block-normal-custom *, .block-normal-custom *:before, .block-normal-custom *:after {box-sizing: border-box !important;}
.block-normal-custom .row {-moz-column-width: 22em; -webkit-column-width: 22em; -moz-column-gap: 1em; -webkit-column-gap: 1em;}
.block-normal-custom .block-single-custom {display: inline-block; width: 100%;}
.block-single-custom {background: #fff; border-radius: 6px; border: 1px solid #ddd; padding: 16px; margin-bottom: 40px;}
.block-single-custom figure {position: relative; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.block-single-custom figure figcaption .figcaption {background: -webkit-linear-gradient(left, rgba(255, 0, 0, 0), #141823); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom, rgba(255, 0, 0, 0), #141823); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0), #141823); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(255, 0, 0, 0), #141823); /*Standard*/ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.2 ease; transition: all 0.3s linear; opacity: .9;}
.block-single-custom figure figcaption .figcaption .hover-link-custom {display: table; height: 50%; width: 100%; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.block-single-custom figure figcaption .figcaption .hover-link-custom .vertical-custom {display: table-cell; text-align: center; vertical-align: middle; opacity: 0;}
.block-single-custom figure figcaption .figcaption .hover-link-custom .vertical-custom a {background: #fff; color: #e39a31; width: 50px; height: 50px; display: inline-block; border-radius: 50%; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);}
.block-single-custom figure figcaption .figcaption .hover-link-custom .vertical-custom i {font-size: 24px; line-height: 36px;}
.block-single-custom figure figcaption .author {position: absolute; bottom: 15px; left: 10px; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.block-single-custom figure figcaption .author img {max-width: 60px; float: left; border-radius: 50%; border: 3px solid #fff; margin-right: 10px;}
.block-single-custom figure figcaption .author .author-info {overflow: hidden; margin-left: 5px; color: #fff; margin-top: 10px;}
.block-single-custom figure figcaption .author .author-info .title {font-family: 'Playfair Display', serif; margin-bottom: 0; color: #e39a31; font-weight: 700;}
.block-single-custom figure figcaption .author .author-info .subtitle {font-size: 13px; line-height: 19.5px; margin: 0; color: #fff;}
.block-single-custom .text-area {padding: 10px;}
.block-single-custom .text-area .title {font-size: 20px; line-height: 30px; color: #323333; margin: 0; margin-bottom: 8px;}
.block-single-custom .text-area .text {margin-bottom: 8px;}
.block-single-custom .text-area .text-bottom .date {font-family: 'Playfair Display', serif; font-size: 15px; line-height: 22.5px;}
.block-single-custom .text-area .text-bottom .link {float: right; font-size: 24px; line-height: 36px;}
.block-single-custom:hover figure {-webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12); box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);}
.block-single-custom:hover figure figcaption {height: 100%; opacity: 1;}
.block-single-custom:hover figure figcaption .figcaption {background: rgba(227, 154, 49, 0.95); height: 100%;}
.block-single-custom:hover figure figcaption .figcaption .hover-link-custom {height: 100%;}
.block-single-custom:hover figure figcaption .figcaption .hover-link-custom .vertical-custom {opacity: 1;}
.block-single-custom:hover figure figcaption .author {bottom: 0; opacity: 0;}
/*-------------------------------------------------------------------*/
/* Photo Gallery
---------------------------------------------------------------------*/
.photo-gallery-custom .inner-custom {padding: 90px 0;}
.gallery-area-custom {margin-right: -15px; margin-left: -15px; display: block; overflow: hidden;}
.gallery-single-custom {background: transparent; float: left; padding: 8px; width: 25%; margin-bottom: -16px;}
.gallery-single-custom figure {position: relative; border-radius: 6px; overflow: hidden; height: 150px;}
.gallery-single-custom figure figcaption {background: rgba(50, 51, 51, 0.9); border-radius: 6px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.gallery-single-custom figure figcaption .hover-link-custom {display: table; height: 100%; width: 100%;}
.gallery-single-custom figure figcaption .hover-link-custom .vertical-custom {display: table-cell; text-align: center; vertical-align: middle;}
.gallery-single-custom figure figcaption .hover-link-custom .vertical-custom a {color: #fff;	font-size: 26px; line-height: 39px;	-webkit-transition: all 0.2 ease; transition: all 0.3s linear;}
.gallery-single-custom figure figcaption .hover-link-custom .vertical-custom a:hover {color: #e39a31;}
.gallery-single-custom:hover figure figcaption {opacity: 1;}
.gallery-single-custom:hover figure figcaption .hover-link-custom .vertical-custom a {color: #fff;	-webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-transform-origin: center; transform-origin: center; animation-duration: 600ms; animation-timing-function: linear; display: block;}
.gallery-single-custom:hover figure figcaption .hover-link-custom .vertical-custom a:hover {color: #e39a31;}
.gallery-single-custom:nth-child(1), .gallery-single-custom:nth-child(2) {width: 50%;}
.gallery-single-custom:nth-child(1) figure, .gallery-single-custom:nth-child(2) figure {height: 300px;}
/*-------------------------------------------------------------------*/
/* Accordion
---------------------------------------------------------------------*/
.card-header .btn {padding-left: 0; text-decoration: none;}
.card-header .btn h3 {-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.card-header .btn:hover h3 {color: #e39a31;}
.card-header .btn i {color: #e39a31; margin-right: 1rem; transition: ease-in-out 0.15s;}
/*-------------------------------------------------------------------*/
/*NOTICE
---------------------------------------------------------------------*/
.notice-area .notice-details ul li {margin-bottom: .8rem; overflow: hidden;}
.notice-area .notice-details .notice-image, .notice-area .notice-details .notice-info {float: left;}
.notice-area .notice-details .notice-image {width: 15%; background: #f1f1f1; display: block; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; margin: 0.4rem 1rem 0.7rem 0;}
.notice-area .notice-details .notice-info {width: 100%; background: #f9f9f9; min-height: 120px; padding: 1rem 1rem 0.7rem 1.4rem; border-left: 2px solid #f1f1f1; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.notice-area .notice-details .notice-info .notice-date {margin: 0;}
.notice-area .notice-details .notice-info .notice-date i {color: #e39a31; margin-right: 6px;}
.notice-area .notice-details .notice-info .heading {margin: 0; color: #323333; font-size: 24px; line-height: 36px;}
.notice-area .notice-details .notice-info .heading a {color: inherit; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.notice-area .notice-details .notice-info .heading a:hover {color: #e39a31;}
.notice-area .notice-details .notice-info .notice-body {color: #323333;}
.notice-area .notice-details ul li:hover .notice-image {background: #fff;}
.notice-area .notice-details ul li:hover .notice-info {background: #f1f1f1; border-left: 2px solid #e39a31;}
/*-------------------------------------------------------------------*/
/* Google Map
---------------------------------------------------------------------*/
.map-responsive{overflow: hidden; padding-bottom: 0; position: relative; width: 100%; min-height: 400px;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}
/*-------------------------------------------------------------------*/
/* 2.14 CONTACT SECTION
---------------------------------------------------------------------*/
.contact-info .block {margin-bottom: 30px;}
.contact-info .block .title {color: #e39a31; font-weight: 400; letter-spacing: normal; margin: 0;}
.contactform .form-group {margin-bottom: 20px;}
.contactform .form-control {display: block; width: 100%; height: 50px; font-size: 14px; line-height: 20px;  color: rgba(50, 51, 51, 0.8); background-color: #fff; background-image: none; border: 1px solid #f1f1f1; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s; -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s; box-shadow ease-in-out 0.15s;  transition: border-color ease-in-out 0.15s; box-shadow ease-in-out 0.15s;}
.contactform .form-control:hover {border-color: #f1dcc3;}
.contactform textarea.form-control {height: 170px;}
.help-block {color: #e74f3f; margin: 0;}
.contact-white {background: #fff;}
.form-control::placeholder {color: #b0b0b0; opacity: 1;}
.form-control:-ms-input-placeholder {color: #b0b0b0;}
.form-control::-ms-input-placeholder {color: #b0b0b0;}

/*-------------------------------------------------------------------*/
/* Table
---------------------------------------------------------------------*/
.overflow {overflow: auto;}
.table {font-family: 'Ubuntu', sans-serif; font-size: 15px; color: rgba(50, 51, 51, 0.8);}
.table thead th {background-color: rgba(50, 51, 51, 0.8); color: #ffffff;}
.table img.profile { width: 100px; height: 100px; }
@media screen and (max-width: 576px) {
  .table td, .table th { padding: 0.4rem !important; }
  .table img.profile { width: 40px; height: 40px; }
}
/*-------------------------------------------------------------------*/
/* FOOTER
---------------------------------------------------------------------*/
.footer-custom {background: #323333; color: #fff; text-align: center;}
.footertop-custom {background: url('../images/school-bldng.jpg') top center no-repeat fixed; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 100%;}
.footertop-custom .footertop-inner-custom {background: rgba(50, 51, 51, 0.9); padding: 90px 0; text-align: center;}
.footertop-custom .footertop-middle-custom {font-family: 'Playfair Display', serif; font-size: 24px; line-height: 36px; text-align: center; color: #fff;}
.footertop-custom .footertop-middle-custom span {font-family: 'Ubuntu', sans-serif; color: #e39a31;}
.footer-middle-custom {background: #323333; padding: 90px 0;}
.footer-single-custom {text-align: left; margin-bottom: 80px; color: #888;}
.footer-single-custom p {color: inherit;}
.footer-single-custom .logo {margin-bottom: 48px; display: block;}
.footer-single-custom .logo img {height: 70px;}
.footer-single-custom address {margin-bottom: 24px; line-height: 24px;}
.footer-single-custom .address-info-custom li {line-height: 24px;}
.footer-single-custom .address-info-custom i {color: #e39a31; margin-right: 16px; opacity: .4;}
.footer-single-custom .address-info-custom li:hover {color: inherit;}
.footer-single-custom .title, .footer-single-custom .title a {font-family: 'Playfair Display', serif; font-size: 15px; line-height: 30px; text-transform: uppercase; margin-bottom: 12px; color: #fff; font-weight: 700; letter-spacing: 1.2px;}
.footer-single-custom .title a:hover {color: #e39a31;}
.footer-single-custom ul li {font-family: 'Ubuntu', sans-serif; font-size: 15px; line-height: 30px; color: #888;}
.footer-single-custom ul li a {font: inherit; color: inherit; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-decoration: none;}
.footer-single-custom ul li:hover {color: #fff;}
.footer-single-custom ul li:hover a {color: inherit;}
.footer-bottom-custom {border-top: 1px solid #444; padding-top: 36px;}
.footer-bottom-custom .copyright-custom {float: left;}
.footer-bottom-custom .social-footer-custom {width: 286px; float: right;}
.footer-bottom-custom .copyright-custom li {float: left; margin-right: 10px;}
.footer-bottom-custom .copyright-custom {text-align: left;}
.footer-bottom-custom .social-footer-custom {text-align: right;}
.footer-bottom-custom .social-footer-custom li {padding-right: 5px; padding-left: 10px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; float: left;}
.footer-bottom-custom .social-footer-custom li a {color: #888; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.footer-bottom-custom .social-footer-custom li a i {font-size: 24px; opacity: .7;}
.footer-bottom-custom .social-footer-custom li:hover a {color: #fff;}
.footer-bottom-custom .social-footer-custom li:hover a i {opacity: 1;}
.footer-bottom-custom .social-footer-custom li:hover a .fa-twitter {color: #1da1f2;}
.footer-bottom-custom .social-footer-custom li:hover a .facebook-f,
.footer-bottom-custom .social-footer-custom li:hover a .fa-facebook-f {color: #3b5998;}
.footer-bottom-custom .social-footer-custom li:hover a .fa-linkedin-in {color: #00a0dc;}
.footer-bottom-custom .social-footer-custom li:hover a .fa-youtube {color: #cd201f;}
.footer-bottom-custom .social-footer-custom li:hover a .fa-instagram {color: #c13584;}
.footer-bottom-custom .social-footer-custom li:hover a .fa-google-plus-g {color: #dd4b39;}
.footer-bottom-custom .social-footer-custom li:hover a .fa-pinterest-p {color: #bd081c;}
.footer-bottom-custom .copyright-custom {font-family: 'Playfair Display', serif; color: #888; font-size: 13px; line-height: 19.5px;}
.footer-bottom-custom .copyright-custom ul {margin-bottom: 8px;}
.footer-bottom-custom .copyright-custom ul li a {color: #fff;}
.footer-bottom-custom .copyright-custom ul li a:hover {color: #e39a31;}
.footer-bottom-custom .copyright-custom p {color: #888;}

/*-------------------------------------------------------------------*/
/* STICKY ICON
---------------------------------------------------------------------*/
/*.sticky-icon {position: fixed; right: -215px; top: 18%; z-index: 999; transition: all 1s ease-in-out;}*/
.sticky-icon {position: fixed; right: -2px; top: 18%; z-index: 999; transition: all 1s ease-in-out; display: block; background-color: #e39a31; padding: 8px 16px 10px 8px; border: 2px solid #ffffff; -webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px;}
/*.sticky-icon:hover {right: -2px;} */
/*.sticky-icon a {display: block; background-color: #e39a31; text-align: center; padding: 8px 16px 10px 8px; color: white; font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; line-height: 35px; text-transform: uppercase; border: 2px solid #ffffff; -webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px;} */
.sticky-icon a {text-align: center;  color: white; font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; line-height: 35px; text-transform: uppercase;}
/*.sticky-icon a span {font-size: 22px; color: #323333; line-height: 35px; text-shadow: none; transform: rotate(-20deg); background-color: #ffffff; text-align: center; width: 35px; height: 35px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-right: 10px; transition: all 1s ease-in-out;}*/
.sticky-icon span {cursor: pointer; font-size: 22px; color: #323333; line-height: 35px; text-shadow: none; transform: rotate(-20deg); background-color: #ffffff; text-align: center; width: 35px; height: 35px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-right: 10px; transition: all 1s ease-in-out;}
/*.sticky-icon:hover span {transform: rotate(340deg);}*/
.sticky-icon a:hover {color: black;}

/*-------------------------------------------------------------------*/
/* TAB CUSTOM
---------------------------------------------------------------------*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { background-color: #ffffff; font-family: 'Playfair Display', serif; font-weight: 500; letter-spacing: 1px; border: 1px solid #e9ecef; border-bottom: 0; color: #e39a31; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover { color: #edbd79; border-color: #dee2e6; margin-top: -2px; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.disabled { background-color: #e9ecef; border-color: #dee2e6; color: #cacdd0; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #323333; color: #ffffff; border-color: #000000; margin-top: -3px; }

.clear {clear: both;}
ol.list-custom { list-style-type: lower-alpha; margin-left: -25px; }
ol.list-custom li { padding-left: 10px; margin-bottom: 6px; }

ol.list-custom2 { list-style-type: decimal; margin-left: -25px; }
ol.list-custom2 li { padding-left: 10px; margin-bottom: 6px; }

.upload-frame-pp img {width: 99px; height: 128px; cursor: pointer;}
.upload-frame-pp .info {width: 99px; height: 128px; font-size: 13px; text-align: center; color: #dee2e6; position: absolute; z-index: 99; top: 40%; cursor: pointer;}
.upload-frame-ps {width: 396px; height: 288px; cursor: pointer;}
.upload-frame-ps .info {width: 396px; height: 288px; text-align: center; color: #dee2e6; position: absolute; z-index: 99; top: 35%; cursor: pointer;}
.upload-frame-pp .info span, .upload-frame-ps .info span {color: #ff7878;}
.upload-frame-pp .info h4, .upload-frame-ps .info h4 {font-family: 'Ubuntu', sans-serif; color: #dee2e6;}
.signature-block {width: 100%; height: 40px; border: 1px solid #000000;}

.print-headtop {font-size: 16px; font-weight: 500; color: #ffffff; padding: 5px 8px; background-color: #767d84; display: inline; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.print-heading {font-family: 'Playfair Display', serif; font-size: 38px; line-height: 55px; font-weight: 700;}
.print-text {font-size: 13px; line-height: 16px;}
a.print-button-custom {display: block; text-align: center; background-color: #e39a31; padding: 8px 8px 7px 8px; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Playfair Display', serif; font-size: 16px; font-weight: 500; color: #ffffff; line-height: 30px; text-transform: uppercase; cursor: pointer; ransition: all 2s ease-in-out;}
a.print-button-custom span {font-size: 19px; color: #323333; line-height: 30px; text-align: center; width: 30px; height: 30px;}
a.print-button-custom:hover {font-weight: 500; color: #323333;}
a.print-button-custom:hover span {}
.dnsc {display: none;}

/*----------------------------------------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 577px) {
    .navbar-brand img {height: 30px;}
	.founder-custom .featured-event-custom {margin-bottom: 40px;}
	.founder-custom .founder-text-custom .heading-custom {text-align: center;}
	.single-event-custom .thumb {float: none; width: 100%; max-width: 500px; max-height: 100%; overflow: visible; margin-bottom: 10px;}
	.gallery-single-custom {width: 50%; padding: 5px;}
    .gallery-single-custom:nth-child(1) figure, .gallery-single-custom:nth-child(2) figure, .gallery-single-custom figure {height: 180px;}
	.footer-single-custom {text-align: center;}
	.footer-bottom-custom .copyright-custom, .footer-bottom-custom .social-footer-custom {float: none; text-align: center;}
	.footer-bottom-custom .copyright-custom ul {width: 184px; margin: 0 auto;}
	.footer-bottom-custom .copyright-custom p {display: block; width 400px text-align: center;}
	.footer-bottom-custom .social-footer-custom {display: block; width: 225px; margin: 0 auto;}
	.footer-bottom-custom .social-footer-custom li a i {font-size: 18px;}
}
@media (max-width: 576px) {
	container, .container {width: 92%; margin: 4%;}
    .carousel-item {height: 55vh; max-height: 500px;}
    .carousel-caption .heading-custom .heading-title {font-size: 30px; text-shadow: 0px 1px 4px #000000;}
    .carousel-caption .heading-custom .heading-subtitle {font-size: 15px;}
	.navbar{background: #363636; opacity: 1; position: fixed; top: 0; padding: 0;}
	.navbar-brand img {height: 24px;}
	.heading-custom {margin-bottom: 30px;}
	h1, .h1 {font-size: 39px; line-height: 58.5px;}
	h2, .h2, .heading-custom .heading-title {font-size: 24px; line-height: 36px;}
	h3, .h3, h4, .h4 {font-size: 15px; line-height: 22.5px;}
	h5, .h5, h6, .h6, .heading-custom .heading-subtitle {font-size: 13.5px; line-height: 19.5px; margin-bottom: 0;}
	p {font-size: 12px; line-height: 20px;}
	.btn-outline-custom {font-size: 12px;}
    .alert {font-size: 12px;}
    .alert .alert-heading {float: none;}
    marquee {line-height: 20px;}
	.founder-custom .founder-text-custom .heading-custom {text-align: center;}
    .founder-custom h3.heading-title {font-size: 17px;}
	.featured-event-custom {padding: 15px 15px 0px 15px; margin-bottom: 20px;}
	.featured-event-custom figure figcaption .event-info .date {width: 100px; height: auto; text-align: left; background: transparent; float: none; margin-right: 0; border-radius: 0;}
	.featured-event-custom figure figcaption .event-info .date h5 {font-size: 12px; text-align: left; line-height: 18px;}
	.featured-event-custom figure figcaption .event-info .date h5 span {font-size: 12px; color: #ffffff;}
	.featured-event-custom figure figcaption .event-info .info-right {float: none; overflow: visible;}
	.single-event-custom {padding: 15px; margin-bottom: 20px;}
	.single-event-custom {overflow: visible;}
	.single-event-custom .thumb {float: none; width: 100%; max-width: 500px; max-height: 100%; overflow: visible; margin-bottom: 10px;}
	.single-event-custom .event-info {overflow: visible;}
	.single-event-custom .event-info .date {font-size: 13px; line-height: 18px;}
	.featured-event-custom figure figcaption .event-info .info-right .location, .single-event-custom .event-info .location {font-size: 12px; line-height: 18px;}
	.featured-event-custom figure figcaption .event-info .info-right .title, .single-event-custom .event-info .title {font-size: 15px; line-height: 22.5px;}
	.content-custom, .founder-custom .inner-custom, .events-custom .inner-custom, .services-custom .inner-custom, .block-custom .inner-custom, .photo-gallery-custom .inner-custom, .footertop-custom .footertop-inner-custom, .footer-middle-custom {padding: 40px 0;}
    .msg-block {padding: 0.7rem 0.7rem 0 0.7rem; margin-bottom: 0.2rem;}
    .msg-block .img-float {width: 100%; float: none; margin-top: 0.2rem;}
	.single-service-custom {margin-bottom: 28px; padding: 12px 18px 24px;}
	.single-service-custom .icon {font-size: 50px; line-height: 75px;}
	.single-service-custom .title {font-size: 18px; line-height: 27px;}
	.single-service-custom .btn-simple-custom {font-size: 12px;}
	.single-service-custom p {margin-bottom: 18px;}
	.slider .item {padding: 0px; width: 100%;}
	.block-single-custom {padding: 12px; margin-bottom: 20px;}
	.block-single-custom figure figcaption .author .author-info .title {font-size: 12px; line-height: 18px;}	
	.block-single-custom figure figcaption .author .author-info .subtitle {font-size: 12px; line-height: 18px;}
	.block-single-custom .text-area .title {font-size: 16.5px; line-height: 24px; font-weight: 500;}
	.block-single-custom .text-area .text-bottom .date {font-size: 12px; line-height: 18px;}
	.block-single-custom .text-area .text-bottom .link {font-size: 20px; line-height: 30px;}
	.gallery-single-custom {width: 50%; padding: 4px;}
    .gallery-single-custom:nth-child(1) figure, .gallery-single-custom:nth-child(2) figure, .gallery-single-custom figure {height: 100px;}
    .card-header, .card-body {padding: 0.5rem 0.8rem;}
    .card-header .btn h3 {font-size: 16px; text-align: left; line-height: 20px; margin: 0;}
    .card-header .btn h3 i {margin-right: 0.5rem;}
    .card-body h4 {font-size: 15px;}
    .notice-area .notice-details .notice-image, .notice-area .notice-details .notice-info {float: none;}
    .notice-area .notice-details .notice-image {width: 100%; height: 100%;}
    .notice-area .notice-details .notice-info {width: 100%; min-height: 120px; padding: 20px 15px 3px 15px; border-top: 2px solid #f1f1f1;}
    .notice-area .notice-details .notice-info .notice-date {margin: 0;}
    .notice-area .notice-details .notice-info .heading {margin: 0; color: #323333; font-size: 18px; line-height: 27px;}
    .notice-area .notice-details ul li:hover .notice-info {border-top: 2px solid #e39a31;}
    .table {font-size: 12px;}
	.footer-single-custom {text-align: center;}
	.footer-single-custom .logo {margin-bottom: 20px;}
	.footer-single-custom address {margin-bottom: 15px; line-height: 23px;}
	.footertop-custom .footertop-inner-custom {text-align: center;}
	.footertop-custom .footertop-middle-custom {font-size: 18.5px; font-weight: 400;}
	.footer-single-custom {margin-bottom: 30px;}
	.footer-single-custom .title {font-size: 12px; line-height: 30px; margin-bottom: 0px;}
	.footer-single-custom, .footer-single-custom ul li {font-size: 12px; line-height: 23px; }
	.footer-bottom-custom .copyright-custom, .footer-bottom-custom .social-footer-custom {float: none; text-align: center;}
	.footer-bottom-custom .copyright-custom ul {width: 184px; margin: 0 auto;}
	.footer-bottom-custom .copyright-custom p {text-align: center; font-size: 12px;}
	.footer-bottom-custom .social-footer-custom {width: 225px; display: block; margin: 0 auto;}
	.footer-bottom-custom .social-footer-custom li a i {font-size: 18px;}
    .upload-frame-ps {width: 100%; height: 100%;}
    .upload-frame-ps .info {width: 90%; height: 100%; top: 20%;}
    
}
@media print {
    body *{ visibility: hidden; }
    .dnp {display: none;}
    .card {padding: 0; margin: 0 0 0 0; border: 0; background: transparent;}
    .card-body {padding: 0; margin: 0;}
    #section-to-print, #section-to-print * { visibility: visible; }
    #section-to-print { left: 0; right: 0; top: 0; bottom: 0; margin: 0; color: #000000; }
    hr {border-color: #334e86;}
    .page-break-after { display: block !important; page-break-before: always; width: 100%; height: 100%; min-height: 1440px; padding: 15px; margin: 0; position: relative; top: 0; bottom: 0; left: 0; right: 0; border: 5px solid #334e86; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
    .print-headtop {background-color: transparent; color: #334e86; border: 1px solid #334e86;}
    .print-heading {font-weight: 700; color: #334e86;}
    .founder-custom, .founder-custom .inner-custom, .new-print {background-image: none; background-color: transparent; margin: 0; padding: 0;}
    table { border-collapse: collapse; }
    .dnsc {display: block;}
}

.publication-custom {background: url('../images/pub-bg.jpg') bottom center no-repeat fixed; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-size: cover; min-height: 100%;}

.photo-placeholder {
  width: 396px;          /* approx. 5.5" x 4" ratio like your sample */
  height: 288px;
  background-color: #888e95; /* solid grey-blue background */
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  align-items: center;   /* vertically center text */
  justify-content: center; /* horizontally center text */
  text-align: center;
}

.photo-text p {
  margin: 4px 0;
  font-size: 14px;
}

.photo-text p:first-child {
  font-size: 13px;
}

.photo-text .highlight {
  margin-top: 16px;
  font-weight: bold;
}