@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i');

@charset "UTF-8";

sup {font-size:x-small; vertical-align:super;}
.bx-controls-direction {
	display: none; 
}

/******** Color palette ********/
/*
gray: #777777 or rgba(119,119,119,1.00)
light-gray: #F2F2F2 or rgba(242,242,242,1.00)
blue: #17375E or rgba(23,55,94,1.00)
orange: #CA7F3B (#CD8032); #FCAF39
light-orange: #FFB025 or rgba(255,176,37,1.00)
yellow: #D5B65F or rgba(213,182,95,1.00)
light-yellow: #EADAB1 or rgba(234,218,177,1.00)
*/r

/******** Fonts ********/
/*
font-family: 'Crimson Text', serif;
regular 400, semibold 600, bold 700;
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i');

font-family: 'Nunito', sans-serif;
extra-light 200, light 300, regular 400, semi-bold 600, bold 700, extra-bold 800, black 900;
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
*/


/******** General styles ********/

html {
	font-size: 16px;
}
body {
	min-width: 300px;
	font-family: 'Crimson Text', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 62.5%;
  line-height: 1.3;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
	overflow-x: hidden;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body.font-large {
	font-size: 75%;
}
body.font-medium {
	font-size: 62.5%;
}
body.font-small {
	font-size: 50%;
}
body.submenu-open {
	overflow: hidden;
}
img {
	display: block;
	max-width: 100%;
  border: 0;
  max-width: 100%;
  height: auto;
}
a {
	text-decoration: none;
	color: inherit;
}
p {
	font-size: 1.8em;
	line-height: 1.28;
	margin-bottom: 1.67em;
}
/*p:last-child {
	margin-bottom: 0;
}*/
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
span.description {
	font: 0/0 a;
	color: transparent;
}
.wrapper {
	width: 100%;
	max-width: 1550px; /* 1350px; */
	margin: 0 auto;
}
.clearfix {
	clear: both;
}
.crimson {
	font-family: 'Crimson Text', serif;
}
.nunito {
	font-family: 'Nunito', sans-serif;
}
.orange_arrow {
	font-family: 'Nunito', sans-serif;
	display: inline-block;
	position: relative;
	margin-top: 1em;
	font-size: 1.8em;
	font-weight: 600;
	color: #18385D;
	/* color: #CA7F3B; */
	transition: all 0.1s;
}
.contact_right .orange_arrow, .slide_text .orange_arrow {
	font-size: 1.1em;
}
/* .orange_arrow:hover {
	color: #17375E;
} */
.orange_arrow:after {
	position: absolute;
	display: block;
	content: '';
	left: 105%;
	top: 6px;
	width: 21px;
	height: 14px;
	background: url(../images/arrow-orange-sprite@2x.png) no-repeat left top;
	background-size: 21px 64px;
}
/* .orange_arrow:hover {
	color: #18385D !important;
}
.orange_arrow:hover:after {
	background-position: left -50px;
} */
.light_orange_arrow:after {
	top: 4px;
	background-image: url(../images/arrow-light-orange@2x.png);
	background-size: 21px 14px;
}
/* .orange_arrow:hover:after {
	content: url(../images/arrow-15.png);
} */
.blue_arrow {
	color: #17375E;
	position: relative;
	display: inline-block;
	margin-top: 35px;
	transition: all 0.1s;
	font-size: 1em !important;
	font-weight: 600;
}
.blue_arrow:hover {
	color: #CA7F3B;
}
.blue_arrow:after {
	position: absolute;
	left: 105%;
	top: 1px;
	content: url(../images/arrow-15.png);
}
.blue_arrow:hover:after {
	content: url(../images/arrow-16.png);
}
.down_arrow:after {
	transform: rotate(90deg);
}
.lines_box {
	border-top: 2px solid #CA7F3B;
	border-bottom: 2px solid #CA7F3B;
}
.full_width {
	width: 100% !important;
}
.font_med {
	font-weight: 400;
}
/* ul.yellow_points {
	padding-left: 15px;
} */
.content {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	overflow: hidden;
}

/******** Header ********/
header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/*min-width: 1184px;*/
	/* height: 36%;
	min-height: 220px; */
	height: auto;
	color: white;
	font-family: 'Nunito', sans-serif;
	font-size: 0.9em;
	z-index: 10000; /* 2 */
}
header:before {
	display: block;
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 180px;
  background: transparent;
  background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
  z-index: -1;
	transition: background 0.4s ease-in-out;
}

.scrolled header {
    position: fixed;
}
.scrolled header:before {
	height: 130px;
	background: #000;
	background: rgba(0,0,0,0.8);
	transition: background 0.4s ease-in-out;
}
header .wrapper_absolute {
	position: absolute;
	width: 100%;
	max-width: 1550px; /* 1350px; */
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}
.header_aside {
	position: absolute;
	right: 50px;
	top: 0;
}
.search, .size_change {
	display: inline-block;
	vertical-align: top;
}
.search {
	position: relative;
	margin-right: 20px;
	background: url('../images/icon-search@2x.png') no-repeat 93% center;
	background-size: 19px 18px;
}
.search input {
	width: 100%;
	padding: 6px 35px 6px 10px;
	border: 0;
	color: black;
	background: transparent;
	font-size: 1.4em;
	font-weight: 800;
}
.search input::placeholder {
	color: black;
	font-style: italic;
	font-weight: 300;
}
.search i {
	position: absolute;
	right: 10px;
	top: 11px;
	color: black;
	font-size: 1.3em;
}
.size_change {
	padding-top: 9px;
	color: #c1c1c1;
	font-size: 2.4em;
	font-weight: 400;
}
.size_change span {
	padding: 0 3px;
	cursor: pointer;
}
.size_change span.active {
	color: white;
	font-weight: 800;
	cursor: default;
}
.small {
	font-size:0.9em;
}
.medium {
	font-size: 1em;
}
.large {
	font-size:1.1em;
}
.header_logo {
	position: absolute;
	left: 50px;
	top: 10px; /* 38px; */
	width: 60%;
	max-width: 470px; /* 234px; */
}
/* .header_logo img {
	display: inline-block;
	width: 52px;
	vertical-align: top;
}
.header_logo_text {
	display: inline-block;
	margin-left: 6px;
	font-size: 2.8em;
	line-height: 1.2;
	font-weight: 600;
	vertical-align: top;
} */
.header_logo_text span {
	display: block;
	font-size: 0.5em;
}
.main-menu-mask, .main-menu-button {
	display: none;
}
.menu-wrapper {
	position: static;
}
.main_menu {
	text-align: right;
	clear: right;
}
.main_menu > ul {
	margin: 0;
}
.main_menu > ul > li {
	display: inline-block;
	position: relative;
	list-style: none;
	padding-bottom: 5px;
}
.main_menu > ul > li > a {
	position: relative;
	padding: 0 8px;
	font-size: 1.7em;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.5px;
}
.main_menu > ul > li:last-child > a {
	padding-right: 0;
}
.main_menu > ul > li > a:before {
	content: "|";
	position: absolute;
	left: -5px;
	font-weight: 100;
}
.main_menu ul li:hover a {
	color: #FCAF39;
	transition-duration: .3s;
}
.main_menu ul li:first-child a:before {
	display: none;
}
.menu_top {
	width: 100%;
	padding-left: 105px;
}
.menu_top > ul {
	height: 93px;
	padding-right: 50px;
}
.menu_top > ul > li {
	padding-top: 65px;
}
.menu_line {
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #FFF;
}
.menu_bottom {
	margin-top: 10px;
	margin-right: 50px;
}
.menu_bottom > ul > li > a {
	font-size: 1.7em;
	line-height: 1;
}

