@charset "UTF-8";

@font-face {
    font-family: 'Andada';
    src: url('../fonts/subset-Andada-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Andada';
    src: url('../fonts/subset-Andada-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Widescreen';
    src: url('../fonts/subset-Widescreen-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Widescreen';
    src: url('../fonts/subset-Widescreen-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Widescreen';
    src: url('../fonts/subset-Widescreen-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@import url("https://use.typekit.net/efr2xxq.css");

html {
    -webkit-text-size-adjust: none;
}

:root {
	--big-para-size: 24px;
	--section-spacing: 150px;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.grayBG{
	background: rgba(242, 242, 242, 0.33);
}
body, div {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Andada', Times, serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #000;
	line-height: 1.33;
	background: #fff;
}

/* Main Wrapper */

#mainWrapper {
	position: relative;
	text-align: left;
	margin: 0 auto;
	min-width: 320px;
	font-size: 16px;
	overflow: hidden;
}

@supports (overflow:clip) {
	#mainWrapper {
		overflow: visible;
	}
}

/* Section */

.section {
	max-width: 1300px;
	margin: 0 auto;
}

/* Header */

#header {
	background: #C8E8E1;
	border-top: 20px solid #00686A;
}

#header .section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 193px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#header .logo {
	display: block;
	width: 400px;
	margin-left: -30px;
}

#header .logo img {
	display: block;
	width: 100%;
}

#header .options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	margin-right: -30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

#header #navigation ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

#header #navigation ul li {
	margin: 0 0 0 35px;
	padding: 0;
	list-style: none;
	font-family: 'Widescreen', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#header #navigation ul li a {
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
}

#header #navigation ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	width: 0;
	bottom: -2px;
	height: 2px;
	background: #C23B75;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#header #navigation ul li a:hover:before,
#header #navigation ul li.active a:before {
	width: 100%;
}
/* Navigation Dropdowns */

#header #navigation ul li {
	position: relative;
}

#header #navigation ul li .sub-menu {
	position: absolute;
	left: 0;
	top: calc(100% + 15px);
	min-width: 240px;

	margin: 0;
	padding: 20px 0;

	display: flex;
	flex-direction: column;
	align-items: flex-start;

	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.12);

	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);

	transition: all 0.3s ease;
	z-index: 100;
}

#header #navigation ul li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

#header #navigation ul li .sub-menu li {
	margin: 0;
	width: 100%;
	font-size: 14px;
}

#header #navigation ul li .sub-menu li a {
	display: block;
	width: 100%;
	padding: 10px 20px;

	border: none;
	text-align: left;
}

#header #navigation ul li .sub-menu li a:before {
	display: none;
}

#header #navigation ul li .sub-menu li a:hover {
	background: #C8E8E1;
	color: #00686A;
}
#header .searchBox {
	margin-bottom: 31px;
}

/* Search Box */

.searchBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 309px;
	--height: 42px;
	border: 1px solid #211F1F;
	border-radius: 50px;
}

.searchBox .query {
	margin: 0;
	padding: 0 10px 0 25px;
	border-radius: 0;
	border: none;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	background: none;
	font-family: 'Widescreen', Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	height: var(--height);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
}

.searchBox .searchBtn {
	margin: 0;
	padding: 0;
	border: 0;
	width: var(--height);
	height: var(--height);
	border-radius: 100%;
	text-indent: -9999em;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	border-radius: none;
	background: #00686A url(../images/search-ico.svg) no-repeat center;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.searchBox .searchBtn:hover {
	background-color: #177476;
}

/* Overlay Image */

.overlayImage {
	position: relative;
	--overlay-width: 535px;
	--lines-space: 160px;
}

.overlayImage img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.overlayImage .section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	min-height: 774px;
	z-index: 1;
}

.overlayImage .overlay {
	position: relative;
	width: var(--overlay-width);
	padding: 120px 0;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.overlayImage .overlay:before {
	content: "";
	position: absolute;
	left: -9999em;
	right: -75px;
	top: 0;
	bottom: 0;
	border-radius: 0 40px 40px 0;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.10);
	        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.10);
	-webkit-backdrop-filter: blur(10.5px);
	backdrop-filter: blur(10.5px);
	z-index: -1;
}

.overlayImage .overlay .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.overlayImage .overlay .text>:last-child {
	margin-bottom: 0;
}

.overlayImage .overlay .text h4 {
	font-family: 'Andada', Times, serif;
	font-weight: normal;
	line-height: 1.333;
}

.overlayImage .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.overlayImage .info>:last-child {
	margin-bottom: 0;
}

#intro:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #0B776F;
	mix-blend-mode: multiply;
	z-index: 1;
}

#intro .section:after {
	content: "";
	position: absolute;
	left: calc(var(--overlay-width) + var(--lines-space));
	top: 0;
	right: -9999em;
	bottom: 0;
	background: url(../images/intro-lines.svg) no-repeat left center;
	background-size: auto 77.4025974025974%;
	opacity: 0.1;
}

#intro .slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	margin-bottom: 10px;
}
#intro .slider h1{
	text-transform: uppercase;
}

