:root {
	--code-pro: 'Code Pro Bold LC';
	--montserrat: 'Montserrat', sans-serif;
	--bgf-icons: 'bgf-icons';
	--l-green: #4db757;
	--d-green: #008b44;
	--black: #000;
	--o-black: #231f20;
	--l-gray: #bcbec0;
	--d-gray: #939597;
}

@font-face {
	font-family: 'Code Pro Bold LC';
	src: url('../fonts/Code-Pro-Bold-LC.eot');
	src: url('../fonts/Code-Pro-Bold-LC.eot?#iefix') format('embedded-opentype'), url('../fonts/Code-Pro-Bold-LC.woff2') format('woff2'), url('../fonts/Code-Pro-Bold-LC.woff') format('woff'), url('../fonts/Code-Pro-Bold-LC.ttf') format('truetype'), url('../fonts/Code-Pro-Bold-LC.svg#Code-Pro-Bold-LC') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'bgf-icons';
	src: url('../fonts/bgf-icons.eot?j21aod');
	src: url('../fonts/bgf-icons.eot?j21aod#iefix') format('embedded-opentype'), url('../fonts/bgf-icons.ttf?j21aod') format('truetype'), url('../fonts/bgf-icons.woff?j21aod') format('woff'), url('../fonts/bgf-icons.svg?j21aod#bgf-icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'icons';
	src:  url('../fonts/icons.eot?wlccke');
	src:  url('../fonts/icons.eot?wlccke#iefix') format('embedded-opentype'),
		url('../fonts/icons.ttf?wlccke') format('truetype'),
		url('../fonts/icons.woff?wlccke') format('woff'),
		url('../fonts/icons.svg?wlccke#icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

 

/*--- RESET ---*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	list-style: none outside none;
	text-decoration: none;
}

body,
html {
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,
img {
	border: 0 none;
	outline: 0 none;
}

input {
	outline: 0 none;
	border: 0 none;
	background: 0 none;
}

a:visited,
a:hover,
a:active,
a:focus,
a:link {
	text-decoration: none;
}

a,
header,
.category-nav-holder,
.tr-ease,
.slick-prev,
.slick-next,
.navigation-links a i,
.news-box img,
.board-box figure,
.audit-link i,
.download-button i {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


/*--- TYPOGRAPHY ---*/

p {
	color: var(--o-black);
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
}

h1 {
	color: var(--o-black);
	font-size: 48px;
	line-height: 54px;
	font-weight: bold;
	font-family: var(--code-pro);
}

h2 {
	color: var(--o-black);
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	font-family: var(--code-pro);
}


/*--- GENERAL ---*/

body {
	overflow-x: hidden;
}

i {
	font-family: 'bgf-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.icon-youtube:before {
	content: "\f16a";
}

.icon-instagram:before {
	content: "\f16d";
}

.icon-leaf:before {
	content: "\e901";
}

.icon-arrow-down:before {
	content: "\e902";
}

.icon-arrow-left:before {
	content: "\e903";
}

.icon-arrow-right:before {
	content: "\e90c";
}

.icon-arrow-up:before {
	content: "\e90d";
}

.icon-play:before {
	content: "\e90e";
}

.icon-twitter-square:before {
	content: "\f081";
}

.icon-facebook-square:before {
	content: "\f082";
}

.icon-twitter:before {
	content: "\f099";
}

.icon-facebook:before {
	content: "\f09a";
}

.icon-linkedin:before {
	content: "\f0e1";
}

.icon-facebook-official:before {
	content: "\f230";
}

.icon-close:before {
	content: "\e918";
}

.icon-chevron-down:before {
	content: "\e908";
}

.icon-chevron-left:before {
	content: "\e909";
}

.icon-chevron-right:before {
	content: "\e90a";
}

.icon-chevron-thin-down:before {
	content: "\e904";
}

.icon-chevron-thin-left:before {
	content: "\e905";
}

.icon-chevron-thin-right:before {
	content: "\e906";
}

.icon-chevron-thin-up:before {
	content: "\e907";
}

.icon-chevron-up:before {
	content: "\e90b";
}

.icon-search:before {
	content: "\e90f";
}

.icon-envelope:before {
	content: "\e900";
}

.icon-phone:before {
	content: "\e942";
}

[class^="nicon-"], [class*=" nicon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.nicon-file-pdf:before {
	content: "\eadf";
}

header,
footer,
main,
section {
	width: 100%;
	float: left;
}

.clear {
	clear: both;
}

img {
	width: 100%;
	display: block;
}

.img-cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.board-row,
.board-box.active .inner,
header:after,
.about-top:after,
.gradient-bg,
.gradient-button,
.color-gradient,
.main-menu i:before,
twitter-widget:after,
footer:before,
.audit-link i,
.download-button i,
.contact-page .submit,
.news-content ul:not(.share-social) li:before,
.projects-page .column-grid ul:not(.share-social) li:before,
.eeb-section .column-grid ul:not(.share-social) li:before,
.map-section .column-grid ul:not(.share-social) li:before,
.gc-section .column-grid ul:not(.share-social) li:before {
	background: rgb(77, 183, 87);
	background: -moz-linear-gradient(90deg, rgba(77, 183, 87, 1) 0%, rgba(25, 153, 74, 1) 65%, rgba(0, 139, 68, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(77, 183, 87, 1) 0%, rgba(25, 153, 74, 1) 65%, rgba(0, 139, 68, 1) 100%);
	background: linear-gradient(90deg, rgba(77, 183, 87, 1) 0%, rgba(25, 153, 74, 1) 65%, rgba(0, 139, 68, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4db757", endColorstr="#008b44", GradientType=1);
}

.color-gradient,
.main-menu i:before {
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mgb-30 {
	margin-bottom: 30px;
}

.mgb-60 {
	margin-bottom: 60px;
}

.mgb-90 {
	margin-bottom: 90px;
}

.visible-xs,
.visible-sm {
	display: none;
}

.aspect-ratio {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
}

.aspect-ratio iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.modal-backdrop.show {
	/* opacity: 1; */
	z-index: 12000;
}

.modal {
	z-index: 12500;
}

.modal-content {
	border-radius: 0;
	border: 0;
}

#iframeModal .close-modal {
	font-size: 20px;
	line-height: 1;
	color: var(--white);
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}


/*--- HEADER ---*/

header {
	background-color: transparent;
	padding-top: 30px;
	padding-bottom: 1px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9500;
}

header:after {
	content: '';
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

header>.container {
	position: relative;
}

.logo {
	width: 164px;
	display: block;
	margin-bottom: 30px;
}

.main-menu a,
.lang-nav a {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	display: flex;
	color: var(--white);
}

.main-menu i {
	position: absolute;
	top: -4px;
	right: -20px;
}

.main-menu li {
	margin-right: 30px;
	padding-bottom: 30px;
	position: relative;
}

.main-menu li:last-child,
.lang-nav li:last-child {
	margin-right: 0px;
}

.main-menu li.active>a,
.lang-nav li.active a {
	color: var(--l-green);
}

.main-menu .sub-menu {
	position: absolute;
	top: 44px;
	width: 300px;
	left: -15px;
	z-index: 1;
	display: none;
	border-top: 1px solid transparent;
}

.main-menu .sub-menu li {
	padding: 15px;
	background-color: var(--o-black);
	border-bottom: 1px solid var(--d-gray);
	width: 100%;
}

.main-menu .sub-menu a {
	font-size: 12px;
	font-weight: 300;
}

.main-menu li.active .sub-menu {
	display: none;
}

.white-header .main-menu a,
.white-header .lang-nav a,
.white-header .lang-nav li:first-child:after {
	color: var(--o-black);
}

.white-header .main-menu .sub-menu a {
	color: var(--white);
}

header .single-line {
	display: none;
	width: 0;
	transition: width .3s ease-in-out;
}

header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--white);
	padding-top: 15px;
}

header.sticky .main-menu li {
	padding-bottom: 15px;
}

header.sticky .hidden-xs {
	display: none;
}

header.sticky .single-line {
	display: block;
	width: 100%;
}

.category-nav-holder.sticky {
	position: fixed;
	top: 174px;
	left: 0;
	background-color: var(--white);
	z-index: 9000;
	padding: 15px 0;
}

header.sticky.dark,
.category-nav-holder.sticky.dark {
	background-color: rgba(35, 31, 32, .9);
}

.lang-nav {
	position: absolute;
	top: 0;
	right: 15px;
}

.lang-nav li {
	margin-right: 25px;
	position: relative;
}

.lang-nav li:first-child:after {
	content: '/';
	font-size: 18px;
	color: var(--white);
	position: absolute;
	right: -16px;
	top: -4px;
}



/* --- MENU ICON --- */

.menu-ico {
	cursor: pointer;
	overflow: visible;
	float: left;
	height: 30px;
	position: absolute;
	top: calc(50% - 15px);
	right: 15px;
}

.menu-box {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative
}

.menu-inner {
	display: block;
	top: 50%;
	margin-top: -2px
}

.menu-inner,
.menu-inner::before,
.menu-inner::after {
	width: 30px;
	height: 2px;
	background-color: var(--white);
	position: absolute;
}

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

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

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

.menu-ico .menu-inner {
	transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.menu-ico .menu-inner::before {
	transition: top 0.075s 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

.menu-ico .menu-inner::after {
	transition: bottom 0.075s 0.15s ease-in-out, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.menu-ico.active .menu-inner {
	transform: rotate(45deg);
	transition-delay: 0.15s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-ico.active .menu-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.15s ease-in-out, background-color 0.15s;
}

.menu-ico.active .menu-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s;
}

.white-header .menu-inner,
.white-header .menu-inner::before,
.white-header .menu-inner::after {
	background-color: var(--l-green);
}


/*--- HOME ---*/

.top-slider {
	margin-bottom: 50px;
}

.top-slider .img-cover {
	min-height: 100vh;
	position: relative;
}

.top-slider .img-cover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .25);
}

.top-slider .container {
	z-index: 1;
	padding-left: 10%;
	padding-right: 10%;
	position: relative;
	text-align: center;
}

.top-slider h1 {
	color: var(--white);
	margin-bottom: 30px;
	text-transform: uppercase;
}

.top-slider h1 a {
	color: var(--white);
}

.gradient-button {
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	color: var(--white)!important;
	line-height: 1;
	padding: 13px 26px;
	border-radius: 23px;
	-webkit-border-radius: 23px;
}

.top-slider .slick-prev,
.top-slider .slick-next {
	z-index: 1;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 1px solid var(--o-black);
	background-color: transparent;
	top: 60%;
}

.top-slider .slick-next {
	border-color: var(--l-green);
}

.top-slider .slick-prev:before,
.slick-next:before {
	font-family: var(--bgf-icons);
	opacity: 1;
}

.top-slider .slick-prev:before {
	content: "\e909";
	color: var(--white)
}

.top-slider .slick-next:before {
	content: "\e90a";
	color: var(--white)
}

.top-slider .slick-dots {
	display: none!important;
}

.top-slider .slick-next {
	left: calc(var(--container-position) + 70px);
	right: auto;
}

.top-slider .slick-prev {
	left: var(--container-position);
}

.pagingInfo {
	width: auto;
	position: absolute;
	top: 57%;
	display: flex;
	right: var(--container-position);
}

.pagingInfo .current {
	font-size: 55px;
	line-height: 40px;
	color: var(--white);
	position: relative;
	margin-right: 7px;
}

.pagingInfo .current:after {
	position: absolute;
	height: 3px;
	width: 0px;
	background-color: var(--white);
	left: 0;
	bottom: -13px;
	content: '';
	transition: width 1s ease;
	-webkit-transition: width 1s ease;
	transition-delay: 0s;
}

.top-slider .slick-active .pagingInfo .current:after {
	width: 100%;
	transition-delay: 1s;
	transition: width 2s ease;
	-webkit-transition: width 2s ease;
}

.pagingInfo .total {
	font-weight: 300;
	font-size: 20px;
	line-height: 1;
	color: var(--l-green);
}

.news-box {
	margin-bottom: 60px;
}

.flex-1 {
	flex: 1;
}

.news-box .figure-left {
	max-width: 50%;
	margin-right: 30px;
	overflow: hidden;
	position: relative;
}

.news-box .flex-1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.news-box .flex-1 .gradient-button {
	margin-top: auto;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.news-box figure,
.publication-box figure {
	position: relative;
	overflow: hidden;
}

.news-box figure:after,
.publication-box figure:after {
	width: 0;
	height: 5px;
	background-color: var(--d-green);
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	transition: width .3s ease-in-out;
}

.news-box:hover figure:after,
.publication-box:hover figure:after {
	width: 100%;
}

.news-box:hover figure img {
	opacity: .9;
}

.news-box figure img {
	border-bottom: 5px solid var(--l-green);
}

.news-box .date {
	display: block;
	font-weight: 300;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 30px;
	color: var(--o-black);
}

.news-box h2 {
	margin-bottom: 30px;
}

.news-box p {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	margin-bottom: 30px;
}

.read-more-button {
	font-size: 20px;
	line-height: 1;
	font-weight: 300;
	border: 1px solid var(--l-green);
	padding: 15px 30px;
	color: var(--o-black)!important;
	text-transform: uppercase;
	border-radius: 26px;
	-webkit-border-radius: 26px;
}

.about-home h1 {
	margin-bottom: 30px;
	text-align: center;
}

.about-home h1 span {
	color: var(--d-green);
}

.column-grid {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.column-grid p {
	margin-bottom: 30px;
}

.column-grid p a {
	color: var(--o-black);
}

.share-social li {
	margin-right: 10px;
}

.share-social a {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 1px solid var(--l-gray);
	color: var(--l-gray);
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tw-box twitter-widget {
	position: relative!important;
	margin-bottom: 0!important;
	box-shadow: 0 0 30px 14px rgba(77, 183, 87, .1);
	cursor: url('../repository/cursor.png'), url('../repository/cursor.svg'), url('../repository/cursor.cur'), auto;
}

.tw-box twitter-widget:after {
	content: '';
	height: 5px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
	position: absolute;
}

.tw-box twitter-widget .EmbeddedTweet {
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
}

#map {
	position: relative;
	width: 100%;
	float: left;
	min-height: 550px;
}

#map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#map .text-center {
	font-size: 16px;
	font-weight: 300;
	color: var(--l-green);
}


/*--- NAV LINKS ---*/

.navigation-links a {
	font-weight: 200;
	color: var(--o-black);
	font-size: 22px;
	line-height: 1;
	display: flex;
	align-items: center;
	text-transform: uppercase;
}

.navigation-links a i {
	font-size: 18px;
	position: relative;
}

.navigation-links .next {
	margin-left: auto;
}

.navigation-links .next i {
	margin-left: 30px;
	right: 0;
}

.navigation-links .prev i {
	margin-right: 30px;
	left: 0;
}

.navigation-links.white a {
	color: var(--white);
}


/*--- CATEGORY NAV ---*/

.category-nav-holder {
	padding-top: 30px;
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 235px;
	left: 0;
}

.category-nav.navbar {
	padding: 0;
}

.category-nav a {
	font-size: 10px;
	line-height: 1;
	display: flex;
	color: var(--o-black);
	text-transform: uppercase;
	position: relative;
	align-items: center;
	margin-right: 20px;
	padding: 0;
}


/*.category-nav {margin-right: 20px;display: flex;align-items: center;}*/

.category-nav a:after {
	content: '|';
	margin-left: 20px;
	font-size: 10px;
	line-height: 1;
	color: var(--o-black);
	font-weight: normal!important;
}

.category-nav a:last-child {
	margin-right: 0;
}

.category-nav a:last-child:after {
	content: none;
}

.category-nav a.active {
	font-weight: bold;
}


/*--- ABOUT ---*/

.about-top {
	background-color: var(--o-black);
	overflow: hidden;
	position: relative;
	padding-bottom: 60px;
}

.about-top:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}

.about-top h1,
.about-top .column-grid p {
	color: var(--white);
}

.about-top .container {
	position: relative;
	z-index: 1;
}

.category-nav.white a,
.category-nav.white a:after {
	color: var(--white);
}

.about-top .top-title {
	margin: 200px 0;
}

.about-top .mid-title {
	margin-bottom: 2em;
}

#map_layer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
}

#map_layer path {
	-webkit-transition: opacity .5s ease-in;
	-o-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in;
}

#map_layer path.st16 {
	opacity: 0;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
}

#map_layer path.st15 {
	opacity: 0;
	transition-delay: 1.25s;
	-webkit-transition-delay: 1.25s;
	-o-transition-delay: 1.25s;
}

#map_layer path.st21 {
	opacity: 0;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
}