/******** Child Menus ********/
.main_menu > ul > li { 
	position: static !important;
}
.main_menu ul li a {
	cursor: pointer;
}
.main_menu > ul > li ul li a:before {
	display: none;
}
.main_menu > ul > li > ul {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	margin-top: 5px;
	background-color: black;
	z-index: 5;
	overflow: auto;
}
.main_menu > ul > li.active > ul { 
	display: block;
}
.main_menu.menu_top > ul > li > ul {
	margin-top: 42px;
}
.submenu_row {
	display: none;
	width: 100%;
	clear: both;
  overflow: hidden;
}
.main_menu > ul > li.active > ul {
	display: block;
  justify-content: space-around;
}
.main_menu > ul > li > ul > .submenu_row {
	position: relative;
	width: 90%;
	max-width: 1250px;
	padding: 40px 0;
  border-top: 1px solid #FCAF39;
  margin: 0 auto;
}
.main_menu > ul > li.active > ul > .submenu_row {
	display: block;
}
.main_menu ul > li > ul > .submenu_row:first-child {
	border-top: 0;
}
.main_menu ul > li > ul > .submenu_row > li {
	float: left;
	width: 25%;
	padding-right: 35px;
  text-align: left;
  vertical-align: top;
}
.main_menu > ul > li > ul:first-child > li {
	border-top: 0;
}
.main_menu > ul > li > ul > .submenu_row > li > a {
	display: inline-block;
	padding: 1px 0;
	font-family: 'Crimson Text', serif;
	font-size: 1.8em;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
}
.main_menu > ul > li > ul > .submenu_row > li > a:hover {
	text-decoration: underline;
}
.main_menu ul  li ul li ul {
  display: none;
  padding: 0;
  margin-top: 2em;
  line-height: 2;
}
.main_menu ul li.active ul li.active ul {
	display: block;
}

.main_menu ul ul ul li {
  display: block;
	width: 100%;
	margin-bottom: 1em;
}
.main_menu ul ul ul li a {
	padding: 0;
  color: white !important;
	font-family: 'Nunito', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 0.9;
	letter-spacing: 0.5px;
}

.header_social {
	position: absolute;
	left: 110px;
	top: 95px;
	padding-top: 8px;
}
.header_social .social_icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 4px;
}
/* .social_icon:hover {
	opacity: 0.8;
} */