#intro .pagi {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 41px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

#intro .pagi .swiper-pagination-bullet {
	width: 60px;
	height: 1px;
	background: #fff;
	opacity: 1;
	margin: 0 20px 0 0;
	border-radius: 0;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#intro .pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
	height: 3px;
	background-color: #FFA300;
}

/* Page Title */

#pageTitle {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	min-height: 230px;
	background: #00686A;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	z-index: 1;
}

#pageTitle:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: url(../images/page-title-lines.svg) no-repeat center;
	background-size: auto 145px;
	opacity: 0.1;
}

#pageTitle .section>:last-child {
	margin-bottom: 0;
}

/* Members */

#members {
	background: #01b09d url(../images/gradient-bg.jpg) repeat-y center top;
	color: #fff;
	background-size: 100%;
	text-align: center;
}

#members .section {
	padding-top: var(--section-spacing);
	padding-bottom: var(--section-spacing);
}

#members .section>:last-child {
	margin-bottom: 0;
}

#members h3 {
	max-width: 840px;
	margin: 0 auto 70px;
}

#members .logos {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#members .logos li {
	margin: 0 15px 34px;
	padding: 0;
	list-style: none;
}

#members .logos li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 220px;
	height: 164px;
	padding: 15px;
	border-radius: 17px;
	background: rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.20);
	        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.20);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#members .logos li img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

#members .logos li a:hover {
	-webkit-transform: scale(1.08);
	    -ms-transform: scale(1.08);
	        transform: scale(1.08);
}

#members .linkBtn {
	margin-left: auto;
	margin-right: auto;
}

/* Content */

.content {
	position: relative;
}

.content .section {
	position: relative;
	padding-top: var(--section-spacing);
	padding-bottom: var(--section-spacing);
}

.content .section>:last-child {
	margin-bottom: 0;
}

.content .section:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: -9999em;
	opacity: 0.1;
	z-index: -1;
}

.content.linesStyle01 .section:before {
	background: url(../images/lines-style01.svg) no-repeat right -15px;
	background-size: auto 5026px;
}

.content.linesStyle02 .section:before {
	right: -60px;
	height: 833px;
	bottom: auto;
	background: url(../images/lines-style02.svg) no-repeat right bottom;
	background-size: 1227px auto;
}

.content.linesStyle03 .section:before {
	top: 0;
	left: 0;
	bottom: 0;
	width: 345px;
	background: url(../images/lines-style06.svg) no-repeat left center;
	background-size: 100% auto;
}

.content.linesStyle04:before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 446px;
	height: 100%;
	background: url(../images/lines-style07.svg) no-repeat right bottom;
	background-size: 100% auto;
	z-index: -1;
	opacity: 0.1;
}

.content.linesStyle05 .section:before {
	top: 96px;
	right: 370px;
	left: -9999em;
	height: 753px;
	background: url(../images/lines-style08.svg) no-repeat right bottom;
	background-size: auto 100%;
}

.content.linesStyle06 .section:before {
	right: -9999em;
	left: 801px;
	bottom: 281px;
	width: 4562px;
	background: url(../images/lines-style09.svg) no-repeat left bottom;
	background-size: 100% auto;
}

.content.linesStyle06:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 320px;
	height: 330px;
	background: url(../images/lines-style07.svg) no-repeat left bottom;
	background-size: 100% auto;
	opacity: 0.1;
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
	z-index: -1;
}

/* Image Text */

.imageText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	max-width: 1180px;
	margin: 0 auto;
}

.imageText .image {
	width: 480px; 
	border-radius: 17px;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.10);
	        box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.10);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.imageText .image img {
	display: block;
	width: 100%;
}

.imageText .text {
	--gap: 90px;
	margin-left: var(--gap);
	font-family: 'Widescreen', Arial, sans-serif;
	font-size: var(--big-para-size);
	font-weight: bold;
	line-height: 1.541;
	padding-top: 10px;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.imageText.small .image{
	width: 200px;
}
.imageText.small{
	align-items: center;
	max-width: 720px;
}
.imageText .text>:last-child {
	margin-bottom: 0;
}

.imageText .text .zigZag {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.imageText .text .zigZag li {
	margin: 0 0 37px;
	padding: 0;
	list-style: none;
	width: 414px;
	color: #FFA300;
}

.imageText .text .zigZag li:nth-child(even) {
	color: #C13B74;
	margin-left: auto;
}

.imageText .text .zigZag li:last-child {
	margin-bottom: 0;
}

.imageText.alt .text {
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
	margin-right: var(--gap);
	margin-left: 0;
}

/* Posts */

.posts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 1170px;
	margin: 0 auto;
}

.posts .col {
	width: 526px;
}

.posts .post {
	margin-bottom: 52px;
}

.posts .post>:last-child {
	margin-bottom: 0
}

.posts .col>:last-child {
	margin-bottom: 0;
}

/* News */

#news {
	color: #fff;
	background: #01b09d url(../images/gradient-bg.jpg) repeat-y center top;
	background-size: 100%;
}

#news .section {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: var(--section-spacing);
	padding-bottom: var(--section-spacing);
	z-index: 1;
}