#map_layer path.st19 {
	opacity: 0;
	transition-delay: 1.75s;
	-webkit-transition-delay: 1.75s;
	-o-transition-delay: 1.75s;
}

#map_layer path.st17 {
	opacity: 0;
	transition-delay: 2s;
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
}

#map_layer path.st20 {
	opacity: 0;
	transition-delay: 2.25s;
	-webkit-transition-delay: 2.25s;
	-o-transition-delay: 2.25s;
}

#map_layer path.st18 {
	opacity: 0;
	transition-delay: 2.5s;
	-webkit-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
}

#map_layer path.st13 {
	opacity: 0;
	transition-delay: 2.75s;
	-webkit-transition-delay: 2.75s;
	-o-transition-delay: 2.75s;
}

#map_layer.active [class*=st],
.st13,
#map_layer.active .st14,
#map_layer.active .st15,
#map_layer.active .st16,
#map_layer.active .st17,
#map_layer.active .st18,
#map_layer.active .st19,
#map_layer.active .st20 {
	opacity: 1;
}


/*--- PARTNERS ---*/

.dba .gradient-button {
	text-align: center;
	margin-top: auto;
}

.partners-section,
.board-section,
.audit-section {
	padding-top: 70px;
}

.partners-section h1,
.board-section h1,
.audit-section h1 {
	margin-bottom: 70px;
}