/******** Banner ********/
.banner {
	position: relative;
}
.banner_content {
	position:absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.slide_text {
	position: absolute;
	bottom: 3%;
	width: 36%;
	min-width: 487px;
	padding: 3% 5%;
	background-color: rgba(255,255,255,0.70);
	z-index: 10;
}
.slide_text h2 {
	font-family: 'Nunito', sans-serif;
	color: #18385D;
	font-size: 1.6em;
	font-weight: 700;
	text-transform: uppercase;
}
.slide_text h3 {
	padding-bottom: 20px;
	border-bottom: 1px solid #CA7F3B;
	margin-top: 20px;
	margin-bottom: 0;
	color: #18385D;
	font-size: 3.2em;
	font-weight: 700;
	line-height: 1.2;
}
.slide_text a {
	color: ##CA7F3B;
	font-family: 'Nunito', sans-serif;
	font-size: 1.8em;
	font-weight: 600;
}
.slide_text a span.orange_arrow {
	margin-top: 15px;
}
.slide_text a:hover span.orange_arrow {
	color: #CA7F3B;
}

/* .banner_left {
	position: absolute;
	top: 40%;
	left: -20px;
	padding: 30px;
	background-color: rgba(23,55,94,0.70);
	color: white;
	font-size: 3em;
	z-index: 2;
	border-radius: 0 100px 100px 0;
	cursor: pointer;
	transition-duration: 0.4s;
}
.banner_right {
	position: absolute;
	top: 40%;
	right: -20px;
	padding: 30px;
	background-color: rgba(23,55,94,0.70);
	color: white;
	font-size: 3em;
	z-index: 2;
	border-radius: 100px 0 0 100px;
	cursor: pointer;
	transition-duration: 0.4s;
}
.banner_right:hover, .banner_left:hover {
	background: rgba(23,55,94,1.00);
} */



/******** Footer ********/
footer {
	position: relative;
	width: 100%;
	padding-top: 70px;
  background: url(../images/footer.jpg) center center no-repeat;
	background-size: cover;
	font-weight: 600;
	text-align: center;
	overflow: hidden;
}
footer h2 {
	margin: 0;
}
.logo_footer {
	width: 240px; /* 120px; */
	height: 208px; /* 104px; */
	margin: 0 auto 25px auto;
}
.footer_shadow {
	width: 100%;
	padding: 30px 0 20px;
	color: white;
	background-color: rgba(0,0,0,0.5);
}
.input_footer p {
	width: 350px;
	margin: 1em auto;
	font-style: italic;
	border-bottom: 1px solid white;
	text-align: left;
}
.input_footer span {
	float: right;
	font-style: normal;
}
.input_footer span span {
	margin-left: 0.5em;
	color: #CA7F3B;
}

.newsletter_title {
	font-size: 2em;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.newsletter_form {
	width: 80%;
	max-width: 346px;
	margin: 10px auto 0 auto;
	font-size: 1.6em;
	border-bottom: 1px solid #FFF;
}
.newsletter_form form {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 3px 0;
}
.newsletter_form input {
	display: table-cell;
	border: 0;	
	background: transparent;
	vertical-align: middle;
	line-height: 1;
}
.newsletter_form input.email {
	width: 80%;
	color: #FFF;
	font-weight: 200;
	font-style: italic;
	letter-spacing: 1px;
}
.email::-webkit-input-placeholder {
	color: #FFF;
}
.email::-moz-placeholder {
  color: #FFF;
}
.email:-ms-input-placeholder {
  color: #FFF;
}
.email:-moz-placeholder {
  color: #FFF;
}
.newsletter_form input.submit {
	width: 19%;
	padding-left: 5px;
	border: 0;
	border-left: 1px solid #FFF;
	color: #FCAF39;
	font-weight: 600;
}
.footer_social {
	margin: 25px auto 0 auto;
	text-align: center;
}
.footer_social .social_icon {
	display: inline-block;
	width: 56px;
	height: 56px;
	margin: 0 8px;
}

.contact_info {
	width: 65%;
	max-width: 700px;
	margin: 20px auto 0 auto;
}
.contact_left {
	display: inline-block;
	width: 60%; /*35.3%;*/
	padding: 0 10px;
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.2;
	text-align: right;
	border-right: 1px solid white;
	vertical-align: top;
}
/*
.contact_left2 p{
	padding:0 10px;
	border-right:1px solid white;
}*/
.contact_right {
	display: inline-block;
	padding: 0 10px;
	font-size: 1.6em;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
}
.contact_right .orange_arrow {
	margin-top: 0;
	color: #18385D;
	/* color: #FCAF39; */
}
.copyright {
	/* position: relative; */
	padding: 13px 0;
	color: white;
	background-color: #17375E;
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-align: center;
	/* z-index: 2; */
}
.back_to_top {
  position: fixed;
  right: 20px;
  bottom: 60px;
  width: 72px;
  height: 72px;
  background: url('../images/back-to-top-sprite@2x.png') no-repeat center top;
  background-size: 72px 272px;
  cursor: pointer;
}
.back_to_top:hover {
	background-position: center -200px;
}


/******** General int ********/
.banner_int {
	position: relative;
	height: 376px;
	padding-top: 1px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.int_title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
  color: white;
  background-color: rgba(0,0,0,0.5);
  text-align: center;
}
.int_title h1 {
	margin: 0;
	font-size: 3.6em;
	font-weight: 700;
}
.int_title span {
	font-family: 'Nunito', sans-serif;
	font-size: 2.2em;
	font-weight: 400;
}
.int_content {
	margin: 0 0 0 0; /*15px auto;*/
	width: 100%; /*90%;*/
	/*max-width: 1140px; */
	padding:0 20px;
	background-color: #F2F2F2;
	text-align: justify;
}
.int_content_wrapper {
	max-width: 1140px;
	padding: 60px 0 100px 0;
	margin: auto;
	overflow: hidden;
}
.int_content h2 {
	color: #18385D;
	font-size: 2.4em;
	font-weight: 700;
	margin: 0 0 1em 0;
}
.int_content h3 {
	color: #18385D;
	font-size: 2.2em;
	font-weight: 700;
	font-style: italic;
	margin: 1em 0 1em 0;
}
.int_content h2 + h3 {
	margin-top: 0.3em;
}
.int_content a {
	text-decoration: underline;
	word-wrap: break-word;
	text-align: left;
}
.int_content ul {
	list-style: disc outside;
	margin: 0 0 2em 2em;
}
.int_content ol {
	list-style: decimal outside;
	margin: 0 0 2em 2em;
}
.int_content li {
	font-size: 1.8em;
	line-height: 1.28;
}

p p, li li, p li, li p,
th p, p th, th li, li th, th th,
td p, p td, td li, li td, td td,
h1 p, p h1, h2 p, p h2, h3 p, p h3, h4 p, p h4,
h1 h1, h2 h2, h3 h3, h4 h4 {
	font-size: 1em;
}

/******** Home ********/
body.home {
	position: relative;
}
.home .int_title {
	margin-top: 40%;
}
.home-slider {
	position: relative;
	width: 100%;
	height: 80%; /* original 100% */
	margin-top: -13px;
}
.home-slider:after {
	display: block;
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 36%;
  background: transparent;
  background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
  z-index: -1;
}
.home-slider .bx-viewport, .home-slider .bx-wrapper, .home-slider .slider, .home-slider .slide {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	left: 0;
	top: 0;
}
.home-slider {
	margin : -13px auto 0 auto;
}
.bx-viewport {
	margin: 0 auto;
}
.home-slider .bx-wrapper {
	margin-bottom: 0;
	margin-top: -13px;
}
.home-slider, .home-slider .slider {
  margin: 0;
  background-color: white;
}
.home-slider .slider .slide {
  background-repeat: no-repeat;
  background-position: center 20%;
  background-size: cover;
}
.slide img {
  display: block;
}
.slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.home-video {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
}
.video-mask {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 100;
}
.home-video.show-control .video-mask {
	background: none !important;
}
.video-controls {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 64px;
	padding: 10px;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	z-index: 200;
}
.home-video.show-control .video-controls {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}
.mute-btn, .pause-btn {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 44px;
	height: 44px;
	margin: 0 10px;
}
.pause-btn {
	background: url('../images/pause-btn-sprite@2x.png') no-repeat center bottom;
	background-size: 44px 144px;
}
.home-video.play .pause-btn {
	background-position: center top;
}
.mute-btn {
	background: url('../images/mute-btn-sprite@2x.png') no-repeat center 4px;
	background-size: 44px 144px;
}
.mute-btn.mute {
	background-position: center bottom;
}


/******** History ********/
/* .content_style_1 .int_content_wrapper {
	padding: 60px 0;
} */
.content_text, .sorting_list {
	width: 100%;
	max-width: 3000px;  /* 800px; alan */
}
.content_style_1 span {
	font-weight: 700;
}
.content_left {
	width: 60%;
	float: left;
}
.content_right {
	float: left;
	width: 40%;
	height: 100px;
	padding: 0 5%;
}
.content_right h2 {
	margin-bottom: 10px;
}
.content_right h2:first-child {
	margin-top: 0;
}
.content_right .short_yellow_line {
	margin: 15px 0 30px 0;
}
.content_aside_box {
	display: flex;
	padding: 1em;
	margin: 1em 0;
	color: #CA7F3B;
	background-color: white;
	font-weight: 700;
	line-height: 1.1;
	text-align: left;
	align-items: center;
	cursor: pointer;
	transition-duration: 0.3s;
}
.content_aside_box:hover {
	color: white;
	background-color: #797979;
}
.content_aside_box .left {
	float: left;
	width: 60%;
	padding: 0 5%;
	align-self: flex-start;
}
.content_aside_box .right {
	width: 30%;
	float: left;
	padding: 1em 0;
}

/******** Gallery ********/
/* .gallery_content .int_content_wrapper {
	padding: 60px 0;
} */
.gallery_cont h2 {
	margin-left: 1.5%;
}
.gallery_cont h2 span {
	font-family: 'Nunito', sans-serif;
	color: #CA7F3B;
	font-weight: 600;
	font-size: 0.8em;
}
.int_content_wrapper {
  max-width: 940px; /* max-width: 800px; */
  margin: 0 auto;
}
 .gallery {
  overflow: hidden;
}
.gallery_box, a.gallery_box {
  display: block;
  position: relative;
  float: left;
	width: 32%;
	height: 0;
	padding-bottom: 11.2375%;
  margin: 0 2% 2% 0;
  color: black;
  background-color: white;
  line-height: 1.1;
  font-weight: 700;
  text-align: left;
  align-items: center;1
  transition-duration: 0.3s;
  text-decoration: none;
}
.gallery_box:nth-child(3n+3) {
	margin-right: 0;
}
.gallery_box:hover {
	color: white;
	background-color: rgba(0,0,0,0.5);
}
.gallery_box .left {
	/* float: left;
	width: 73%;
	padding: 25px;
	align-self: flex-start; */
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	padding: 25px;
}
.gallery_box.no_image .left {
	width: 100%;
}
.gallery_box .right {
	/* float: left;
	width: 27%;
	padding: 25px 25px 0 0; */
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	padding: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

/******** Contact Us ********/
.contact_us {
	display: flex;
}
.contact_us h2 {
	line-height: 1;
}
.contact_us h2 span {
	font-size: 0.75em;
}
.contact_us .left {
  float: left;
  width: 34%;
  padding-right: 3%;
}
.contact_us .right {
	width: 60%;
	float: left;
}
.contact_us .lines_box {
	min-height: 75%;
  padding: 15px 0;
	margin-top: 15px;
}
.contact_us .orange_arrow {
	font-size: 1.8em;
}
.general_enquiries {
	background: #E9D9AB;
	margin-top: -5px;
	/*margin-bottom: 0;*/
}
.yellow_box {
	float: left;
	width: 32%;
	height: 140px; /*0;*/
	padding: 1%;
	/*padding-bottom: 11.2375%;*/
	margin: 0 2% 2% 0; /*1em 1%;*/
	background-color: #F4ECD8;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
	transition-duration :0.3s;
}
.yellow_box:nth-child(3n+3) {
	margin-right: 0;
}
.yellow_box:hover {
	color: white;
	background-color: rgba(0,0,0,0.5);
}
.yellow_box:hover h3, .yellow_box:hover p {
	color: white;
}
.general_enquiries h2 {
	color: black;
	margin: 2em 0 1em 0;
}
.general_enquiries h3 {
	color: #CA7F3B;
	font-size: 1.6em;
}
.general_enquiries p {
	font-size: 2.1em;
}

/******** Useful Links ********/
.int_tabs_content .int_content_wrapper {
	max-width: 100%;
	padding: 40px 0 0 0;
}
.int_tabs_content .tabs_cont {
  margin-bottom: 0;
}
.int_tabs_content .tab-wrapper {
  max-width: 1140px;
  margin: 0 auto;
}
.int_tabs_content .panel-container {
  padding: 50px 0 80px 0;
	border-top: 4px solid #18385D;
  background-color: #FFF;
}
.int_tabs_content .panel-container-wrapper {
	max-width: 1140px;
	margin: 0 auto;
}

.professor_content {
	overflow: hidden;
	border-bottom: 3px solid #17375E;
}
.admin_content {
	border-bottom: 0;
}
.professor_content .int_content_wrapper {
  padding: 60px 0 0 0;
}
/* .tabs_cont {
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 0;
	margin-left: -10%;
	margin-right: -10%;
	margin-bottom: -2.35%;
	text-align: left;
}
.tab{
	display:inline-block;
	padding: 4px 16px 0;
	margin: 4px 0;
	color: #17375E;
	background-color: white;
	font-size: 1.2em;
	font-weight: 900;
	box-shadow: 1px 1px 5px #979797;
	cursor: pointer;
	transition-duration: 0.2s;
}
.tab:hover, .tab.active {
	color: white;
	background-color: #17375E;
}
.tab p {
	margin: 0;
} */

ul.etabs.inline {
	text-align: left;
	padding-left: 15px; /* if the tabs occupies more than 1 row */
	padding-bottom: 40px;
	margin: 0;
}
.latest_news ul.etabs.inline {
	padding-bottom: 30px;
}
ul.etabs.inline .tab {
	display: inline-block;
	position: relative;
	padding-right: 15px;
}
ul.etabs.inline .tab:first-child {
	margin-left: -10px;
}
ul.etabs.inline .tab:before {
	display: block;
	position: absolute;
	left: -10px;
	bottom: 0;
	content: "|";
	color: #CA7F3B;
	font-size: 18px;
}
ul.etabs.inline .tab:first-child:before {
	display: none;
}
ul.etabs.inline .tab {
	color: #CA7F3B;
	font-family: 'Nunito', sans-serif;
	font-size: 1.8em;
	font-weight: 600;
}
ul.etabs.inline .tab a {
	font-size: 1em;
	/* color: #CA7F3B; */
	color: #18385D;
	text-decoration: none;
}
ul.etabs.inline .tab.active {
	color: #18385D;
	font-family: 'Crimson Text', serif;
	font-size: 2.4em;
	font-weight: 700;
}
ul.etabs.inline .tab.active a {
	font-size: 1em;
	color: #18385D;
}
ul.etabs.inline .tab:hover, ul.etabs.inline .tab:hover a {
	color: #18385D;
}

ul.etabs.block {
	text-align: left;
	max-width: 1140px;
	margin: 0 auto;
}
ul.etabs.block .tab {
	display: inline-block;
	position: relative;
	padding: 10px 20px;
	margin: 0 5px 5px 0;
	color: #18385D;
	background-color: #FFF;
	font-family: 'Crimson Text', serif;
	font-size: 2.1em;
	font-weight: 700;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
}
ul.etabs.block .tab.active {
	color: #FFF;
	background-color: #18385D;
}
ul.etabs.block .tab a {
	font-size: 1em;
	color: #18385D;
	text-decoration: none;
}
ul.etabs.block .tab.active a {
	font-size: 1em;
	color: #FFF;
}

.links_content {
	max-width: 1140px;
  padding: 2% 50px;
	margin: 35px auto;
	color: black;
	font-weight: 700;
	/* text-decoration: underline; */
}



/******** News ********/
.news_section {
	overflow: hidden;
}
.news_section .wrapper {
	/* display: flex; */
	max-width: 1300px; /* 1200px */
	padding: 20px 20px 20px 40px;
	overflow: hidden;
}
.latest_news {
	width: 63.45%;
	float: left;
	padding: 5px 0 0 0; /* alan */
}

.tabs_cont ul.tabs {
	padding-left: 0;
	margin-bottom: 30px;
}
.faculty_publications .tabs_cont ul.tabs {
	margin-top: 2em;
}
.tabs_cont ul.tabs li {
	display: inline-block;
	list-style: none;
	color: #CA7F3B;
	font-weight: 600;
	transition: all 0.3s;
}
.tabs_cont ul.tabs li:hover {
	color: #18385D;
}
.tabs_cont ul.tabs li a {
	position: relative;
	padding-right: 16px;
	font-size: 1.8em;
}
.tabs_cont ul.tabs li.active a {
	font-family: 'Crimson Text', serif;
	color: #18385D;
	font-size: 2.4em;
	font-weight: 900;
}
.tabs_cont ul.tabs li a:before {
	content: "|";
	position: absolute;
	left: -12px;
	font-weight: 100;
	color: #CA7F3B;
}
.tabs_cont ul.tabs li:first-child a:before {
	display: none;
}
/* .notes_box {
	display: flex;
	flex-wrap: wrap;
} */
.notes_box { 
	overflow: hidden;
}
.note {
	position: relative;
	display: block;
	float: left;
	height: 0;
	margin-right: 1%;
	margin-bottom: 1%;
	overflow: hidden; /*scroll;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
body.home .note {
	width: 49.5%; /*355*/
	padding-bottom: 37.65%; /*270*/
}
body.home .note:nth-child(2n+2) {
  margin-right: 0;
}

/* .note:nth-child(4) {
  margin-right: 0;
} */
.note_text_container {
	position: absolute;
	width: 100%;
	height: 100%;
  top: 65.6%;
  left: 0;
  padding: 15px 25px;
  background-color: rgba(205,127,59,0.8);
  font-weight: 700;
  transition: top 0.2s ease-in-out;
}
.note:hover .note_text_container {
	top: 0;
  transition: top 0.2s ease-in-out;
}
.note_text {
	margin: 0;
  color: white;
	font-size: 1.8em;
	text-align: left;
}
.note_text_info, .note_text span {
	display: block;
	margin-bottom: 5px;
	/* color: #18385D; */
	color: white;
	font-family: 'Nunito', sans-serif;
	font-size: 0.9em;
}
.note_text_info div {
	display: inline-block;
}
body.home .note:nth-child(4n+2) .note_text_container,
body.home .note:nth-child(4n+3) .note_text_container {
	background-color: rgba(24, 56,93,0.8);
}
body.home .note:nth-child(4n+2) .note_text span,
body.home .note:nth-child(4n+3) .note_text span {
	/* color: #CA7F3B; */
	color: white;
}

.events {
	display: block;
	float: right;
	width: 33.98%;
	padding: 50px 30px 95px 30px;
}
.events h2 {
	margin-bottom: 30px;
	font-size: 2.4em;
	font-weight: 700;
}
.events .blue_arrow {
	font-size: 1.8em !important;
}
.aside_cont {
	color: #17375E;
	background-color: #F2F2F2;
	font-weight: 700;
}
.aside_box {
	padding: 0;
	border-top: 2px solid #CA7F3B;
	border-bottom: 1px solid #CA7F3B;
}
.aside_inner_box {
	padding: 15px 0;
	border-bottom: 1px solid #CA7F3B;
	font-size: 1.1em;
	line-height: 1.2em;
}
.left_aside {
	float: left;
	width: 16%;
	padding: 0;
	margin: 0;
}
.right_aside {
	float: left;
	width: 78%;
	padding: 0 2%;
	margin: 0 0 5px 0;
}
.home_events .left_aside {
	width: 18%;
}
.home_events .right_aside {
	width: 72%;
}
.left_aside p, .right_aside p {
	margin-bottom: 0;
}
.right_aside span {
	font-size: 0.9em;
	color: #CA7F3B;
}
/*.google_plus {
	color: #ED1C24;
}*/
.google-calendar-icon {
	width: 24.425px;
	height: 25px;
	margin-top: 5px;
	background-image: url('../images/google-icon.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.aside_inner_box:hover div {
	color: #CA7F3B;
	transition-duration: 0.3s;
}
.photo_aside {
	width: 80%;
	margin-bottom: 1em;
}
.view_all {
	padding-right: 30px;
	text-align: right;
}

/******** Blog ********/
.blog_section {
}
.blog_section .wrapper {
	position: relative; 
	display: inline-block;
	display: block; 
	max-width: 1260px; /* 1200px */
	padding: 0 50px 0 40px;
	background-color: #F2F2F2;
	overflow: visible; 
}

.blog_section .wrapper:before {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	background-color: #FFF;
}
.blog_section .wrapper:after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	background-color: #FFF;
}
.blog {
  display: inline-block;
	position: relative;
	width: 33.24%;
  padding: 65px 30px 120px 30px;  /* 90px top alan */
  margin: -20px 0 0 0;
  z-index: 1;
}
.blog h2 {
	margin-bottom: 30px;
	font-size: 2.4em;
	font-weight: 700;
}
.blog .blue_arrow {
	font-size: 1.8em !important;
}
.blog.aside_cont {
	font-weight: 500;
	color: black;
	background: rgba(213,182,95,0.50);
	margin-top: 0px;  /* alan */
	margin-bottom: 20px;  /* alan */
}
.title_blog {
	font-weight: 900;
}
.blog .aside_inner_box:hover div {
	color: #17375E;
	transition-duration: 0.3s;
}
.blog .view_all {
	text-align: left;
}
.faculty_publications {
	width: 64.14%;
	padding-top: 70px;
	float: right;
}

/******** Other_publications ********/
.other_publications_content .int_content_wrapper {
	padding: 60px 0;
}
.other_pub_cont .note {
	width: 32%;
	overflow: visible;
}

.invisible {
	font-family: 'Crimson Text', serif !important;
	color: white !important;
	opacity: 0;
}
.note:hover .invisible {
	opacity: 1;
}

/******** Tuition Fees ********/
.tutition_fees_content .int_content_wrapper {
	padding: 60px 0;
}
.tutition_fees_content .short_yellow_line {
	width: 300px;
}
.tuition_fees_cont {
	margin-bottom: 50px;
}
.tuition_fees_cont h2{
	margin-bottom:0;
}
.tuition_fees_cont .short_yellow_line {
	margin-top: -5px;
}
.white_info_box {
	display: flex;
	padding: 0 2%;
	margin-bottom: 15px;
	background-color: #F9F9F9;
	font-weight: 600;
	text-align: left;
}
.white_info_box h3 {
	margin-top: 18px;
	color: black;
	line-height: 1.2em;
}
.white_info_box p {
	margin-top:18px;
	color:#CA7F3B;
}
.white_info_box span{
	color: #17375E;
	font-family: 'Nunito', sans-serif;
	text-decoration: underline;
}
.section {
	width: 25%;
	margin-right: 8%;
}
.section:last-child {
	width: 33%;
	margin-right: 0;
}
.title_yellow_line {
	display: inline-block;
	padding-right: 20px;
	border-bottom: 3px solid #CA7F3B;
}
.remarks {
	padding-left: 1em;
	font-family: 'Nunito', sans-serif;
	font-size: 0.8em;
}
.remarks p {
	margin: 0;
}


/******** Filter ********/
.filter {
	margin-bottom: 20px;
}
.filter-bottom {
	margin-bottom: 50px;
}
.search_aside {
	width: 21%;
	min-width: 300px;
	padding: 80px 40px 80px 60px;
	margin-right: 2%/*10px;*/;
	background-color: #EADAB1;
	/*float:left;*/
}
.search_aside h2 {
	margin: 0;
	color: black;
	font-style: italic;
	font-family: 'Crimson Text', serif !important;
	font-size: 3.2em;
}
p.search_input {
	position: relative;
	border-bottom: 2px solid black;
	height: 30px;
	margin: 50px 0;
	font-size: 1em;
	color: #000;
}
.search_input input#search {
	width: 100%;
	padding-right: 30px;
	font-size: 1.6em; /*1.4em*/
	font-weight: 300;
	font-style: italic;
	background: url('../images/icon-search@2x.png') no-repeat 99% center;
	background-color: transparent;
	background-size: 20px 20px;
}
.search_input i, .filter_title i, .checkbox i, .outer, .inner {
	float: right;
}
.filter_title i {
	font-size: 1.6em;
	margin-top: -4px;
}
.search_input input#search::-webkit-input-placeholder {
	color: #000;
}
.search_input input#search::-moz-placeholder {
  color: #000;
}
.search_input input#search:-ms-input-placeholder {
  color: #000;
}
.search_input input#search:-moz-placeholder {
  color: #000;
}
p.filter_title {
	color: #CA7F3B;
	font-family: 'Crimson Text', serif;
	font-size: 1.7em;
	font-weight: 600;
	font-style: italic;
	/* padding-bottom: 10px; */
	/* border-bottom: 2px solid #CA7F3B; */
	margin-bottom: 15px;
}
.filter_select {
	width: 100%;
	font-size: 1.5em;
}
.filter_title i {
	display: none;
	margin-top: -6px;
	color: #CA7F3B;
}
.outer {
	display: inline-block;
	border-radius: 100%;
	padding: 2px;
	border: 1px solid #17375E;
	margin-right: -1.5em;
}
.inner{
	display: inline-block;
	height: 10px;
	width: 10px;
	background-color: #17375E;
	border-radius: 100%;
}
p.checkbox {
	position: relative;
	padding-right: 1.5em;
	text-align: left;
	font-size: 1.6em;
}
.checkbox i {
	margin-right: -1.5em;
	color: #17375E !important;
}
.checkbox input {
	position: absolute;
	right: 0;
	top: 0;
}