#news .section:after {
	content: "";
	position: absolute;
	left: -46px;
	top: 50px;
	right: -9999em;
	bottom: 0;
	background: url(../images/news-lines.svg) no-repeat 0 0;
	background-size: auto 8435px;
	opacity: 0.1;
	z-index: -1;
}

#news .left,
#news .right {
	width: 606px;
}

#news .right {
	margin-left: auto;
}

#news h1 {
	height: 107px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	margin-bottom: 36px;
}

#news h1 a {
	position: relative;
	display: block;
	padding-right: 140px;
}

#news h1 a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 106px;
	height: 80px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background: url(../images/arrow-right.svg) no-repeat;
	background-size: 100% 100%;
}

#news .left h1 {
	color: #FFA300;
}

#news .right h1 a:after {
	-webkit-filter: brightness(0) saturate(100%) invert(36%) sepia(24%) saturate(5016%) hue-rotate(310deg) brightness(81%) contrast(84%);
	        filter: brightness(0) saturate(100%) invert(36%) sepia(24%) saturate(5016%) hue-rotate(310deg) brightness(81%) contrast(84%);
}

#news .listing {
	margin: 0;
	padding: 0;
}

#news .listing li {
	margin: 0 0 70px;
	padding: 0;
	list-style: none;
}

#news .listing li:last-child {
	margin-bottom: 0;
}

#news .listing li a {
	display: block;
	background: rgba(11, 119, 111, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.15);
	padding: 40px 40px 30px;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border-radius: 17px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#news .listing li a>:last-child {
	margin: 0;
}

#news .listing li h5 {
	line-height: 1.541;
}

#news .listing li a:hover .linkBtn {
	background-color: #fff;
	color: #1E2623;
}

#news .listing li a:hover {
	-webkit-transform: scale(1.02);
	    -ms-transform: scale(1.02);
	        transform: scale(1.02);
}

/* Single */

#single .section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	--padding: 70px;
	--padding: 70px;
	--sidebar-width: 304px;
	padding-top: var(--padding);
	padding-bottom: var(--padding);
}

#single .section:before {
	content: "";
	position: absolute;
	left: var(--sidebar-width);
	top: var(--padding);
	bottom: var(--padding);
	width: 1px;
	background: #000;
}

#single .sidebar {
	position: sticky;
	top: 10px;
	width: var(--sidebar-width);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	padding-right: 40px;
}

#single .sidebar .articles {
	margin: 0;
	padding: 0;
}

#single .sidebar .articles li {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
	font-family: 'Widescreen', Arial, sans-serif;
	font-weight: bold;
}

#single .sidebar .articles li a {
	display: block;
	color: #1E2623;
}

#single .sidebar .articles li .readmore {
	font-weight: bold;
	text-decoration: underline;
}

#single .sidebar .findHow {
	position: relative;
	display: block;
	margin-top: 50px;
	background: #C8E8E1;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 17px;
	padding: 45px 30px 120px;
	font-family: 'Widescreen', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1E2623;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: 1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

#single .sidebar .findHow:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 76.42585551330798%;
	background: url(../images/lines-style07.svg) no-repeat right bottom;
	background-size: 100%;
	opacity: 0.1;
	-webkit-filter: brightness(0) saturate(100%) invert(32%) sepia(17%) saturate(3782%) hue-rotate(143deg) brightness(88%) contrast(101%);
	        filter: brightness(0) saturate(100%) invert(32%) sepia(17%) saturate(3782%) hue-rotate(143deg) brightness(88%) contrast(101%);
	z-index: -1;
}

#single .sidebar .findHow:after {
	content: "";
	position: absolute;
	right: 24px;
	bottom: 24px;
	width: 106px;
	height: 81px;
	background: url(../images/arrow-right.svg) no-repeat;
	background-size: 100%;
	z-index: -1;
}

#single .sidebar .findHow:hover {
	-webkit-transform: scale(1.02);
	    -ms-transform: scale(1.02);
	        transform: scale(1.02)
}

#single .contents {
	margin-left: 77px;
}

#single .contents>:last-child {
	margin-bottom: 0;
}

/* Universities */

#universities {
	color: #fff;
	background: #01b09d url(../images/gradient-bg.jpg) repeat-y center top;
	background-size: 100%;
}

#universities .section {
	position: relative;
	padding-top: var(--section-spacing);
	padding-bottom: var(--section-spacing);
	z-index: 1;
}

#universities .section:before,
#universities .section:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: -9999em;
	height: 856px;
	background: url(../images/lines-style03.svg) no-repeat left bottom;
	background-size: 5020px auto;
	opacity: 0.1;
}

#universities .section:after {
	top: auto;
	bottom: 0;
	background: url(../images/lines-style04.svg) no-repeat left top;
	z-index: -1;
}

#universities .listing {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 957px;
}

#universities .listing:before {
	content: "";
	position: absolute;
	left: -73px;
	right: -9999em;
	top: 50%;
	height: 544px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background: url(../images/lines-style05.svg) no-repeat;
	background-size: auto 100%;
	opacity: 0.1;
}