/*.partners-holder figure{height: 80px;display: flex;justify-content: center;} */

.partners-holder, .slider-holder {
	padding: 0 70px;
}

.partners-holder .slick-slide img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	object-fit: contain;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: filter .3s ease-in-out;
	-moz-transition: filter .3s ease-in-out;
	-o-transition: filter .3s ease-in-out;
	transition: filter .3s ease-in-out;
}

.partners-holder a {
	cursor: url('../repository/cursor.png'), url('../repository/cursor.svg'), url('../repository/cursor.cur'), auto;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.partners-holder a:hover img,
.board-box:hover figure {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.partners-holder .slick-slide {
	margin: 0px 10px;
}

.partners-holder .slick-list {
	margin: 0 -10px;
}

.partners-holder .slick-next,
.partners-holder .slick-prev,
.has-slider .slick-next,
.has-slider .slick-prev {
	background-color: transparent!important;
}

.partners-holder .slick-prev,
.has-slider .slick-prev {
	left: -55px;
}

.partners-holder .slick-next,
.has-slider .slick-next {
	right: -55px;
}

.partners-holder .slick-next:before,
.has-slider .slick-next::before {
	font-family: var(--bgf-icons);
	content: "\e906";
	color: var(--d-green);
}

.partners-holder .slick-prev:before,
.has-slider .slick-prev:before {
	font-family: var(--bgf-icons);
	content: "\e905";
	color: var(--d-green);
}


/*--- BOARD ---*/

.board-box {
	cursor: url('../repository/cursor.png'), url('../repository/cursor.svg'), url('../repository/cursor.cur'), auto;
}

.board-box figure {
	padding-bottom: 110%;
	margin-bottom: 30px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	cursor: pointer;
	transition: filter .3s ease-in-out;
	-webkit-transition: filter .3s ease-in-out;
}

.board-box .info {
	padding-left: 15px;
	padding-right: 15px;
}

.board-box h2 {
	font-size: 30px;
	line-height: 36px;
	font-family: var(--code-pro);
	color: var(--white);
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}

.board-box .position {
	display: block;
	text-align: center;
	font-size: 22px;
	line-height: 28px;
	color: var(--white);
	font-weight: 300;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.board-box .inner {
	transition: all .3s ease-in-out;
	z-index: 1;
}

.board-box .close-staff,
.board-box .member-info {
	display: none;
}

.board-box .member-info p {
	color: var(--white);
	margin-bottom: 30px;
}


/*ketu eshte ndryshu nga absulute tek relative*/

.board-box.active .inner {
	width: 100vw;
	position: relative;
	top: 0;
	display: flex;
	height: 100%;
}

.board-box.active .inner figure {
	padding-bottom: calc(36.666667% - 6px);
	align-self: flex-start;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-ms-flex: 0 0 calc(33.333% - 6px);
	flex: 0 0 calc(33.333% - 6px);
	max-width: calc(33.333% - 6px);
	transition: none;
}

.board-box.active .inner figure,
.board-box.active h2,
.board-box.active .position {
	text-align: left;
}

.board-box.active .member-info {
	overflow-y: auto;
}

.board-box.active .close-staff {
	position: absolute;
	top: 80px;
	right: 80px;
	font-size: 30px;
	color: var(--white);
	cursor: pointer;
	z-index: 100;
	line-height: 1;
}

.board-box.active .close-staff {
	display: block;
}

.board-box.active .info {
	padding: 80px;
	flex: 1;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.board-box.active h2 {
	padding-right: 50px;
}


/*--- AUDIT SECTION ---*/

.audit-link {
	cursor: url('../repository/cursor.png'), url('../repository/cursor.svg'), url('../repository/cursor.cur'), auto;
}

.audit-link,
.download-button {
	border: 1px solid var(--l-green);
	padding: 3px;
	border-radius: 39px;
	-webkit-border-radius: 39px;
}

.audit-link span,
.download-button span {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: var(--o-black);
	display: block;
	padding: 0 15px;
}

.audit-link i,
.download-button i {
	width: 71px;
	height: 71px;
	color: var(--white);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-flex-negative: 0!important;
	flex-shrink: 0!important;
	font-size: 24px;
	line-height: 71px;
	text-align: center;
}


/*--- PROGRAMS ---*/

.column-grid.no-pd {
	padding: 0;
}

.program-page .main-title,
.pgi-section .main-title {
	margin-bottom: 70px;
}

.program-page .container,
.projects-page .container,
.publications-page .container {
	padding-top: 140px;
}

.program-logo figure {
	max-width: 175px;
}

.programs-page-down .prog-left {
	width: 66.666%;
	padding-bottom: 20%;
}

.programs-page-down .prog-right {
	width: 33.333%;
	padding-bottom: 20%;
}

.pgi-section {
	padding-top: 90px;
}


/*--- PUBLICATIONS ---*/

.publication-box .figure-left {
	max-width: 50%;
	margin-right: 30px;
}

.publication-box figure img {
	position: relative;
	z-index: 1;
	border-bottom: 5px solid var(--l-green);
}

.publication-box .img-shadow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 112%;
}

.download-button span {
	text-transform: uppercase;
}

.download-button i {
	width: 51px;
	height: 51px;
	line-height: 51px;
	font-size: 20px;
}

.publication-box .flex-1 {
	position: relative;
}

.publication-box h2 {
	margin-bottom: 60px;
}

.publication-box .download-button {
	position: absolute;
	bottom: 0;
	left: 0;
}


/*--- NEWS ---*/

.top-slider .video_icon {
	display: inline-block;
}

.video_icon {
	border: 2px solid var(--l-green);
	width: 120px;
	height: 60px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	color: var(--white);
	font-size: 28px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	line-height: 60px;
}

.news-lg-box .video_icon,
.news-sm-box .video_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.news-lg-box,
.news-sm-box {
	margin-bottom: 60px;
}

.news-lg-box figure,
.news-sm-box figure {
	padding-bottom: 50%;
	margin-bottom: 30px;
	position: relative;
}

.news-lg-box figure:before,
.news-sm-box figure:before,
.readmore-page .main-img:before,
.work-page .work-img:before,
.job-img:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .25);
}

.news-lg-box .title-holder,
.news-sm-box .title-holder {
	position: relative;
}

.news-lg-box .date,
.news-sm-box .date {
	font-size: 14px;
	line-height: 1;
	display: block;
	font-weight: 300;
	position: absolute;
	top: 6px;
	right: 0;
	color: var(--o-black)
}


/*--- READMORE ---*/

.readmore-page .main-img,
.work-page .work-img,
.job-img {
	min-height: 100vh;
	position: relative;
	margin-bottom: 70px;
	width: 100%;
	float: left;
}

.readmore-page .main-img .container,
.work-page .work-img .container,
.job-img .container {
	position: relative;
	z-index: 1;
}

.readmore-page .main-img h1,
.work-page .work-img h1,
.job-img h1,
.job-page-mid .upper-info h1,
.job-page-mid .lower-info h1 {
	color: var(--white);
	text-align: center;
	text-transform: uppercase;
}

.news-content p,
.news-content .date,
.news-content ul:not(.share-social),
.news-content ol,
.news-content h1,
.news-content h2,
.news-content h3 {
	margin-bottom: 30px;
}

.news-content ul:not(.share-social) li,
.news-content ol li {
	font-size: 18px;
	line-height: 22px;
	color: var(--o-black);
	font-weight: 300;
	margin-bottom: 10px;
}

.news-content ol li {
	list-style-position: inside;
	list-style-type: decimal;
}

.news-content ul:not(.share-social) li {
	position: relative;
	padding-left: 40px;
}

.news-content ul:not(.share-social) li:before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	left: 0;
	top: 6px;
}