/******** News ********/

.news_cont {
	display: flex;
	background-color: white;
}
.news_box {
	/* width: 77%; */
	margin-right: auto;
	margin-left: auto;

	/* 77%; alan */
	padding: 80px 60px 80px 40px;
	background: #F2F2F2;
	/*float:left;*/
}
.news_details .news_box {
	width: 100%;
}
.news_cont .news_box {
  width: 100%;
}
.news_details .news_box_content {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
p.news_date {
	margin-bottom: 10px;
	font-weight: 700;
	color: #CA7F3B;
}

/******** Academic Staff / Students ********/
.staff, .student {
	display: block;
	font-weight: 600;
	text-align: left;
	text-decoration: none !important;
}
.staff_new {
	display: inline-block;
	height: 450px;
	vertical-align: top;
	width: 250px;
	padding-left: 10px;
	padding-right: 10px;
}
.staff_new img {

	padding-bottom: 10px;
}

.staff a, .student a {
	display: block;
	text-decoration: none !important;
}
.staff h2, .student h2 {
	margin-bottom: 0;
	line-height: 1em;
}
.staff p.description, .student p.description {
	margin-top: 0;
	font-family: 'Nunito', sans-serif;
	font-size: 1.4em;
}
.staff p.description#department {
	margin-bottom: 0;
}
.staff p.description#profession, .staff p.description#position,
.staff p.description#centre {
	margin-bottom: 0;
}
.staff p.subheading#expertise {
	margin-top: 20px;
}
.staff ul, .student ul {
	/*padding-left: 15px;*/
	list-style: none;
}
.staff ul#area {
	padding-left: 0;
	margin-left: 0;
	margin-top: 15px;
}
.description_title {
	display:inline-block;
	width: 150px;
	color: black !important;
}
.staff p.subheading, .student p.subheading {
	margin-bottom: 0;
	color: #CA7F3B;
	font-weight: 700;
}
.staff ul li, .student ul li {
	position: relative;
	font-size: 1.4em;
	list-style: none;
}
.staff ul li.area-list {
	display: inline-block;
	margin: 0 10px 5px 0;
}
.staff ul li:before, .student ul li:before {
	content: "";
	position: absolute;
	left: -20px;
  top: 5px;
	width: 8px;
	height: 8px;
	background-color: #CA7F3B;
	border-radius: 100%;
}
.staff:hover ul li:before, .student:hover ul li:before {
	background: #17375E;
}
.staff ul li.area-list:before {
	content: '\0023';
	position: static;
	display: inline-block;
	padding-right: 3px;
	background: none !important;
}
.staff:hover span, .staff:hover .description_title, .staff:hover .description,
.student:hover span, .student:hover .description_title, .student:hover .description {
	color: #17375E !important;
}