#universities .listing li {
	margin: 0 0 60px;
	padding: 0;
	list-style: none;
}

#universities .listing li:last-child {
	margin-bottom: 0;
}

#universities .listing li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 40px;
	border-radius: 17px;
	background: rgba(11, 119, 111, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.15);
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	font-size: var(--big-para-size);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#universities .listing li a:hover {
	-webkit-transform: scale(1.02);
	    -ms-transform: scale(1.02);
	        transform: scale(1.02);
}

#universities .listing li .logo {
	width: 290px;
	max-height: 380px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

#universities .listing li .logo img {
	display: block;
	width: 100%;
}

#universities .listing li .text {
	width: 451px;
	margin-left: auto;
}

#universities .listing li .text>:last-child {
	margin-bottom: 0;
}

/* Timeline */

#timeline {
	position: relative;
	background: #01b09d url(../images/gradient-bg.jpg) repeat-y center top;	
	background-size: 100%;
	color: #fff;
	padding-top: 95px;
	padding-bottom: 95px;
	text-align: center;
}

#timeline:before {
	content: "";
	position: absolute;
	left: 147px;
	right: -9999em;
	top: 5px;
	bottom: 0;
	background: url(../images/lines-style04.svg) no-repeat left top;
	background-size: 4633px;
	opacity: 0.1;
}

#timeline h1 {
	margin-bottom: 45px;
}

#timeline .swiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 445px;
	height: 357px;
	margin-left: 44px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: rgba(11, 119, 111, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 17px;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	overflow: hidden;
}

#timeline .swiper .swiper-slide .text {
	width: 100%;
	padding: 50px 50px 37px;
	text-align: left;
	font-size: var(--big-para-size);
}

#timeline .swiper .swiper-slide .text>:last-child {
	margin-bottom: 0;
}

#timeline .swiper .swiper-slide .text h2 {
	margin-bottom: 28px;
}

#timeline .swiper .swiper-slide .image {
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	width: 100%;
}

#timeline .swiper .swiper-slide .image img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

#timeline .swiper .pagi {
	margin-top: 40px;
}

#timeline .swiper .pagi .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	opacity: 1;
	margin: 0 12px;
	outline: none;
	background: #fff;
}

#timeline .swiper .pagi .swiper-pagination-bullet-active {
	background-color: #C8E8E1;
}

#timeline .nextSlide {
	position: absolute;
	right: 37px;
	top: 85px;
	width: 106px;
	height: 82px;
	background: url(../images/arrow-right.svg) no-repeat;
	cursor: pointer;
	outline: none;
	background-size: 100%;
}

/* Meet */

#meet {
	max-width: 774px;
	margin: 0 auto;
}

#meet h1 {
	max-width: 597px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;
	text-align: center;
	color: #1E2623;
	opacity: 0.9;
}

#meet .persons {
	z-index: 1;
}

#meet .persons .person {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding-bottom: 36px;
	margin-bottom: 58px;
}

#meet .persons .person:after {
	content: "";
	position: absolute;
	left: 17.57105943152455%;
	right: 17.57105943152455%;
	bottom: 0;
	height: 3px;
	background: #00686A;
}

#meet .persons .person .contacting {
	max-width: 355px;
	width: 100%;
}

#meet .persons .person .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-left: 42px;
}

#meet .persons .person .text h4 {
	margin-bottom: 6px;
}

#meet .persons .person:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#meet .persons .person:last-of-type:after {
	display: none;
}

/* Contact */

#contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 854px;
	margin-left: auto;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

#contact .options {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-right: 30px;
}

#contact .form {
	width: 309px;
	margin-left: auto;
}

#contact .form .fields .field {
	margin-bottom: 20px;
}

#contact .form .fields .field .textbox {
	display: block;
	margin: 0;
	padding: 14px 25px;
	width: 100%;
	height: 51px;
	background: none;
	font-family: 'Widescreen', Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	border: 1px solid #211F1F;
	border-radius: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

#contact .form .fields .field textarea.textbox {
	height: 200px;
	overflow: auto;
	resize: none;
}

#contact .form .submitBtn {
	margin: 0 0 20px auto;
	padding: 0 25px;
	display: block;
	background: #C23B75;
	border: 0;
	color: #fff;
	font-family: 'Widescreen', Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	border-radius: 25px;
	height: 51px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

#contact .form .submitBtn:hover {
	background-color: #d64f86;
}

#contact .form>:last-child {
	margin-bottom: 0;
}

/* Contacting */

.contacting {
	margin: 0 0 20px;
	padding: 0;
	background: #F2F2F2;
	max-width: 463px;
	text-align: left;
}

.contacting li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.contacting li:nth-child(even) {
	background-color: #C8E8E1;
}

.contacting.alt li {
	background: none;
}

.contacting.alt li:nth-child(odd) {
	background-color: #C8E8E1;
}

.contacting li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8.5px 15px 8.5px 57px;
	min-height: 60px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.contacting li.location a {
	background: url(../images/location-ico.svg) no-repeat 20px 14px;
}