.news-content p a {
	color: var(--l-green);
}

.news-content p a:hover {
	color: var(--d-green);
}

.news-content h1 {
	font-size: 34px;
	line-height: 40px;
}

.news-content .date,
.news-content p {
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
	display: block;
}

.related-news .news-box h2 {
	font-size: 17px;
	line-height: 21px;
	margin-bottom: 20px;
}

.related-news .news-box p,
.news-box .date {
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 10px;
	font-weight: normal;
}

.related-news .news-box .gradient-button {
	font-size: 10px;
}

.related-news .news-box .figure-left {
	margin-right: 30px;
}

::-moz-selection {
	color: var(--white);
	background-color: var(--l-green);
}

::selection {
	color: var(--white);
	background-color: var(--l-green);
}


/*--- WORK WITH US ---*/

.work-page .work-img {
	margin-bottom: 0;
}

.work-page .work-img p {
	text-align: center;
	margin-bottom: 30px;
	color: var(--white);
	font-weight: 300;
}

.work-page .work-img h1 {
	margin-bottom: 30px;
	margin-top: 140px;
}


/*--- JOB OPPORTUNITY ---*/

.job-img {
	margin-bottom: 0;
}

.job-page-mid {
	padding-top: 70px;
}

.job-page-mid .upper-info p,
.job-page-mid .lower-info p {
	font-weight: 300;
	color: var(--white);
	margin-bottom: 30px;
}

.share-social.green a {
	color: var(--d-green);
	border-color: var(--d-green);
}

.job-page-mid .upper-info h1,
.job-page-mid .lower-info h1 {
	margin-bottom: 70px;
}

.job-page-mid .upper-info ul,
.job-page-mid .lower-info ul {
	margin-bottom: 30px;
}

.job-page-mid .lower-info ul:not(.share-social) li,
.job-page-mid .upper-info ul:not(.share-social) li {
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
	color: var(--white);
	padding-left: 40px;
	position: relative;
	margin-bottom: 30px;
}