.staff_category_list {
	width: 90%;
	text-align: left;
}
.staff_category_list span {
	display: inline-block;
	padding-top: 3px;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 2px solid #000;
	margin-bottom: 15px;
	color: #000;
	font-family: 'Crimson Text', serif;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 0.9;
	letter-spacing: 1px;
	text-decoration: none;
	cursor: pointer;
}
.staff_category_list span:last-child {
	border-right: 0;
}
.staff_category_list span.active {
	color: #CA7F3B;
}

.staff_category_title {
	width: 90%;
	padding-top: 35px;
	border-bottom: 2px solid #000;
	margin-bottom: 35px;
	color: #CA7F3B;
	font-family: 'Crimson Text', serif;
	font-size: 2.3em;
	font-weight: 700;
	text-transform: uppercase;
}
.staff + .staff_category_title {
	padding-top: 55px;
}

.short_yellow_line {
	width: 200px;
	margin: 30px 0;
	border: 1px solid #CA7F3B;
	background-color: #CA7F3B;
}
.staff:last-child .short_yellow_line {
	display: none;
}
.research_title, .student_title {
	margin-bottom: 1em !important;
}
.student_subheading {
	color: #CA7F3B;
	padding-top: 10px;
}
.staff_no_hover .staff a,
.student_no_hover .student a {
	cursor: auto !important;
}
.staff_no_hover .staff:hover span,
.student_no_hover .student:hover span {
	color: #CA7F3B !important;
}
.staff_no_hover .staff:hover .description, .staff_no_hover .staff:hover .description_title,
.student_no_hover .student:hover .description, .student_no_hover .student:hover .description_title {
	color: black !important;
}
.staff_no_hover .staff:hover ul li:before,
.student_no_hover .student:hover ul li:before {
	background-color: #CA7F3B;
}
.single_department {
	text-transform: uppercase;
}