.contacting li.phone a {
	background: url(../images/phone-ico.svg) no-repeat 20px 20px;
}

.contacting li.email a {
	background: url(../images/email-ico.svg) no-repeat 20px 23px;
}

/* Footer */

#footer {
	background: #E5F0F0;
}

#footer .section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 35px;
	padding-bottom: 35px;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

#footer .left {
	width: 584px;
}

#footer .left>:last-child {
	margin-bottom: 0;
}

#footer .left .copyright:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/copyright-ico.svg) no-repeat;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 11px;
}

#footer .left .copyright span {
	display: inline-block;
	margin: 0 20px;
}

#footer .left .copyright a {
	display: inline-block;
	padding-left: 24px;
	background: url(../images/cloud-ico.svg) no-repeat 0 3px;
}

#footer .middle {
	margin-left: 90px;
	margin-right: 20px;
}

#footer .middle .links {
	margin: 0;
	padding: 0;
}

#footer .middle .links li {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	font-family: 'Widescreen', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
 
#footer .middle .links li a {
	display: inline-block;
	position: relative;
}

#footer .middle .links li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: #C23B75;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#footer .middle .links li a:hover:before {
	width: 100%;
}

#footer .right {
	width: 309px;
	margin-left: auto;
	margin-top: 10px;
}

#footer .right .searchBox {
	width: 100%;
	--height: 51px;
	margin-bottom: 33px;
}

#footer .right .logo {
	display: block;
	width: 100%;
	-webkit-filter: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(861%) hue-rotate(314deg) brightness(91%) contrast(86%);
	        filter: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(861%) hue-rotate(314deg) brightness(91%) contrast(86%);
}

#footer .right .logo img {
	display: block;
	width: 100%;
}

#footer .right .socials {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

#footer .right .socials li {
	margin-left: 7px;
	margin-right: 0;
}

.socials {
	margin: 0 0 11px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.socials li {
	margin: 0 7px 7px 0;
	padding: 0;
	list-style: none;
}

.socials li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 53px;
	height: 50px;
	border-radius: 100%;
	background: #C23B75;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.socials li a img {
	display: block;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.socials li a:hover {
	background-color: #d64f86;
}

.socials li a:hover img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

/* Hamburger */

.hamburger {
	display: none;
	overflow: visible;
	position: absolute;
	top: 20px;
	right: 10px;
	margin-top: 0;
	-webkit-transition-timing-function: linear;
	     -o-transition-timing-function: linear;
	        transition-timing-function: linear;
	-webkit-transition-duration: .15s;
	     -o-transition-duration: .15s;
	        transition-duration: .15s;
	-webkit-transition-property: opacity, -webkit-filter;
	transition-property: opacity, -webkit-filter;
	-o-transition-property: opacity, filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent;
}

.hamburger.is-active:hover,
.hamburger:hover {
	opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
	background-color: #C13B74;
}

.hamburger-box {
	display: inline-block;
	width: 32px;
	height: 24px;
}

.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -4px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	position: absolute;
	width: 32px;
	height: 4px;
	-webkit-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transition-duration: .15s;
	     -o-transition-duration: .15s;
	        transition-duration: .15s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	border-radius: 4px;
	background-color: #C13B74;
}

.hamburger-inner:after,
.hamburger-inner:before {
	display: block;
	content: ""
}

.hamburger-inner:before {
	top: -10px
}

.hamburger-inner:after {
	bottom: -10px
}

.hamburger .hamburger-inner {
	-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	     -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	        transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	-webkit-transition-duration: .22s;
	     -o-transition-duration: .22s;
	        transition-duration: .22s
}

.hamburger .hamburger-inner:before {
	-webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
	-o-transition: top .1s ease-in .25s, opacity .1s ease-in;
	transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger .hamburger-inner:after {
	-webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
	transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
	-o-transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
	transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
	transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger.is-active .hamburger-inner {
	-webkit-transition-delay: .12s;
	     -o-transition-delay: .12s;
	        transition-delay: .12s;
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	     -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: rotate(225deg);
	    -ms-transform: rotate(225deg);
	        transform: rotate(225deg)
}

.hamburger.is-active .hamburger-inner:before {
	top: 0;
	-webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
	-o-transition: top .1s ease-out, opacity .1s ease-out .12s;
	transition: top .1s ease-out, opacity .1s ease-out .12s;
	opacity: 0
}

.hamburger.is-active .hamburger-inner:after {
	bottom: 0;
	-webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	-o-transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg)
}

.mm-panels {
	font-family: 'Widescreen', Arial, sans-serif;
}

.mm-panel {
	background: #C8E8E1;
	text-align: left;
		font-weight: bold;
}

.mm-navbar>* {
	min-height: 40px;
	background: #00686A;
	font-weight: bold;
}

.mm-navbar__title>span {
	color: #fff;
	padding-left: 10px;
}

.mm-listitem__text {
	color: #000 !important;
}

.mm-listitem.active, 
.mm-listitem .active {
	background-color: #C13B74;
}

.mm-listitem.active a, 
.mm-listitem .active a {
	color: #fff !important;
}

/* Miscelleneous */

p {
	margin: 0 0 21px;
}

strong {
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Widescreen', Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 19px;
	line-height: 1.2;
}

h1 {
	font-size: 60px;
	line-height: 1;
	margin: 0 0 22px;
}

h2 {
	font-size: 40px;
	line-height: 1;
	margin-bottom: 35px;
}

h3 {
	font-size: 32px;
	line-height: 1.375;
	margin-bottom: 26px;
}

h4 {
	font-size: 24px;
	line-height: 1.541;
	margin-bottom: 24px;
}

h5 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 23px;
}