.job-page-mid .lower-info ul:not(.share-social) li:before,
.job-page-mid .upper-info ul:not(.share-social) li:before {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(185, 187, 188, 1) 50%, rgba(146, 148, 151, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(185, 187, 188, 1) 50%, rgba(146, 148, 151, 1) 100%);
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(185, 187, 188, 1) 50%, rgba(146, 148, 151, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#929497", GradientType=1);
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.job-page-mid .lower-info .grid-content {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}

.job-page-mid .lower-info h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: var(--white);
	margin-bottom: 30px;
	font-family: var(--montserrat);
}

.apply-section {
	padding-top: 70px;
}

.apply-section h1 {
	padding: 5px 60px;
	background-color: var(--white);
	color: var(--d-green);
	display: inline-block;
	text-transform: uppercase;
	border-radius: 48px;
	-webkit-border-radius: 48px;
	margin-bottom: 40px;
}

.apply-section p {
	font-weight: 300;
	color: var(--white);
	margin-bottom: 30px;
}

.apply-section p a {
	color: var(--white);
}


/*--- PROJECTS ---*/

.projects-page {
	min-height: 100vh;
}

.projects-page .column-grid,
.eeb-section .column-grid,
.map-section .column-grid,
.gc-section .column-grid {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.projects-page h1,
.eeb-section h1,
.map-section h1,
.gc-section h1 {
	text-align: center;
	margin-bottom: 70px;
	text-transform: uppercase;
}

.eeb-section,
.map-section,
.gc-section {
	padding-top: 70px;
}

.projects-page .column-grid h2,
.eeb-section .column-grid h2,
.map-section .column-grid h2,
.gc-section .column-grid h2 {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 30px;
	font-family: var(--montserrat);
}

.projects-page .column-grid ul:not(.share-social) li,
.eeb-section .column-grid ul:not(.share-social) li,
.map-section .column-grid ul:not(.share-social) li,
.gc-section .column-grid ul:not(.share-social) li {
	position: relative;
	font-size: 20px;
	line-height: 26px;
	color: var(--o-black);
	padding-left: 40px;
	margin-bottom: 30px;
}

.projects-page .column-grid ul:not(.share-social) li:before,
.eeb-section .column-grid ul:not(.share-social) li:before,
.map-section .column-grid ul:not(.share-social) li:before,
.gc-section .column-grid ul:not(.share-social) li:before {
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	left: 0;
	top: 9px;
}

.projects-page .column-grid p,
.eeb-section .column-grid p,
.map-section .column-grid p,
.gc-section p {
	font-size: 20px;
	line-height: 26px;
}

.sec_img {
	overflow: hidden;
	width: 100%;
	float: left;
	background-attachment: fixed;
}

.sec_img figure {
	margin-bottom: -1px;
	overflow: hidden;
}


/*--- CONTACT ---*/

.contact-page .container {
	padding-top: 70px;
}

.contact-right .form-control {
	background-clip: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	outline: 0!important;
	margin-bottom: 10px;
	border-color: var(--l-green)!important;
	color: var(--o-black);
	font-size: 22px;
	font-weight: 300;
	height: auto;
	padding: 10px;
}

.form-control::-webkit-input-placeholder {
	color: var(--o-black);
}

.form-control::-moz-placeholder {
	color: var(--o-black);
}

.form-control:-ms-input-placeholder {
	color: var(--o-black);
}

.form-control:-moz-placeholder {
	color: var(--o-black);
}

.contact-right label.error {
	display: block;
	color: var(--red);
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
}

.contact-right .form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(77, 183, 87, .25)
}

.contact-page h1 {
	margin-bottom: 40px;
}

.contact-page h3 {
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 30px;
	font-weight: bold;
	color: var(--o-black);
}

.contact-page p {
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
}

.contact-page p a {
	color: var(--o-black);
}

.contact-page .submit {
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	height: 60px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	color: var(--white);
	width: 280px;
	text-transform: uppercase;
	margin-top: 40px;
}


/*--- FOOTER ---*/

footer {
	background-color: var(--o-black);
	padding: 70px 0;
	padding-bottom: 70px;
	position: relative;
}

footer:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
	width: 100%;
	content: '';
}

footer h1 {
	color: var(--d-green);
	margin-bottom: 50px;
}

footer a.mail-link {
	color: var(--d-green);
	margin-bottom: 60px;
	font-size: 20px;
	line-height: 1;
	display: block;
}

footer .share-social {
	margin-bottom: 30px;
}


/*--- HOVER ---*/

.slick-prev:hover {
	background-color: var(--o-black);
}

.slick-next:hover {
	background-color: var(--l-green);
}

.main-menu a:hover,
.lang-nav a:hover,
.white-header .main-menu .sub-menu a:hover,
.column-grid p a:hover,
.contact-page p a:hover,
.category-nav a:hover {
	color: var(--l-green)
}

.gradient-button:hover {
	opacity: .9;
}

.read-more-button:hover,
.audit-link:hover,
.download-button:hover {
	box-shadow: 0 0 15px 8px rgba(77, 183, 87, .1);
}

.share-social a:hover {
	color: var(--d-green);
	border-color: var(--d-green);
}

.share-social.green a:hover {
	color: var(--white);
	border-color: var(--white);
}

.navigation-links .next:hover i {
	right: -10px;
}

.navigation-links .prev:hover i {
	left: -10px;
}

.navigation-links a:hover i {
	color: var(--l-green);
}

footer a.mail-link:hover {
	color: var(--white);
}

footer .share-social a {
	border-color: var(--white);
	color: var(--white);
}

footer p {
	font-size: 14px;
	line-height: 20px;
	color: var(--white);
	font-family: var(--code-pro);
	margin-right: 30px;
}