/******** Professor ********/
p.staff_info {
	font-size: 1.4em;
	line-height: 1.65;
}
p.staff_bio {
	font-size: 1.6em;
	line-height: 1.45;
}
.staff_info .job_title {
	display: block;
}
.professor_content .short_yellow_line {
	margin-top: 20px;
	margin-bottom: 20px;
}
.professor_content h3, .professor_content h2{
	font-family: 'Crimson Text', serif;
	margin-bottom: 0;
	font-weight: 700;
}
.professor_content h2 {
	font-size: 3.2em;
}
.professor_content h3 {
	font-size: 2.4em;
	margin-bottom: 7px;
}
.professor_content h2 ~ p, .professor_content h3 ~ p, .professor_content h3 ~ ul {
	margin-top: 0;
}
.yellow_points li {
	position: relative;
	list-style: none;
	font-size: 1.6em;
}
.yellow_points li:before {
	content: "";
	position: absolute;
	left: -20px;
	top: 6px;
	width: 8px;
	height: 8px;
	background-color: #CA7F3B;
	border-radius: 100%;
}
.professor_content .left {
  float: left;
  width: 63%;
  padding-right: 50px;
  padding-bottom: 20px;
	margin-right: 5%;
}
.professor_content .rightmobile {
	display: none;
}