h6 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 12px;
}

a {
	outline: none;
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
}

hr {
	margin: 32px 0;
	padding: 0;
	height: 1px;
	border: 0;
	background: #000;
}

img {
	border: 0;
	max-width: 100%;
}

ul,
ol {
	padding: 0 0 0 25px;
	margin-bottom: 25px;
}

.linkBtn {
	position: relative;
	display: table;
	font-family: 'Widescreen', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 24px 0;
	text-align: center;
	color: #1E2623;
	border: 1px solid #1E2623;
	padding: 10.88px 16px;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.linkBtn:hover {
	background-color: #1E2623;
	color: #fff;
}

.linkBtn.linkBtnWhite {
	border-color: #fff;
	color: #fff;
}

.linkBtn.linkBtnWhite:hover {
	background-color: #fff;
	color: #1E2623;
}

.clear {
	clear: both;
}

.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

.clearfix { 
  display: inline-block;  
}

* html .clearfix{  
  height: 1%;  
}

.clearfix {  
  display: block;  
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
    border-radius: 0;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

:-moz-placeholder {
	color: inherit;
	opacity: 1;
}

::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder {  
	color: inherit;
	opacity: 1;
}
.threeCol{
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
}
.threeCol .col{
	width: 33%;
}
.threeCol.posts .post{
	width: 30%;
}
.threeCol .col img{
	max-width: 50%
}
.threeCol .col .linkBtn{
	margin: auto;
}
.searchBox{
	display: none;
}
.contents a{
	text-decoration: underline;
	font-weight: bold;
}
#header #navigation ul li:last-of-type .sub-menu{
	left: auto;
	right: 0;
}
/* Media Queries */

/* Large Screens (Desktops) */

@media only screen and (max-width : 1450px) {
	.section {
		max-width: 1230px;
	}

	#header .logo {
		margin-left: 0;
	}

	#header .options {
		margin-right: 0;
	}
	
	#news .left, #news .right {
		width: 588px;
	}

	#single .contents {
		margin-left: 54px;
	}

	.content.linesStyle02 .section:before {
		right: 0;
		background-size: 1150px auto;
	}

	.content.linesStyle04:before {
		width: 320px;
	}
	
	.content.linesStyle05 .section:before {
		right: 325px;
	}

	#contact {
		max-width: 823px;
	}

	#footer .middle {
		margin-left: 67px;
	}
}

/* Tablet Screens (Landscape) */

@media only screen and (max-width : 1260px) {
	.section {
		max-width: 970px;
	}	

	:root {
		--section-spacing: 100px;
		--big-para-size: 22px;
	}

	.overlayImage {
		--overlay-width: 430px;
		--lines-space: 113px;
	}

	.overlayImage .section {
		min-height: 646px;
	}

	.overlayImage .overlay {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#pageTitle {
		min-height: 200px;
	}

	#pageTitle:before {
		background-size: auto 117px;
	}

	#members h3 {
		margin-bottom: 50px;
	}

	#news .left, #news .right {
		width: 470px;
	}

	#news .listing li {
		margin-bottom: 45px;
	}

	#news .listing li a {
		padding: 30px 25px;
	}

	.content.linesStyle01 .section:before {
		background-size: auto 4440px;
	}

	.content.linesStyle02 .section:before {
		height: 740px;
	}

	.content.linesStyle04:before {
		width: 284px;
	}

	.content.linesStyle05 .section:before {
		height: 654px;
		right: 275px;
	}

	.content.linesStyle06 .section:before {
		left: 589px;
		bottom: 182px;
	}

	.content.linesStyle06:after {
		width: 245px;
	}

	#timeline:before {
		background-size: 4304px;
		left: 70px;
	}

	#timeline .swiper .swiper-slide {
		width: 400px;
		height: 320px;
		margin-left: 30px;
	}

	#timeline .swiper .swiper-slide .text {
		padding: 38px 30px 37px;
	}

	#timeline .nextSlide {
		width: 88px;
		height: 68px;
	}

	#single .section {
		--sidebar-width: 270px;
	}

	#single .contents {
		margin-left: 35px;
	}

	#single .sidebar {
		padding-right: 23px;
	}

	.posts .col {
		width: 466px;
	}

	.imageText .image {
		width: 430px;
	}

	.imageText .text {
		--gap: 50px;
	}

	.imageText .text .zigZag li {
		width: 346px;
		margin-bottom: 26px;
	}

	#footer .left {
		width: 420px;
	}
	
	#footer .middle {
		margin-left: 56px;
	}

	#footer .right {
		width: 270px;
	}

	h1 {
		font-size: 49px;
	}

	h2 {
		font-size: 37px;
	}

	h3 {
		font-size: 29px;
	}

	h4 {
		font-size: 22px;
	}
}