.audit-link:hover i,
.download-button:hover i {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.apply-section p a:hover {
	color: var(--o-black);
}


/* new styles */
.list-view a {
    width: 100%;
}

.list-view span.date {
    margin: 0 40px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

.list-view h2 {
    font-size: 26px;
    line-height: 32px;
    margin: 0 20px 0 0;
    color: #fff;
}

.green-graient {
	background: rgb(77, 183, 87);
    background: -moz-linear-gradient(90deg, rgba(77, 183, 87, 1) 0%, rgba(25, 153, 74, 1) 65%, rgba(0, 139, 68, 1) 100%);
    background: -webkit-linear-gradient(
90deg
, rgba(77, 183, 87, 1) 0%, rgba(25, 153, 74, 1) 65%, rgba(0, 139, 68, 1) 100%);
    background: linear-gradient(
90deg
, rgba(77, 183, 87, 1) 0%, rgba(25, 153, 74, 1) 65%, rgba(0, 139, 68, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4db757", endColorstr="#008b44", GradientType=1);
}
.list-view {
    padding: 20px 25px;
    border-radius: 15px;
}
.button {
    padding: 10px 20px;
    background: white;
    text-transform: uppercase;
    color: green;
	border-radius: 15px;
	margin-left: auto;
	cursor: pointer;
}
.file-icon {
    padding: 7px 5px;
    color: #fff;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 10px;
}
.modal-links ul {
	display: flex;
}
.modal-links li {
    display: flex;
    align-items: center;
	margin-right: 20px;
}
.modal-links li a {
	color: #0b9146;
}
.modal-links ul li:last-child {
	margin-right: 0;
}
@media screen and (min-width: 1230px){.tmodal .modal-dialog{max-width: 1200px;}}
@media screen and (min-width: 992px) and (max-width: 1229px){.tmodal .modal-dialog{max-width: 970px;}}
@media screen and (max-width: 991px){.tmodal .modal-dialog{max-width: 100%;}}

.tmodal .modal-content,.tmodal .modal-body{width: 100%;float: left;border-radius: 0;}
.tmodal .modal-body{padding: 5%;}
.tmodal .modale img {width: 100%;display: block;}
.tmodal .modal-body h2 {
	margin-bottom: 30px;
}
.tmodal .modal-body p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 22px;
}
.tmodal .modal-body .modal-links {
	margin-top: 30px;
}
.tmodal button.close {
	position: absolute;
    right: 20px;
    top: 10px;
    margin: 0;
    font-size: 50px;
    font-weight: normal;
    color: #078f45;
    line-height: 1;
    z-index: 999;
    opacity: 1;
}
.tmodal .modal-red {
    width: 100%;
    margin-bottom: 20px;
    background-color: #4db757;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
	color: white;
}
/* --- RESPONSIVE --- */

@media (max-width: 767px) {
	body {
		padding-top: 67px;
	}
	.visible-xs {
		display: block;
	}
	.hidden-xs,
	header.sticky .single-line {
		display: none;
	}
	.news-lg-box .date,
	.news-sm-box .date {
		top: 0;
		position: relative;
		margin-bottom: 10px;
	}
	header {
		position: fixed!important;
		background-color: rgba(35, 31, 32, .9);
		padding: 15px 0;
	}
	.logo {
		margin-bottom: 0px;
		width: 80px;
	}
	header.white-header {
		background-color: var(--white);
	}
	.main-menu {
		position: fixed;
		top: 67px;
		left: 0;
		width: 100%;
		height: calc(100vh - 67px);
		padding: 30px;
		background-color: rgba(35, 31, 32, .9);
		display: none;
		overflow-y: auto;
	}
	header.white-header {
		background-color: var(--white);
	}
	.white-header .main-menu {
		background-color: rgba(255, 255, 255, .9);
	}
	.main-menu>ul,
	footer .foot-end,
	.navigation-links,
	.news-box .d-flex,
	.publication-box,
	.publication-box .flex-1 {
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	}
	.main-menu li {
		margin-right: 0;
	}
	.main-menu .sub-menu {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 20px;
	}
	.main-menu .sub-menu li {
		background-color: transparent;
		border-bottom: 0;
		padding: 0 15px 0 30px;
		float: left;
		margin-bottom: 10px;
		position: relative;
		margin-right: 0;
	}
	.main-menu .sub-menu li:before {
		position: absolute;
		width: 8px;
		height: 1px;
		content: '';
		top: 11px;
		left: 10px;
		background-color: var(--white);
	}
	.white-header .main-menu .sub-menu li:before {
		background-color: var(--o-black);
	}
	.main-menu .sub-menu li:last-child {
		border: 0;
	}
	.main-menu i {
		position: relative;
		z-index: 1000;
		top: 2px;
		font-size: 20px;
		right: auto;
	}
	.main-menu a {
		display: inline-block;
		margin-right: 30px;
	}
	.main-menu .sub-menu a {
		line-height: 16px;
		margin-right: 0;
	}
	.white-header .main-menu .sub-menu a {
		color: var(--o-black);
	}
	.news-box figure {
		margin-bottom: 20px;
	}
	h1 {
		font-size: 30px;
		line-height: 36px;
	}
	p,
	.contact-page p,
	.projects-page .column-grid p,
	.eeb-section .column-grid p,
	.map-section .column-grid p,
	.gc-section p,
	.projects-page .column-grid ul:not(.share-social) li,
	.eeb-section .column-grid ul:not(.share-social) li,
	.map-section .column-grid ul:not(.share-social) li,
	.gc-section .column-grid ul:not(.share-social) li,
	.job-page-mid .lower-info ul:not(.share-social) li,
	.job-page-mid .upper-info ul:not(.share-social) li {
		font-size: 16px;
		line-height: 22px;
	}
	.top-slider .img-cover {
		min-height: 380px;
		-ms-flex-align: start!important;
		align-items: flex-start!important;
	}
	.top-slider .slick-next {
		left: 75px;
	}
	.top-slider .slick-prev {
		left: 15px;
		border-color: var(--white);
	}
	.top-slider .slick-prev,
	.top-slider .slick-next {
		top: auto;
		bottom: 15px;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		height: 44px;
		width: 44px;
	}
	.top-slider .slick-prev:before,
	.top-slider .slick-next:hover:before,
	.top-slider .slick-next:focus:before {
		color: var(--white);
	}
	.top-slider .slick-next:before {
		color: var(--l-green);
	}
	.slick-prev:hover {
		background-color: var(--white);
	}
	.top-slider .slick-prev:hover:before,
	.top-slider .slick-prev:focus:before {
		color: var(--o-black);
	}
	.pagingInfo {
		bottom: 15px;
		left: auto;
		right: 15px;
		top: auto;
	}
	.pagingInfo .current {
		font-size: 40px;
	}
	.pagingInfo .current:after {
		bottom: -5px;
	}
	.top-slider h1 {
		margin-bottom: 40px;
		padding-top: 30px;
	}
	.top-slider .gradient,
	.top-slider .video-icon {
		margin-bottom: 40px;
	}
	.column-grid,
	.job-page-mid .lower-info .grid-content {
		-webkit-column-count: 1!important;
		-moz-column-count: 1!important;
		column-count: 1!important;
	}
	.program-page .main-title,
	.pgi-section .main-title {
		text-align: left!important;
	}
	.category-nav-holder {
		display: none;
	}
	.program-page,
	.about-top {
		padding-top: 30px;
	}
	.program-page .main-title,
	.pgi-section .main-title {
		margin-bottom: 30px;
	}
	.news-box:after,
	.news-lg-box:after,
	.news-sm-box:after {
		content: '';
		width: calc(100% - 30px);
		left: 15px;
		height: 1px;
		bottom: -30px;
		position: absolute;
		background-color: var(--l-green);
	}
	footer .share-social {
		-ms-flex-order: 1;
		order: 1;
		margin-bottom: 30px;
	}
	footer p {
		-ms-flex-order: 2;
		order: 2;
	}
	footer a.mail-link {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 30px;
	}
	footer {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#map_layer {
		width: 200%;
		margin-left: -50%;
	}
	.about-top {
		overflow-x: hidden;
	}
	.audit-link span,
	.download-button span {
		font-size: 14px;
		line-height: 18px;
	}
	.audit-link i {
		width: 61px;
		height: 61px;
		line-height: 61px;
	}
	#map {
		min-height: 380px;
	}
	.contact-right .form-control {
		font-size: 16px;
	}
	.navigation-links a {
		font-size: 18px;
	}
	.navigation-links .prev {
		margin-bottom: 30px;
	}
	.job-img {
		min-height: 380px;
		-ms-flex-align: center!important;
		align-items: center!important;
		display: -ms-flexbox!important;
		display: flex!important;
	}
	.apply-section h1 {
		padding: 5px 20px;
	}
	.work-page .work-img,
	.projects-page,
	.publications-page {
		padding-top: 30px;
	}
	.gradient-button {
		font-size: 16px;
	}
	.gradient-button {
		padding: 13px;
	}
	.projects-page {
		min-height: auto;
	}
	.publication-box:after {
		content: '';
		position: absolute;
		bottom: -45px;
		left: 15px;
		width: calc(100% - 30px);
		height: 1px;
		background-color: var(--l-green);
	}
	.publication-box figure,
	.news-box .figure-left {
		max-width: 50%;
		margin-bottom: 30px;
	}
	.publication-box h2 {
		margin-bottom: 30px;
	}
	.publication-box .download-button {
		position: relative;
		-ms-flex-item-align: start!important;
		align-self: flex-start!important;
	}
	.readmore-page .main-img {
		min-height: 380px;
	}
	.readmore-page .main-img h1 {
		padding: 30px 0;
	}
	.news-content .date,
	.news-content p {
		font-size: 18px;
		line-height: 24px;
	}
	.video_icon {
		border: 2px solid var(--l-green);
		width: 80px;
		height: 40px;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		color: var(--white);
		font-size: 16px;
		line-height: 40px;
	}
	.sec_img {
		background-attachment: unset;
	}
	.board-box.active .info {
		padding: 30px;
	}
	.board-box.active .inner {
		position: relative;
		width: 100%;
		display: block;
	}
	.board-box.active .inner figure {
		padding-bottom: 110%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		margin-bottom: 0;
	}
	.board-box.active .close-staff {
		top: 30px;
		right: 30px;
		color: var(--l-green);
	}
	.about-top {
		background-size: auto 15%;
	}
	.board-box.active h2 {
		padding-right: 0;
	}
	.lang-nav {
		top: 11px;
		right: 75px;
	}
	.list-view {
		flex-direction: column;
		align-items: start !important;
	}
	.button {
		margin: 0;
	}
	.list-view h2 {
		margin: 0 0 20px 0;
	}
	.application-call .container {
		padding-top: 0px;
	}
	.list-view span.date {
		margin-bottom: 5px;
	}
	.list-view h2 {
		font-size: 22px;
		line-height: 26px;
	}
	.navigation-links {
		flex-direction: row !important;
	}
	.navigation-links a {
		align-items: flex-start;
	}
	.navigation-links .prev i {
		margin-right: 10px;
	}
	.navigation-links .next i {
		margin-left: 10px;
	}
	.application-call {
		margin-bottom: 50px;
	}
	.category-nav-holder.call-for-applications {
		display: block;
		position: static;

	}
}

@media only screen and (min-width: 992px) {
	.main-menu li:hover .sub-menu {
		display: block;
	}
	.board-box:nth-child(3n+1).active {
		left: 0;
	}
	.board-box:nth-child(3n+2).active {
		left: -33.333vw;
	}
	.board-box:nth-child(3n+3).active {
		left: -66.666vw;
	}
	.staff-row .board-box:nth-child(4n+1).active {
		left: 0;
	}
	.staff-row .board-box:nth-child(4n+2).active {
		left: -25vw;
	}
	.staff-row .board-box:nth-child(4n+3).active {
		left: -50vw;
	}
	.staff-row .board-box:nth-child(4n+4).active {
		left: -75vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	header {
		position: fixed!important;
	}
	header.dark {
		background-color: rgba(35, 31, 32, .9);
	}
	header.white-header {
		background-color: var(--white);
	}
	header.sticky .hidden-xs {
		display: block;
	}
	header .single-line,
	.news-box p,
	header.sticky .hidden-xs {
		display: none;
	}
	header.sticky .logo {
		width: 317px;
		margin-bottom: 15px;
	}
	p,
	.contact-page p,
	.projects-page .column-grid p,
	.eeb-section .column-grid p,
	.map-section .column-grid p,
	.gc-section p,
	.projects-page .column-grid ul:not(.share-social) li,
	.eeb-section .column-grid ul:not(.share-social) li,
	.map-section .column-grid ul:not(.share-social) li,
	.gc-section .column-grid ul:not(.share-social) li {
		font-size: 18px;
		line-height: 24px;
	}
	h2,
	.contact-page h3 {
		font-size: 20px;
		line-height: 26px;
	}
	.gradient-button {
		padding: 13px;
		font-size: 14px;
	}
	h1 {
		font-size: 36px;
		line-height: 42px;
	}
	#map {
		min-height: 450px;
	}
	.top-slider .img-cover,
	.readmore-page .main-img,
	.work-page .work-img,
	.job-img {
		min-height: 650px;
	}
	.top-slider .slick-prev {
		left: 15px;
	}
	.top-slider .slick-next {
		left: 75px;
	}
	.pagingInfo {
		right: 15px;
	}
	.pagingInfo .current {
		font-size: 45px;
	}
	.top-slider .container {
		padding-left: 14%;
		padding-right: 14%;
	}
	.top-slider .img-cover,
	.about-top,
	.program-page,
	.publications-page,
	.contact-page,
	.readmore-page .main-img,
	.work-img,
	.job-img,
	.projects-page {
		padding-top: 126px;
	}
	.visible-sm {
		display: block;
	}
	header .container {
		max-width: 100%;
	}
	.main-menu {
		position: absolute;
		top: 126px;
		left: 0;
		width: 100%;
		height: calc(100vh - 126px);
		padding: 30px;
		background-color: rgba(35, 31, 32, .9);
		display: none;
		overflow-y: auto;
	}
	header.sticky .main-menu {
		position: fixed;
		top: 52px;
		height: calc(100vh - 52px);
	}
	header.sticky .main-menu li {
		padding-bottom: 0;
	}
	header.sticky .main-menu ul>li {
		margin-bottom: 15px;
	}
	.white-header .main-menu {
		background-color: rgba(255, 255, 255, .9);
	}
	.main-menu>ul {
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	}
	.main-menu .sub-menu {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 20px;
	}
	.main-menu .sub-menu li {
		background-color: transparent;
		border-bottom: 0;
		border-right: 1px solid var(--d-gray);
		padding: 0;
		width: auto;
		float: left;
		margin-bottom: 20px;
	}
	.main-menu .sub-menu li:last-child {
		border: 0;
	}
	.main-menu i {
		position: relative;
		z-index: 1000;
		top: 2px;
		font-size: 20px;
		right: auto;
		cursor: pointer;
	}
	.main-menu a {
		display: inline-block;
		margin-right: 30px;
	}
	.white-header .main-menu .sub-menu a {
		color: var(--o-black);
	}
	.category-nav-holder {
		top: 126px;
	}
	.category-nav-holder.sticky {
		top: 53px;
	}
	.audit-link span,
	.download-button span {
		font-size: 14px;
		line-height: 18px;
	}
	.audit-link i {
		width: 61px;
		height: 61px;
		line-height: 61px;
	}
	#map_layer {
		left: -5%;
		width: 110%;
	}
	.category-nav a {
		margin-right: 10px;
	}
	.category-nav a:after {
		margin-left: 10px;
	}
	.column-grid,
	.job-page-mid .lower-info .grid-content {
		-webkit-column-count: 1!important;
		-moz-column-count: 1!important;
		column-count: 1!important;
	}
	.program-page .main-title,
	.pgi-section .main-title {
		text-align: left!important;
	}
	.news-lg-box .date,
	.news-sm-box .date {
		top: 0;
		position: relative;
		margin-bottom: 10px;
	}
	.board-box:nth-child(odd).active {
		left: 0;
	}
	.board-box:nth-child(even).active {
		left: -50vw;
	}
	.board-box.active .member-info {
		max-height: calc(100% - 140px);
	}
	.board-box.active .info {
		padding: 30px;
	}
	.board-box.active .close-staff {
		top: 30px;
		right: 30px;
	}
	.board-box .member-info p {
		font-size: 16px;
		line-height: 20px;
	}
	.lang-nav {
		top: 25px;
		right: 75px;
	}
	header.sticky .lang-nav {
		top: 3px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h1 {
		font-size: 40px;
		line-height: 46px;
	}
	header .container,
	.top-slider .container {
		max-width: 100%;
	}
	.top-slider .slick-prev {
		left: 15px;
	}
	.top-slider .slick-next {
		left: 75px;
	}
	.pagingInfo {
		right: 15px;
	}
	.top-slider .img-cover,
	.about-top,
	.program-page,
	.publications-page,
	.contact-page,
	.readmore-page .main-img,
	.work-img,
	.job-img,
	.projects-page {
		padding-top: 170px;
	}
	.top-slider .container {
		padding-left: 13%;
		padding-right: 13%;
	}
	p,
	.contact-page p,
	.projects-page .column-grid p,
	.eeb-section .column-grid p,
	.map-section .column-grid p,
	.gc-section p {
		font-size: 18px;
		line-height: 24px;
	}
	h2,
	.contact-page h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.category-nav-holder.sticky {
		top: 170px;
	}
	.audit-link span,
	.download-button span {
		font-size: 14px;
		line-height: 18px;
	}
	.news-box p {
		display: none;
	}
	.news-lg-box .date,
	.news-sm-box .date {
		top: 0;
		position: relative;
		margin-bottom: 10px;
	}
	.related-news .news-box .gradient-button {
		padding: 13px;
	}
	header.sticky .logo {
		width: 317px;
	}
	header.sticky .main-menu .sub-menu {
		top: 29px;
	}
	.category-nav-holder {
		top: 170px;
	}
	.category-nav-holder.sticky {
		top: 96px;
	}
	.board-box.active .info {
		padding: 30px;
	}
	.board-box.active .member-info {
		max-height: calc(100% - 210px);
	}
	.board-box.active .close-staff {
		top: 30px;
		right: 30px;
	}
}

@media (min-width: 1200px) {
	:root {
		--container-position: calc((100vw - 1140px) / 2);
	}
	.top-slider .img-cover,
	.about-top,
	.program-page,
	.publications-page,
	.contact-page,
	.readmore-page .main-img,
	.work-img,
	.job-img,
	.projects-page {
		padding-top: 170px;
	}
	.top-slider .slick-next {
		width: 60px;
		height: 60px;
		left: calc(var(--container-position) + 60px);
	}
	.news-sm-box h2 {
		padding-right: 100px;
	}
	.news-lg-box h2 {
		max-width: 75%;
	}
	header.sticky .logo {
		width: 317px;
		margin-bottom: 15px;
	}
	header.sticky .main-menu .sub-menu {
		top: 29px;
	}
	.category-nav-holder {
		top: 170px;
	}
	.category-nav-holder.sticky {
		top: 82px;
	}
	.board-box.active .member-info {
		max-height: calc(100% - 160px);
	}
}

@media (min-width: 1450px) {
	:root {
		--container-position: calc((100vw - 1400px) / 2);
	}
	.category-nav-holder {
		top: 235px;
	}
	.top-slider .slick-prev {
		width: 60px;
		height: 60px;
	}
	.top-slider .slick-next {
		width: 80px;
		height: 80px;
		left: calc(var(--container-position) + 70px);
	}
	.logo {
		width: 317px;
	}
	.news-box p {
		font-size: 16px;
		line-height: 20px;
	}
	.main-menu .sub-menu {
		top: 48px;
	}
	header.sticky .main-menu .sub-menu {
		top: 33px;
	}
	.lang-nav {
		right: 25px;
	}
	h1 {
		font-size: 56px;
		line-height: 62px;
	}
	h2 {
		font-size: 28px;
		line-height: 34px;
	}
	.board-box h2 {
		font-size: 36px;
		line-height: 42px;
	}
	.category-nav-holder.sticky {
		top: 86px;
	}
	.main-menu .sub-menu {
		width: 230px;
	}
	.main-menu a,
	.lang-nav a {
		font-size: 18px;
	}
	.main-menu .sub-menu a {
		font-size: 14px;
	}
	.main-menu li {
		margin-right: 40px;
	}
	p,
	.contact-page p {
		font-size: 20px;
		line-height: 26px;
	}
	{
		font-size: 26px;
		line-height: 32px;
	}
	.container {
		max-width: 1450px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.row {
		margin-left: -25px;
		margin-right: -25px;
	}
	.row>.col,
	.row>[class*=col-] {
		padding-left: 25px;
		padding-right: 25px;
	}
	.row.no-gutters {
		margin-left: 0px;
		margin-right: 0px;
	}
	.no-gutters>.col,
	.no-gutters>[class*=col-] {
		padding-right: 0;
		padding-left: 0;
	}
	.top-slider .img-cover,
	.about-top,
	.program-page,
	.publications-page,
	.contact-page,
	.readmore-page .main-img,
	.work-img,
	.job-img,
	.projects-page {
		padding-top: 236px;
	}
	.top-slider {
		margin-bottom: 100px;
	}
	.news-box .figure-left {
		margin-right: 50px;
	}
	.news-box {
		margin-bottom: 100px;
	}
	.news-content .date,
	.news-content p {
		font-size: 22px;
		line-height: 28px;
	}
	.related-news .news-box p,
	.news-box .date {
		margin-bottom: 20px;
	}
	.about-home h1 {
		padding: 0 50px;
		margin-bottom: 90px;
	}
	.column-grid {
		-webkit-column-gap: 100px;
		-moz-column-gap: 100px;
		column-gap: 100px;
		padding: 0 15%;
	}
	.program-page .column-grid,
	.readmore-page .main-img .container,
	.pgi-section .column-grid {
		padding: 0 5%;
	}
	#map {
		height: 768px;
	}
	.about-top .category-nav-holder:not(.sticky) {
		margin-bottom: 19em;
	}
	.about-top .top-title {
		margin: 300px 0;
	}
	.partners-section h1,
	.board-section h1,
	.audit-section h1,
	.publication-box {
		margin-bottom: 140px;
	}
	.partners-section,
	.contact-page .container,
	.audit-section {
		padding-top: 140px;
	}
	.partners-holder {
		padding: 0 70px;
	}
	.board-box figure,
	.board-box .position {
		margin-bottom: 60px;
	}
	.publication-box figure {
		margin-right: 50px;
	}
	.contact-page h1 {
		font-size: 65px;
		line-height: 72px;
	}
	.contact-left {
		padding: 0 100px!important;
	}
	.news-lg-box,
	.news-sm-box {
		margin-bottom: 90px;
	}
	.news-lg-box h2 {
		max-width: 50%;
	}
	.news-sm-box h2 {
		padding-right: 100px;
	}
	.news-content,
	.work-img .upper-info,
	.work-img .upper-info p {
		padding: 0 15%;
	}
	.news-content ul:not(.share-social) li,
	.news-content ol li {
		font-size: 26px;
		line-height: 32px;
	}
	.job-page-mid .upper-info,
	.apply-section {
		padding: 0 20%;
	}
	.job-page-mid .lower-info .grid-content {
		-webkit-column-gap: 50px;
		-moz-column-gap: 50px;
		column-gap: 50px;
	}
	.apply-section {
		padding-top: 140px;
	}
	.navigation-links a {
		font-size: 24px;
	}
	.board-box.active .member-info {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 50px;
		-moz-column-gap: 50px;
		column-gap: 50px;
	}
}