.professor_content .right {
	float: left;
	width: 32%;
}
.professor_content .right img {
	margin: 0 auto;
}
.professor_content .right p {
	font-size: 1.6em;
}
.professor_content .tabs_cont {
	margin: 0;
	padding: 0;
}
.professor_content .tabs_cont .tab {
	font-size: 2.1em;
}
.professor_content .tabs_cont .tab p {
	font-size: 1em;
}
.symbols {
	float: right;
	width: 130px;
	height: 0;
	padding-bottom: 21px;
	background: url('../images/symbols.svg') no-repeat right bottom;
}
.professor_links {
	font-weight: 700;
	text-decoration: none !important;
}
.professor_links b {
	font-weight: 500;
}
.professor_links span {
	color: #17375E;
}
.professor_content h3.professor_contact_me {
	margin-top: 0;
	margin-bottom: 13px;

}
.end {
	margin-top: 30px;
	font-family: 'Nunito', sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	font-style: italic;
}

.tabs_cont{
	padding-bottom:0;
	margin-bottom:-2.35%;
	text-align:left;
	margin-left:-10%;
	margin-right:-10%;
	padding-left:10%;
	padding-right:10%;
}
.tabs_cont .tab{
	background:white;
	display:inline-block;
	padding:8px 16px 0;
	color:#17375E;
	font-weight:900;
	font-size:1.2em;
	margin:4px 0;
	margin-bottom:0;
	box-shadow:1px 1px 5px #979797;
	transition-duration:0.2s;
	cursor:pointer;
}
.tabs_cont .tab:hover, .tabs_cont .tab.active {
	background:#17375E;
	color:white;
}
.tabs_cont .tab p{
	margin:0;
}
.tab-details {
	display: none;
}
.tab-details.active {
	display: block;
}

.tab-details ul {
	list-style: none;
}
.tab-details li {
	font-size: 1.6em;
	margin-bottom: 10px;
}
.tab-details li a {
	color: #FCAF39;
}

.tab-details li.tabmore {
	cursor: pointer;
}
.tab-details ul ul {
	margin-top: 10px;
}
.tab-details ul li li {
	font-size: 1em;
}
.tab-details ul li li a{
	color: #CD8032;
	text-decoration: underline;
}
.tab-details p a {
	color: #FCAF39;
}

.tabmore:before {
	position: relative;
	display: inline-block;
	content: "+";
	padding-right: 10px;
	color: #CD8032;
}
.tabmore.expand:before {
	position: relative;
	display: inline-block;
	content: "-";
	padding-right: 10px;
}
.links_content{
	max-width: 1140px;
	margin: 35px auto;
  padding: 2% 50px;
	color:black;
	text-decoration:underline;
	font-weight:700;
}






/** Alumni - Activities and Events **/
.aevents select {
  background: transparent;
  border: 0; 
  font-size: 1em;
  font-family: 'Crimson Text', serif !important;
  width: 100%;
}




/** Events - News and Events **/
.news_cont .search_aside h2 {
	margin-bottom: 20px;
}
/* .news_cont .search_input {
	margin-top: 80px;
} */
.aside_box.events_box {
	border: 0;
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.aside_box.events_box .aside_inner_box {
	border: 0;
}
.aside_box.events_box {
	color: #17375E;
	font-weight: 700;
}
.event_details .aside_box.events_box {
  font-weight: 400;
}
.filter_calendar1 {
	display: inline-block;
	width: 58%;
	margin-right: 5%;
}
.filter_calendar2 {
	display: inline-block;
	width: 35%;
}
.event {
	color: black;
	font-weight: 500;
}
.title_event {
	margin-bottom: 0;
	color: #17375E;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.2em;
}
.title_event ~ p {
	margin-top: 0;
}
.title_event.main_title {
	margin: 1em 0;
}
.black_underline {
	color: black !important;
	text-decoration: underline;
}

.eevents select {
  background: transparent;
  border: 0; 
  font-size: 1em;
  font-family: 'Crimson Text', serif !important;
  width: 100%;
}

iframe .calendar-container  {
	width: 300px !important;
}
.calendar-container .bubble {
	width: auto !important;
}

.simcal-calendar td, .simcal-default-calendar-grid.simcal-default-calendar-dark .simcal-day-void {
	background-color: #FFF !important;
}
.simcal-calendar-head tr:last-child th {
	background-color: #16375E;
	color: #FFF;
}
.simcal-default-calendar-grid .simcal-events-dots {
	/*display: none !important;*/
}
.simcal-day-has-events {
	cursor: pointer;
}

.ne_intro .short_yellow_line {
	border-bottom: 1px solid #D7AE83;
}
.ne_date, .ne_title {
	font-size: 2.1em;
	font-weight: 700;
	color: #17375E;
	line-height: 1;
}
.ne_title {
	display: inline-block;
	margin-bottom: 10px;
	text-decoration: none !important;
}
.fa-google-plus {
	margin-top: 10px;
}
.news_details .ne_title {
	margin-bottom: 30px;
}
.ne_intro .ne_title:hover {
	color: #cd8032;
}
.ne_brief {
	font-size: 1.6em;
	font-weight: 700;
	color: #cd8032;
	line-height: 1.3;
}
.ne_info {
	font-size: 1.6em;
	font-weight: 700;
	color: #17375e;
	line-height: 1.3;
}
.ne_centre, .ne_areas {
	margin-top: 10px;
}
.ne_info li {
	font-size: 0.875em;
}
.ne_info p, .ne_info li li {
	font-size: 1em;
}
a.ne_back {
  display: block;
	position: fixed;
	bottom: 60px;
	left: 0;
	padding: 8px 15px 10px 15px;
  color: white;
	background-color: rgba(24, 56,93,0.8);
  font-family: 'Nunito', sans-serif;
  font-size: 1.8em;
  text-decoration: none;
	z-index: 100;
}


iframe .calendar-container  {
	width: 300px !important;
}
.calendar-container .bubble {
	width: auto !important;
}

.simcal-calendar td, .simcal-default-calendar-grid.simcal-default-calendar-dark .simcal-day-void {
	background-color: #FFF !important;
}
.simcal-calendar-head tr:last-child th {
	background-color: #16375E;
	color: #FFF;
}
.simcal-default-calendar-grid .simcal-events-dots {
	/*display: none !important;*/
}
.simcal-day-has-events {
	cursor: pointer;
}


table#wp-calendar {
    width: 100%;
    font-size: 1.4em;
    table-layout: fixed;
    border-collapse: collapse;
}
#wp-calendar td {
    width: 14%;
    color: #000;
    background-color: #FFF;
    padding: 10px 0;
    text-align: center;
    border: 2px solid #DCE4D0
}
#wp-calendar th {
    width: 14%;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 2em;
    color: #FFF;
    background-color: #17375E;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #DCE4D0;
}
#wp-calendar caption {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 10px;
}
.calendar-control {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: -25px;
    font-size: 2em;
}
.calendar-control#prev {
    float: left;
}
.calendar-control#next {
    float: right;
}
 .calendar-control a {
    text-decoration: none !important;
}
.daywithevent {
    position: relative;
    color: #CC8A48;
    cursor: pointer;
}
.daywithevent.active:after {
    display: block;
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 1px;
    width: 15px;
    background-color: #CC8A48;
    transform: translateX(-50%);
}
.page-template-page-events .search_aside {
	padding-bottom: 290px;
}
.event-msg {
	width: 100%;
	overflow: hidden;
  margin-bottom: 20px;
}
.event-msg span {
  display: block;
  font-size: 2.2em;
  color: #17375E;
  font-weight: 700;
  margin-bottom: 8px;
}
.calendar-all {
	display: none;
	font-size: 1.6em;
  padding: 5px 10px;
  color: #000; /*#17375E;*/
  background-color: #EADAB1;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 5px;
}
.calendar-all.active {
	display: inline-block;
}
.calendar-all:hover {
	color: #CA7F3B;
}