/* Tablet Screens (Portrait) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}	

	:root {
		--big-para-size: 20px;
		--section-spacing: 75px;
	}

	#header {
		border-width: 15px;
	}

	#header .section {
		height: 155px;
	}

	#header .logo {
		width: 290px;
	}

	#header #navigation ul li {
		margin-left: 24px;
	}

	#header .searchBox {
		margin-bottom: 23px;
	}

	.overlayImage {
		--overlay-width: 360px;
		--lines-space: 75px;
	}

	.overlayImage .section {
		min-height: 565px;
	}

	.overlayImage .overlay {
		padding-top: 74px;
		padding-bottom: 61px;
	}

	.overlayImage .overlay:before {
		right: -33px;
	}

	#intro .pagi {
		bottom: 34px;
	}

	#intro .pagi .swiper-pagination-bullet {
		width: 36px;
	}

	#pageTitle {
		min-height: 170px;
	}

	#pageTitle:before {
		background-size: auto 93px;
	}

	.content.linesStyle01 .section:before {
		background-size: auto 3733px;
	}

	.content.linesStyle02 .section:before {
		background-size: 937px auto;
		height: 671px;
	}

	.content.linesStyle03 .section:before {
		width: 268px;
	}

	.content.linesStyle05 .section:before {
		right: 151px;
		top: 61px;
	}

	.content.linesStyle06 .section:before {
		left: 348px;
		bottom: 162px;
	}

	.content.linesStyle06:after {
		width: 200px;
	}

	.posts .col {
		width: 344px;
	}

	#single .section {
		--sidebar-width: 256px;
	}

	#single .sidebar {
		padding-right: 37px;
	}

	#single .sidebar .findHow {
		padding: 34px 19px 73px;
	}

	#single .sidebar .findHow:after {
		width: 84px;
		height: 64px;
		right: 17px;
		bottom: 14px;
	}

	#single .contents {
		margin-left: 10px;
	}

	#meet h1 {
		margin-bottom: 60px;
	}

	#timeline {
		padding-top: var(--section-spacing);
		padding-bottom: var(--section-spacing);
	}

	#timeline:before {
		background-size: 3842px;
		left: 60px;
	}

	#timeline .swiper .swiper-slide {
		width: 380px;
		height: 295px;
	}

	#timeline .nextSlide {
		width: 68px;
		height: 54px;
		right: 15px;
		top: 68px;
	}

	#members .logos li {
		margin: 0 9px 21px;
	}

	#news .section:after {
		background-size: auto 5385px;
	}

	#news .left, #news .right {
		width: 349px;
	}

	#news h1 {
		height: 90px;
		margin-bottom: 25px;
	}

	#news h1 a:after {
		width: 61px;
		height: 50px;
	}

	#news h1 a {
		padding-right: 70px;
	}

	#news .listing li {
		margin-bottom: 30px;
	}

	.imageText .image {
		width: 290px;
	}

	.imageText .text {
		--gap: 41px;
	}

	.imageText .text .zigZag li {
		width: 256px;
		margin-bottom: 0;
	}

	#universities .listing li a {
		padding: 30px 25px;
	}

	#universities .listing li .text {
		width: 381px;
	}

	#universities .listing li .logo {
		width: 259px;
	}

	#footer .section {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	#footer .left {
		width: 100%;
		-webkit-box-ordinal-group: 11;
		    -ms-flex-order: 10;
		        order: 10;
		margin-top: 15px;
	}

	#footer .middle {
		margin-left: 0;
	}

	#footer .right {
		width: 305px;
	}
	
	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 31px;
	}

	h3 {
		font-size: 25px;
	}

	h4 {
		font-size: 20px;
	}

}

/* Mobile Screens */

@media only screen and (max-width : 767px) {
	.hamburger {
		display: block;
	}

	:root {
		--section-spacing: 60px;
	}
	
	#mainWrapper {
		text-align: center;
	}

	#header {
		border-width: 10px;
	}

	#header .section {
		display: block;
		height: auto;
		padding-top: 40px;
		padding-bottom: 35px;
	}

	#header #navigation {
		display: none;
	}

	#header .logo {
		display: block;
		margin: 0 auto 25px;
		width: 100%;
		max-width: 325px;
	}

	#header .searchBox {
		margin: 0 auto;
		width: 250px;
	}

	.overlayImage {
		--overlay-width: 100%;
	}
	
	.overlayImage .section {
		min-height: 1px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.overlayImage .overlay:before {
		right: -10px;
		left: -10px;
		top: 0;
		bottom: 0;
		border-radius: 40px;
	}

	.overlayImage .overlay {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.overlayImage .overlay .text {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#intro .section:after {
		left: 0;
	}

	#intro .pagi {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#intro .pagi .swiper-pagination-bullet {
		margin: 0 7px 5px;
	}

	.posts {
		display: block;
	}

	.posts .col {
		width: 100%;
		margin-bottom: 52px;
	}

	.posts .col:last-of-type {
		margin-bottom: 0;
	}

	#pageTitle {
		min-height: 150px;
	}

	#pageTitle:before {
		background-size: 3000px 80px;
	}

	#timeline {
		padding-bottom: 40px;
	}

	#timeline:before {
		background-size: 3414px;
		left: 30px;
	}

	#timeline h1 {
		margin-bottom: 30px;
	}

	#timeline .swiper .swiper-slide {
		margin-left: 10px;
		margin-right: 10px;
		width: 320px;
	}

	#timeline .swiper .swiper-slide .text {
		padding: 38px 18px 25px;
		text-align: center;
	}

	#timeline .swiper .swiper-slide .text h2 {
		margin-bottom: 17px;
	}

	#timeline .nextSlide {
		width: 51px;
		height: 40px;
		right: 15px;
		top: 61px;
	}

	#meet .persons .person {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	#meet .persons .person .text {
		padding-left: 0;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
	}

	.content.linesStyle02 .section:before {
		height: auto;
		bottom: 30px;
	}

	.content.linesStyle04:before {
		width: 221px;
	}

	.content.linesStyle05 .section:before {
		right: -19px;
		top: 313px;
	}

	.content.linesStyle06 .section:before {
		left: 20px;
		bottom: 228px;
	}

	.imageText {
		display: block;
	}

	.imageText .image {
		display: block;
		width: 100%;
		max-width: 375px;
		margin: 0 auto 26px;
	}
	
	.imageText .text {
		--gap: 0;
	}

	.imageText .text .zigZag {
		display: block;
	}

	.imageText .text .zigZag li,
	.imageText .text .zigZag li:nth-child(even) {
		margin: 0 auto 30px;
	}

	.imageText .text .zigZag li:last-child {
		margin-bottom: 30px;
	}

	#members h3 {
		margin-bottom: 38px;
	}

	#members .logos li {
		margin-bottom: 35px;
	}

	#members .logos li a {
		width: 270px;
	}

	#news .section {
		display: block;
	}

	#news .left {
		margin-bottom: var(--section-spacing);
	}

	#news .left, #news .right {
		width: 100%;
	}

	#news h1 {
		height: auto;
	}

	#news h1 a {
		padding-right: 0;
	}
	
	#news h1 a:after {
		position: static;
		display: block;
		top: 0;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		width: 46px;
		height: 37px;
		margin: 15px auto 10px;
	}

	#single .section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	#single .sidebar {
		position: static;
	}

	#single .contents {
		margin-left: 0;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
	}

	#single .section:before {
		display: none;
	}

	#single .section {
		padding-top: var(--section-spacing);
		padding-bottom: var(--section-spacing);
	}

	#single .sidebar {
		position: relative;
		width: 100%;
		margin-top: 40px;
		padding-right: 0;
		padding-top: 40px;
	}

	#single .sidebar:before {
		content: "";
		position: absolute;
		left: 30px;
		right: 30px;
		top: 0;
		height: 1px;
		background: #000;
	}

	#single .sidebar .findHow {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
		padding-bottom: 84px;
	}

	#single .sidebar .findHow:before {
		width: 56%;
	}

	#single .sidebar .findHow:after {
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}

	#universities .listing li {
		margin-bottom: 35px;
	}

	#universities .listing li a {
		display: block;
	}

	#universities .listing li .text {
		width: 100%;
	}

	#universities .listing li .logo {
		max-height: 100%;
		margin: 25px auto 35px;
		width: 100%;
		max-width: 250px;
	}

	#contact {
		max-width: 100%;
		display: block;
	}

	#contact .options {
		padding-right: 0;
	}

	#contact .form {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}

	#contact .form .submitBtn {
		margin-right: auto;
	}

	.contacting {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	#meet h1 {
		margin-bottom: 35px;
	}

	#meet .persons .person {
		margin-bottom: 40px;
	}

	#meet .persons .person:after {
		left: 14%;
		right: 14%;
	}

	#meet .persons .person .text {
		margin-bottom: 15px;
	}

	#footer .section {
		padding-top: var(--section-spacing);
		padding-bottom: var(--section-spacing)
	}

	#footer .middle {
		width: 100%;
		margin: 0;
	}

	#footer .middle .links li {
		margin-bottom: 26px;
	}

	#footer .right {
		width: 100%;
	}

	.socials {
		-webkit-box-pack: center !important;
		    -ms-flex-pack: center !important;
		        justify-content: center !important;
		margin-bottom: 20px;
	}

	.socials li {
		margin: 0 5px 5px;
	}

	#footer .right .searchBox {
		max-width: 330px;
		margin: 0 auto 40px;
	}

	#footer .right .logo {
		width: 300px;
		margin: 0 auto 15px;
	}

	#footer .left .copyright {
		margin-top: 30px;
	}

	#footer .left .copyright span {
		display: block;
		text-indent: -9999em;
		height: 0;
		margin-top: 10px;
	}
	
	.linkBtn {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	h3 {
		font-size: 23px;
	}

}

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

}