/* filter drop down */
.select-hidden {
  display: none !important;
  visibility: hidden;
  padding-right: 10px;
}
.select {
  cursor: pointer;
  display: block; /*inline-block;*/
  position: relative;
  font-size: 1.6em;
  width: 100%;
}
.filter_select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
  /*height: 54px;*/
}
.select-styled {
  position: relative;
	display: table;
  width: 100%;
  /* height: 100%; */
  /* table-layout: fixed; */
  /* top: 0; */
  /* right: 0; */
  /* bottom: 0; */
  /* left: 0; */
  border: 1px solid #CA7F3B;
  /* background-color: #c0392b; */
  padding: 8px 35px 8px 12px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.select-styled span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 38px;
	font-weight: 700;
	text-align: left;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #CA7F3B transparent transparent transparent;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -4px;
}
/* .select-styled:hover {
  background-color: #b83729;
}
.select-styled:active, .select-styled.active {
  background-color: #ab3326;
} */
.select-styled:active:after, .select-styled.active:after {
	top: 50%;
  margin-top: -13px;
  border-color: transparent transparent #CA7F3B transparent;
}
.select-options {
  display: none;
  position: absolute;
  height: auto;
  max-height: 335px;
  overflow: auto;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 !important;
  padding: 0;
  list-style: none !important;
  background-color: #f2f2f2;
  border: 1px solid #EADAB1;
}
.select-options li {
  margin: 0;
  padding: 8px 15px;
  border-top: 1px solid #EADAB1;
	font-size: 1em !important;
	text-align: left;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  /* color: #c0392b; */
  background: #d3975f;
}
.select-options li[rel="hide"] {
  display: none;
}
table {	font-size : 1.8em;	}
th { padding: 8px; font-weight: bold; }
td { padding: 5px; }

.search {
	margin-top: 6px;
}
#___gcse_0 {
	width: 300px;
}
.gsc-control-cse, input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	border: 0 !important;
}
input.gsc-input {
	display: block;
	float: left;
	width: 342px;
	height: 25px;
	padding: 3px 5px;
	color: #153A6C;
	font-size: 0.8em !important;
}
input.gsc-input::-webkit-input-placeholder {
	font-size: 1.0em !important;  
}
input.gsc-search-button, input.gsc-search-button-v2 {
	display: block;
	float: right;
	width: 39px !important;
	min-width: 0 !important;
	height: 25px !important;
	min-height: 0 !important;
	padding: 6px 13px !important;
	border: 0 !important;
	margin: 0 !important;
	background: #17375E !important;
}
.gsc-control-cse {
	padding: 0 !important;
	font-family: inherit !important;
	font-size: 1em !important;
}
form.gsc-search-box, table.gsc-search-box {
	margin-bottom: 0 !important;
	font-size: 1em !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 0 !important;
}
.gsc-input-box, .gsc-input-box-hover {
	border: 0 !important;
	box-shadow: none !important;
}
.gsc-input-box-focus {
	border: 0 !important;
	box-shadow: none !important;
}
.gsib_a {
	padding-top: 5px !important;
}
.gsst_b {
	font-size: 1em !important;
}
.gsst_a {
	padding-top: 0 !important;
}
.gscb_a {
	padding-top: 3px !important;
	font-size: 2em !important;
	line-height: 1 !important;
	font-family: inherit !important;
}

.blog_section .wrapper {
	margin-top: 20px;
}

.gsc-input-box {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.gsc-search-button-v2 {
	padding: 5px 10px !important;
}

/** Research Prograduate Students **/
.page-template-page-research-postgraduates .search_aside {
	padding-bottom: 205px;
}
.fieldsofstudy {
	font-size: 1.8em;
	color: #CA7F3B;
	margin-bottom: 10px;
}
.single-students .left {
  float: left;
  width: 65%;
  padding-right: 50px;
  padding-bottom: 20px;
}
.single-students .right {
	float: right;
	width: 35%;
}


	.carousel{
  	width:100%;
  	margin:0px auto;
	}

.back_to_top {
  position: fixed;
  right: 20px;
  bottom: 60px;
  width: 72px;
  height: 72px;
  background: url('../images/back-to-top-sprite@2x.png') no-repeat center top;
  background-size: 72px 272px;
  cursor: pointer;
}
.back_to_top:hover {
	background-position: center -200px;
}
/* Card container */
.card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
}

/* Card */
.card {
  width: 25%; /* Adjust this value as per your needs */
  padding: 8px;
  padding-bottom: 20px;
  box-sizing: border-box;
  text-align: center;
  float: left;
  height: 300px;
}

/* User image */
.user-img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  margin: 0 auto 10px;
  overflow: hidden;
}
/* y_line */
.y_line {
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  width:100%;
}
/* User name */
.user-name {
  padding-top: 10px;
  font-weight: bold;
  display:flex;
  justify-content: center; 
  align-items: center;
}
.user-name > :first-child {
  padding: 2px;
}
h2 .user-name {
  font-size: 1.3em;
}

/* Media queries for responsive design */
@media screen and (max-width: 1200px) {
  .card {
    width: 33.00%;
  }
}
@media screen and (max-width: 900px) {
  .card {
    width: 50.00%;
  }
}

@media screen and (max-width: 768px) {
  .card {
    width: 100%;
  }
}
.vprof {
  text-align-last: center;
}
