/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family:'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', Microsoft JhengHei;
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
	font-family:'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', Microsoft JhengHei;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
	padding: 0;
}

#header .topnav,
#header .social-networks,
#nav ul,
.locations-slide .locations-list,
#footer .sublinks,
#footer .intreset .select-drop,
#footer .footer-links .links ul,
.socialnetworks,
.contacts-popup .info-list,
.tags-list,
.hero-slider .pagination,
.mainpopup .tabset,
.mainpopup .openclose .associate-partners,
.mainpopup .features-list,
.main-form .steps,
.timeline-slider .pagination,
.timeline-slider .benefits,
.impact-block .tablist,
.testimonials-block .involvement-list,
.benefits-block .features-list,
.filter-nav ul,
.categories ul,
.paging ul,
.search-bar .sort-by .sort-list,
.twitter-feed .pagination,
.ourteam-block .tabset,
.newmembers-list,
.members-popup .dropmenu ul,
.members-popup .members-list,
.networks-features .figures-list,
.breadcrumbs,
.control-area .meta,
.social-links,
.tags,
.social-area .social-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
#header .topbar:after,
#header .header-holder:after,
#footer .cols:after,
#footer .cols .sub-col:after,
#footer .footer-links:after,
.container:after,
.visual:after,
.hero-slider:after,
.mainpopup .tabset-holder:after,
.mainpopup .features-list:after,
.main-form:after,
.main-form .input-holder:after,
.main-form .twocols:after,
.contact-info:after,
.timeline-slider .pagination:after,
.timeline-slider .benefits:after,
.testimonials-block .involvement-list:after,
.benefits-block .features-list:after,
#two-columns:after,
#two-columns #content:after,
.categories ul:after,
.search-bar:after,
.search-bar .sort-by:after,
.news-post .btns:after,
.ourteam-block:after,
.ourteam-block .tabset-frame:after,
.ourteam-block .content-holder:after,
.ourteam-block .sidebar:after,
.ourteam-block .subtabs-content:after,
.teams-cols:after,
.members-block .cols:after,
.members-block .new-members:after,
.members-block .featured-members:after,
.members-popup .head:after,
.members-popup .btns:after,
.members-list .mainpopup .text-holder:after,
.members-list .mainpopup .info-holder:after,
.registerpopup .popup-frame:after,
.news-article .main-image:after,
.our-staff:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

.visual .caption,
.hero-slider .caption,
.hero-slider .slide:after,
.posts-block .post a:after,
.news-post.v3 .image:after,
.news-post.v4:after,
.project-outcomes .video a:after,
.team .front:after,
.registerpopup .image .caption {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

* {
	max-height: 1000000px;
}

body {
	color: #444;
	background: #fff;
	font: 18px/1.2 "Hind", Microsoft JhengHei;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
}

.gm-style img {
	max-width: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
	font-family: inherit;
	font-weight: bold;
	margin: 0 0 .5em;
	color: inherit;
}

h1,
.h1 {
	font-size: 30px;
}

h2,
.h2 {
	font-size: 24px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4 {
	font-size: 21px;
}

h5,
.h5 {
	font-size: 17px;
}

h6,
.h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1em;
}

a {
	color: #008887;
}

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

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
	padding: .4em .7em;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: #000;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #777;
}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #777;
}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
	color: #777;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #777;
}

input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
textarea.placeholder {
	color: #777;
}

select {
	-webkit-border-radius: 0;
}

textarea {
	resize: vertical;
	vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}

@font-face {
	font-family: "fontello";
	src: url("../fonts/fontello.eot?24346726");
	src: url("../fonts/fontello.eot?24346726#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?24346726") format("woff"), url("../fonts/fontello.ttf?24346726") format("truetype"), url("../fonts/fontello.svg?24346726#fontello") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
}

.icon-doc:before {
	content: "\e800";
}

.icon-heart:before {
	content: "\e801";
}

.icon-heart-empty:before {
	content: "\e802";
}

.icon-star:before {
	content: "\e803";
}

.icon-down-open-big:before {
	content: "\e804";
}

.icon-left-open-big:before {
	content: "\e805";
}

.icon-right-open-big:before {
	content: "\e806";
}

.icon-up-open-big:before {
	content: "\e807";
}

.icon-star-empty:before {
	content: "\e808";
}

.icon-mail:before {
	content: "\e809";
}

.icon-attach:before {
	content: "\e80a";
}

.icon-lock:before {
	content: "\e80b";
}

.icon-link:before {
	content: "\e80c";
}

.icon-home:before {
	content: "\e80d";
}

.icon-folder-open:before {
	content: "\e80e";
}

.icon-resize-small:before {
	content: "\e80f";
}

.icon-signal:before {
	content: "\e810";
}

.icon-down-1:before {
	content: "\e811";
}

.icon-left-1:before {
	content: "\e812";
}

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

.icon-right-1:before {
	content: "\e814";
}

.icon-up-1:before {
	content: "\e815";
}

.icon-dribbble:before {
	content: "\e816";
}

.icon-trash:before {
	content: "\e817";
}

.icon-user:before {
	content: "\e818";
}

.icon-edit:before {
	content: "\e82a";
}

.icon-tick:before {
	content: "\e83d";
}

.icon-target:before {
	content: "\e841";
}

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

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

.icon-arrowbox:before {
	content: "\e844";
}

.icon-buliding:before {
	content: "\e845";
}

.icon-cancel:before {
	content: "\e846";
}

.icon-checked:before {
	content: "\e847";
}

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

.icon-earth:before {
	content: "\e849";
}

.icon-hat:before {
	content: "\e84a";
}

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

.icon-network:before {
	content: "\e84c";
}

.icon-pdf:before {
	content: "\e84d";
}

.icon-pdf2:before {
	content: "\e84e";
}

.icon-people:before {
	content: "\e84f";
}

.icon-pin:before {
	content: "\e850";
}

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

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

.icon-share:before {
	content: "\e853";
}

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

.icon-globe:before {
	content: "\f018";
}

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

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

.icon-resize-full-alt:before {
	content: "\f0b2";
}

.icon-mail-alt:before {
	content: "\f0e0";
}

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

.icon-angle-left:before {
	content: "\f104";
}

.icon-angle-right:before {
	content: "\f105";
}

.icon-angle-up:before {
	content: "\f106";
}

.icon-angle-down:before {
	content: "\f107";
}

.icon-lock-open-alt:before {
	content: "\f13e";
}

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

.icon-file-pdf:before {
	content: "\f1c1";
}

.icon-file-word:before {
	content: "\f1c2";
}

.icon-file-excel:before {
	content: "\f1c3";
}

.icon-file-powerpoint:before {
	content: "\f1c4";
}

.icon-file-archive:before {
	content: "\f1c6";
}

.icon-pinterest:before {
	content: "\f231";
}

.icon-whatsapp:before {
	content: "\f232";
}

.icon-earth-1:before {
	content: "\e855";
}

.icon-check2:before {
	content: "\e856";
}

.icon-reply:before {
	content: "\e857";
}

.icon-tumblr:before {
	content: "\f173";
}

.icon-filter:before {
	content: "\e858";
}

#header {
	position: relative;
	z-index: 1000;
	background: #f4f4f4;
}

.inverted-header #header {
	background: #34aeb1;
}

#header .topbar {
	padding: 12px 8px 9px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	text-align: center;
}

#header .topnav,
#header .social-networks {
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	letter-spacing: -.3px;
}

#header .topnav li,
#header .social-networks li {
	float: left;
}

#header .topnav li:before,
#header .social-networks li:before {
	display: inline-block;
	vertical-align: top;
	content: "|";
	font-size: 12px;
	padding: 0 7px  0 6px;
	color: #ccc;
}

.inverted-header #header .topnav li:before,
.inverted-header #header .social-networks li:before {
	color: #fff;
}

#header .topnav li:first-child:before,
#header .social-networks li:first-child:before {
	display: none;
}

#header .topnav li a,
#header .social-networks li a {
	color: #777;
}

.inverted-header #header .topnav li a,
.inverted-header #header .social-networks li a {
	color: #fff;
}

.inverted-header #header .topnav li a:hover,
.inverted-header #header .social-networks li a:hover {
	color: #777;
}

#header .topnav li a:hover,
#header .social-networks li a:hover {
	color: #34aeb1;
}

.inverted-header #header .topnav li a:hover,
.inverted-header #header .social-networks li a:hover {
	color: #fff;
	opacity: .6;
}

#header .topnav li.active a,
#header .social-networks li.active a {
	color: #34aeb1;
}

.inverted-header #header .topnav li.active a,
.inverted-header #header .social-networks li.active a {
	color: #fff;
	opacity: .6;
}

#header .social-networks {
	font-size: 17px;
	margin: 0 0 0 12px;
	letter-spacing: 0;
	display: none;
}

#header .social-networks li {
	margin: 0 0 0 11px;
}

#header .social-networks li:before {
	display: none;
}

#header .social-networks li a {
	color: #b0b0b0;
}

#header .header-holder {
	background: #34aeb1;
	text-align: center;
	position: relative;
	padding: 0 0 0 104px;
}

.inverted-header #header .header-holder {
	background: #f8f8f8;
}

.inverted-header #header .header-holder {
	border-bottom: 1px solid #ededed;
}

#header .header-holder .logo {
	float: left;
	max-width: 104px;
	position: absolute;
	left: 0;
	top: 0;
}

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

#header .locations {
	float: left;
	text-align:center;
}

#header .locations .location-btn {
	display: block;
	min-width: 130px;
	background: #ffe461;
	color: #000;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	padding: 26px 17px;
}

#header .locations .location-btn i {
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	line-height: 16px;
	margin: 0 0 0 15px;
}

#header .locations .location-btn:hover {
	background: #ffec8d;
}

#header .locations .location-btn:before {
	font-size: 25px;
	line-height: 25px;
}

#header .search-area {
	float: right;
	border-left: solid 1px #039b9e;
}

.inverted-header #header .search-area {
	border-color: #e8e8e8;
}

#header .search-area .search-btn {
	display: block;
	color: #fff;
	padding: 22px 20px 18px;
	font-size: 22px;
	line-height: 23px;
}

#header .search-area .search-btn:hover {
	background: #009998;
}

.inverted-header #header .search-area .search-btn:hover {
	background: #fff;
}

.inverted-header #header .search-area .search-btn {
	color: #777;
}

#header .menu-area {
	float: right;
	border-left: solid 1px #039b9e;
}

.inverted-header #header .menu-area {
	border-color: #e8e8e8;
}

#header .menu-area .menu-btn {
	display: block;
	color: #fff;
	padding: 20px 25px 21px 19px;
	text-transform: uppercase;
}

.inverted-header #header .menu-area .menu-btn {
	color: #444;
}

#header .menu-area .menu-btn:hover {
	background: #009998;
}

.inverted-header #header .menu-area .menu-btn:hover {
	background: #fff;
	color: #34aeb1;
}

#header .menu-area .menu-btn .text {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	font-weight: 300;
	width: 0;
	overflow: hidden;
	-webkit-transition: width linear .3s;
	transition: width linear .3s;
}

#header .menu-area .menu-btn .menubtn {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}

.menubtn {
	width: 34px;
	height: 23px;
	position: relative;
}

.menubtn span,
.menubtn:after,
.menubtn:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
	content: "";
	height: 3px;
	border-radius: 1px;
	background: #fff;
}

.inverted-header .menubtn span,
.inverted-header .menubtn:after,
.inverted-header .menubtn:before {
	background: #777;
}

.menubtn span {
	top: 10px;
}

.menubtn:after {
	top: 20px;
}

#nav {
	float: right;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

#nav ul > li {
	float: left;
	position: relative;
	border-left: solid 1px #039b9e;
}

.inverted-header #nav ul > li {
	border-color: #e8e8e8;
}

#nav ul > li > a {
	display: block;
	color: #fff;
	padding: 29px 18px 26px;
}

.inverted-header #nav ul > li > a {
	color: #777;
}

#nav ul > li > a:hover {
	background: #009998;
}

.inverted-header #nav ul > li > a:hover {
	background: #fff;
	color: #34aeb1;
}

#nav ul > li.hover > a {
	background: #009998;
}

.inverted-header #nav ul > li.hover > a {
	background: #fff;
	color: #34aeb1;
}

#nav ul > li.hover .dropdown {
	display: block;
}

#nav ul > li.active > a {
	background: #009998;
}

.inverted-header #nav ul > li.active > a {
	background: #fff;
	color: #34aeb1;
}

#nav ul > li.hidden {
	display: none;
}

#nav ul > li:nth-child(6) .dropdown .subdrop {
	right: 100% !important;
	left: auto !important;
}

#nav .dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	background: #f4f4f4;
	width: 217px;
	font-size: 16px;
	line-height: 22px;
	-webkit-transition: opacity linear .3s, visibility linear .3s;
	transition: opacity linear .3s, visibility linear .3s;
	box-shadow: 0 6px 5px 0 rgba(0, 0, 0, .2);
}

.inverted-header #nav .dropdown {
	background: #fff;
}

#nav .dropdown:after {
	position: absolute;
	left: 40px;
	bottom: 100%;
	content: "";
	border-style: solid;
	border-width: 0 9px 10px 9px;
	border-color: transparent transparent #f4f4f4 transparent;
}

.inverted-header #nav .dropdown:after {
	border-bottom-color: #fff;
}

#nav .dropdown li {
	float: none;
	display: block;
	border-top: solid 1px #ccc;
	border-left: 0;
}

#nav .dropdown li:first-child {
	border-top: 0;
}

#nav .dropdown li a {
	color: #444;
	text-transform: none;
	text-align: left;
	padding: 18px 32px;
	font-weight: 500;
}

#nav .dropdown li a:hover {
	color: #009998;
	background: none;
}

.inverted-header #nav .dropdown li a {
	color: #444;
}

#nav .dropdown li.hover > a {
	color: #009998;
	background: none;
}

#nav .dropdown li.hover .subdrop {
	display: block;
}

#nav .dropdown li.active > a {
	background: #ffe461;
	color: #444;
}

#nav .dropdown .subdrop {
	border-top: solid 1px #ccc;
	position: absolute;
	left: 100%;
	top: -1px;
	background: #f4f4f4;
	width: 217px;
	display: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.inverted-header #nav .dropdown .subdrop {
	background: #fff;
}

.menu-active {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
}

.menu-active #header .menu-area .menu-btn .text {
	width: 95px;
}

.menu-active #header .menu-area .menu-btn .menubtn span {
	opacity: 0;
}

.menu-active #header .menu-area .menu-btn .menubtn:after,
.menu-active #header .menu-area .menu-btn .menubtn:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 9px;
}

.menu-active #header .menu-area .menu-btn .menubtn:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu-active #nav ul {
	margin: 0 0 40px;
}

.menu-active #nav ul > li .dropdown {
	margin: 0;
}

.menu-active #nav ul > li .dropdown li.active > a {
	background: none;
}

.menu-active #nav ul > li .subdrop {
	margin: 0;
}

#wrapper .search-slide {
	position: absolute;
	right: 66px;
	bottom: 0;
	-webkit-transition: width linear .3s, opacity linear .3s;
	transition: width linear .3s, opacity linear .3s;
	width: 0;
	overflow: hidden;
	background: #039b9e;
	z-index: 15;
	opacity: 0;
}

.inverted-header #wrapper .search-slide {
	background: #fff;
	color: #444;
}

#wrapper .search-slide .slide-holder {
	height: 75px;
	padding: 0 70px;
}

#wrapper .search-slide label {
	position: absolute;
	left: 25px;
	top: 24px;
	font-size: 25px;
	line-height: 25px;
	color: #fff;
}

.inverted-header #wrapper .search-slide label {
	color: #444;
}

#wrapper .search-slide .form-control {
	background: none;
	border: 0;
	color: #fff;
	padding: 26px 0;
	font-weight: 300;
	border-radius: 0;
	letter-spacing: .3px;
}

#wrapper .search-slide .form-control::-webkit-input-placeholder {
	color: #fff;
}

#wrapper .search-slide .form-control:-moz-placeholder {
	color: #fff;
}

#wrapper .search-slide .form-control::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

#wrapper .search-slide .form-control:-ms-input-placeholder {
	color: #fff;
}

.inverted-header #wrapper .search-slide .form-control {
	color: #444;
}

.inverted-header #wrapper .search-slide .form-control::-webkit-input-placeholder {
	color: #444;
}

.inverted-header #wrapper .search-slide .form-control:-moz-placeholder {
	color: #444;
}

.inverted-header #wrapper .search-slide .form-control::-moz-placeholder {
	color: #444;
}

#wrapper .search-slide .search-open {
	position: absolute;
	right: 20px;
	top: 25px;
	color: #fff;
	font-size: 22px;
	line-height: 22px;
}

#wrapper .search-slide .search-open:hover {
	opacity: .8;
}

.inverted-header #wrapper .search-slide .search-open {
	color: #444;
}

.search-active #wrapper .search-slide {
	opacity: 1;
	visibility: visible;
}

.location-active {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}

.location-active .locations-slide {
	height: calc(100vh - 104px);
}

.location-active #header .locations .location-btn {
	background: #ffec8d;
}

.locations-slide {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 0;
	background: #008887;
	-webkit-transition: height linear .3s;
	transition: height linear .3s;
	overflow: auto;
}

.locations-slide .locations-list {
	position: relative;
	z-index: 10;
	background: #ffec8d;
	padding: 0;
}

.locations-slide .locations-list li a {
	display: block;
	color: #000;
	position: relative;
	padding: 18px 35px 18px 20px;
}

.locations-slide .locations-list li a:after {
	border-style: solid;
	border-width: 10px 12px 10px 0;
	border-color: transparent #008887 transparent transparent;
	content: "";
	position: absolute;
	right: 0;
	opacity: 0;
	top: 1px;
	display: none;
	-webkit-transition: opacity linear .3s;
	transition: opacity linear .3s;
}

.locations-slide .locations-list li a:hover {
	color: #008887;
}

.locations-slide .locations-list li a:hover:after {
	opacity: 1;
}

.locations-slide .locations-list .drop {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	background: #ffec8d;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}

.locations-slide .locations-list .drop:after {
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	right: 0;
	height: 9999px;
	background: inherit;
	z-index: -1;
}

.locations-slide .locations-list .drop address {
	font-style: normal;
}

.locations-slide .map {
	overflow: hidden;
	background: #008887;
	height: 280px;
	position: relative;
}

.locations-slide .map .map-canvas {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.locations-slide .map .map-canvas img {
	max-width: none;
	width: auto;
}

.locations-slide .map .map-canvas > div {
	background: none !important;
}

.locations-slide .map .js-custom-marker {
	position: absolute;
	width: 0;
	height: 0;
	z-index: 1;
}

.locations-slide .map .js-custom-marker.active {
	z-index: 2;
}

.locations-slide .map .js-custom-marker.active .marker-opener {
	background: url(../images/pin-active.png) no-repeat;
}

.locations-slide .map .js-custom-marker.selected .marker-opener {
	background: url(../images/pin-active.png) no-repeat;
}

.locations-slide .map .js-custom-marker .popup {
	visibility: hidden;
	position: absolute;
	left: 50%;
	width: 210px;
	margin: 10px 0 0 -105px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
	padding: 10px;
	font-size: 13px;
	line-height: 1.3;
	z-index: 10;
	top: 100%;
}

.locations-slide .map .js-custom-marker .popup .title {
	display: block;
	margin: 0 0 10px;
	font-weight: 500;
	font-size: 15px;
}

.locations-slide .map .js-custom-marker .popup address {
	display: block;
	font-style: normal;
	margin: 0 0 10px;
}

.locations-slide .map .js-custom-marker .popup ul {
	margin: 0 0 10px;
	padding: 0;
}

.locations-slide .map .js-custom-marker .popup ul li {
	list-style: none;
}

.locations-slide .map .js-custom-marker .popup a {
	color: #444;
}

.locations-slide .map .js-custom-marker.active .popup {
	visibility: visible;
}

.locations-slide .map .js-custom-marker .marker-opener {
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	background: url(../images/pin.png) no-repeat;
	width: 48px;
	height: 60px;
	-webkit-transform: translate(-17px, -50px);
	-ms-transform: translate(-17px, -50px);
	transform: translate(-17px, -50px);
}

#footer {
	background: #008887;
}

#footer .info-area {
	background: #fff;
	padding: 30px 20px;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -.09px;
}

#footer .info-area p {
	margin: 0 0 20px;
}

#footer .info-frame {
	text-align: center;
}

#footer .info {
	overflow: hidden;
	display: inline-block;
	margin: 0 8px;
	vertical-align: middle;
}

#footer .info .title {
	display: block;
	font-size: 18px;
}

#footer .info address {
	line-height: 19px;
	font-style: normal;
	margin: 0;
	font-weight: 500;
}

#footer .info .tel {
	display: block;
}

#footer .info .tel a {
	color: #444;
}

#footer .logo {
	overflow: hidden;
	max-width: 130px;
	margin: 0 auto 15px;
}

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

#footer .footer-bottom {
	overflow: hidden;
}

#footer .footer-bottom .col {
	background: #eed660;
}

#footer .footer-bottom .footerbar {
	background: #555;
	color: #999;
	font-size: 13px;
	overflow: hidden;
	padding: 18px 15px;
	text-align: center;
}

#footer .footer-bottom .footerbar a {
	color: #999;
}

#footer .footer-bottom .footerbar a:hover {
	color: #fff;
}

#footer .sublinks li {
	display: inline-block;
	vertical-align: top;
}

#footer .sublinks li:before {
	display: inline-block;
	vertical-align: top;
	content: "|";
	padding: 0 7px;
}

#footer .sublinks li:first-child:before {
	display: none;
}

#footer .sublinks li.active a {
	color: #fff;
}

#footer .find-contact {
	display: block;
	background: #eed660;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	padding: 14px 30px;
	letter-spacing: -.2px;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	position: relative;
}

#footer .find-contact:before {
	font-size: 24px;
	line-height: 24px;
	color: #a47400;
	display: inline;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

#footer .find-contact i {
	position: absolute;
	right: 25px;
	top: 17px;
	font-size: 22px;
	line-height: 22px;
	-webkit-transition: -webkit-transform linear .3s;
	transition: -webkit-transform linear .3s;
	transition: transform linear .3s;
	transition: transform linear .3s, -webkit-transform linear .3s;
}

#footer .find-contact:hover {
	background: #ffec8d;
}

#footer .footer-frame {
	color: #fff;
	padding: 35px 25px 0;
}

#footer .footer-frame .title {
	display: block;
	font-size: 17px;
	line-height: 24px;
	font-weight: 700;
	margin: 0 0 10px;
}

#footer .newsletter {
	padding: 0 0 12px;
}

#footer .newsletter p {
	margin: 0 0 20px;
}

#footer .newsletter .form-control {
	border: 0;
	margin: 0 0 20px;
	color: #777;
	padding: 19px 16px 17px;
	white-space: nowrap;
	font-size: 16px;
	text-overflow: ellipsis;
	box-shadow: 0 2px 14px rgba(0, 0, 0, .2);
}

#footer .newsletter .form-control::-webkit-input-placeholder {
	color: #777;
}

#footer .newsletter .form-control:-moz-placeholder {
	color: #777;
}

#footer .newsletter .form-control::-moz-placeholder {
	color: #777;
	opacity: 1;
}

#footer .newsletter .form-control:-ms-input-placeholder {
	color: #777;
}

#footer .newsletter .input-holder {
	overflow: visible;
}

#footer .newsletter .input-holder .jcf-select {
	border-radius: 0;
}

#footer .newsletter .btn {
	display: block;
	width: 100%;
	border: 0;
	outline: none;
	padding: 18px 22px 18px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 2px;
}

#footer .intreset {
	position: relative;
	margin: 0 0 20px;
}

#footer .intreset .select-drop {
	position: absolute;
	left: 0;
	right: 0;
	box-shadow: 0 -8px 8px rgba(0, 0, 0, .2);
	margin: 0 0 -3px;
	background: #fff;
	bottom: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity linear .3s, visibility linear .3s;
	transition: opacity linear .3s, visibility linear .3s;
	border-radius: 2px;
}

#footer .intreset .select-drop li {
	display: block;
	border-bottom: solid 1px #ccc;
	position: relative;
}

#footer .intreset .select-drop li label {
	display: block;
	color: #777;
	position: relative;
	padding: 15px 20px 15px 52px;
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
}

#footer .intreset .select-drop .jcf-checkbox {
	position: absolute;
	left: 18px;
	top: 50%;
	margin: -10px 0 0;
}

#footer .intreset .drop-open {
	display: block;
	position: relative;
	background: #fff;
	width: 100%;
	height: 55px;
	border-radius: 2px;
	font-size: 16px;
	color: #777;
	line-height: 20px;
	padding: 17px 45px 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#footer .intreset .drop-open:after {
	position: absolute;
	text-align: center;
	right: 18px;
	top: 18px;
	display: block;
	content: "\e804";
	color: #979797;
	font: 18px/18px "fontello";
}

#footer .cols .sub-col {
	padding: 0 0 20px;
}

#footer .cols .sub-col:first-child {
	border: 0;
}

#footer .footer-links .links {
	width: 100%;
	margin: 0 0 2px;
}

#footer .footer-links .links ul {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

#footer .footer-links .links ul li a {
	color: #fff;
}

#footer .footer-links .links ul li a:hover {
	color: #a6d3d3;
}

#footer .footer-links .links ul li.active a {
	color: #a6d3d3;
}

#footer .socialnetworks {
	overflow: hidden;
}

.socialnetworks {
	margin: 0 -6px;
	text-align: center;
}

.socialnetworks li {
	margin: 0 5px 12px;
	display: inline-block;
	vertical-align: top;
}

.socialnetworks li a {
	display: block;
	width: 46px;
	height: 46px;
	position: relative;
	background: #4dacab;
	border-radius: 2px;
	color: #008887;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
}

.socialnetworks li a:hover {
	background: #ffe461;
}

.socialnetworks li a:before {
	left: 0;
	right: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.contact-active {
	height: 100%;
	overflow: hidden;
}

.contact-active .contacts-popup {
	opacity: 1;
	visibility: visible;
}

.contact-active #footer .find-contact {
	background: #fff;
}

.contact-active #footer .find-contact i {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.contacts-popup {
	position: fixed;
	right: 0;
	bottom: 58px;
	background: #fff;
	z-index: 1000;
	top: 0;
	left: 0;
	padding: 7px 20px 10px;
	font-size: 16px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: opacity linear .3s, visibility linear .3s;
	transition: opacity linear .3s, visibility linear .3s;
}

.contacts-popup .holder {
	overflow: hidden;
	position: relative;
}

.contacts-popup .holder:after {
	left: 75%;
	margin: 0 0 0 15px;
	position: absolute;
	top: 23px;
	bottom: 0;
	content: "";
	width: 1px;
	background: #dedede;
	display: none;
}

.contacts-popup .holder:before {
	left: 80%;
	margin: 0 0 0 18px;
	position: absolute;
	top: 23px;
	bottom: 0;
	content: "";
	width: 1px;
	background: #dedede;
	display: none;
}

.contacts-popup .contacts-frame {
	overflow: hidden;
	position: relative;
}

.contacts-popup .contacts-frame:before {
	left: 66.66%;
	margin: 0 0 0 -6px;
	position: absolute;
	top: 23px;
	bottom: 0;
	content: "";
	width: 1px;
	background: #dedede;
	display: none;
}

.contacts-popup .widget {
	border-bottom: solid 1px #dedede;
	padding: 25px 0 17px;
	break-inside: avoid;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	position: relative;
	font-size: 16px;
	line-height: 19px;
}

.contacts-popup .widget .title {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 19px;
	margin: 0 0 10px;
	color: #008887;
	font-weight: 600;
}

.contacts-popup .widget .subheading {
	display: block;
	font-weight: 500;
	margin: 0 0 11px;
}

.contacts-popup .widget .info-frame {
	overflow: hidden;
	margin: 0 0 11px;
}

.contacts-popup .widget address {
	display: block;
	font-style: normal;
	margin: 0 0 10px;
}

.contacts-popup .widget .address-holder {
	overflow: hidden;
	margin: 0 -8px;
}

.contacts-popup .widget .address-holder address {
	width: 50%;
	padding: 0 8px;
	float: left;
}

.contacts-popup .widget .tel {
	display: block;
}

.contacts-popup .widget a {
	color: #444;
}

.contacts-popup .widget a:hover {
	color: #008887;
}

.contacts-popup .widget .link {
	color: #008887;
	font-weight: 500;
}

.contacts-popup .widget .link:hover {
	color: #444;
}

.contacts-popup .sub-title {
	display: block;
	padding: 12px 0 0;
}

.contacts-popup .info-list {
	margin: 0 0 10px;
}

.contacts-popup .contact-btn {
	position: fixed;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: #ffe461;
	color: #000;
	font-size: 15px;
	line-height: 15px;
	z-index: 3;
}

.contacts-popup .contact-btn:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.contacts-popup .contact-btn:hover {
	background: #ffec8d;
}

.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	width: 100%;
	height: 55px;
	border-radius: 2px;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 16px;
	color: #777;
	line-height: 20px;
	margin: 17px 45px 0 20px;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	right: 18px;
	top: 18px;
}

.jcf-select .jcf-select-opener:after {
	display: block;
	content: "\e804";
	color: #979797;
	font: 18px/18px "fontello";
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #d7d7d7;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 14px;
	font-size: 12px;
	width: 100%;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 16px;
	line-height: 20px;
	padding: 16px 18px;
	color: #777;
	height: 1%;
}

.jcf-list .jcf-option.jcf-option-hide {
	display: none;
}

.jcf-select-intreset .jcf-list .jcf-option {
	padding: 16px 16px;
	font-size: 16px;
	line-height: 20px;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #ffe461;
	color: #000;
}

/* custom scrollbars styles */

.jcf-scrollable-wrapper {
	box-sizing: content-box;
	position: relative;
}

.jcf-scrollbar-vertical {
	position: absolute;
	cursor: default;
	background: #fafafa;
	width: 16px;
	bottom: 0;
	right: 0;
	border-left: solid 1px #e8e8e8;
	top: 0;
}
.yellowcolorContentElement {
    background-color: #ffe461 !important;
    color: #000 !important;
}

.yellowcolorButtonContentElement  {
    border-color: #000;
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    color: #000;
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
	background: #c2c2c2;
	height: 1px;
	margin: 0 0 0 4px;
	width: 8px;
	border-radius: 4px;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
	visibility: hidden;
}

.jcf-checkbox {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 3px 0 0;
	height: 18px;
	width: 18px;
}

.jcf-checkbox span {
	position: absolute;
	display: none;
	height: 7px;
	width: 11px;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	border: 2px solid #008887;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

:root .jcf-checkbox span {
	margin: -5px 0 0 -5px;
}

.jcf-checkbox input[type="checkbox"] {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}

.jcf-checkbox.jcf-checked span {
	display: block;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

.fancybox-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 8040;
	color: #000;
	background: #ffe461;
	text-align: center;
	padding: 11px 0;
}

.fancybox-close:after {
	display: block;
	content: "\e813";
	font: 18px/18px "fontello";
}

.fancybox-close:hover {
	background: #ffec8d;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

.activities-area {
	position: relative;
	padding: 38px 77px 130px 40px;
}

.publications .activities-area {
	padding-top: 0;
}

.activities-area .col {
	display: block;
}

.intro-wrap {
	margin: 0 0 12px;
	position: relative;
	overflow: hidden;
}

.intro-wrap h1 {
	color: #008887;
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	margin: 0 0 20px;
}

.activities .publications .breadcrumbs {
	border: none;
}

.activities .search-bar {
	margin: 0 0 42px;
}

.activities .results-post {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.activities .search-cols .paging {
	position: static;
}

.activities .search-cols .paging ul {
	width: auto;
	overflow: hidden;
}

.activities .filter-nav {
	padding: 0 40px;
}

.activities .filter-nav a {
	font-weight: 600;
	color: #008887;
	padding: 22px 12px 18px;
}

.activities .filter-nav a:hover,
.activities .filter-nav a.active {
	color: #444;
}

.activities .breadcrumbs-bar {
	background: #f6f6f6;
	padding: 0 40px;
}

.activities .breadcrumbs-bar ul {
	border-bottom: 1px solid #d7d7d7;
	font-weight: 500;
	padding: 21px 0;
}

.activities .results-post {
	margin: 0 0 20px;
}

.activities .results-post .post {
	overflow: visible;
	position: relative;
}

.activities .results-post .post:last-child {
	border: 0;
}

.activities .results-post .post h2 {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 8px;
}

.activities .results-post .post p {
	margin: 0 0 21px;
}

.activities#two-columns {
	overflow: visible;
}

.activities#two-columns .search-cols {
	margin: 0;
	padding-top: 37px;
}

.activities#two-columns.v2 .categories {
	padding: 96px 0;
}

.activities#two-columns.v2 .categories .title {
	padding: 0 38px;
	margin: 0 0 30px;
	letter-spacing: -1px;
}

.activities#two-columns.v2 .categories li {
	padding: 0;
	border-bottom: 1px solid #d7d7d7;
}

.activities#two-columns.v2 .categories li:first-child {
	border-top: 1px solid #d7d7d7;
}

.activities#two-columns.v2 .categories a {
	display: block;
	padding: 14px 15px 14px 38px;
}

.activities#two-columns .tags {
	line-height: 20px;
	width: 93%;
}

.activities#two-columns .tags.tags-popup {
	position: relative;
	margin: 0 -9px;
	width: auto;
}

.activities#two-columns .tags.tags-popup li {
	margin: 0 9px 5px;
}

.activities#two-columns .tags.tags-popup .circle {
	width: 38px;
	line-height: 38px;
	height: 38px;
}

.activities#two-columns .tags.tags-popup .btn {
	font-size: 14px;
	padding: 8px 10px;
}

.activities#two-columns .tags li {
	margin: 0 14px 5px 0;
}

.activities#two-columns .tags a {
	padding: 5px 11px;
}

.activities#two-columns .tags a.circle {
	padding: 0;
	border: 1px solid #96a3a3;
	background: none;
}

.activities#two-columns .tags a.circle:hover {
	background: #96a3a3;
}

.activities#two-columns .tags a.tags-link {
	background: #f6f6f6;
	padding: 7px 10px;
	border-radius: 16px;
}

.activities#two-columns .tags a.tags-link:hover {
	background: #000;
}

.activities#two-columns .tags a.teal {
	color: #008887;
}

.activities#two-columns .tags a.teal:hover {
	color: #fff;
}

.activities#two-columns .tags a.circle {
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
}

.activities#two-columns .tags a.yellow {
	border-color: #ffe360;
}

.activities#two-columns .tags a.yellow:hover {
	background-color: #ffe360;
	color: #000;
}

.activities#two-columns .tags a.blue {
	border-color: #2ba8e0;
}

.activities#two-columns .tags a.blue:hover {
	background-color: #2ba8e0;
}

.activities#two-columns .tags a.green {
	border-color: #9bc743;
}

.activities#two-columns .tags a.green:hover {
	background-color: #9bc743;
}

.post-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.post-meta .btn-next {
	width: 30px;
	height: 30px;
	border: 1px solid #ffe14f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	color: #000;
}

.post-meta .btn-next:hover {
	color: #000;
	background: #ffe14f;
}

.blue-tooltip {
	background: #ffe461;
	font-size: 14px;
	line-height: 21px;
	color: #000;
	display: block;
	padding: 8px 19px;
}

.blue-tooltip:after {
	position: absolute;
	left: 50%;
	top: 100%;
	content: "";
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #ffe461 transparent transparent transparent;
}

.sdg-popup-frame {
	position: absolute;
	top: 0;
	width: 507px;
	left: 50%;
	margin: 0 0 0 -402px;
	opacity: 0;
	visibility: hidden;
}

.sdg-popup-frame:before {
	background: rgba(0, 0, 0, .7);
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}

.sdg-popup-frame.style01 {
	width: 391px;
	margin: 0 0 0 -344px;
}

.sdg-popup-active .sdg-popup-frame {
	visibility: visible;
	opacity: 1;
}

.sdg-popup-frame .sdg-popup-wrap {
	background: #fff;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3);
	background: #fff;
	position: relative;
	z-index: 9999;
}

.sdg-popup-frame .head {
	position: relative;
	background: #ededed;
	padding: 15px 25px;
	font-size: 18px;
	line-height: 28px;
	color: #787878;
}

.sdg-popup-frame .title {
	display: block;
	font-weight: 500;
}

.sdg-popup-frame .close {
	position: absolute;
	top: 16px;
	background: none !important;
	right: 21px;
	padding: 0 !important;
	color: #787878 !important;
}

.sdg-popup-frame .sdg-list {
	margin: 0;
	padding: 23px 25px 2px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.sdg-popup-frame .sdg-list li {
	display: block;
}

.sdg-popup-frame li {
	margin: 0 0 21px !important;
}

.sdg-popup-frame li img {
	display: block;
	width: 100%;
	height: auto;
}

.sdg-popup-frame a {
	padding: 0 !important;
	background: none !important;
}

.mainpopup.activities-slideout .head {
	position: relative;
	background: #34aeb1;
	color: #fff;
}

.mainpopup.activities-slideout .head .heading {
	display: block;
	font-weight: 600;
	font-size: 28px;
	line-height: 40px;
}

.mainpopup.activities-slideout .close {
	right: 34px;
}

.activities-holder .slideout-block {
	background: #fff;
}

.activities-holder .slideout-block:nth-child(odd) {
	background: #f4f4f4;
}

.slideout-block {
	padding: 44px 50px 22px;
	font-size: 18px;
	line-height: 26px;
}

.slideout-block h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	margin: 0 0 26px;
}

.slideout-block p {
	margin: 0 0 20px;
}

.slideout-block .list {
	font-size: 17px;
	line-height: 21px;
	margin: 0 0 67px;
	padding: 0;
	list-style: none;
}

.slideout-block .list li {
	position: relative;
	padding: 0 0 0 53px;
	margin: 0 0 20px;
}

.slideout-block .list li:before {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 25px;
	content: "\e83d";
	font-family: "fontello";
	color: #008887;
}

.slideout-intro {
	font-size: 18px;
	line-height: 22px;
}

.slideout-intro .meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: 0 0 20px;
}

.slideout-intro .duration {
	display: block;
}

.slideout-intro .duration .clock {
	width: 28px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 12px;
}

.slideout-intro .duration .clock img {
	display: block;
	width: 100%;
	height: auto;
}

.slideout-intro .year {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 500;
}

.slideout-intro p {
	margin: 0 0 15px;
}

.slideout-tags {
	padding: 0 36px 0 51px;
}

.slideout-tags .tags-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 32px 0 25px;
	border-top: 1px solid #e5e5e5;
}

.slideout-tags .tags-holder:first-child {
	border: none;
}

.slideout-info {
	padding: 37px 50px 11px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 18px;
	line-height: 21px;
}

.slideout-info .info-col {
	width: 50%;
}

.slideout-info .btn {
	display: block;
	background: #ffe461;
	padding: 0;
	line-height: 58px;
	color: #000;
	font-size: 16px;
	border-radius: 0;
}

.slideout-info .btn:hover {
	background: #008887;
	color: #fff;
}

.slideout-info address {
	font-style: normal;
	display: block;
	width: 140px;
}

.slideout-info address .title {
	display: block;
}

.slideout-info .partners {
	margin: 0 0 39px;
}

.slideout-info .partners .text {
	display: block;
	margin: 0 0 26px;
}

.slideout-info .partners p {
	margin: 0 0 20px;
}

.slideout-info address {
	display: block;
	margin: 0 0 24px;
}

.slideout-info .link {
	display: block;
	margin: 0 0 18px;
}

.slideout-info dl {
	margin: 0 0 24px;
}

.slideout-info dl dt {
	float: left;
	margin: 0;
}

.slideout-info dl dd {
	padding: 0 0 0 10px;
	margin: 0;
	display: block;
	overflow: hidden;
}

.slideout-info dl a {
	color: #000;
}

.slideout-info dl a:hover {
	color: #008887;
}

.slideout-info .locations {
	margin: 0 0 20px;
}

.slideout-info .locations .text {
	color: #008887;
}

.slideout-info a:hover {
	color: #000;
}

.slideout-description {
	padding: 35px 50px 17px;
	font-size: 18px;
	line-height: 26px;
}

.slideout-description h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	margin: 0 0 25px;
}

.slideout-description p {
	margin: 0 0 24px;
}

.slideout-features {
	padding: 37px 50px 61px;
}

.slideout-features p {
	margin: 0 0 52px;
}

.slideout-features .news-posts h2 {
	margin: 0 0 59px;
}

.slideout-features .news-post {
	width: 45%;
	margin: 0 0 50px;
}

.slideout-features .cols {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 0 5px;
}

.aside-area {
	background: #fff;
	padding: 28px 19px;
}

.post-meta {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.post-meta .text {
	color: #000;
	display: block;
	padding: 0 5px 5px 0;
}

.post-meta .registerbtn2 {
	font-size: 16px;
	line-height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: background .4s ease, color .4s ease;
	transition: background .4s ease, color .4s ease;
	font-weight: 400;
	margin: 0 0 5px;
}

.post-meta .registerbtn2:hover {
	color: #000;
}

.post-meta .registerbtn2:hover .btn-next {
	background: #ffe14f;
}

.post-meta .registerbtn2 .btn-next {
	margin: 0 0 0 13px;
	-webkit-transition: background .4s ease, color .4s ease;
	transition: background .4s ease, color .4s ease;
}

.results-post .post p a {
	font-weight: 600;
}

.webinars-article {
	position: relative;
	font-size: 16px;
	line-height: 19px;
	font-weight: 600;
	padding: 17px 0;
	border-top: 1px solid #d7d7d7;
}

.webinars-article.style01 {
	padding: 33px 0;
	font-size: 18px;
	line-height: 22px;
}

.webinars-article.style01 a {
	color: #008887;
}

.webinars-article.style01 a:hover {
	color: #000;
}

.webinars-article:first-child {
	padding-top: 0;
	border: 0;
}

.webinars-article .time {
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	display: block;
	margin: 0 0 10px;
}

.webinars-article p a {
	color: #000;
}

.webinars-article p a:hover {
	color: #008887;
}

.webinars-article .play {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.webinars-article .play a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-weight: 300;
}

.webinars-article .play a:hover {
	opacity: .7;
}

.webinars-article .play .btn-play2 {
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 0 0 12px;
	position: relative;
	background: url(../images/ico-play.svg) no-repeat;
	background-size: cover;
}

.webinars-article .icon-youtube2 {
	width: 143px;
	display: block;
}

.webinars-article .icon-youtube2 a {
	display: block;
}

.webinars-article .icon-youtube2 a:hover img {
	opacity: .75;
}

.publication-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
}

.publication-post .news-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	margin: 0 7px 30px;
	width: 23.2%;
}

.publication-post .news-post .image {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.publication-post .news-post .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.publication-post .news-post .text .btns {
	width: 100%;
}

.post-description {
	position: relative;
	overflow: hidden;
	padding: 0 0 46px;
	border-bottom: 1px solid #d7d7d7;
	margin: 0 0 27px;
}

.post-description .img-holder {
	float: left;
	position: relative;
	margin: 0 38px 0 0;
	width: 294px;
	overflow: hidden;
	border-radius: 3px;
}

.post-description .img-holder:after {
	background: transparent -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, black 80%);
	background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, black 80%);
	content: "";
	opacity: .6;
	top: 100px;
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.post-description .img-holder img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.post-description .img-holder .btn {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	background: #ffe461;
	padding: 17px 10px;
	line-height: 20px;
	font-size: 18px;
	height: 54px;
	z-index: 2;
	color: #000;
}

.post-description .img-holder .btn:hover {
	background: #008887;
	color: #fff;
}

.post-description .description-data {
	overflow: hidden;
	font-size: 16px;
	line-height: 20px;
}

.post-description .description-data .time {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	margin: 0 0 10px;
}

.post-description .description-data h2 {
	font-size: 24px;
	font-weight: bold;
	color: #008887;
	line-height: 100px;
	margin: 0 0 11px;
}

.post-description .description-data .post-meta {
	margin: 0 0 15px;
}

.post-description .description-data .btn {
	font-size: 14px;
	padding: 5px;
}

.activities .news-posts h2 {
	font-size: 30px;
	line-height: 34px;
	margin: 0 0 35px;
}

.activities .news-posts.aside-area h2 {
	font-size: 20px;
	margin: 0 0 18px;
}

.intro-block .holder {
	max-width: 934px;
	margin: 0 auto;
}

.learn-topics {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.topics-box {
	position: relative;
	padding: 94px 46px 83px;
	width: 25%;
	text-align: center;
	background: #008887;
	color: #fff;
	font-weight: 500;
}

.topics-box:nth-child(2) {
	background: #059699;
}

.topics-box:nth-child(3) {
	background: #2a8796;
}

.topics-box:nth-child(4) {
	background: #289aac;
}

.topics-box h2 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	margin: 0 0 37px;
}

.topics-box h2 span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 6px;
}

.topics-box h2 span:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	background: #ffe461;
	content: "";
}

.topics-box p {
	margin: 0 0 43px;
}

.topics-box .btn-primary {
	border-color: #fff;
	color: #fff;
	height: 55px;
	line-height: 24px;
	border-radius: 1px;
	letter-spacing: 1px;
	padding: 15px 33px;
}

.topics-box .btn-primary:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
}

.learn-resources {
	position: relative;
	background-size: cover;
	padding: 158px 0 171px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 21px;
	font-weight: 500;
}

.learn-resources .holder {
	max-width: 800px;
	margin: 0 auto;
}

.learn-resources h2 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	margin: 0 0 41px;
}

.learn-resources h2 span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 10px;
}

.learn-resources h2 span:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	background: #ffe461;
	content: "";
}

.learn-resources p {
	margin: 0 0 42px;
}

.learn-resources .btn-primary {
	border-color: #fff;
	color: #fff;
	height: 55px;
	line-height: 24px;
	border-radius: 1px;
	letter-spacing: 1px;
	padding: 15px 33px;
}

.learn-resources .btn-primary:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
}

.tags-holder.style02 .tags-popup li {
	margin-right: 18px;
}

.tags-holder.style02 .tags-popup a.btn {
	padding: 9px 8px;
	font-size: 14px;
}

.tags-holder.style02 .tags-popup a.circle {
	padding: 0;
	border: 1px solid #96a3a3;
	background: none;
	width: 38px !important;
	height: 38px !important;
	line-height: 38px !important;
}

.tags-holder.style02 .tags-popup a.circle:hover {
	background: #96a3a3;
}

.tags-holder.style02 .tags-popup a.tags-link {
	background: #f6f6f6;
	padding: 7px 10px;
	border-radius: 16px;
}

.tags-holder.style02 .tags-popup a.tags-link:hover {
	background: #000;
}

.tags-holder.style02 .tags-popup a.teal {
	color: #008887;
}

.tags-holder.style02 .tags-popup a.teal:hover {
	color: #fff;
}

.tags-holder.style02 .tags-popup a.circle {
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
}

.tags-holder.style02 .tags-popup a.yellow {
	border-color: #ffe360;
}

.tags-holder.style02 .tags-popup a.yellow:hover {
	background-color: #ffe360;
	color: #000;
}

.tags-holder.style02 .tags-popup a.blue {
	border-color: #2ba8e0;
}

.tags-holder.style02 .tags-popup a.blue:hover {
	background-color: #2ba8e0;
}

.tags-holder.style02 .tags-popup a.green {
	border-color: #9bc743;
}

.tags-holder.style02 .tags-popup a.green:hover {
	background-color: #9bc743;
}

.tags-holder.style03 {
	padding-bottom: 30px;
}

.tags-holder.style03 .tags li {
	margin: 0 14px 0 0;
}

.tags-holder.style03 .tags li a {
	background: #f6f6f6 !important;
}

.tags-holder.style03 .tags li a:hover {
	background: #000 !important;
}

.popup-accordion {
	padding: 0;
	list-style: none;
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	text-transform: capitalize;
}

.popup-accordion .accordion-opener {
	display: block;
	padding: 15px 51px;
	border-bottom: 1px solid #d7d7d7;
	background: #fff;
	color: #444;
}

.popup-accordion li.active .slideout-block {
	padding-top: 15px;
}

.popup-accordion li.active .accordion-opener {
	font-weight: 600;
	color: #008887;
	background: #f4f4f4;
}

.popup-first-visit-holder {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(0, 0, 0, .5);
	z-index: 1001;
	visibility: hidden;
}

.popup-first-visit {
	position: relative;
	width: 100%;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	background-color: #9ee8e6;
	background-image: url(../images/clouds-01.png);
	background-repeat: no-repeat;
	background-position: 60% 7%;
	padding-top: 50px;
}

.bg-container {
	max-width: 180px;
	margin: 0 auto 30px;
}

.popup-container {
	position: relative;
	max-width: 460px;
	padding: 0 20px;
	z-index: 1;
	margin: 0 auto;
}

.popup-container h3 {
	font-size: 20px;
	color: #008887;
	font-weight: 500;
	margin-bottom: 10px;
}

.popup-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background: #ffe461;
}

.popup-close:before,
.popup-close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 28px;
	height: 1px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	background: #000;
}

.popup-close:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* Slick slider styles */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.resize-active *,
.resize-active *:before,
.resize-active *:after {
	-webkit-transition: none !important;
	transition: none !important;
	-webkit-animation: none !important;
	animation: none !important;
}

html,
body {
	min-height: 100%;
}

body {
	line-height: 23px;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

a {
	text-decoration: none;
	-webkit-transition: color ease-in-out .3s, background ease-in-out .3s;
	transition: color ease-in-out .3s, background ease-in-out .3s;
}

.container {
	max-width: 1295px;
	margin: 0 auto;
	padding: 0 15px;
}

.btn {
	border-radius: 2px;
	font-weight: 600;
	padding: 15px 22px;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	text-transform: uppercase;
}

.btn-default {
	background: #ffe146;
	color: #000;
}

.btn-default:hover {
	background: #ffec8d;
}

.btn-primary {
	border: solid 2px #b7b7b7;
	color: #088877;
}

.btn-primary:hover {
	border-color: #008887;
	background: #008887;
	color: #fff;
}

.btn-success {
	border: solid 1px #ffe461;
	color: #088877;
}

.btn-success:hover {
	border-color: #008887;
	background: #008887;
	color: #fff;
}

.btn-info {
	border: solid 2px #fff;
	color: #ffe461;
}

.btn-info:hover {
	color: #000;
	background: #fff;
}

.btn-warning {
	border: solid 1px #000;
	color: #000;
}

.btn-warning:hover {
	background: #000;
	color: #fff;
}

.more-icon {
	display: inline-block;
	vertical-align: top;
	border: solid 1px #ffe461;
	width: 30px;
	height: 30px;
	position: relative;
	color: #000;
	font-size: 14px;
	line-height: 14px;
}

.more-icon:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.more-icon:hover {
	background: #ffe461;
}

#wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
}

#wrapper .form-control {
	border: solid 1px #d7d7d7;
	border-radius: 2px;
	font-size: 16px;
	line-height: 20px;
	background: #fff;
	font-weight: 300;
	outline: none;
	box-shadow: none;
	padding: 17px 19px;
	color: #444;
	display: block;
	width: 100%;
	text-overflow: ellipsis;
}

#wrapper .search-bar .form-control {
	border: 0;
	font-weight: 300;
	height: 54px;
	padding: 17px 46px 17px 19px;
}

#wrapper .search-bar.search-filter .form-control {
	height: 54px;
}

#wrapper .input-holder {
	overflow: hidden;
}

.tags-list {
	float: left;
	padding: 8px 0 0;
}

.tags-list li {
	float: left;
	margin: 0 9px 6px 0;
}

.tags-list li a {
	display: block;
	position: relative;
	padding: 11px 40px 11px 17px;
	font-size: 14px;
	line-height: 18px;
	color: #444;
	font-weight: 400;
	background: #e5f5f5;
	border-radius: 20px;
}

.tags-list li a i {
	position: absolute;
	right: 12px;
	top: 11px;
	font-size: 15px;
	color: #018887;
}

.tags-list li a:hover {
	background: #c7e4e4;
}

.visual,
.hero-slider {
	position: relative;
	z-index: 2;
}

.visual:after,
.hero-slider:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 10px;
	background-color: #999;
	background: -webkit-linear-gradient(left, transparent 0%, #ffe461 25%, #ffe461 75%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, #ffe461 25%, #ffe461 75%, transparent 100%);
}

.visual .caption,
.hero-slider .caption {
	white-space: nowrap;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 1.134;
	z-index: 4;
	left: 0;
	right: 0;
	text-align: left;
	padding: 15px 15px;
}

.visual .caption:after,
.hero-slider .caption:after {
	content: "";
	display: inline-block;
	vertical-align: bottom;
	width: 0;
	min-height: 100%;
}

.visual .caption > *,
.hero-slider .caption > * {
	white-space: normal;
	display: inline-block;
	vertical-align: bottom;
	max-width: 99%;
}

.visual .caption .caption-holder,
.hero-slider .caption .caption-holder {
	max-width: 380px;
}

.visual .caption h1,
.hero-slider .caption h1 {
	display: inline-block;
	vertical-align: top;
	max-width: 480px;
	padding: 10px 20px 4px 14px;
	font-size: 22px;
	line-height: 25px;
	font-weight: 600;
	margin: 0 0 11px;
	letter-spacing: -.4px;
	background: rgba(51, 154, 187, .7);
}

.visual .caption .caption-frame,
.hero-slider .caption .caption-frame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: end;
	align-content: flex-end;
	width: 100%;
}

.visual .caption .text-wrap,
.hero-slider .caption .text-wrap {
	background: rgba(51, 154, 187, .7);
	padding: 10px 34px 10px 14px;
	min-height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
}

.visual .caption .text-wrap p,
.hero-slider .caption .text-wrap p {
	margin: 0;
}

.visual .caption .btn,
.hero-slider .caption .btn {
	font-size: 15px;
	text-transform: none;
	line-height: 18px;
	padding: 14px 40px 14px 18px;
	text-align: left;
	border-radius: 0;
	font-weight: 400;
	letter-spacing: .15px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	white-space: nowrap;
	margin-left: 1px;
	height: 1%;
}

.visual .caption .btn i,
.hero-slider .caption .btn i {
	display: inline-block;
	vertical-align: middle;
	margin: 1px 0 -1px 15px;
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.visual .caption .btn.registerbtn,
.hero-slider .caption .btn.registerbtn {
	text-align: right;
	text-transform: uppercase;
}

.hero-slider:before {
	position: absolute;
	left: 50%;
	top: calc(100% + 9px);
	margin: 0 0 0 -14px;
	content: "";
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: #ffe461 transparent transparent transparent;
}

.hero-slider .slick-list {
	overflow: visible;
}

.hero-slider .slick-arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 104px;
	border: none;
	background: none;
	z-index: 99;
	padding: 0 5px;
}

.hero-slider .slick-arrow.slick-prev {
	left: 0;
	text-align: right;
}

.hero-slider .slick-arrow.slick-next {
	right: 0;
	text-align: left;
}

.hero-slider .slick-arrow span {
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-radius: 100%;
	font-size: 24px;
}

.hero-slider .slick-arrow i:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.hero-slider .slide {
	float: left;
	position: relative;
	overflow: hidden;
}

.hero-slider .slide:after {
	z-index: 2;
	content: "";
	background: rgba(0, 0, 0, .6);
	-webkit-transition: background .5s ease-out;
	transition: background .5s ease-out;
}

.hero-slider .slide.slick-current:after {
	background: rgba(0, 0, 0, .1);
}

.hero-slider .slide.slick-current .caption {
	opacity: 1;
}

.hero-slider img {
	display: block;
	width: 850px;
	left: 50%;
	max-width: inherit;
	position: relative;
	margin: 0 0 0 -425px;
}

.hero-slider .caption {
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.hero-slider .caption .caption-holder {
	max-width: 380px;
}

.hero-slider .pagination {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 12px;
	z-index: 6;
	line-height: 10px;
}

.hero-slider .pagination li {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
}

.hero-slider .pagination li button {
	font-size: 0;
	line-height: 0;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #fff;
	display: block;
	border: none;
}

.hero-slider .pagination li button:hover {
	background: #ffe14f;
}

.hero-slider .pagination li.slick-active button {
	background: #ffe14f;
}

.intro-block {
	overflow: hidden;
	position: relative;
	background: #f4f4f4;
	text-align: center;
}

.intro-block .container {
	padding-top: 50px;
	padding-bottom: 15px;
}

.intro-block h2,
.intro-block h1 {
	margin: 0 0 15px;
	font-size: 28px;
	line-height: 29px;
	color: #008887;
}

.intro-block p {
	margin: 0 0 20px;
}

.intro-block p br {
	display: none;
}

.intro-block.v2 {
	line-height: 21.5px;
	font-size: 18px;
}

.intro-block.v2 .container {
	padding-top: 40px;
	padding-bottom: 40px;
}

.intro-block.v2 h1 {
	margin: 0 0 25px;
}

.intro-block.v3 .container {
	padding-top: 40px;
	padding-bottom: 20px;
}

.features-block {
	overflow: hidden;
	position: relative;
	text-align: center;
}

.features-block .container {
	padding-top: 40px;
	padding-bottom: 15px;
	max-width: 940px;
}

.features-block h2 {
	margin: 0 0 22px;
	color: #008887;
	font-size: 30px;
	line-height: 35px;
}

.features-block .cols-holder {
	margin: 0 -15px;
	overflow: hidden;
	letter-spacing: -.32em;
}

.features-block .col {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	letter-spacing: 0;
	padding: 0 15px 40px;
}

.features-block .icon {
	width: 61px;
	height: 61px;
	overflow: hidden;
	background: #fff;
	border: solid 1px #008887;
	border-radius: 100%;
	margin: 0 auto 26px;
}

.features-block .icon img {
	display: block;
	width: 100%;
}

.features-block.v2 .icon {
	border: 0;
	background: #f2f2f2;
}

.features-block h3 {
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0 0 26px;
}

.features-block p {
	margin: 0 0 30px;
}

.features-block .btn {
	min-width: 174px;
	padding: 16px 22px 14px;
}

.posts-block {
	overflow: hidden;
}

.posts-block .post {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 270px;
	background-size: cover;
	background-repeat: no-repeat;
}

.posts-block .post.small {
	width: 100%;
}

.posts-block .post.extralarge {
	width: 100%;
}

.posts-block .post img {
	display: block;
	width: 100%;
}

.posts-block .post a:after {
	z-index: 1;
	content: "";
	opacity: .8;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, black 80%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, black 80%);
}

.posts-block .post:hover a:after {
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, black 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, black 100%);
}

.posts-block .caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 30px 15px;
	color: #fff;
}

.posts-block h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	margin: 0;
}

.posts-block time {
	display: block;
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 10px;
}

.posts-block .title {
	display: block;
	font-size: 28px;
	line-height: 32px;
	margin: 0 0 18px;
	overflow: hidden;
}

.posts-block .title span {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 0 3px;
	border-bottom: solid 5px #ffe461;
}

.posts-block .heading-holder {
	text-align: center;
	padding: 30px 15px;
	max-width: 970px;
	margin: 0 auto;
}

.posts-block h1 {
	margin: 0;
	color: #008887;
	font-size: 30px;
	line-height: 35px;
}

.posts-block .type {
	position: absolute;
	left: 0;
	top: 0;
	width: 116px;
	background: #008887;
	z-index: 15;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;
}

.posts-block .type.new {
	background: #ffe461;
	color: #000;
}

.btn-play {
	width: 60px;
	height: 60px;
	background: #fff;
	border: solid 4px #ffe461;
	position: absolute;
	border-radius: 100%;
	z-index: 6;
	left: 50%;
	top: 50%;
	margin: -18px -3px 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.btn-play:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 0 2px;
}

.ournetwork-block {
	overflow: hidden;
	text-align: center;
	line-height: 22px;
}

.ournetwork-block .container {
	padding-top: 40px;
	padding-bottom: 40px;
}

.ournetwork-block h2 {
	margin: 0 0 30px;
	font-size: 32px;
	line-height: 36px;
	color: #008887;
}

.ournetwork-block p {
	margin: 0 0 10px;
}

.ournetwork-block .btn-default {
	padding: 18px 20px;
	font-size: 16px;
	letter-spacing: .3px;
}

.ournetwork-block .counter {
	display: block;
	font-size: 60px;
	line-height: 70px;
	color: #666;
	margin: 0 0 7px;
	font-weight: 600;
}

.ournetwork-block .cols {
	margin: 0 -15px 20px;
	letter-spacing: -.32em;
}

.ournetwork-block .cols .col {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 0 15px 25px;
	letter-spacing: 0;
}

.ournetwork-block.impact-figures .container {
	padding-top: 40px;
	padding-bottom: 5px;
}

.text-block {
	overflow: hidden;
	text-align: center;
	background: #f4f4f4;
}

.text-block .container {
	padding-top: 40px;
	padding-bottom: 30px;
}

.text-block h2 {
	margin: 0 0 18px;
	font-size: 32px;
	line-height: 36px;
	color: #008887;
}

.text-block p {
	margin: 0 0 26px;
}

.text-block .btn {
	font-size: 16px;
	letter-spacing: .3px;
	padding: 18px 30px;
}

.text-block.v2 p {
	margin: 0 0 39px;
	font-weight: 500;
}

.featured-block {
	overflow: hidden;
	color: #fff;
	position: relative;
	line-height: 22px;
	background: #008887;
}

.featured-block .text {
	padding: 40px 20px;
	z-index: 2;
	margin: 0 -15px;
	position: relative;
	overflow: hidden;
	background: #008887;
}

.featured-block p {
	margin: 0 0 30px;
}

.featured-block .title {
	display: block;
	color: #cae2e3;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.featured-block .title i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 12px 0 0;
	font-size: 35px;
	line-height: 35px;
}

.featured-block .title i.icon-buliding {
	margin: -10px 12px 0 0;
}

.featured-block .btn {
	min-width: 175px;
	font-size: 18px;
}

.featured-block h2 {
	font-size: 30px;
	line-height: 35px;
	font-weight: 600;
	margin: 0 0 20px;
}

.featured-block .image {
	overflow: hidden;
	background-size: cover;
	min-height: 225px;
	margin: 0 -15px;
	background-position: 50%;
}

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

.membership-active .membership-popup {
	right: 0;
}

.mainpopup {
	position: fixed;
	right: -100%;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 9999;
	background: #f4f4f4;
	-webkit-transition: right ease-in-out .7s;
	transition: right ease-in-out .7s;
}

.mainpopup .head {
	overflow: hidden;
	background: #34aeb1;
	color: #fff;
	position: relative;
	padding: 20px 50px 20px 15px;
}

.mainpopup .head .heading {
	font-weight: 600;
	display: block;
	font-size: 20px;
	line-height: 24px;
}

.mainpopup .close {
	position: absolute;
	right: 17px;
	top: 50%;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mainpopup .close:hover {
	opacity: .8;
}

.mainpopup .popup-content {
	overflow: auto;
	height: calc(100% - 64px);
}

.mainpopup .tabset-holder {
	position: relative;
}

.mainpopup .tabset-holder.tabs-active .tabset {
	opacity: 1;
	visibility: visible;
}

.mainpopup .tabset-holder.tabs-active .tabopener:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mainpopup .tabset {
	background: #fff;
	overflow: hidden;
}

.mainpopup .tabset li {
	float: left;
}

.mainpopup .tabset li a {
	display: block;
	padding: 22px 25px 16px;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
	position: relative;
	font-weight: 600;
}

.mainpopup .tabset li a:after {
	position: absolute;
	width: 0;
	left: 50%;
	right: 50%;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
	bottom: 0;
	content: "";
	height: 5px;
	opacity: 0;
	background: #fff100;
}

.mainpopup .tabset li a:hover,
.mainpopup .tabset li a.active {
	color: #000;
}

.mainpopup .tabset li a:hover:after,
.mainpopup .tabset li a.active:after {
	left: 0;
	right: 0;
	width: 100%;
	opacity: 1;
}

.mainpopup .tab-content {
	overflow: hidden;
}

.mainpopup .tabholder {
	padding: 20px 25px 80px;
	line-height: 22px;
}

.mainpopup .tabholder p {
	margin: 0 0 15px;
}

.mainpopup .tabholder .heading {
	display: block;
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 15px;
}

.mainpopup .partner-text {
	overflow: hidden;
	padding: 24px 20px 15px;
	line-height: 22px;
	letter-spacing: -.2px;
}

.mainpopup .partner-text p {
	margin: 0 0 17px;
}

.mainpopup .quote-area {
	color: #fff;
	background: #444;
	padding: 30px 20px 30px;
}

.mainpopup .quote-area .image {
	overflow: hidden;
	width: 130px;
	height: 130px;
	border-radius: 100%;
	border: solid 5px #676767;
	margin: 0 auto 25px;
}

.mainpopup .quote-area .image img {
	display: block;
	width: 100%;
}

.mainpopup .quote-area .quote {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.mainpopup .quote-area .heading {
	display: block;
	margin: 0 0 11px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: .2px;
}

.mainpopup .quote-area cite {
	display: block;
	overflow: hidden;
	font-style: normal;
}

.mainpopup .quote-area .title {
	display: block;
	margin: 0 0 9px;
	font-weight: 600;
}

.mainpopup .quote-area .subtitle {
	color: #ffe461;
	display: block;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
}

.mainpopup .quote-area q {
	quotes: none;
	display: block;
	font-style: normal;
	margin: 0 0 21px;
	font-weight: 300;
	line-height: 24px;
}

.mainpopup .quote-area q span {
	color: #ffe461;
	font-style: italic;
}

.mainpopup .openclose {
	overflow: hidden;
}

.mainpopup .openclose .opener {
	display: block;
	background: #ffe461;
	color: #000;
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	position: relative;
	padding: 15px 46px 15px 20px;
}

.mainpopup .openclose .opener:before {
	position: absolute;
	right: 18px;
	font-size: 10px;
	line-height: 10px;
	margin: -4px 0 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mainpopup .openclose.active .opener {
	background: #008887;
	color: #fff;
}

.mainpopup .openclose.active .opener:before {
	color: #ffe461;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mainpopup .openclose .slide {
	overflow: hidden;
}

.mainpopup .openclose .associate-partners {
	overflow: hidden;
	padding: 20px 20px 0;
	font-weight: 500;
	font-size: 16px;
}

.mainpopup .whyus-area {
	overflow: hidden;
	padding: 20px 25px 40px;
}

.mainpopup .whyus-area h2 {
	font-size: 28px;
	line-height: 33px;
	margin: 0 0 15px;
}

.mainpopup .features-list {
	line-height: 22px;
}

.mainpopup .features-list li {
	position: relative;
	padding: 0 0 10px 40px;
}

.mainpopup .features-list li:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "\e856";
	color: #bfbfbf;
	font: 26px/26px "fontello";
}

.mainpopup .features-list li p {
	margin: 0;
}

.mainpopup .features-list .title {
	display: block;
	color: #008887;
	font-size: 22px;
	line-height: 26px;
}

.mainpopup .tabopener {
	display: block;
	background: #ffe461;
	color: #000;
	padding: 13px 30px;
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.mainpopup .tabopener:after {
	position: absolute;
	right: 18px;
	top: 15px;
	content: "\e804";
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	font: 18px/18px "fontello";
	-webkit-transition: -webkit-transform linear .3s;
	transition: -webkit-transform linear .3s;
	transition: transform linear .3s;
	transition: transform linear .3s, -webkit-transform linear .3s;
}

.main-form {
	padding: 20px 15px 80px;
}

.main-form .requried-info {
	color: #008887;
	font-weight: 400;
	display: block;
	font-size: 16px;
	letter-spacing: .1px;
	margin: 0 0 15px;
}

.main-form .input-holder {
	margin: 0 0 20px;
}

.main-form label {
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
	margin: 0 0 4px;
	font-size: 16px;
	letter-spacing: -.2px;
	text-transform: uppercase;
}

.main-form .jcf-select {
	border: solid 1px #d7d7d7;
	border-radius: 2px;
}

.main-form .jcf-select .jcf-select-text {
	margin-left: 16px;
}

.main-form .steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	text-align: center;
	margin: 0 -10px 8px;
	counter-reset: item;
}

.main-form .steps li {
	width: 20%;
	position: relative;
}

.main-form .steps li:after {
	position: absolute;
	left: 50%;
	top: 18px;
	width: 100%;
	content: "";
	height: 4px;
	background: #d7d7d7;
	z-index: -1;
}

.main-form .steps li:last-child:after {
	display: none;
}

.main-form .steps li:before {
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	background: #d7d7d7;
	color: #fff;
	margin: 0 auto 10px;
	font-size: 20px;
	padding: 8px 0;
	line-height: 26px;
	font-weight: 600;
	z-index: 2;
	content: counters(item, ".") " ";
	counter-increment: item;
}

.main-form .steps li.complete:after {
	background: #ff0;
}

.main-form .steps li.complete:before {
	color: #000;
	content: "\e83d";
	font: 16px/27px "fontello";
	background: #ff0;
}

.main-form .steps .title {
	display: none;
	font-weight: 500;
	color: #777;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
}

.contact-info .image {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 auto 15px;
}

.contact-info .image img {
	display: block;
	width: 100%;
}

.contact-info .text {
	overflow: hidden;
	padding: 0 0 40px;
}

.contact-info .heading {
	display: block;
	font-weight: 600;
	color: #008887;
	font-size: 28px;
	line-height: 30px;
	margin: 0 0 4px;
}

.contact-info .subtitle {
	display: block;
	letter-spacing: -.1px;
	margin: 0 0 8px;
	font-weight: 600;
}

.contact-info .note {
	font-weight: 300;
	background: #ffe461;
	padding: 14px 17px;
	position: relative;
	letter-spacing: -.1px;
}

.contact-info .note:after {
	position: absolute;
	left: 0;
	top: 100%;
	content: "";
	border-style: solid;
	border-width: 40px 22px 0 0;
	border-color: #ffe461 transparent transparent transparent;
}

.contact-info .note p {
	margin: 0;
}

.contact-info .note a {
	color: #444;
}

.contact-info .note a:hover {
	color: #008887;
}

.join-popup .whyus-area {
	padding: 25px 20px;
}

.join-popup .contact-info {
	background: #fff;
	padding: 30px 20px;
}

.features-area {
	overflow: hidden;
	overflow: hidden;
	color: #fff;
	position: relative;
	line-height: 21.5px;
	background: #008887;
}

.features-area .image {
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	min-height: 250px;
}

.features-area .text {
	width: 100%;
	background: #008887;
	z-index: 2;
	position: relative;
}

.features-area .text-holder {
	padding: 35px 20px;
	overflow: hidden;
	max-width: 778px;
}

.features-area p {
	margin: 0 0 30px;
	letter-spacing: -.1px;
}

.features-area .title {
	display: block;
	color: #cae2e3;
	font-size: 17px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.features-area .title i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	font-size: 30px;
	line-height: 30px;
}

.features-area .title i.icon-buliding {
	margin: -10px 12px 0 0;
}

.features-area .btn {
	min-width: 175px;
	font-size: 16px;
}

.features-area h2 {
	font-size: 30px;
	line-height: 35px;
	font-weight: 600;
	margin: 0 0 20px;
}

.twocolumns {
	overflow: hidden;
	background: #fff;
	line-height: 21.5px;
	letter-spacing: -.1px;
}

.twocolumns p {
	margin: 0 0 20px;
}

.twocolumns .container {
	max-width: 972px;
}

.timeline-block {
	overflow: hidden;
}

.timeline-block .heading-holder {
	text-align: center;
	padding: 30px 15px;
	max-width: 970px;
	margin: 0 auto;
}

.timeline-block h1 {
	margin: 0;
	color: #008887;
	font-size: 30px;
	line-height: 35px;
}

.timeline-slider {
	position: relative;
	overflow: hidden;
	padding: 64px 0 0;
}

.timeline-slider .mask {
	position: relative;
	overflow: hidden;
	background: #444;
}

.timeline-slider .btn-next,
.timeline-slider .btn-prev {
	position: absolute;
	left: 0;
	top: 250px;
	width: 50px;
	height: 50px;
	color: #000;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	background: rgba(255, 255, 255, .35);
	z-index: 6;
}

.timeline-slider .btn-next:before,
.timeline-slider .btn-prev:before {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.timeline-slider .btn-next:hover,
.timeline-slider .btn-prev:hover {
	background: #fff;
}

.timeline-slider .btn-next {
	left: auto;
	right: 0;
}

.timeline-slider .slideset {
	width: 100%;
	float: left;
}

.timeline-slider .slide {
	float: left;
	color: #fff;
	position: relative;
}

.timeline-slider .slide.active {
	z-index: 1;
}

.timeline-slider .text {
	overflow: hidden;
}

.timeline-slider .image {
	min-height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}

.timeline-slider .text-holder {
	line-height: 21.5px;
	padding: 30px 20px;
}

.timeline-slider p {
	margin: 0;
}

.timeline-slider h2 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	margin: 0 0 15px;
	letter-spacing: -.2px;
}

.timeline-slider .subtitle {
	display: block;
	color: #ffe461;
	font-weight: 600;
	margin: 0 0 26px;
	letter-spacing: -.1px;
}

.timeline-slider .pagination {
	background: #f4f4f4;
	position: relative;
	z-index: 3;
	width: 100%;
	text-align: center;
}

.timeline-slider .pagination li {
	letter-spacing: 0;
}

.timeline-slider .pagination li a {
	font-size: 22px;
	line-height: 24px;
	font-weight: 600;
	padding: 20px 26px;
	display: block;
	color: #999;
	position: relative;
}

.timeline-slider .pagination li a:hover {
	color: #000;
	background: #ffe461;
}

.timeline-slider .pagination li a span {
	display: block;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform linear .3s;
	transition: -webkit-transform linear .3s;
	transition: transform linear .3s;
	transition: transform linear .3s, -webkit-transform linear .3s;
}

.timeline-slider .pagination li a:after {
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin: 0 0 0 -10px;
	opacity: 0;
	-webkit-transition: opacity linear .3s;
	transition: opacity linear .3s;
	content: "";
	border-style: solid;
	border-width: 0 13px 13px 13px;
	border-color: transparent transparent #ffe461 transparent;
}

.timeline-slider .pagination li.active a {
	color: #000;
	background: #ffe461;
}

.timeline-slider .pagination li.active a span {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.timeline-slider .pagination li.active a:after {
	opacity: 1;
}

.timeline-slider .title {
	display: block;
	color: #cae2e3;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.timeline-slider .subheading {
	display: block;
	margin: 0 0 16px;
	font-weight: 600;
}

.timeline-slider .btn {
	min-width: 170px;
}

.timeline-slider .benefits {
	line-height: 34px;
	font-size: 16px;
	margin: 0 0 25px;
}

.timeline-slider .benefits li {
	position: relative;
	padding: 0 0 0 35px;
}

.timeline-slider .benefits li:after {
	position: absolute;
	left: 0;
	top: 6px;
	content: "\e856";
	color: #ffe360;
	font: 23px/22px "fontello";
}

.timeline-slider.projects {
	padding: 0;
}

.timeline-slider.projects .mask {
	background: #008887;
}

.timeline-slider.projects .text-holder p {
	margin: 0 0 26px;
}

.timeline-slider.projects h2 {
	margin: 0 0 15px;
}

.timeline-slider.projects .subtitle {
	margin: 0 0 23px;
}

.visual img {
	display: block;
	width: 900px;
	left: 50%;
	max-width: inherit;
	position: relative;
	margin: 0 0 0 -450px;
}

.features-post {
	overflow: hidden;
}

.features-post .features-area .image {
	position: relative;
	min-height: 260px;
}

.features-post .features-area .text {
	padding: 35px 25px;
}

.features-post .features-area .text p {
	margin: 0 0 25px;
}

.features-post .features-area .text-holder {
	padding: 0;
	max-width: inherit;
	float: none;
}

.features-post .features-area .btn {
	font-size: 18px;
}

.features-post .features-area:nth-child(even) {
	background: #ffe461;
	color: #000;
}

.features-post .features-area:nth-child(even) .btn {
	border-color: #000;
	color: #000;
}

.features-post .features-area:nth-child(even) .btn:hover {
	background: #000;
	color: #fff;
}

.features-post .features-area:nth-child(even) .text {
	background: #ffe461;
}

.features-post .features-area:nth-child(even) h2 {
	font-weight: 700;
}

.newsletter-aera {
	background: #ffe461;
	text-align: center;
	color: #000;
}

.newsletter-aera h3 {
	margin: 0 0 15px;
	font-size: 28px;
	line-height: 31px;
}

.newsletter-aera h3 br {
	display: none;
}

.newsletter-aera .container {
	padding-top: 40px;
	padding-bottom: 40px;
}

.newsletter-aera .btn {
	background: none;
	border: solid 1px #000;
	font-size: 16px;
	min-width: 240px;
}

.newsletter-aera .btn:hover {
	color: #fff;
	background: #000;
}

.networks-block {
	overflow: hidden;
	background: #f4f4f4;
	text-align: center;
}

.networks-block .container {
	padding-top: 40px;
	padding-bottom: 10px;
	max-width: 970px;
}

.networks-block p {
	margin: 0 0 30px;
}

.networks-block h2 {
	margin: 0 0 12px;
	font-size: 30px;
	line-height: 35px;
	color: #008887;
}

.networks-block .networks-list .network p {
	margin: 0;
}

.networks-list {
	text-align: left;
	margin: 0 -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.networks-list .network {
	width: calc(100% - 30px);
	margin: 0 15px 34px;
	background: #fff;
	font-size: 16px;
	line-height: 19px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.networks-list .network a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	color: #444;
	width: 100%;
}

.networks-list .network .image {
	width: 100%;
	background-size: cover;
	background-position: 50%;
	min-height: 170px;
}

.networks-list .network .text {
	width: 100%;
	position: relative;
	padding: 11px 15px 46px;
}

.networks-list .network .text p {
	margin: 0;
}

.networks-list .network .title {
	display: block;
	font-size: 18px;
	line-height: 20px;
	color: #008887;
	font-weight: 600;
	margin: 0 0 9px;
}

.networks-list .network .more {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.networks-list .network:hover .more {
	background: #ffe461;
}

.impact-block {
	overflow: hidden;
	background: #f4f4f4;
	text-align: center;
}

.impact-block .container {
	padding-top: 30px;
	padding-bottom: 30px;
}

.impact-block .tablist {
	overflow: hidden;
	letter-spacing: -.32em;
}

.impact-block .tablist li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	margin: 0 5px 10px;
}

.impact-block .tablist li a {
	display: block;
	padding: 22px 16px 16px;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
	position: relative;
	font-weight: 600;
}

.impact-block .tablist li a:after {
	position: absolute;
	width: 0;
	left: 50%;
	right: 50%;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
	bottom: 0;
	content: "";
	height: 5px;
	opacity: 0;
	background: #fff100;
}

.impact-block .tablist li a:hover,
.impact-block .tablist li a.active {
	color: #000;
}

.impact-block .tablist li a:hover:after,
.impact-block .tablist li a.active:after {
	left: 0;
	right: 0;
	width: 100%;
	opacity: 1;
}

.impact-block h1 {
	margin: 0 0 15px;
	font-size: 30px;
	line-height: 32px;
	color: #008887;
}

.our-achivements,
.our-goals {
	overflow: hidden;
	background: #f4f4f4;
	text-align: center;
	line-height: 22px;
}

.our-achivements .container,
.our-goals .container {
	padding-top: 40px;
	padding-bottom: 30px;
	max-width: 980px;
}

.our-achivements p,
.our-goals p {
	margin: 0 0 20px;
}

.our-achivements h2,
.our-goals h2 {
	margin: 0 0 15px;
	font-size: 28px;
	line-height: 29px;
	color: #008887;
}

.our-achivements .btn,
.our-goals .btn {
	min-width: 175px;
	padding: 17px 22px;
}

.timeline-block {
	overflow: hidden;
}

.timeline-block .heading-holder {
	text-align: center;
	padding: 30px 15px;
	max-width: 970px;
	margin: 0 auto;
}

.timeline-block h1 {
	margin: 0;
	color: #008887;
	font-size: 30px;
	line-height: 35px;
}

.twocols {
	overflow: hidden;
}

.testimonials-block {
	background: #444;
	color: #fff;
	overflow: hidden;
}

.testimonials-block .holder {
	padding: 30px 25px;
}

.testimonials-block blockquote {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.testimonials-block blockquote q {
	quotes: none;
	display: block;
	font-style: normal;
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -.2px;
	line-height: 24px;
}

.testimonials-block blockquote q span {
	color: #ffe461;
	font-style: italic;
}

.testimonials-block .cite {
	display: block;
	overflow: hidden;
	padding: 0 0 15px;
	text-align: center;
}

.testimonials-block .cite .image {
	width: 110px;
	height: 110px;
	border-radius: 100%;
	border: solid 4px #676767;
	overflow: hidden;
	margin: 0 auto 15px;
}

.testimonials-block .cite .image img {
	display: block;
	width: 100%;
}

.testimonials-block .cite .text {
	overflow: hidden;
}

.testimonials-block .cite .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
	margin: 0 0 6px;
	display: block;
}

.testimonials-block .cite address {
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	margin: 0;
	color: #ffe461;
}

.testimonials-block .heading {
	font-weight: 600;
	display: block;
	color: #ffe461;
	margin: 0 0 21px;
	letter-spacing: -.4px;
}

.testimonials-block .involvement-list {
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
}

.testimonials-block .involvement-list li {
	padding: 0 0 0 30px;
	position: relative;
}

.testimonials-block .involvement-list li:after {
	position: absolute;
	left: 0;
	top: 7px;
	content: "\e844";
	color: #ffe461;
	font: 15px/15px "fontello";
}

.testimonials-block .involvement-list li br {
	display: none;
}

.benefits-block {
	background: #ffe461;
	color: #000;
	overflow: hidden;
}

.benefits-block .holder {
	padding: 30px 25px;
}

.benefits-block h2 {
	font-size: 28px;
	line-height: 31px;
	margin: 0 0 20px;
}

.benefits-block .features-list {
	line-height: 22px;
	font-weight: 500;
}

.benefits-block .features-list li {
	position: relative;
	padding: 0 0 11px 46px;
}

.benefits-block .features-list li:after {
	position: absolute;
	left: 0;
	top: 3px;
	content: "\e856";
	color: #d2b952;
	font: 30px/30px "fontello";
}

.benefits-block .features-list li p {
	margin: 0;
}

.benefits-block .features-list .title {
	display: block;
	color: #008887;
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 5px;
}

#two-columns {
	background: #f6f6f6;
	position: relative;
}

#two-columns #content {
	padding: 30px 25px;
}

#two-columns #content.v2 {
	padding: 0;
}

#two-columns .search-cols {
	padding: 30px 20px;
}

.filter-nav {
	overflow: hidden;
	background: #fff;
	padding: 0 20px 0 150px;
	text-align: center;
}

.filter-nav ul {
	letter-spacing: -.32em;
}

.filter-nav ul li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
}

.filter-nav ul li a {
	display: block;
	position: relative;
	color: #444;
	padding: 17px 18px 19px;
	line-height: 20px;
	font-weight: 500;
}

.filter-nav ul li a:after {
	position: absolute;
	width: 0;
	left: 50%;
	right: 50%;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
	bottom: 0;
	content: "";
	height: 3px;
	opacity: 0;
	background: #fff100;
}

.filter-nav ul li a:hover,
.filter-nav ul li a.active {
	color: #008887;
}

.filter-nav ul li a:hover:after,
.filter-nav ul li a.active:after {
	left: 0;
	right: 0;
	width: 100%;
	opacity: 1;
}

.categories {
	padding: 40px 20px;
}

.categories .title {
	color: #999;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 15px;
	font-size: 18px;
	display: none;
}

.categories ul {
	font-weight: 600;
}

.categories ul li {
	display: block;
	padding: 0 0 29px;
}

.categories ul li a {
	display: block;
	color: #008887;
	text-align: left;
	position: relative;
	padding: 0 40px 0 0;
}

.categories ul li a:hover,
.categories ul li a.active {
	color: #444;
}

.categories ul li ul {
	padding: 14px 15px 0;
}

.categories ul li ul li {
	padding: 8px 0 0;
}

.categories ul li i {
	position: absolute;
	top: -2px;
	font-size: 23px;
	line-height: 22px;
	top: 0;
	color: #444;
	right: -20px;
	-webkit-transition: -webkit-transform linear .3s;
	transition: -webkit-transform linear .3s;
	transition: transform linear .3s;
	transition: transform linear .3s, -webkit-transform linear .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.categories ul li.active > a {
	color: #444;
}

.categories ul li.active i {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.categories-active .nav-btns .categories-btn {
	background: #039b9e;
	color: #fff;
}

.filter-active .nav-btns .filter-btn {
	background: #039b9e;
	color: #fff;
}

.paging {
	overflow: hidden;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
}

.paging ul {
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
	text-align: center;
	width: calc(100% - 90px);
}

.paging ul li {
	display: inline-block;
	vertical-align: top;
	padding: 11px 7px 9px;
}

.paging ul li a:hover {
	color: #444;
}

.paging ul li.active a {
	pointer-events: none;
	color: #444;
	font-weight: 300;
}

.paging .btn-prev,
.paging .btn-next {
	float: left;
	width: 45px;
	height: 45px;
	text-align: center;
	background: #ffe461;
	color: #000;
	font-size: 16px;
	line-height: 18px;
	position: relative;
	padding: 14px 10px;
}

.paging .btn-prev:hover,
.paging .btn-next:hover {
	background: #ffec8d;
}

.paging .btn-prev.disabled,
.paging .btn-next.disabled {
	background: #ededed;
	color: #bababa;
	pointer-events: none;
}

.paging .btn-prev:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.paging .btn-next {
	float: right;
}

.search-bar {
	position: relative;
	background: #fff;
	margin: 0 0 30px;
}

.search-bar .search-form {
	position: relative;
	overflow: hidden;
}

.search-bar .form-control {
	border: 0;
	box-sizing: border-box;
}

.search-bar .search-btn {
	position: absolute;
	right: 15px;
	top: 17px;
	border: 0;
	background: none;
	color: #008887;
	padding: 0 0 0 1px;
	outline: none;
	font-size: 20px;
	line-height: 22px;
}

.search-bar .sort-by {
	position: relative;
}

.search-bar .sort-by .sort-opener {
	display: block;
	padding: 15px 43px 15px 18px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #444;
	background: #ededed;
}

.search-bar .sort-by .sort-opener span {
	font-weight: 600;
	color: #008887;
}

.search-bar .sort-by .sort-opener:before {
	position: absolute;
	right: 18px;
	top: 14px;
}

.search-bar .sort-by:hover .sort-list {
	opacity: 1;
	visibility: visible;
}

.search-bar .sort-by:hover .sort-opener:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.search-bar .sort-by .sort-list {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 15;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity linear .3s, visibility linear .3s;
	transition: opacity linear .3s, visibility linear .3s;
}

.search-bar .sort-by .sort-list li {
	border-top: solid 1px #ededed;
}

.search-bar .sort-by .sort-list li:first-child {
	border: 0;
}

.search-bar .sort-by .sort-list li a {
	display: block;
	padding: 14px 20px;
}

.search-bar .sort-by .sort-list li a:hover {
	background: #008887;
	color: #fff;
}

.search-bar .filter-by {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
}

.search-bar .filter-by .filter-opener {
	text-align: center;
	display: block;
	background: #ededed;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #008887;
	display: block;
	padding: 13px 10px;
	text-transform: uppercase;
}

.search-bar .filter-by .filter-opener:before {
	color: #b7b7b7;
	margin: 0 12px 0 0;
	font-size: 22px;
	vertical-align: top;
}

.search-bar .filter-by .filter-opener:hover {
	color: #444;
}

.search-bar .filter-by.filteractive .filter-popup {
	height: 400px;
}

.search-bar .filter-by .filter-popup {
	width: 318px;
	background: #f4f4f4;
	box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
	z-index: 100;
	position: absolute;
	right: 0;
	margin: 0;
	top: 100%;
	height: 0;
	overflow: hidden;
	border-radius: 4px;
	-webkit-transition: height linear .3s;
	transition: height linear .3s;
}

.search-bar .filter-by .filter-popup .fitler-head {
	position: relative;
	background: #ededed;
	padding: 14px 76px 14px 28px;
}

.search-bar .filter-by .filter-popup .filter-opener {
	background: none;
	padding: 0;
	width: auto;
	position: absolute;
	right: 30px;
	top: 25px;
	height: auto;
	width: 24px;
}

.search-bar .filter-by .filter-popup .filter-opener:hover:before {
	color: #008887;
}

.search-bar .filter-by .filter-popup .title {
	display: block;
	color: #008887;
	line-height: 28px;
	font-size: 20px;
	font-weight: 600;
}

.search-bar .filter-by .filter-popup .title:before {
	color: #b7b7b7;
	font-size: 22px;
	margin: 0 20px 0 0;
}

.search-bar.search-filter {
	margin: 0;
	padding: 0;
}

.search-bar.search-filter .search-form {
	padding: 0 0 0 50px;
}

.search-bar.search-filter .search-form .search-btn {
	left: 18px;
	right: auto;
	top: 18px;
}

.twitter-feed {
	overflow: hidden;
	background: url(../images/twitter-bg.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center;
}

.twitter-feed .container {
	padding-top: 40px;
	padding-bottom: 20px;
}

.twitter-feed h2 {
	font-size: 32px;
	line-height: 36px;
	font-weight: 700;
	margin: 0 0 10px;
}

.twitter-feed h2 i {
	display: inline-block;
	vertical-align: top;
	margin: -3px 12px 0 0;
}

.twitter-feed .pagination li {
	display: inline-block;
	vertical-align: top;
	margin: 0 4px;
}

.twitter-feed .pagination li a {
	font-size: 0;
	line-height: 0;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #fff;
	display: block;
}

.twitter-feed .pagination li a:hover {
	background: #ffe14f;
}

.twitter-feed .pagination li.active a {
	background: #ffe14f;
}

.twitter-feed .mask {
	max-width: 760px;
	margin: 0 auto 20px;
	overflow: hidden;
	position: relative;
}

.twitter-feed .mask .slideset {
	position: relative;
}

.twitter-feed .slide {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	line-height: 26px;
}

.twitter-feed .slide.active {
	z-index: 2;
}

.twitter-feed .slide p {
	margin: 0;
}

.twitter-feed .slide a {
	color: #ffe461;
}

.twitter-feed .slide a:hover {
	opacity: .8;
}

.posts-holder {
	overflow: hidden;
	margin: 0 -15px;
}

.news-post {
	float: left;
	margin: 0 15px 30px;
	width: calc(99.95% - 30px);
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	position: relative;
}

.news-post .image {
	overflow: hidden;
	position: relative;
}

.news-post .image .tags {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 14px;
	color: #fff;
	z-index: 4;
}

.news-post .image .tags a {
	color: #fff;
}

.news-post .image .tags a:hover {
	color: #fff;
	opacity: .8;
}

.news-post img {
	display: block;
	width: 100%;
}

.news-post .text {
	overflow: hidden;
	padding: 18px 17px 20px;
}

.news-post .date {
	display: block;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 9px;
}

.news-post .title {
	display: block;
	line-height: 22px;
	font-weight: 600;
}

.news-post .title a {
	color: #444;
}

.news-post .title a:hover {
	color: #34aeb1;
}

.news-post .text-holder {
	min-height: 122px;
}

.news-post.v5 .text-holder {
	min-height: 133px;
}

.news-post .more {
	float: right;
}

.news-post .category {
	display: inline-block;
	vertical-align: top;
	border: solid 1px #b7b7b7;
	font-size: 14px;
	line-height: 14px;
	padding: 7px 8px;
	color: #444;
	margin: 0 4px 0 0;
}

.news-post .category:hover {
	background: #444;
	color: #fff;
	border-color: #444;
}

.news-post .pdf {
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon-pdf.jpg) no-repeat;
	width: 21px;
	height: 30px;
	font-size: 0;
	line-height: 0;
}

.news-post .pdf:hover {
	opacity: .7;
}

.news-post .tags {
	display: block;
	font-size: 14px;
	line-height: 16px;
}

.news-post .tags a {
	color: #444;
}

.news-post .tags a:hover {
	color: #008887;
}

.news-post.v2 {
	background: #008887;
	color: #fff;
}

.news-post.v2 .title {
	margin: 0 0 14px;
}

.news-post.v2 .title a {
	color: #fff;
}

.news-post.v2 .title a:hover {
	color: #b3fdff;
}

.news-post.v2 .tags {
	color: #85c7c7;
}

.news-post.v2 .tags a {
	color: #85c7c7;
}

.news-post.v2 .tags a:hover {
	color: #fff;
}

.news-post.v2 .text-holder {
	min-height: 132px;
}

.news-post.v2 .category {
	color: #ffe461;
}

.news-post.v2 .category:hover {
	background: #fff;
	border-color: #fff;
	color: #000;
}

.news-post.v2 .more {
	color: #fff;
}

.news-post.v2 .more:hover {
	color: #000;
}

.news-post p {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 17px;
}

.news-post .btn-default {
	display: block;
	border: solid 1px #000;
	font-size: 18px;
	line-height: 20px;
	padding: 11px 10px;
}

.news-post .btn-default:hover {
	background: #000;
	color: #fff;
}

.news-post.v3 {
	background: #ffe461;
}

.news-post.v3 .image:after {
	top: 100px;
	z-index: 1;
	content: "";
	opacity: .8;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, black 80%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, black 80%);
}

.news-post.v3 .text-holder {
	min-height: 114px;
}

.news-post.v3 .text {
	padding-bottom: 14px;
}

.news-post.v3 .title {
	margin: 0 0 5px;
}

.news-post.v3 .title a:hover {
	color: #444;
	opacity: .8;
}

.news-post.v4 {
	color: #fff;
}

.news-post.v4:after {
	top: 100px;
	z-index: 1;
	content: "";
	opacity: .8;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, black 80%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, black 80%);
}

.news-post.v4 .text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.news-post.v4 .more {
	color: #fff;
}

.news-post.v4 .more:hover {
	color: #000;
}

.news-post.v4 .category {
	color: #fff;
}

.news-post.v4 .category:hover {
	background: #fff;
	border-color: #fff;
	color: #000;
}

.news-post.v4 .title a {
	color: #fff;
}

.news-post.v4 .title a:hover {
	color: #fff;
	opacity: .8;
}

.news-post.v4 .pdf {
	background: none;
	color: #fff;
}

.news-post.v4 .pdf:before {
	font-size: 30px;
	line-height: 32px;
}

.nav-btns {
	position: relative;
	overflow: hidden;
}

.nav-btns .filter-btn {
	display: none;
}

.nav-btns .categories-btn,
.nav-btns .filter-btn {
	position: absolute;
	left: 0;
	top: 0;
	background: #039b9e;
	color: #fff;
	width: 150px;
	font-weight: 600;
	text-align: center;
	padding: 17px 16px 16px;
	z-index: 1;
	text-transform: uppercase;
}

.nav-btns .categories-btn:hover,
.nav-btns .filter-btn:hover {
	background: #ededed;
	color: #444;
}

.project-outcomes {
	overflow: hidden;
	color: #fff;
}

.project-outcomes .video {
	overflow: hidden;
	position: relative;
}

.project-outcomes .video a {
	z-index: 2;
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
}

.project-outcomes .video a:after {
	z-index: 1;
	content: "";
	background: rgba(0, 0, 0, .5);
}

.project-outcomes .video:hover .btn-play {
	background: #ffe461;
}

.project-outcomes .btn-play {
	margin: -2px -3px 0;
}

.project-outcomes .text {
	overflow: hidden;
	background: #008887;
}

.project-outcomes .btn {
	min-width: 175px;
	font-size: 18px;
}

.project-outcomes p {
	margin: 0 0 20px;
}

.project-outcomes .text-holder {
	line-height: 22px;
	padding: 40px 25px;
}

.project-outcomes h2 {
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	margin: 0 0 15px;
}

.project-outcomes .title {
	display: block;
	color: #ffe461;
	font-weight: 600;
	margin: 0 0 15px;
	line-height: 23px;
}

.ourteam-block {
	background: #f4f4f4;
}

.ourteam-block .tabset-frame {
	background: #fff;
}

.ourteam-block .tabset {
	background: #fff;
	overflow: hidden;
	text-align: center;
	margin: 0 -15px;
}

.ourteam-block .tabset li {
	display: block;
	border-bottom: solid 1px #ccc;
}

.ourteam-block .tabset li a {
	display: block;
	padding: 14px 10px;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	position: relative;
	font-weight: 600;
}

.ourteam-block .tabset li a:after {
	position: absolute;
	width: 0;
	left: 50%;
	right: 50%;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
	bottom: 0;
	content: "";
	height: 5px;
	opacity: 0;
	display: none;
	background: #fff100;
}

.ourteam-block .tabset li a:hover,
.ourteam-block .tabset li a.active {
	color: #fff;
	background: #008887;
}

.ourteam-block .tabset li a:hover:after,
.ourteam-block .tabset li a.active:after {
	left: 0;
	right: 0;
	width: 100%;
	opacity: 1;
}

.ourteam-block .content-holder {
	max-width: 940px;
	margin: 0 auto;
}

.ourteam-block .sidebar {
	margin: 0 0 25px;
	padding: 0;
}

.ourteam-block .sidebar .title {
	display: block;
	color: #999;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
}

.ourteam-block .sidebar .title br {
	display: none;
}

.ourteam-block .sidebar .title a {
	color: #999;
}

.ourteam-block .sidebar .tabset {
	background: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.ourteam-block .sidebar .tabset li {
	display: block;
	margin: 0 0 8px;
	border: 0;
}

.ourteam-block .sidebar .tabset li a {
	padding: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	text-transform: none;
}

.ourteam-block .sidebar .tabset li a:after {
	display: none;
}

.teams-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 -15px;
}

.teams-cols.three-cols {
	padding: 30px 0 0;
}

.team {
	margin: 0 15px 30px;
	width: calc(100% - 30px);
	position: relative;
	-webkit-perspective: 600px;
	perspective: 600px;
	height: 360px;
}

.team.team-active .front {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 4;
}

.team.team-active .back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 5;
}

.team .front {
	display: block;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 0 12px rgba(0, 0, 0, .4);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .4s ease-in-out 0s;
	transition: -webkit-transform .4s ease-in-out 0s;
	transition: transform .4s ease-in-out 0s;
	transition: transform .4s ease-in-out 0s, -webkit-transform .4s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 3;
	background-size: cover;
	background-position: 50% 20%;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
	background-repeat: no-repeat;
}

.team .front:after {
	content: "";
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 60%, black 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, black 100%);
	z-index: 2;
}

.team .front .caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	padding: 0 43px 16px 15px;
}

.team .front .designation {
	display: block;
}

.team .front address {
	line-height: 17px;
	margin: 0;
	font-style: normal;
}

.team .front .title {
	display: block;
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 5px;
}

.team .front .more {
	position: absolute;
	right: 12px;
	bottom: 12px;
	color: #fff;
}

.team .front .more:hover {
	color: #000;
}

.team .back {
	border-radius: 2px;
	overflow: hidden;
	background: #008887;
	box-shadow: 0 0 12px rgba(0, 0, 0, .4);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 15px;
	line-height: 19px;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .4s ease-in-out 0s;
	transition: -webkit-transform .4s ease-in-out 0s;
	transition: transform .4s ease-in-out 0s;
	transition: transform .4s ease-in-out 0s, -webkit-transform .4s ease-in-out 0s;
	z-index: 2;
}

.team .back .text {
	overflow: hidden;
	padding: 18px 14px;
}

.team .back .heading {
	display: block;
	font-weight: 600;
	margin: 0 0 6px;
}

.team .back .sub-heading {
	display: block;
	font-weight: 600;
	margin: 0 0 7px;
	color: #ffe461;
}

.team .back p {
	margin: 0;
}

.team .head {
	background: #fff;
	font-size: 15px;
	line-height: 18px;
	position: relative;
	padding: 13px 14px 16px 53px;
	color: #444;
	font-weight: 600;
}

.team .head address {
	font-style: normal;
	font-size: 14px;
	font-weight: 600;
}

.team .head .more {
	position: absolute;
	left: 12px;
	top: 12px;
	background: #ffe461;
	color: #000;
}

.team .head .more:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	display: block;
	position: static;
	text-align: center;
	padding: 7px 0;
}

.team .head .more:hover {
	background: none;
}

.team .head .title {
	display: block;
	color: #008887;
	font-size: 17px;
	font-weight: 600;
	margin: 0;
}

.search-box {
	overflow: hidden;
	background: #fff;
}

.search-box .container {
	max-width: 970px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.search-box .members-opener {
	display: block;
	border: solid 1px #d7d7d7;
	border-radius: 2px;
	font-size: 16px;
	line-height: 20px;
	background: #fff;
	font-weight: 300;
	padding: 17px 70px 17px 19px;
	color: #444;
	display: block;
	color: #5f5f5f;
	position: relative;
	width: 100%;
}

.search-box .icon-search {
	position: absolute;
	right: 15px;
	top: 17px;
	border: 0;
	background: none;
	color: #008887;
	padding: 0;
	outline: none;
	font-size: 20px;
	line-height: 22px;
}

.members-block {
	overflow: hidden;
	background: #f4f4f4;
	font-size: 16px;
	line-height: 19px;
}

.members-block .container {
	max-width: 970px;
	padding-top: 30px;
}

.members-block .new-members {
	margin: 0 0 30px;
}

.members-block .featured-members {
	margin: 0 0 30px;
}

.members-block h2 {
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	margin: 0 0 20px;
}

.members-block h3 {
	font-size: 18px;
	line-height: 21px;
	font-weight: 600;
	color: #008887;
	margin: 0 0 6px;
}

.members-block h3 a:hover {
	color: #444;
}

.members-block .country {
	font-weight: 600;
	display: block;
	margin: 0 0 6px;
}

.newmembers-list {
	background: #fff;
	padding: 0 20px 7px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.newmembers-list li {
	overflow: hidden;
	border-top: solid 1px #dadada;
	padding: 14px 0 15px;
}

.newmembers-list li:first-child {
	border-top: 0;
	padding-top: 17px;
	padding-bottom: 16px;
}

.newmembers-list p {
	margin: 0;
}

.member-box {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
	margin: 0 0 30px;
}

.member-box .image {
	background-size: cover;
	background-position: 50%;
	width: 100%;
	overflow: hidden;
	min-height: 170px;
}

.member-box .text {
	position: relative;
	overflow: hidden;
	padding: 12px 15px 56px;
}

.member-box .population {
	display: block;
}

.member-box .more {
	position: absolute;
	right: 16px;
	bottom: 16px;
}

.member-box .servedby {
	left: 14px;
	position: absolute;
	bottom: 23px;
}

.members-active {
	overflow: hidden;
	height: 100%;
	position: fixed;
}

.members-active .members-popup {
	opacity: 1;
	visibility: visible;
}

.members-popup {
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	z-index: 1000;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity linear .3s, visibility linear .3s;
	transition: opacity linear .3s, visibility linear .3s;
}

.members-popup .members-opener {
	position: absolute;
	right: 0;
	top: 0;
	width: 54px;
	height: 54px;
	background: #ffe461;
	color: #000;
	font-size: 18px;
	line-height: 18px;
	z-index: 14;
}

.members-popup .members-opener:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.members-popup .members-opener:hover {
	background: #ffec8d;
}

.members-popup .members-frame {
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	position: relative;
}

.members-popup .map {
	overflow: hidden;
	height: 300px;
	display: none;
	background: #b3d1ff;
}

.members-popup .map img {
	display: block;
	max-width: inherit;
}

.members-popup .footer {
	overflow: hidden;
	background: #ffe461;
	padding: 18px 20px;
	background: #ffe461;
	color: #000;
	position: relative;
	text-align: center;
}

.members-popup .footer .note {
	display: block;
	font-size: 16px;
	line-height: 21px;
	font-weight: 600;
	margin: 0 0 12px;
}

.members-popup .footer .note br {
	display: none;
}

.members-popup .footer .btn {
	display: inline-block;
	vertical-align: top;
	color: #000;
	border: solid 1px #000;
	font-size: 16px;
	line-height: 16px;
	padding: 13px 21px 12px;
}

.members-popup .footer .btn:hover {
	background: #000;
	color: #fff;
}

.members-popup .paging {
	margin: 0 20px 20px;
	background: #f4f4f4;
}

.members-popup .searchform {
	background: #34aeb1;
	padding: 0 63px 0 0;
	margin: 0 54px 0 0;
	overflow: hidden;
	position: relative;
}

.members-popup .searchform .form-control {
	box-sizing: border-box;
	outline: none;
	height: 63px;
	font-family: Arial, Helvetica, Microsoft JhengHei;
}

.members-popup .searchform .submit {
	position: absolute;
	right: 20px;
	top: 16px;
	background: none;
	border: 0;
	color: #fff;
	padding: 1px;
	font-size: 25px;
	line-height: 25px;
}

.members-popup .searchform .submit:hover {
	opacity: .8;
}

.members-popup .btns {
	background: #f4f4f4;
}

.members-popup .btns .col {
	float: left;
	border-left: solid 1px #cfcfcf;
	width: 33.333%;
	position: relative;
}

.members-popup .btns .col:first-child {
	border-left: 0;
}

.members-popup .btns .title {
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 22px;
	color: #555;
	font-weight: 600;
	padding: 18px 15px 14px;
}

.members-popup .btns .opener {
	display: block;
	padding: 18px 42px 14px 20px;
	font-weight: 500;
	position: relative;
	font-size: 16px;
	line-height: 18px;
}

.members-popup .btns .opener:before {
	position: absolute;
	right: 20px;
	top: 18px;
	font-size: 18px;
	line-height: 18px;
	color: #000;
}

.members-popup .drop-down:after {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	z-index: 800;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity linear .3s, visibility linear .3s;
	transition: opacity linear .3s, visibility linear .3s;
}

.members-popup .drop-down.dropmenu-active:after {
	opacity: 1;
	visibility: visible;
}

.members-popup .drop-down.dropmenu-active .dropmenu {
	opacity: 1;
	visibility: visible;
}

.members-popup .dropmenu {
	position: absolute;
	right: 0;
	top: 100%;
	width: 100%;
	background: #fff;
	z-index: 1000;
	display: block !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, .3);
	border-radius: 3px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity linear .3s, visibility linear .3s;
	transition: opacity linear .3s, visibility linear .3s;
}

.members-popup .dropmenu .heading-holder {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 15px 40px 11px 15px;
	background: #e8e8e8;
	font-size: 16px;
	line-height: 18px;
}

.members-popup .dropmenu .heading-holder .heading {
	font-weight: 500;
	display: block;
}

.members-popup .dropmenu .jcf-scrollable-wrapper,
.members-popup .dropmenu .jcf-scrollable {
	width: 100% !important;
}

.members-popup .dropmenu .close {
	position: absolute;
	right: 12px;
	top: 12px;
	color: #000;
	font-size: 16px;
	line-height: 16px;
}

.members-popup .dropmenu .drop-holder {
	overflow: hidden;
	height: 314px;
}

.members-popup .dropmenu ul li {
	border-top: solid 1px #e8e8e8;
}

.members-popup .dropmenu ul li:first-child {
	border-top: 0;
}

.members-popup .dropmenu ul li a {
	display: block;
	font-size: 18px;
	line-height: 20px;
	padding: 14px 8px 14px 15px;
	font-weight: 400;
}

.members-popup .dropmenu ul li a:hover {
	color: #000;
}

.members-popup .results-part {
	overflow: hidden;
	padding: 20px;
}

.members-popup .results-part .heading {
	display: block;
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	margin: 0 0 18px;
}

.members-popup .members-list {
	margin: 0 -20px;
	border-top: solid 1px #e8e8e8;
}

.members-popup .members-list li {
	border-bottom: solid 1px #e8e8e8;
}

.members-popup .members-list li .open {
	display: block;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	padding: 16px 20px;
}

.members-popup .members-list li .open span {
	font-weight: 400;
	color: #444;
}

#wrapper .members-popup .searchform .form-control {
	background: none;
	border: 0;
	color: #fff;
	font-weight: 300;
	height: 54px;
}

#wrapper .members-popup .searchform .form-control::-webkit-input-placeholder {
	color: #fff;
}

#wrapper .members-popup .searchform .form-control:-moz-placeholder {
	color: #fff;
}

#wrapper .members-popup .searchform .form-control::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

#wrapper .members-popup .searchform .form-control:-ms-input-placeholder {
	color: #fff;
}

.members-list li.popup-active .mainpopup {
	right: 0;
}

.members-list .mainpopup {
	overflow: auto;
}

.members-list .mainpopup .head {
	padding: 18px 60px 18px 20px;
}

.members-list .mainpopup .head .heading {
	margin: 0 !important;
}

.members-list .mainpopup .close {
	right: 15px;
	font-size: 20px !important;
	line-height: 20px !important;
	padding: 0 !important;
}

.members-list .mainpopup .image {
	overflow: hidden;
}

.members-list .mainpopup .image img {
	display: block;
	width: 100%;
}

.members-list .mainpopup .text-holder {
	background: #f4f4f4;
	padding: 20px 44px;
}

.members-list .mainpopup .info-holder {
	position: relative;
	z-index: 2;
}

.members-list .mainpopup .info-holder .text {
	overflow: hidden;
	text-align: center;
}

.members-list .mainpopup .info-holder .title {
	display: block;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	margin: 0 0 5px;
}

.members-list .mainpopup .info-holder .info {
	display: block;
	font-weight: 600;
}

.members-list .mainpopup .image-holder {
	overflow: hidden;
	width: 140px;
	height: 140px;
	border-radius: 100%;
	border: solid 6px #fff;
	margin: -90px auto 15px;
}

.members-list .mainpopup .image-holder img {
	display: block;
	width: 100%;
}

.networks-features {
	overflow: hidden;
	position: relative;
	color: #fff;
	position: relative;
	line-height: 21.5px;
}

.networks-features .image {
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	position: relative;
	min-height: 260px;
}

.networks-features .text {
	width: 100%;
	background: #008887;
	z-index: 2;
	position: relative;
	padding: 35px 25px;
}

.networks-features p {
	margin: 0 0 25px;
}

.networks-features .text-holder {
	padding: 0;
	max-width: inherit;
	float: none;
}

.networks-features .btn {
	font-size: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.networks-features .title {
	display: block;
	color: #cae2e3;
	font-size: 17px;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.networks-features .title i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	font-size: 30px;
	line-height: 30px;
}

.networks-features .subtitle {
	display: block;
	color: #ffe461;
	font-weight: 600;
	margin: 0 0 12px;
}

.networks-features h2 {
	font-size: 30px;
	line-height: 35px;
	font-weight: 600;
	margin: 0 0 8px;
}

.networks-features.v2 .title i {
	font-size: 30px;
	line-height: 30px;
	margin: -4px 13px 0 2px;
}

.networks-features .figures-list {
	margin: 0 -10px;
	letter-spacing: -.32em;
	text-align: center;
}

.networks-features .figures-list li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 10px;
	width: 50%;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0;
}

.networks-features .figures-list li p {
	margin: 0;
}

.networks-features .figures-list .counter {
	display: block;
	font-size: 45px;
	line-height: 45px;
	font-weight: 600;
	margin: 0 0 3px;
}

.networks-map {
	text-align: center;
	overflow: hidden;
	padding: 35px 15px;
}

.networks-map img {
	display: block;
	width: 100%;
}

.networks-map h2 {
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	margin: 0 0 20px;
	color: #008887;
}

.partnership-active {
	height: 100%;
	overflow: hidden;
}

.partnership-active .partnership-popup {
	right: 0;
}

.join-active {
	height: 100%;
	overflow: hidden;
}

.join-active .join-popup {
	right: 0;
}

.register-active {
	overflow: hidden;
	height: 100%;
}

.register-active .registerpopup {
	right: 0;
}

.registerpopup .popup-frame {
	padding: 20px 15px 90px;
}

.registerpopup .main-form {
	padding: 0;
}

.registerpopup .text-holder {
	line-height: 22px;
}

.registerpopup .text-holder p {
	margin: 0 0 30px;
}

.registerpopup .text-holder .title {
	display: block;
	font-weight: 600;
	margin: 0 0 20px;
}

.registerpopup .image {
	overflow: hidden;
	position: relative;
}

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

.registerpopup .image .caption {
	z-index: 2;
	color: #fff;
}

.registerpopup .image .bottom-align .heading {
	top: auto;
	bottom: 20px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	text-align: left;
	font-size: 22px;
	line-height: 26px;
}

.registerpopup .image .heading {
	position: absolute;
	left: 20px;
	text-align: center;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 32px;
	line-height: 32px;
	font-weight: 600;
	color: #fff;
}

.title + .register-info {
	margin-top: -20px;
}

.register-info {
	display: block;
	font-weight: normal;
	margin-bottom: 20px;
}

.registerpopup h3 {
	text-transform: uppercase;
	color: #999;
	font-size: 18px;
	margin-bottom: 25px;
}

.registerpopup .notes {
	display: block;
	font-size: 16px;
	margin-bottom: 25px;
}

.registerpopup .text-center {
	text-align: center;
}

.registerpopup .btn-holder {
	padding-top: 40px;
}

.registerpopup input.btn {
	border: none;
}

#main-content {
	overflow: hidden;
	background: #fff;
}

#main-content .container {
	max-width: 970px;
}

.breadcrumbs-bar {
	overflow: hidden;
	background: #fff;
}

.breadcrumbs {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	padding: 16px 0;
	overflow: hidden;
}

.breadcrumbs li {
	float: left;
	color: #999;
	margin: 0 13px 0 0;
	position: relative;
}

.breadcrumbs li:before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	content: "/";
}

.breadcrumbs li:first-child {
	padding: 0;
}

.breadcrumbs li:first-child:before {
	display: none;
}

.breadcrumbs li a:hover {
	color: #999;
}

.news-article .head {
	background: #f6f6f6;
}

.news-article .head .container {
	padding-top: 30px;
	padding-bottom: 28px;
}

.news-article .head .time {
	display: block;
	font-size: 14px;
	margin: 0 0 7px;
}

.news-article .head h2 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 600;
	margin: 0 0 12px;
}

.news-article .main-image {
	position: relative;
	z-index: 2;
}

.news-article .main-image:before {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	content: "";
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .9) 80%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .9) 80%);
	z-index: 2;
}

.news-article .main-image img {
	display: block;
	max-width: inherit;
	margin: 0 0 0 -450px;
	position: relative;
	left: 50%;
	width: 900px;
}

.news-article .main-image .caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: -.32em;
}

.news-article .main-image .caption .text {
	letter-spacing: 0;
	padding: 0 0 8px;
}

.news-article .main-image .caption .title {
	display: block;
	font-weight: 300;
}

.news-article .main-image .caption .wikimedia {
	display: block;
	font-size: 14px;
}

.news-article .main-image .caption .wikimedia a {
	color: #ffe461;
}

.news-article .main-image .caption .wikimedia a:hover {
	color: #fff;
}

.news-article .main-image .share {
	display: inline-block;
	vertical-align: bottom;
	letter-spacing: 0;
}

.news-article .main-image .share .sharebtn {
	display: inline-block;
	vertical-align: top;
	border: solid 1px #fff;
	border-radius: 1px;
	font-size: 16px;
	line-height: 18px;
	padding: 6px 7px 5px;
	font-weight: 300;
	margin: 8px 0 18px;
	color: #fff;
}

.news-article .main-image .share .sharebtn i {
	font-size: 14px;
	color: #ffe461;
	display: inline-block;
	vertical-align: top;
	color: #ffe461;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin: 0 0 0 8px;
}

.news-article .main-image .share .sharebtn:hover {
	background: #008887;
}

.news-article .content-holder {
	overflow: hidden;
	line-height: 21.5px;
}

.news-article .content-holder .container {
	padding-top: 30px;
	padding-bottom: 25px;
}

.news-article .content-holder .title {
	display: block;
	font-weight: 600;
	margin: 0 0 32px;
}

.news-article .content-holder p {
	margin: 0 0 22px;
}

.news-article .content-holder a {
	font-weight: 600;
}

.news-article .content-holder a:hover {
	color: #444;
}

.control-area {
	background: #ededed;
	position: relative;
}

.control-area .title-holder {
	position: relative;
	background: #f6f6f6;
	padding: 15px 0;
	z-index: 1;
}

.control-area .title-holder:after {
	position: absolute;
	left: 100%;
	top: 0;
	width: 1000px;
	bottom: 0;
	content: "";
	background: #f6f6f6;
	z-index: -1;
}

.control-area .meta {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px;
	overflow: hidden;
}

.control-area .meta li {
	display: inline-block;
	vertical-align: top;
	color: #444;
}

.control-area .meta li:before {
	display: inline-block;
	vertical-align: top;
	content: "|";
	padding: 0 7px 0 3px;
	font-weight: 300;
}

.control-area .meta li:first-child:before {
	display: none;
}

.control-area .meta li a {
	color: #444;
}

.control-area .meta li a:hover {
	color: #000;
}

.control-area .title {
	display: block;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
}

.control-area .title a:hover {
	color: #000;
}

.control-area .btn-next {
	background: #fde87f;
	display: block;
	padding: 18px 20px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #000;
	z-index: 2;
	margin: 0 -15px;
}

.control-area .btn-next span {
	display: inline-block;
	vertical-align: middle;
}

.control-area .btn-next i {
	float: right;
	margin: 0 0 0 5px;
}

.control-area .btn-next:hover {
	background: #ffe461;
}

.social-links {
	background: #fff;
	padding: 6px 8px 2px 8px;
	border-radius: 1px 0 0 0;
	letter-spacing: -.32em;
	font-size: 15px;
	line-height: 15px;
	z-index: 2;
	position: relative;
}

.social-links:after {
	position: absolute;
	left: 0;
	top: 100%;
	margin: -2px 0 0;
	content: "";
	right: 0;
	height: 2px;
	background: #fff;
}

.social-links li {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 9px;
}

.social-links li:first-child {
	margin: 0;
}

.social-links li a {
	display: block;
	border: solid 1px #72c6c8;
	width: 29px;
	height: 29px;
	border-radius: 2px;
	text-align: center;
	padding: 7px 0 6px;
}

.social-links li a:hover {
	color: #444;
	border-color: #444;
}

.tags {
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
}

.tags li {
	float: left;
	margin: 0 8px 5px 0;
}

.tags li a {
	color: #444;
	display: block;
	padding: 7px 10px;
	background: #fff;
	border-radius: 14px;
}

.tags li a:hover {
	color: #fff;
	background: #444;
}

.tags li a.btn {
	border-radius: 0;
	font-weight: 400;
	border: solid 1px #b7b7b7;
	padding: 3px 8px;
	background: none;
	text-transform: none;
}

.tags li a.btn:hover {
	color: #fff;
	background: #444;
}

.tooltip-text {
	background: #ebebeb;
	border-radius: 2px;
	font-size: 14px;
	color: #444;
	text-align: center;
	line-height: 16px;
	background: #ebebeb;
	padding: 7px 11px;
	z-index: 9999;
}

.tooltip-text:after {
	position: absolute;
	left: 50%;
	bottom: 100%;
	content: "";
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #ebebeb transparent;
}

.cycle-gallery {
	position: relative;
	overflow: hidden;
	margin: 0 -15px 30px;
}

.cycle-gallery .mask {
	position: relative;
	overflow: hidden;
}

.cycle-gallery .btn-next,
.cycle-gallery .btn-prev {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -42px 0 0;
	width: 45px;
	height: 45px;
	color: #000;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	background: rgba(255, 255, 255, .58);
	z-index: 6;
}

.cycle-gallery .btn-next:before,
.cycle-gallery .btn-prev:before {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cycle-gallery .btn-next:hover,
.cycle-gallery .btn-prev:hover {
	background: #fff;
}

.cycle-gallery .btn-next {
	left: auto;
	right: 0;
}

.cycle-gallery .slideset {
	width: 100%;
	float: left;
}

.cycle-gallery .slide {
	float: left;
	color: #fff;
	position: relative;
}

.cycle-gallery .slide.active {
	z-index: 1;
}

.cycle-gallery .slide img {
	display: block;
	width: 100%;
}

.cycle-gallery .slide-title {
	display: block;
	font-size: 14px;
	line-height: 17px;
	padding: 17px 18px;
	color: #787878;
	background: #f6f6f6;
	font-weight: 400;
	text-align: left;
}

.our-staff {
	padding: 0 0 30px;
}

.our-staff .info-block {
	font-size: 16px;
	line-height: 19.2px;
	letter-spacing: -.2px;
}

.our-staff .info-block .info-holder {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.our-staff .info-block .contact-info {
	padding: 17px 0 0;
	border-top: solid 1px #cdcdcd;
	font-weight: 600;
}

.our-staff .info-block p {
	margin: 0 0 12px;
}

.our-staff h2 {
	font-size: 22px;
	line-height: 26px;
	font-weight: 600;
	margin: 0 0 10px;
}

.search-cols {
	overflow: hidden;
}

.search-cols .news-posts {
	overflow: hidden;
	width: 100%;
}

.search-cols .news-posts h2 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	margin: 0 0 26px;
}

.search-cols .col {
	overflow: hidden;
	padding: 0 0 30px;
}

.search-cols .news-post {
	margin: 0 15px 30px;
}

.search-cols .news-post:first-child {
	margin-top: 0;
}

.search-cols .result-counter {
	display: block;
	color: #777;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 26px;
}

.results-post {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	padding: 0 20px;
	margin: 0 0 30px;
}

.results-post .post {
	overflow: hidden;
	padding: 25px 0 21px;
	border-bottom: solid 1px #d7d7d7;
	font-size: 16px;
	line-height: 19px;
}

.results-post .post .time {
	display: block;
	font-size: 14px;
	margin: 0 0 7px;
	color: #777;
}

.results-post .post h2 {
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
	margin: 0 0 13px;
}

.results-post .post h2 a:hover {
	color: #444;
}

.results-post .post p {
	margin: 0 0 15px;
}

.results-post .tags li a {
	background: #f6f6f6;
}

.results-post .tags li a.btn {
	background: none;
	font-size: 14px;
	padding: 4px 10px;
}

.results-post .tags li a:hover {
	background: #444;
}

.social-area {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 50;
	-webkit-transform: translate(100%, -50%);
	-ms-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.social-area.popup-active {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.social-area .soc-opener {
	position: absolute;
	top: 0;
	left: -53px;
	border: 1px solid #cae2e3;
	height: 55px;
}

.social-area .popup {
	display: block !important;
}

.social-area .social-list {
	border: 1px solid #cae2e3;
	border-width: 0 0 1px 1px;
	font-size: 22px;
}

.social-area a {
	width: 54px;
	height: 54px;
	display: block;
	border-top: 1px solid #cae2e3;
	background: #fff;
	color: #95d3d3;
	text-align: center;
	position: relative;
}

.social-area a:hover i {
	color: #000;
}

.social-area i:before {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (min-width: 480px) {
	#header .social-networks {
		display: inline-block;
		vertical-align: top;
	}

	.contacts-popup {
		padding: 18px 30px 10px;
	}

	.contacts-popup .holder {
		margin: 0 0 26px;
	}

	.contacts-popup .contacts-frame {
		margin: 0 -20px 0 0;
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}

	.contacts-popup .contacts-frame:after {
		left: 50%;
		margin: 0 0 0 -11px;
		position: absolute;
		top: 23px;
		bottom: 0;
		content: "";
		width: 1px;
		background: #dedede;
	}

	.contacts-popup .widget {
		padding: 27px 10px 26px 0;
	}

	.features-block .col {
		width: 280px;
	}

	.ournetwork-block .cols .col {
		width: 280px;
	}

	.featured-block .image {
		min-height: 300px;
	}

	.mainpopup .popup-content {
		height: calc(100% - 64px);
	}

	.main-form .steps {
		margin: 0 -10px 20px;
	}

	.main-form .steps .title {
		display: block;
	}

	.contact-info .image {
		float: left;
		margin: 30px 20px 0 0;
	}

	.features-area .image {
		min-height: 300px;
	}

	.features-post .features-area .image {
		min-height: 300px;
	}

	.networks-list .network {
		width: calc(50% - 30px);
	}

	.networks-list .network a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
	}

	.networks-list .network .text {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.paging ul {
		width: calc(100% - 140px);
		font-size: 20px;
	}

	.paging ul li {
		padding: 23px 11px;
	}

	.paging .btn-prev,
	.paging .btn-next {
		width: 70px;
		height: 70px;
		font-size: 25px;
		padding: 23px 10px;
		line-height: 25px;
	}

	.team {
		height: 390px;
	}

	.member-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.member-box .image {
		width: 183px;
	}

	.member-box .text {
		width: calc(100% - 183px);
	}

	.members-popup .btns {
		border-bottom: solid 1px #cfcfcf;
	}

	.networks-features .image {
		min-height: 300px;
	}

	.networks-features .figures-list li {
		width: 200px;
	}
}

@media (min-width: 600px) {
	.posts-block .post {
		width: 50%;
	}

	.posts-block .post.small {
		width: 50%;
	}

	.contact-info .image {
		width: 189px;
		height: 189px;
		margin: 0 30px 0 0;
	}

	.contact-info .heading {
		margin: -3px 0 10px;
	}

	.contact-info .subtitle {
		margin: 0 0 15px;
	}

	.search-bar .filter-by .filter-popup {
		width: 100%;
	}

	.news-post {
		width: calc(49.95% - 30px);
	}

	.team {
		width: calc(50% - 30px);
		height: 390px;
	}
}

@media screen and (min-width: 768px) {
	.popup-first-visit {
		width: 640px;
		height: 480px;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		padding-bottom: 35px;
	}

	.bg-container {
		max-width: 227px;
	}

	.popup-container h3 {
		font-size: 26px;
		margin-bottom: 27px;
	}
}

@media (min-width: 768px) {
	#header {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
	}

	#header .topbar {
		padding: 11px 28px 9px;
		text-align: right;
		font-size: 14px;
	}

	#header .header-holder {
		position: static;
		padding: 0;
	}

	#header .header-holder .logo {
		max-width: 120px;
		position: static;
	}

	#header .locations .location-btn {
		padding: 26px 17px 25px;
	}

	#header .locations .location-btn:before {
		display: none;
	}

	#header .search-area .search-btn {
		padding: 25px 25px;
	}

	#header .menu-area .menu-btn {
		padding: 25px 25px 26px;
	}

	.menu-active #nav ul {
		margin: 0 0 100px;
	}

	#wrapper .search-slide {
		right: 85px;
	}

	.search-active #wrapper .search-slide {
		width: calc(100% - 335px);
	}

	.locations-slide .locations-list li a {
		padding: 0 21px;
	}

	.locations-slide .locations-list li a:after {
		display: block;
	}

	#footer .info-area p {
		margin: 0 0 25px;
	}

	#footer .info {
		text-align: left;
	}

	#footer .logo {
		display: inline-block;
		vertical-align: middle;
		max-width: 140px;
		margin: 0 8px;
	}

	#footer .footer-bottom .footerbar {
		padding: 20px 20px;
		text-align: left;
	}

	#footer .sublinks {
		float: right;
	}

	#footer .sublinks li {
		float: left;
	}

	#footer .copyright {
		float: left;
	}

	#footer .find-contact {
		font-size: 18px;
		line-height: 30px;
		padding: 16px 55px;
	}

	#footer .find-contact:before {
		font-size: 28px;
		line-height: 28px;
		margin: 0 17px 0 0;
	}

	#footer .find-contact i {
		right: 32px;
		top: 24px;
		font-size: 22px;
		line-height: 22px;
	}

	#footer .footer-frame {
		padding: 35px 25px 30px;
	}

	#footer .footer-frame .title .opener {
		color: #fff;
	}

	#footer .newsletter {
		padding: 0 3px 0 0;
	}

	#footer .cols {
		margin: 0 -20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		overflow: visible;
	}

	#footer .cols .sub-col {
		padding: 0 20px;
		width: 50%;
		overflow: visible;
		border-left: solid 1px #399b9a;
	}

	#footer .footer-links {
		margin: -4px -15px 20px -5px;
	}

	#footer .footer-links .links {
		float: left;
		width: 33.333%;
		padding: 0 5px 20px;
	}

	#footer .footer-links .links ul {
		font-size: 16px;
		height: auto !important;
		position: static !important;
	}

	.socialnetworks {
		text-align: left;
	}

	.socialnetworks li {
		float: left;
		margin: 0 6px 12px;
	}

	.socialnetworks li a {
		width: 56px;
		height: 56px;
		font-size: 28px;
		line-height: 28px;
	}

	.contacts-popup {
		padding: 29px 30px 0;
		bottom: 62px;
	}

	.contacts-popup .contacts-frame {
		margin: 0 -20px 0 0;
		-moz-column-count: 3;
		-moz-column-gap: 20px;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		column-count: 3;
		column-gap: 20px;
	}

	.contacts-popup .contacts-frame:after {
		left: 33.33%;
		margin: 0 0 0 -14px;
	}

	.contacts-popup .contacts-frame:before {
		display: block;
	}

	.contacts-popup .contact-btn {
		width: 60px;
		height: 60px;
		font-size: 20px;
		line-height: 20px;
	}

	.jcf-select {
		height: 70px;
	}

	.jcf-select .jcf-select-text {
		margin: 23px 45px 0 20px;
		font-size: 18px;
		line-height: 26px;
	}

	.jcf-select .jcf-select-opener {
		right: 21px;
		top: 24px;
	}

	.jcf-select .jcf-select-opener:after {
		font-size: 25px;
		line-height: 25px;
	}

	.jcf-list .jcf-option {
		font-size: 18px;
		line-height: 24px;
		padding: 22px 18px;
	}

	.fancybox-close {
		width: 50px;
		height: 50px;
		padding: 14px 0;
	}

	.fancybox-close:after {
		font-size: 22px;
		line-height: 22px;
	}

	#wrapper {
		padding: 115px 0 0;
	}

	#wrapper .form-control {
		font-size: 18px;
		line-height: 22px;
		padding: 23px 19px;
	}

	#wrapper .search-bar .form-control {
		font-size: 18px;
		line-height: 24px;
		height: 70px;
		padding: 23px 75px 23px 25px;
	}

	#wrapper .search-bar.search-filter .form-control {
		padding: 16px 8px;
		height: 56px;
	}

	.tags-list {
		padding: 9px 0 0;
	}

	.tags-list li a {
		font-size: 16px;
	}

	.visual .caption,
	.hero-slider .caption {
		left: 30px;
		right: 30px;
		padding: 0;
	}

	.visual .caption .caption-holder,
	.hero-slider .caption .caption-holder {
		max-width: 760px;
		margin: 0 0 30px;
	}

	.visual .caption h1,
	.hero-slider .caption h1 {
		font-size: 30px;
		line-height: 36px;
	}

	.visual .caption .btn,
	.hero-slider .caption .btn {
		line-height: 20px;
		padding: 17px 16px 15px 27px;
		font-size: 17px;
	}

	.visual .caption .btn i,
	.hero-slider .caption .btn i {
		margin: 1px 0 -1px 15px;
		font-size: 25px;
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.hero-slider:before {
		border-width: 18px 18px 0 18px;
		margin: 0 0 0 -18px;
	}

	.hero-slider .slick-slider {
		padding: 0 120px;
	}

	.hero-slider .slick-arrow {
		width: 120px;
		padding: 0 10px;
	}

	.hero-slider img {
		width: 1400px;
		margin: 0 0 0 -700px;
	}

	.hero-slider .caption {
		left: 30px !important;
		right: 30px !important;
	}

	.hero-slider .caption .caption-holder {
		max-width: 760px;
		margin: 0 0 30px;
	}

	.hero-slider .pagination {
		bottom: 30px;
	}

	.hero-slider .pagination li button {
		width: 18px;
		height: 18px;
	}

	.intro-block {
		font-size: 20px;
		line-height: 24px;
	}

	.intro-block .container {
		padding-top: 80px;
		padding-bottom: 60px;
	}

	.intro-block h2,
	.intro-block h1 {
		margin: 0 0 24px;
		font-size: 34px;
		line-height: 40px;
	}

	.intro-block.v2 .container {
		padding-top: 60px;
		padding-bottom: 60px;
		max-width: 970px;
	}

	.intro-block.v3 .container {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.features-block .container {
		padding-top: 65px;
		padding-bottom: 64px;
	}

	.features-block h2 {
		font-size: 36px;
		line-height: 40px;
		margin: 0 0 53px;
	}

	.features-block .cols-holder {
		margin: 0 -30px;
	}

	.features-block .col {
		padding: 0 30px 30px;
		width: 33.333%;
	}

	.features-block p {
		margin: 0 0 39px;
	}

	.posts-block .post {
		width: 50%;
		height: 350px;
	}

	.posts-block .post:first-child .caption {
		padding: 20px 35px 36px;
	}

	.posts-block .caption {
		padding: 20px 35px 25px;
	}

	.posts-block h2 {
		font-size: 26px;
		line-height: 30px;
	}

	.posts-block time {
		margin: 0 0 17px;
	}

	.posts-block .title {
		margin: 0 0 22px;
	}

	.posts-block .heading-holder {
		padding: 45px 15px;
	}

	.posts-block h1 {
		font-size: 36px;
		line-height: 40px;
	}

	.posts-block .type {
		font-size: 16px;
		padding: 15px 15px;
		width: 126px;
	}

	.btn-play {
		border: solid 6px #ffe461;
		width: 80px;
		height: 80px;
	}

	.btn-play:before {
		font-size: 30px;
		line-height: 30px;
		margin: 0 0 0 2px;
	}

	.ournetwork-block .container {
		padding-top: 73px;
		padding-bottom: 70px;
	}

	.ournetwork-block h2 {
		margin: 0 0 42px;
		font-size: 36px;
		line-height: 40px;
	}

	.ournetwork-block .btn-default {
		padding: 22px 41px;
		font-size: 18px;
	}

	.ournetwork-block .cols .col {
		width: 33.33%;
		padding: 0 15px 30px;
	}

	.ournetwork-block.impact-figures .container {
		padding-top: 73px;
		padding-bottom: 40px;
	}

	.text-block .container {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.text-block h2 {
		margin: 0 0 22px;
		font-size: 36px;
		line-height: 40px;
	}

	.text-block p {
		margin: 0 0 42px;
	}

	.text-block .btn {
		padding: 23px 36px 23px;
		font-size: 18px;
	}

	.text-block.v2 .btn {
		font-size: 18px;
		padding: 18px 30px;
	}

	.featured-block .text {
		padding: 70px 30px 70px 15px;
		width: 50%;
		margin: 0;
		background: none;
	}

	.featured-block p {
		margin: 0 0 63px;
	}

	.featured-block .title {
		margin: 0 0 31px;
	}

	.featured-block h2 {
		margin: 0 0 30px;
		font-size: 36px;
		line-height: 40px;
	}

	.featured-block .image {
		width: 50%;
		position: absolute;
		right: 0;
		margin: 0;
		top: 0;
		bottom: 0;
	}

	.mainpopup {
		width: 700px;
		box-shadow: 0 0 25px rgba(0, 0, 0, .4);
	}

	.mainpopup .head {
		padding: 41px 66px 45px 29px;
	}

	.mainpopup .head .heading {
		font-size: 26px;
		line-height: 30px;
	}

	.mainpopup .close {
		font-size: 26px;
		line-height: 26px;
		right: 36px;
		top: 44px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.mainpopup .popup-content {
		height: calc(100% - 132px);
	}

	.mainpopup .tabholder {
		padding: 40px 30px 60px;
	}

	.mainpopup .tabholder .heading {
		margin: 0 0 25px;
	}

	.mainpopup .partner-text {
		padding: 40px 30px 15px;
	}

	.mainpopup .quote-area {
		padding: 30px 30px 30px;
	}

	.mainpopup .quote-area .image {
		float: left;
		border: solid 7px #676767;
		margin: 0 32px 0 0;
		width: 148px;
		height: 148px;
	}

	.mainpopup .quote-area .quote {
		font-size: 20px;
		line-height: 24px;
	}

	.mainpopup .quote-area .heading {
		margin: 0 0 18px;
		font-size: 23px;
		line-height: 29px;
	}

	.mainpopup .quote-area q {
		font-size: 20px;
	}

	.mainpopup .openclose .opener {
		font-size: 24px;
		line-height: 28px;
		padding: 30px 46px 30px 30px;
	}

	.mainpopup .openclose .opener:before {
		right: 33px;
		font-size: 13px;
		line-height: 12px;
		top: 45px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin: 0;
	}

	.mainpopup .openclose .associate-partners {
		padding: 24px 46px;
		font-size: 18px;
		line-height: 30px;
	}

	.mainpopup .whyus-area {
		padding: 40px 30px;
	}

	.mainpopup .whyus-area h2 {
		font-size: 36px;
		line-height: 40px;
		margin: 0 0 44px;
	}

	.mainpopup .features-list li {
		padding: 0 0 34px 63px;
	}

	.mainpopup .features-list li:after {
		left: 4px;
		top: -3px;
		font-size: 37px;
		line-height: 37px;
	}

	.mainpopup .features-list .title {
		font-size: 26px;
		line-height: 30px;
		margin: 0 0 11px;
	}

	.mainpopup .tabopener {
		display: none;
	}

	.main-form {
		padding: 40px 30px 80px;
	}

	.main-form .requried-info {
		margin: 0 0 40px;
	}

	.main-form .input-holder {
		margin: 0 0 38px;
	}

	.main-form label {
		margin: 0 0 15px;
	}

	.main-form .jcf-select .jcf-select-text {
		margin-left: 25px;
	}

	.main-form .twocols {
		margin: 0 -19px;
	}

	.main-form .twocols .input-holder {
		width: 50%;
		float: left;
		padding: 0 19px;
	}

	.main-form .steps {
		margin: 0 -23px 66px;
	}

	.contact-info {
		padding: 17px 18px 0 20px;
	}

	.contact-info .image {
		margin: 0 50px 0 0;
	}

	.partnership-popup .head {
		padding: 53px 70px 46px 49px;
	}

	.partnership-popup .head .heading {
		font-size: 36px;
	}

	.partnership-popup .head .close {
		right: 34px;
	}

	.join-popup .head {
		padding: 53px 70px 46px 49px;
	}

	.join-popup .head .heading {
		font-size: 36px;
	}

	.join-popup .head .close {
		right: 34px;
	}

	.join-popup .whyus-area {
		padding: 68px 50px 26px;
	}

	.join-popup .contact-info {
		padding: 87px 69px 80px 70px;
	}

	.features-area .image {
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		min-height: inherit;
	}

	.features-area .text {
		width: 50%;
		float: right;
		background: none;
	}

	.features-area .text-holder {
		padding: 45px 30px;
		float: left;
	}

	.features-area p {
		margin: 0 0 25px;
	}

	.features-area .title {
		margin: 0 0 22px;
	}

	.features-area.v2 .image {
		left: auto;
		right: 0;
	}

	.features-area.v2 .text {
		float: left;
	}

	.features-area.v2 .text-holder {
		float: right;
	}

	.features-area h2 {
		margin: 0 0 30px;
		font-size: 36px;
		line-height: 40px;
	}

	.twocolumns .container {
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		column-count: 2;
		column-gap: 30px;
		padding-top: 80px;
		padding-bottom: 60px;
		text-align: justify;
	}

	.timeline-block .heading-holder {
		padding: 45px 15px;
	}

	.timeline-block h1 {
		font-size: 36px;
		line-height: 40px;
	}

	.timeline-slider {
		padding: 0;
	}

	.timeline-slider .btn-next,
	.timeline-slider .btn-prev {
		background: rgba(255, 255, 255, .3);
		top: 50%;
		margin: -25px 0 0;
	}

	.timeline-slider .slide-holder {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.timeline-slider .text {
		width: 60%;
	}

	.timeline-slider .image {
		width: 40%;
		min-height: 420px;
	}

	.timeline-slider .text-holder {
		float: left;
		max-width: 548px;
		padding: 40px 60px 40px 30px;
	}

	.timeline-slider h2 {
		font-size: 28px;
		line-height: 33px;
		margin: 0 0 24px;
	}

	.timeline-slider .pagination {
		display: table;
	}

	.timeline-slider .pagination li {
		display: table-cell;
		vertical-align: top;
	}

	.timeline-slider .pagination li a {
		padding: 26px 26px;
	}

	.timeline-slider .pagination li a:hover span {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	.timeline-slider .title {
		margin: 0 0 34px;
	}

	.timeline-slider .benefits {
		margin: 0 0 44px;
	}

	.timeline-slider.projects .text-holder {
		max-width: 515px;
		padding: 52px 48px 48px;
	}

	.visual img {
		width: 1400px;
		margin: 0 0 0 -700px;
	}

	.features-post .features-area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.features-post .features-area .image {
		min-height: 400px;
	}

	.features-post .features-area .text {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: none;
		padding: 40px 30px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.features-post .features-area:nth-child(even) .image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.newsletter-aera h3 {
		font-size: 36px;
		line-height: 43.5px;
		margin: 0 0 42px;
	}

	.newsletter-aera .container {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.newsletter-aera .btn {
		padding: 17px 22px 16px;
		font-size: 18px;
	}

	.networks-block {
		font-size: 20px;
		line-height: 24px;
	}

	.networks-block .container {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.networks-block p {
		margin: 0 0 60px;
	}

	.networks-block h2 {
		font-size: 36px;
		line-height: 40px;
		margin: 0 0 24px;
	}

	.networks-list .network a {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.networks-list .network .image {
		width: 40%;
	}

	.networks-list .network .text {
		width: 60%;
	}

	.impact-block .container {
		padding-top: 60px;
		padding-bottom: 0;
	}

	.impact-block .tablist li {
		margin: 0;
	}

	.impact-block h1 {
		margin: 0 0 40px;
		font-size: 34px;
		line-height: 40px;
	}

	.our-achivements .container,
	.our-goals .container {
		padding-top: 70px;
		padding-bottom: 60px;
	}

	.our-achivements p,
	.our-goals p {
		margin: 0 0 42px;
	}

	.our-achivements h2,
	.our-goals h2 {
		margin: 0 0 24px;
		font-size: 34px;
		line-height: 40px;
	}

	.timeline-block .heading-holder {
		padding: 45px 15px;
	}

	.timeline-block h1 {
		font-size: 36px;
		line-height: 40px;
	}

	.twocols {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.testimonials-block {
		width: 50%;
	}

	.testimonials-block .holder {
		padding: 40px 25px;
	}

	.testimonials-block .cite {
		text-align: left;
		padding: 0 0 20px;
	}

	.testimonials-block .cite .image {
		float: left;
		margin: 0 28px 0 0;
	}

	.testimonials-block .involvement-list li {
		padding: 0 0 0 36px;
	}

	.benefits-block {
		width: 50%;
	}

	.benefits-block .holder {
		padding: 40px 25px 20px;
	}

	.benefits-block h2 {
		font-size: 30px;
		line-height: 32px;
		margin: 0 0 15px;
	}

	.benefits-block .features-list li {
		padding: 0 0 15px 48px;
	}

	#two-columns {
		overflow: hidden;
	}

	#two-columns #content {
		padding: 36px 30px 65px;
	}

	#two-columns .search-cols {
		padding: 26px 20px 170px;
	}

	.paging ul {
		font-size: 22px;
		padding: 0 28px;
		text-align: left;
	}

	.search-bar {
		padding: 0 209px 0 0;
		margin: 0 0 32px;
		border-radius: 2px;
	}

	.search-bar .search-btn {
		right: 18px;
		top: 19px;
		font-size: 33px;
		line-height: 33px;
	}

	.search-bar .sort-by {
		position: absolute;
		right: 0;
		top: 0;
		width: 209px;
	}

	.search-bar .sort-by .sort-opener {
		padding: 26px 43px 22px 22px;
		border-radius: 0 2px 2px 0;
		font-weight: 500;
		font-size: 18px;
	}

	.search-bar .sort-by .sort-opener:before {
		right: 18px;
		top: 27px;
	}

	.search-bar .sort-by .sort-list li a {
		padding: 18px 22px;
	}

	.search-bar .filter-by .filter-opener {
		padding: 16px 10px;
		text-transform: none;
	}

	.search-bar .filter-by .filter-popup {
		top: 0;
		width: 445px;
	}

	.search-bar .filter-by .filter-popup .fitler-head {
		padding: 26px 76px 26px 28px;
	}

	.search-bar.search-filter {
		padding: 0 120px 0 150px;
	}

	.search-bar.search-filter .search-form {
		padding: 0 0 0 70px;
	}

	.search-bar.search-filter .search-form .search-btn {
		top: 13px;
	}

	.twitter-feed .container {
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.twitter-feed h2 {
		margin: 0 0 19px;
		font-size: 36px;
		line-height: 40px;
	}

	.twitter-feed .pagination li a {
		width: 18px;
		height: 18px;
	}

	.twitter-feed .mask {
		margin: 0 auto 50px;
	}

	.twitter-feed .slide {
		line-height: 30px;
	}

	.posts-holder {
		margin: 0 -15px 15px;
	}

	.news-post .text {
		padding: 18px 20px 20px;
	}

	.news-post .category {
		margin: 0 6px 0 0;
		padding: 7px 10px;
	}

	.nav-btns {
		overflow: visible;
	}

	.project-outcomes {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.project-outcomes .video {
		width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.project-outcomes .text {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		width: 50%;
	}

	.project-outcomes .btn {
		margin: 16px 0 0;
	}

	.project-outcomes .text-holder {
		max-width: 543px;
		float: left;
		padding: 50px 30px;
	}

	.ourteam-block .tabset {
		padding: 15px 0 0;
		margin: 0;
	}

	.ourteam-block .tabset li {
		display: inline-block;
		vertical-align: top;
		border: 0;
	}

	.ourteam-block .tabset li a {
		font-size: 20px;
		line-height: 30px;
		padding: 22px 18px 16px;
	}

	.ourteam-block .tabset li a:after {
		display: block;
	}

	.ourteam-block .tabset li a:hover,
	.ourteam-block .tabset li a.active {
		color: #000;
		background: none;
	}

	.ourteam-block .content-holder {
		padding: 63px 0;
	}

	.ourteam-block .sidebar {
		float: left;
		width: 180px;
		padding: 0;
		margin: 0 30px 0 0;
	}

	.ourteam-block .sidebar .title {
		margin: 0 0 25px;
	}

	.ourteam-block .sidebar .title br {
		display: block;
	}

	.ourteam-block .sidebar .title a {
		pointer-events: none;
	}

	.ourteam-block .sidebar .tabset {
		text-align: left;
		position: static !important;
		display: block !important;
	}

	.ourteam-block .sidebar .tabset li {
		margin: 0 0 13px;
		text-align: left;
	}

	.ourteam-block .subtabs-content {
		float: left;
		width: calc(100% - 10px);
		padding: 4px 0 0;
	}

	.teams-cols {
		margin: 0 -10px;
	}

	.teams-cols.three-cols {
		padding: 0;
	}

	.team {
		width: calc(33% - 20px);
		margin: 0 10px 20px;
	}

	.team .back {
		font-size: 14px;
	}

	.search-box .container {
		padding-top: 37px;
		padding-bottom: 33px;
	}

	.search-box .members-opener {
		font-size: 22px;
		line-height: 22px;
		padding: 23px 72px 22px 23px;
	}

	.search-box .icon-search {
		right: 17px;
		top: 18px;
		font-size: 33px;
		line-height: 33px;
	}

	.members-block .container {
		padding-top: 52px;
		padding-bottom: 85px;
	}

	.members-block .cols {
		margin: 0 -15px;
	}

	.members-block .new-members {
		width: 41%;
		float: left;
		padding: 0 15px;
	}

	.members-block .featured-members {
		float: left;
		padding: 0 15px;
		width: 59%;
	}

	.members-block h2 {
		margin: 0 0 40px;
	}

	.member-box .text {
		padding: 12px 15px 46px;
	}

	.members-popup .members-opener {
		width: 60px;
		height: 60px;
		font-size: 22px;
		z-index: 10;
		line-height: 22px;
	}

	.members-popup .map {
		height: 500px;
		display: block;
	}

	.members-popup .footer {
		padding: 27px 174px 25px 20px;
		text-align: left;
	}

	.members-popup .footer .note {
		font-size: 14px;
		margin: 0;
	}

	.members-popup .footer .btn {
		position: absolute;
		right: 27px;
		top: 27px;
	}

	.members-popup .paging {
		margin: 0 30px 37px;
	}

	.members-popup .searchform {
		padding: 0 82px 0 0;
		margin: 0 60px 0 0;
	}

	.members-popup .searchform .form-control {
		height: 60px;
	}

	.members-popup .searchform .submit {
		right: 22px;
		top: 16px;
		font-size: 30px;
		line-height: 30px;
	}

	.members-popup .btns {
		border: 0;
	}

	.members-popup .btns .title {
		font-size: 16px;
		line-height: 18px;
	}

	.members-popup .btns .opener {
		padding: 18px 37px 14px 20px;
	}

	.members-popup .results-part {
		padding: 40px 29px 20px;
	}

	.members-popup .results-part .heading {
		margin: 0 0 22px;
	}

	.members-popup .members-list {
		margin: 0 -30px;
		border: 0;
	}

	.members-popup .members-list li .open {
		padding: 16px 30px;
	}

	#wrapper .members-popup .searchform .form-control {
		font-size: 20px;
		height: 60px;
		line-height: 26px;
		padding: 17px 30px;
	}

	.members-list .mainpopup .head {
		padding: 26px 60px 26px 33px;
	}

	.members-list .mainpopup .close {
		right: 29px;
		top: 27px;
		font-size: 23px !important;
		line-height: 23px !important;
	}

	.members-list .mainpopup .info-holder {
		margin: -93px 0 0;
	}

	.members-list .mainpopup .info-holder .text {
		padding: 33px 0 0;
		text-align: left;
	}

	.members-list .mainpopup .info-holder .title {
		margin: 0 0 24px;
		color: #fff;
	}

	.members-list .mainpopup .image-holder {
		float: left;
		margin: 0 10px 0 0;
	}

	.networks-features {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.networks-features .image {
		width: 50%;
		min-height: 400px;
	}

	.networks-features .text {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: none;
		padding: 40px 30px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		width: 50%;
		float: right;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.networks-features .btn {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 16px;
	}

	.networks-features .title {
		margin: 0 0 18px;
	}

	.networks-features h2 {
		margin: 0 0 8px;
	}

	.networks-features.v2 .image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.networks-features .figures-list {
		text-align: left;
	}

	.networks-features .figures-list li {
		width: 50%;
	}

	.networks-features .figures-list .counter {
		font-size: 50px;
		line-height: 50px;
	}

	.networks-map {
		padding: 60px 15px;
	}

	.networks-map h2 {
		margin: 0 0 56px;
		font-size: 36px;
		line-height: 40px;
	}

	.registerpopup .popup-frame {
		padding: 40px 30px;
	}

	.registerpopup .text-holder {
		padding: 0 0 55px;
	}

	.registerpopup .image .bottom-align .heading {
		font-size: 36px;
		line-height: 42px;
		left: 50px;
		right: 50px;
		bottom: 30px;
	}

	.registerpopup .image .heading {
		font-size: 48px;
		line-height: 58px;
	}

	.breadcrumbs {
		padding: 19px 0;
	}

	.news-article .head h2 {
		font-size: 30px;
		line-height: 37px;
	}

	.news-article .main-image:before {
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .7) 80%);
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%);
	}

	.news-article .main-image img {
		width: 100%;
		margin: 0;
		position: static;
	}

	.news-article .main-image .caption .text {
		display: inline-block;
		vertical-align: bottom;
		width: calc(100% - 202px);
		padding: 0 10px 17px 0;
	}

	.news-article .main-image .caption .title {
		margin: 0 0 8px;
	}

	.news-article .main-image .share {
		display: inline-block;
		vertical-align: bottom;
		width: 199px;
	}

	.news-article .content-holder {
		text-align: justify;
	}

	.news-article .content-holder .container {
		padding-top: 38px;
		padding-bottom: 91px;
	}

	.control-area .title-holder {
		padding: 29px 158px 27px 28px;
	}

	.control-area .btn-next {
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		min-height: 130px;
		width: 158px;
		padding: 42px 24px;
	}

	.control-area .btn-next i {
		float: none;
		font-size: 30px;
		display: inline-block;
		vertical-align: middle;
	}

	.cycle-gallery {
		float: right;
		width: 380px;
		margin: 0 0 25px 30px;
	}

	.cycle-gallery .btn-next,
	.cycle-gallery .btn-prev {
		margin: 0;
		top: 107px;
	}

	.our-staff {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin: 0 -15px;
		padding: 0;
	}

	.our-staff .team {
		margin: 0 15px;
		width: calc(50% - 30px);
	}

	.our-staff .info-block {
		width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 15px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
	}

	.our-staff .info-block .contact-info {
		margin: 0 0 -7px;
	}

	.search-cols {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		padding: 0 0 130px;
	}

	.search-cols .news-posts {
		width: 245px;
		margin: 0 0 0 30px;
	}

	.search-cols .col {
		width: calc(100% - 275px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		position: relative;
		overflow: visible;
		padding: 0;
	}

	.search-cols .news-post {
		margin: 46px 0 0;
		width: 100%;
	}

	.search-cols .paging {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -130px;
	}

	.results-post {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding: 0 30px;
		min-height: 200px;
		margin: 0;
	}

	.results-post .post h2 {
		font-size: 24px;
		line-height: 29px;
	}
}

@media (min-width: 1024px) {
	#header .search-area .search-btn {
		padding: 25px 16px;
	}

	#header .menu-area .menu-btn {
		padding: 25px 16px 26px;
	}

	.menu-active.inverted-header #nav {
		background: #fff;
	}

	.menu-active #nav {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		background: #f4f4f4;
		top: 100%;
		height: calc(100vh - 112px);
		display: block;
		overflow: auto;
		-webkit-animation: fadein .3s ease-in-out;
		animation: fadein .3s ease-in-out;
	}

	.menu-active #nav ul {
		padding: 27px 0 0;
		max-width: 965px;
		margin: 0 auto 120px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.menu-active #nav ul > li {
		width: 25%;
		padding: 36px 10px 28px;
		border-left: 0;
		text-align: left;
		margin: 0 0 -1px;
		float: none;
		border-bottom: solid 1px #ccc;
	}

	.menu-active #nav ul > li > a {
		display: inline-block;
		vertical-align: top;
		padding: 0;
		color: #008887;
		font-size: 22px;
		line-height: 30px;
		background: none;
		text-align: left;
	}

	.menu-active #nav ul > li.hidden {
		display: block;
	}

	.menu-active #nav ul > li .dropdown {
		padding: 0;
		background: none;
		position: static;
		display: block;
		opacity: 1;
		padding: 25px 0 0;
		visibility: visible;
		-webkit-transition: none !important;
		transition: none !important;
		box-shadow: none;
	}

	.menu-active #nav ul > li .dropdown:after {
		display: none;
	}

	.menu-active #nav ul > li .dropdown li {
		width: 100%;
		display: block;
		border-bottom: 0;
		padding: 0;
		border-top: 0;
		position: relative;
	}

	.menu-active #nav ul > li .dropdown li a {
		font-size: 22px;
		line-height: 34px;
		color: #555;
		font-weight: 400;
	}

	.menu-active #nav ul > li .dropdown li a:hover {
		color: #009998;
	}

	.menu-active #nav ul > li .dropdown li .hasdrop-down:before {
		position: absolute;
		right: 16px;
		top: 0;
		font: 26px/24px Arial, Helvetica, Microsoft JhengHei;
		content: "+";
		width: 26px;
		height: 26px;
		text-align: center;
		border-radius: 100%;
		border: solid 1px #008786;
		color: #008786;
	}

	.menu-active #nav ul > li .dropdown li.hover .hasdrop-down:before {
		content: "-";
		font-size: 26px;
		line-height: 20px;
	}

	.menu-active #nav ul > li .dropdown li.hover .subdrop {
		display: block;
	}

	.menu-active #nav ul > li .subdrop {
		padding: 0;
		border-top: 0;
		position: static;
		margin: 0;
		width: auto;
		box-shadow: none;
	}

	.menu-active #nav ul > li .subdrop li a {
		color: #008887;
	}

	.menu-active #nav ul > li .subdrop li a:hover {
		color: #555;
	}

	.menu-active #nav ul > li .subdrop li.active a {
		color: #555;
	}

	#wrapper .search-slide {
		right: 66px;
	}

	.search-active #wrapper .search-slide {
		width: calc(100% - 316px);
	}

	.location-active .locations-slide {
		height: calc(100vh - 112px);
	}

	.locations-slide {
		background: #ffec8d;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.locations-slide .locations-list {
		width: 250px;
		padding: 10px 0;
		font-size: 18px;
		line-height: 30px;
	}

	.locations-slide .map {
		-webkit-box-flex: 2;
		-ms-flex-positive: 2;
		flex-grow: 2;
		height: auto;
	}

	.locations-slide .holder {
		min-height: 600px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		background: #008887;
	}

	#footer .footer-holder {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}

	#footer .footer-holder .col {
		width: 33.33%;
	}

	#footer .footer-holder .col.footer-frame {
		width: 66.66%;
	}

	#footer .info-area {
		padding: 40px 20px;
	}

	#footer .info-frame {
		text-align: left;
	}

	#footer .info {
		display: block;
		margin: 0;
		width: auto;
	}

	#footer .logo {
		float: left;
		margin: 18px 12px 0 0;
		max-width: 110px;
	}

	#footer .footer-bottom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}

	#footer .footer-bottom .col {
		width: 33.33%;
	}

	#footer .footer-bottom .col.footerbar {
		width: 66.66%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	#footer .footer-bottom .footerbar {
		padding: 25px 20px 25px;
	}

	#footer .find-contact {
		padding: 21px 55px 21px 0;
	}

	#footer .intreset:hover .select-drop {
		opacity: 1;
		visibility: visible;
	}

	#footer .intreset:hover .drop-open:after {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.contacts-popup {
		bottom: 73px;
	}

	.contacts-popup .holder:after {
		display: block;
	}

	.contacts-popup .contacts-frame {
		-moz-column-count: 4;
		-moz-column-gap: 30px;
		-webkit-column-count: 4;
		-webkit-column-gap: 30px;
		column-count: 4;
		column-gap: 30px;
		margin: 0 -31px 0 0;
	}

	.contacts-popup .contacts-frame:after {
		margin: 0 0 0 -24px;
		left: 25%;
	}

	.contacts-popup .contacts-frame:before {
		left: 50%;
		margin: 0 0 0 -16px;
	}

	#wrapper .search-bar .form-control {
		font-size: 22px;
		line-height: 28px;
		padding: 21px 75px 21px 25px;
	}

	#wrapper .search-bar.search-filter .form-control {
		padding: 14px 12px;
	}

	.hero-slider:before {
		border-width: 27px 25px 0 25px;
		margin: 0 0 0 -25px;
	}

	.hero-slider .slick-slider {
		padding: 0 144px;
	}

	.hero-slider .slick-arrow {
		width: 144px;
		padding: 0 25px;
	}

	.intro-block .container {
		padding-top: 97px;
		padding-bottom: 77px;
	}

	.intro-block h2,
	.intro-block h1 {
		font-size: 36px;
	}

	.intro-block p br {
		display: block;
	}

	.intro-block.v2 .container {
		padding-top: 81px;
		padding-bottom: 54px;
	}

	.intro-block.v3 .container {
		padding-top: 84px;
		padding-bottom: 70px;
	}

	.posts-block .post.small {
		width: 33.33%;
	}

	.posts-block .post.extralarge {
		width: 33.33%;
	}

	.posts-block .post.large {
		height: 393px;
	}

	.posts-block .post.v2 {
		height: 393px;
		float: right;
	}

	.posts-block time {
		font-size: 18px;
	}

	.posts-block .heading-holder {
		padding: 73px 15px 58px;
	}

	.btn-play {
		width: 106px;
		height: 106px;
		border: solid 8px #ffe461;
	}

	.btn-play:before {
		font-size: 40px;
		line-height: 40px;
		margin: 0 0 0 5px;
	}

	.ournetwork-block .container {
		padding-bottom: 98px;
	}

	.ournetwork-block h2 {
		margin: 0 0 64px;
	}

	.ournetwork-block .counter {
		font-size: 72px;
		line-height: 80px;
	}

	.ournetwork-block .cols {
		margin: 0 -40px -5px;
	}

	.ournetwork-block .cols .col {
		max-width: 200px;
		margin: 0 30px;
		padding: 0;
	}

	.ournetwork-block.impact-figures .container {
		padding-bottom: 104px;
		padding-top: 97px;
	}

	.text-block p {
		margin: 0 0 63px;
	}

	.featured-block .text {
		padding: 70px 30px;
	}

	.mainpopup {
		width: 760px;
	}

	.mainpopup .head {
		padding: 48px 70px 51px 46px;
	}

	.mainpopup .close {
		right: 50px;
		top: 48px;
		font-size: 32px;
		line-height: 32px;
	}

	.mainpopup .tabset li a {
		padding: 28px 25px 22px;
	}

	.mainpopup .tabholder {
		padding: 54px 50px;
	}

	.mainpopup .partner-text {
		padding: 45px 50px 20px;
	}

	.mainpopup .quote-area {
		padding: 50px 50px 40px;
	}

	.mainpopup .openclose .opener {
		padding: 38px 46px 34px;
	}

	.mainpopup .whyus-area {
		padding: 42px 50px;
	}

	.main-form {
		padding: 56px 51px;
	}

	.partnership-popup .tabset li a {
		padding: 28px 31px 22px;
	}

	.features-area .text-holder {
		padding: 70px 30px;
	}

	.features-area p {
		margin: 0 0 55px;
	}

	.features-area .title {
		font-size: 18px;
		margin: 0 0 31px;
	}

	.features-area .title i {
		margin: 0 16px 0 0;
	}

	.features-area.v2 .title {
		margin: 0 0 32px;
	}

	.features-area.v2 p {
		margin: 0 0 46px;
	}

	.twocolumns .container {
		padding-top: 108px;
		padding-bottom: 100px;
	}

	.timeline-block .heading-holder {
		padding: 71px 15px 59px;
	}

	.timeline-slider .btn-next,
	.timeline-slider .btn-prev {
		width: 60px;
		height: 60px;
		font-size: 24px;
		line-height: 24px;
		margin: -30px 0 0;
	}

	.timeline-slider .text {
		width: 50%;
	}

	.timeline-slider .image {
		width: 50%;
	}

	.timeline-slider .text-holder {
		padding: 58px 72px 44px 54px;
	}

	.timeline-slider .pagination {
		text-align: right;
		display: block;
		letter-spacing: -.32em;
	}

	.timeline-slider .pagination li {
		display: inline-block;
		vertical-align: top;
	}

	.timeline-slider .pagination li a {
		font-size: 28px;
		line-height: 32px;
		padding: 40px 30px 28px;
	}

	.features-post .features-area .image {
		min-height: 500px;
	}

	.features-post .features-area .text p {
		margin: 0 0 40px;
	}

	.newsletter-aera h3 br {
		display: block;
	}

	.newsletter-aera .container {
		padding-top: 71px;
		padding-bottom: 77px;
	}

	.networks-block .container {
		padding-top: 73px;
		padding-bottom: 56px;
	}

	.impact-block .container {
		padding-top: 81px;
	}

	.impact-block .tablist li a {
		padding: 28px 27px 22px;
		font-size: 22px;
	}

	.impact-block h1 {
		font-size: 36px;
	}

	.our-achivements .container,
	.our-goals .container {
		padding-top: 113px;
		padding-bottom: 112px;
	}

	.our-achivements h2,
	.our-goals h2 {
		font-size: 36px;
	}

	.our-goals .container {
		padding-top: 116px;
		padding-bottom: 116px;
	}

	.our-goals h2 {
		margin: 0 0 28px;
	}

	.our-goals p {
		margin: 0 0 56px;
	}

	.timeline-block .heading-holder {
		padding: 71px 15px 59px;
	}

	.testimonials-block .holder {
		float: right;
		max-width: 550px;
		padding: 63px 30px 20px;
	}

	.testimonials-block blockquote q {
		margin: 0 0 28px;
		font-size: 20px;
	}

	.testimonials-block .cite {
		padding: 0 0 36px;
	}

	.testimonials-block .cite .text {
		padding: 16px 0 0;
	}

	.testimonials-block .cite .title {
		margin: 0 0 13px;
	}

	.testimonials-block .involvement-list li br {
		display: block;
	}

	.benefits-block .holder {
		float: left;
		max-width: 530px;
		padding: 68px 30px 25px;
	}

	.benefits-block h2 {
		font-size: 36px;
		line-height: 40px;
		margin: 0 0 43px;
	}

	.benefits-block .features-list li {
		padding: 0 0 24px 65px;
	}

	.benefits-block .features-list li:after {
		left: 4px;
		top: -2px;
		font-size: 37px;
		line-height: 37px;
	}

	.benefits-block .features-list .title {
		margin: 0 0 11px;
	}

	#two-columns .search-cols {
		margin: 0 0 54px;
	}

	.filter-nav {
		padding: 0 20px 0 250px;
		text-align: left;
	}

	.filter-nav ul li a {
		padding: 17px 25px 19px;
	}

	.search-bar .filter-by {
		width: 157px;
	}

	.search-bar .filter-by .filter-opener {
		width: 158px;
	}

	.search-bar .filter-by .filter-opener:before {
		margin: 0 20px 0 0;
		font-size: 27px;
	}

	.search-bar.search-filter {
		padding: 0 157px 0 250px;
	}

	.posts-holder {
		margin: 0 -15px 56px;
	}

	.news-post {
		width: calc(33.2% - 30px);
	}

	.nav-btns .categories-btn,
	.nav-btns .filter-btn {
		width: 250px;
	}

	.project-outcomes .text-holder {
		padding: 115px 70px 105px;
	}

	.ourteam-block {
		padding: 0 0 60px;
	}

	.ourteam-block .tabset {
		padding: 39px 0 0;
	}

	.ourteam-block .tabset.v2 {
		padding-top: 21px;
	}

	.ourteam-block .tabset li a {
		padding: 28px 25px 20px;
		font-size: 22px;
	}

	.ourteam-block .sidebar {
		width: 270px;
		margin: 0 54px 0 0;
	}

	.ourteam-block .subtabs-content {
		width: calc(100% - 10px);
	}

	.teams-cols {
		margin: 0 -15px;
	}

	.teams-cols.three-cols .team {
		width: calc(33.333% - 30px);
	}

	.team {
		width: calc(33% - 30px);
		margin: 0 15px 30px;
	}

	.team .front .caption {
		font-size: 14px;
		padding: 0 75px 16px 18px;
	}

	.team .front .title {
		font-size: 17px;
		margin: 0 0 7px;
	}

	.team .front .more {
		right: 20px;
		bottom: 20px;
	}

	.team .back {
		font-size: 16px;
	}

	.team .back .text {
		padding: 15px 18px;
	}

	.team .back .heading {
		margin: 0 0 10px;
	}

	.team .back .sub-heading {
		margin: 0 -8px 12px 0;
	}

	.team .head {
		padding: 18px 20px 19px 70px;
		font-size: 16px;
		line-height: 19px;
	}

	.team .head address {
		font-size: 16px;
	}

	.team .head .more {
		left: 20px;
		top: 20px;
	}

	.team .head .title {
		font-size: 18px;
		margin: 0 0 5px;
	}

	.members-popup .holder {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.members-popup .members-frame {
		width: 50%;
	}

	.members-popup .map {
		width: 50%;
		height: 100vh;
	}

	.members-popup .searchform {
		margin: 0;
	}

	.members-popup .searchform .form-control {
		height: auto;
	}

	.members-popup .searchform .submit {
		font-size: 40px;
		line-height: 40px;
		right: 22px;
		top: 21px;
	}

	.members-popup .btns .opener:before {
		right: 10px;
	}

	.members-popup .dropmenu {
		width: 253px;
	}

	.members-popup .results-part {
		min-height: 430px;
	}

	.members-popup .results-holder {
		overflow: auto;
		height: calc(100vh - 224px);
	}

	#wrapper .members-popup .searchform .form-control {
		padding: 27px 30px;
		font-size: 22px;
		height: 80px;
	}

	.networks-features .image {
		min-height: 500px;
	}

	.networks-features .btn {
		font-size: 18px;
		padding-left: 29px;
		padding-right: 27px;
	}

	.networks-features .title {
		font-size: 18px;
	}

	.networks-features .title i {
		margin: -4px 10px 0 -2px;
		font-size: 33px;
		line-height: 33px;
	}

	.networks-features .subtitle {
		margin: -1px 0 20px;
	}

	.networks-features h2 {
		font-size: 36px;
		line-height: 40px;
	}

	.networks-features.v2 p {
		margin: 0 0 40px;
	}

	.networks-map {
		padding: 81px 15px 86px;
	}

	.registerpopup .popup-frame {
		padding: 54px 51px;
	}

	.news-article .main-image .share {
		text-align: right;
	}

	.news-article .main-image .share .sharebtn {
		margin: 0 0 18px;
	}

	.cycle-gallery {
		width: 470px;
		margin: 2px 0 25px 30px;
	}

	.cycle-gallery .btn-next,
	.cycle-gallery .btn-prev {
		top: 134px;
	}

	.our-staff .team {
		width: 294px;
	}

	.our-staff .info-block {
		width: calc(100% - 324px);
	}

	.our-staff h2 {
		font-size: 24px;
		margin: 0 0 20px;
	}

	.search-cols .news-posts {
		width: 294px;
		margin: 0 0 0 40px;
	}

	.search-cols .col {
		width: calc(100% - 334px);
	}

	.social-area {
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

	.social-area .soc-opener {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.locations-slide .locations-list .drop {
		display: none;
	}
}

@media only screen and (min-width: 1025px) {
	a[href^=tel],
	a[href^=skype],
	a[href^=sms] {
		cursor: default;
		pointer-events: none;
	}
}

@media (min-width: 1200px) {
	#header .header-holder .logo {
		width: 145px;
		max-width: inherit;
	}

	#header .locations .location-btn {
		font-size: 19px;
		line-height: 24px;
		padding: 34px 22px 33px;
		min-width: 154px;
	}

	#header .locations .location-btn i {
		font-size: 12px;
		line-height: 16px;
		margin: 0 0 0 26px;
	}

	#header .search-area .search-btn {
		width: 70px;
		padding: 30px 20px 26px;
		font-size: 28px;
		line-height: 32px;
	}

	#header .menu-area .menu-btn {
		padding: 34px 20px 34px;
	}

	#nav {
		font-size: 16px;
		line-height: 24px;
	}

	#nav ul > li > a {
		padding: 34px 20px 33px;
	}

	#nav .dropdown:after {
		margin: 0 0 0 -33px;
		left: 50%;
	}

	.menu-active #nav {
		height: calc(100vh - 130px);
	}

	#wrapper .search-slide {
		right: 75px;
	}

	#wrapper .search-slide .slide-holder {
		height: 90px;
		padding: 0 88px;
	}

	#wrapper .search-slide label {
		left: 40px;
		top: 30px;
		font-size: 32px;
		line-height: 32px;
	}

	#wrapper .search-slide .form-control {
		padding: 34px 0;
	}

	#wrapper .search-slide .search-open {
		font-size: 28px;
		line-height: 28px;
		right: 34px;
		top: 31px;
	}

	.search-active #wrapper .search-slide {
		width: calc(100% - 373px);
	}

	.location-active .locations-slide {
		height: calc(100vh - 130px);
	}

	.locations-slide .locations-list {
		width: 298px;
	}

	#footer .info-area {
		padding: 57px 25px 30px;
	}

	#footer .info-area p {
		margin: 0 0 45px;
	}

	#footer .info .title {
		margin: 0 0 8px;
	}

	#footer .logo {
		max-width: 160px;
		margin: 0 20px 0 0;
	}

	#footer .footer-bottom .footerbar {
		font-size: 15px;
	}

	#footer .footer-frame {
		padding: 57px 25px 30px;
	}

	#footer .footer-frame .title {
		font-size: 20px;
		line-height: 30px;
		margin: 0 0 15px;
	}

	#footer .newsletter .form-control {
		margin: 0 0 31px;
		width: 458px;
		font-size: 18px;
		padding: 27px 19px 21px;
	}

	#footer .newsletter .input-holder {
		padding: 0 157px 0 0;
		border-radius: 2px;
		position: relative;
		box-shadow: 0 2px 14px rgba(0, 0, 0, .2);
	}

	#footer .newsletter .btn {
		position: absolute;
		right: 0;
		top: 0;
		width: 458px;
		font-size: 18px;
		padding: 27px 22px 23px;
		border-radius: 0;
	}

	#footer .intreset {
		margin: 0;
	}

	#footer .intreset .select-drop li label {
		font-size: 18px;
		line-height: 26px;
		padding: 18px 20px 18px 57px;
	}

	#footer .intreset .select-drop .jcf-checkbox {
		left: 22px;
	}

	#footer .intreset .drop-open {
		padding: 23px 45px 0 20px;
		font-size: 18px;
		line-height: 26px;
		height: 70px;
		border-radius: 2px 0 0 2px;
	}

	#footer .intreset .drop-open:after {
		right: 21px;
		top: 24px;
		font-size: 25px;
		line-height: 25px;
	}

	#footer .footer-links {
		margin: -4px -20px 27px -10px;
	}

	#footer .footer-links .links {
		padding: 0 10px 24px;
	}

	.socialnetworks {
		margin: 0 -11px;
	}

	.socialnetworks li {
		margin: 0 11px 22px;
	}

	.socialnetworks li a {
		width: 70px;
		height: 70px;
		font-size: 35px;
		line-height: 35px;
	}

	.contacts-popup .holder:after {
		left: 60%;
		margin: 0 0 0 6px;
	}

	.contacts-popup .holder:before {
		display: block;
	}

	.contacts-popup .contacts-frame {
		-moz-column-count: 5;
		-moz-column-gap: 30px;
		-webkit-column-count: 5;
		-webkit-column-gap: 30px;
		column-count: 5;
		column-gap: 30px;
	}

	.contacts-popup .contacts-frame:after {
		left: 20%;
	}

	.contacts-popup .contacts-frame:before {
		left: 40%;
		margin: 0 0 0 -18px;
	}

	.jcf-select-intreset .jcf-list .jcf-option {
		padding: 22px 18px;
		font-size: 18px;
		line-height: 24px;
	}

	#wrapper {
		padding: 130px 0 0;
	}

	#wrapper .search-bar.search-filter .form-control {
		padding: 26px 25px;
		height: 80px;
	}

	.tags-list {
		padding: 21px 0 0;
	}

	.visual .caption,
	.hero-slider .caption {
		left: 70px;
		right: 70px;
	}

	.visual .caption h1,
	.hero-slider .caption h1 {
		font-size: 30px;
		line-height: 36px;
	}

	.hero-slider img {
		width: 100%;
		margin: 0;
		position: static;
	}

	.posts-block .post {
		height: 400px;
	}

	.posts-block .post.small {
		width: 25%;
	}

	.posts-block .post.extralarge {
		height: 507px;
		width: 50%;
	}

	.posts-block .post.v2 {
		height: 500px;
	}

	.text-block .container {
		padding-top: 138px;
		padding-bottom: 123px;
	}

	.text-block.v2 .container {
		padding-top: 111px;
		padding-bottom: 137px;
	}

	.featured-block .text {
		padding: 90px 30px 97px 15px;
		width: 60%;
	}

	.featured-block .image {
		width: 40%;
	}

	.features-area .image {
		width: 40%;
	}

	.features-area .text {
		width: 60%;
	}

	.features-area .text-holder {
		padding: 75px 20px 59px 50px;
	}

	.features-area.v2 .text-holder {
		padding: 80px 50px 61px 20px;
	}

	.timeline-slider .text-holder {
		padding: 89px 72px 44px;
	}

	.timeline-slider .pagination {
		padding: 0 31px;
	}

	.timeline-slider .pagination li a {
		padding: 40px 33px 28px;
	}

	.timeline-slider .pagination li a:hover span {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

	.timeline-slider .pagination li.active a {
		padding: 40px 52px 28px;
	}

	.visual img {
		width: 100%;
		margin: 0;
		position: static;
	}

	.features-post .features-area .text {
		padding: 34px 72px 50px 72px;
	}

	.features-post .features-area .text p {
		margin: 0 0 52px;
	}

	.features-post .features-area:nth-child(even) .text {
		padding: 48px 72px 50px;
	}

	.features-post .features-area:nth-child(even) .text p {
		margin: 0 0 43px;
	}

	.testimonials-block .holder {
		padding: 63px 75px 20px 81px;
	}

	.benefits-block .holder {
		padding: 68px 70px 25px;
	}

	#two-columns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	#two-columns .categories {
		width: 257px;
		background: #ededed;
	}

	#two-columns #content {
		width: calc(100% - 257px);
		padding: 36px 40px 65px;
	}

	#two-columns .search-cols {
		padding: 26px 40px 170px;
	}

	#two-columns.v2 .categories {
		width: 298px;
		padding: 36px 37px;
	}

	#two-columns.v2 .categories .title {
		margin: 0 0 41px;
	}

	#two-columns.v2 .categories ul li i {
		right: 0;
	}

	#two-columns.v2 #content {
		width: calc(100% - 298px);
	}

	.filter-nav {
		padding: 0 0 0 298px;
	}

	.categories {
		padding: 66px 37px;
	}

	.categories .title {
		margin: 0 0 62px;
		display: block;
	}

	.search-bar .filter-by .filter-opener {
		padding: 28px 10px;
		height: 80px;
	}

	.search-bar.search-filter {
		padding: 0 157px 0 0;
	}

	.search-bar.search-filter .search-form {
		padding: 0 0 0 84px;
	}

	.search-bar.search-filter .search-form .search-btn {
		left: 26px;
		top: 25px;
	}

	.nav-btns {
		display: none;
	}

	.members-popup .members-opener {
		width: 80px;
		height: 80px;
		font-size: 28px;
		line-height: 28px;
	}

	.members-popup .footer .note {
		font-size: 16px;
	}

	.members-popup .footer .note br {
		display: block;
	}

	.members-popup .dropmenu {
		left: 0;
		width: auto;
	}

	.members-popup .results-part {
		min-height: 540px;
	}

	.networks-features .image {
		width: 40%;
	}

	.networks-features .text {
		padding: 40px 40px 40px;
		width: 60%;
	}

	.networks-features p {
		margin: 0 0 30px;
	}

	.networks-features .title {
		margin: 0 0 31px;
	}

	.networks-features .figures-list li {
		max-width: 164px;
	}
}

@media (min-width: 1300px) {
	#nav ul > li > a {
		padding: 34px 28px 33px;
	}

	.featured-block .text {
		width: 66.666%;
	}

	.featured-block .container {
		max-width: 970px;
	}

	.featured-block .image {
		width: 33.333%;
	}

	.features-area .image {
		width: 33.333%;
	}

	.features-area .text {
		width: 66.666%;
	}

	.members-popup .footer {
		padding: 27px 174px 25px 27px;
	}

	.members-popup .footer .note {
		font-size: 18px;
	}

	.members-popup .btns .opener {
		padding: 18px 43px 14px 29px;
	}

	.members-popup .btns .opener:before {
		right: 20px;
		font-size: 22px;
	}

	.members-popup .results-part {
		min-height: 580px;
	}

	.networks-features .image {
		width: 33.333%;
	}

	.networks-features .text {
		width: 66.666%;
		padding: 34px 72px 50px 72px;
	}

	.networks-features .figures-list li {
		max-width: 182px;
	}

	.networks-features .figures-list .counter {
		font-size: 60px;
		line-height: 60px;
		margin: 0 0 8px;
	}
}

@media (min-width: 1550px) {
	#header .search-area .search-btn {
		width: 90px;
		padding: 30px 20px 26px;
		font-size: 32px;
		line-height: 32px;
	}

	#header .menu-area .menu-btn {
		padding: 34px 28px 34px;
	}

	#nav {
		font-size: 19px;
		line-height: 24px;
	}

	#nav ul > li > a {
		padding: 34px 38px 33px 39px;
	}

	#nav .dropdown {
		font-size: 19px;
	}

	#nav .dropdown li a {
		padding: 25px 32px 23px;
	}

	#wrapper .search-slide {
		right: 91px;
	}

	.search-active #wrapper .search-slide {
		width: calc(100% - 389px);
	}

	#footer .info-area {
		padding: 77px 52px 60px 60px;
	}

	#footer .info .title {
		margin: 0 0 19px;
	}

	#footer .logo {
		margin: 0 30px 0 0;
		max-width: 180px;
	}

	#footer .footer-bottom .footerbar {
		padding: 25px 31px 25px 56px;
		font-size: 18px;
	}

	#footer .sublinks li:before {
		padding: 0 13px;
	}

	#footer .find-contact {
		line-height: 30px;
		font-weight: 300;
		padding: 21px 63px 17px 0;
		font-size: 22px;
	}

	#footer .find-contact:before {
		font-size: 35px;
		line-height: 35px;
	}

	#footer .find-contact i {
		font-size: 25px;
		line-height: 25px;
	}

	#footer .footer-frame {
		padding: 73px 67px 42px 61px;
	}

	#footer .footer-frame .title {
		margin: 0 0 25px;
	}

	#footer .cols {
		margin: 0 -54px;
	}

	#footer .cols .sub-col {
		padding: 0 54px;
	}

	#footer .footer-links {
		margin: -4px -96px 27px -10px;
	}

	.contacts-popup {
		padding: 29px 47px 0;
	}

	.visual .caption,
	.hero-slider .caption {
		left: 144px;
		right: 144px;
	}

	.visual .caption .caption-holder,
	.hero-slider .caption .caption-holder {
		margin: 0 0 30px;
	}

	.hero-slider .slick-slider {
		padding: 0 298px;
	}

	.hero-slider .slick-arrow {
		width: 298px;
	}

	.posts-block .post.extralarge {
		height: 607px;
	}

	.posts-block .post a:after {
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, black 80%);
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, black 80%);
	}

	.posts-block .post.v2 {
		height: 600px;
	}

	.ournetwork-block .cols {
		margin: 0 -72px -5px;
	}

	.ournetwork-block .cols .col {
		margin: 0 70px;
	}

	.featured-block .text {
		padding: 90px 101px 97px 0;
		width: 79.8%;
	}

	.features-area .text-holder {
		padding: 75px 20px 59px 72px;
	}

	.features-area.v2 .text-holder {
		padding: 80px 70px 61px 28px;
	}

	.features-post .features-area .text {
		padding: 34px 154px 50px 72px;
	}

	.features-post .features-area:nth-child(even) .text {
		padding: 48px 91px 50px 145px;
	}

	.news-post {
		width: calc(24.95% - 30px);
	}

	.members-popup .members-frame {
		width: 755px;
	}

	.members-popup .map {
		width: calc(100% - 755px);
	}

	.networks-features .text {
		padding: 34px 154px 75px 72px;
	}

	.networks-features.v2 .text {
		padding: 62px 94px 75px 144px;
	}

	.networks-features .figures-list {
		padding: 40px 0 0;
		margin: 0 -30px;
	}

	.networks-features .figures-list li {
		padding: 0 19px;
		max-width: 200px;
	}

	.networks-map {
		padding: 81px 74px 86px;
	}

	.search-cols .news-posts {
		margin: 0 0 0 71px;
	}

	.search-cols .col {
		width: calc(100% - 365px);
	}
}

@media (min-width: 1680px) {
	.menu-active #header .menu-area .menu-btn {
		padding: 33px 28px 33px 15px;
	}

	#footer .info-area {
		padding: 77px 52px 89px 60px;
	}

	#footer .logo {
		margin: 0 38px 0 0;
		max-width: 205px;
	}

	#two-columns #content {
		padding: 36px 116px 65px 40px;
	}

	#two-columns .search-cols {
		padding: 26px 77px 130px 40px;
	}

	.members-popup .map img {
		width: 100%;
	}
}

@media (max-width: 1679px) {
	#header .menu-area .menu-btn .text {
		display: none;
	}
}

@media (max-width: 1549px) {
	#nav ul > li:first-child {
		border-left: 0;
	}

	#footer .info address {
		font-size: 14px;
	}

	#footer .footer-frame {
		font-size: 16px;
	}
}

@media (max-width: 1299px) {
	.activities#two-columns .tags li {
		margin: 0 5px 10px 0;
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.publication-post .news-post .title {
		font-size: 14px;
	}
}

@media (max-width: 1199px) {
	#footer .find-contact span {
		display: none;
	}

	#footer .footer-frame {
		font-size: 15px;
	}

	#footer .newsletter .input-holder .jcf-select {
		border-radius: 2px;
		margin: 0 0 20px;
		height: 58px;
		box-shadow: 0 2px 14px rgba(0, 0, 0, .2);
	}

	#footer .newsletter .input-holder .jcf-select .jcf-select-text {
		margin: 18px 45px 0 15px;
		font-size: 16px;
	}

	#footer .newsletter .input-holder .jcf-select .jcf-select-opener {
		right: 15px;
		top: 23px;
	}

	#footer .newsletter .input-holder .jcf-select .jcf-select-opener:after {
		font-size: 18px;
		line-height: 18px;
	}

	.activities-area {
		padding: 38px 40px 100px;
	}

	.activities .filter-nav {
		padding-left: 270px;
	}

	.activities#two-columns.v2 .categories {
		padding: 0;
	}

	.sdg-popup-frame {
		margin-left: -253px;
	}

	.sdg-popup-frame.style01 {
		margin-left: -195px;
	}

	.topics-box {
		padding: 50px 20px;
	}

	#two-columns.v2 .categories {
		top: 56px;
	}

	.categories {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 15;
		width: 250px;
		padding: 0;
		overflow: hidden;
		background: #34aeb1;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 0 10px rgba(0, 0, 0, .3);
		-webkit-transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
		transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
		height: 100%;
	}

	.categories ul li {
		padding: 0;
		border-top: solid 1px #fff;
	}

	.categories ul li a {
		display: block;
		color: #fff;
		padding: 12px 40px 12px 20px;
	}

	.categories ul li a i {
		right: 16px;
		top: 11px;
		color: #fff;
	}

	.categories ul li a:hover {
		background: #ffe461;
		color: #000;
	}

	.categories ul li a:hover i {
		color: #000;
	}

	.categories ul li ul {
		padding: 0;
	}

	.categories ul li ul li {
		padding: 0;
	}

	.categories ul li ul li a {
		padding: 12px 40px 12px 40px;
	}

	.categories ul li.active > a {
		background: #ffe461;
		color: #000;
	}

	.categories ul li.active > a i {
		color: #000;
	}

	.categories-active .categories {
		opacity: 1;
		visibility: visible;
	}

	.members-popup .btns .opener span {
		display: none;
	}
}

@media (max-width: 1024px) {
	#footer .intreset .select-drop {
		position: absolute !important;
		left: 0 !important;
		top: auto !important;
		display: block !important;
		padding: 0 !important;
		margin: 0 0 -3px !important;
		height: auto !important;
	}

	#footer .intreset .select-drop.js-slide-hidden {
		position: absolute !important;
		left: 0 !important;
		top: auto !important;
		display: block !important;
		padding: 0 !important;
		margin: 0 0 -3px !important;
		height: auto !important;
	}
}

@media (max-width: 1023px) {
	#nav {
		position: static;
	}

	#nav ul > li > a {
		-webkit-transition: none !important;
		transition: none !important;
	}

	#nav {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		background: #f4f4f4;
		top: 100%;
		-webkit-transition: opacity linear .3s, visibility linear .3s, height linear .3s;
		transition: opacity linear .3s, visibility linear .3s, height linear .3s;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		height: 0;
	}

	.inverted-header #nav {
		background: #fff;
	}

	#nav ul {
		padding: 0;
		max-width: 965px;
		margin: 0 auto;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		opacity: 0;
		overflow: hidden;
		padding: 0 10px;
		-webkit-transition: opacity linear .4s;
		transition: opacity linear .4s;
	}

	#nav ul > li {
		width: 25%;
		padding: 36px 10px 28px;
		border-left: 0;
		text-align: left;
		margin: 0 0 -1px;
		float: none;
		border-bottom: solid 1px #ccc;
	}

	#nav ul > li > a {
		display: inline-block;
		vertical-align: top;
		padding: 0;
		color: #008887;
		font-size: 22px;
		line-height: 30px;
		background: none;
		text-align: left;
	}

	#nav ul > li.hidden {
		display: block;
	}

	#nav ul > li.hover > a {
		background: none;
	}

	#nav ul > li.active > a {
		background: none;
	}

	#nav ul > li .dropdown {
		padding: 0;
		background: none;
		position: static;
		display: block;
		opacity: 1;
		padding: 8px 0 0;
		visibility: visible;
		width: auto;
		box-shadow: none;
	}

	#nav ul > li .dropdown:after {
		display: none;
	}

	#nav ul > li .dropdown li {
		width: 100%;
		display: block;
		border-bottom: 0;
		padding: 0;
		border-top: 0;
		position: relative;
	}

	#nav ul > li .dropdown li a {
		font-size: 18px;
		line-height: 30px;
		color: #555;
		font-weight: 400;
		padding: 0;
	}

	#nav ul > li .dropdown li .hasdrop-down:before {
		position: absolute;
		right: 16px;
		top: 0;
		font: 24px/24px Arial, Helvetica, Microsoft JhengHei;
		content: "+";
		width: 26px;
		height: 26px;
		text-align: center;
		border-radius: 100%;
		border: solid 1px #008786;
		color: #008786;
	}

	#nav ul > li .dropdown li.hover .hasdrop-down:before {
		content: "-";
		font-size: 26px;
		line-height: 20px;
	}

	#nav ul > li .dropdown li.hover .subdrop {
		display: block;
	}

	#nav ul > li .dropdown li.active > a {
		background: none;
	}

	#nav ul > li .dropdown .subdrop {
		padding: 0;
		border-top: 0;
		position: static;
		width: auto;
		box-shadow: none;
	}

	#nav ul > li .dropdown .subdrop li a {
		color: #008887;
	}

	#nav ul > li .dropdown .subdrop li a:hover {
		color: #555;
	}

	#nav ul > li .dropdown .subdrop li.active a {
		color: #555;
	}

	.menu-active #nav {
		opacity: 1;
		visibility: visible;
		overflow: auto;
		height: calc(100vh - 112px);
	}

	.menu-active #nav ul {
		opacity: 1;
	}

	#footer .intreset.hover .select-drop {
		opacity: 1;
		visibility: visible;
	}

	#footer .intreset.hover .drop-open:after {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.activities .filter-nav {
		padding-left: 40px;
	}

	.activities#two-columns.v2 .categories a {
		padding: 14px 15px;
	}

	.post-meta {
		overflow: hidden;
	}

	.publication-post .news-post {
		width: 47%;
	}

	.post-description .description-data .post-meta {
		margin: 0 0 15px;
	}

	.topics-box {
		width: 50%;
	}

	.membership-active {
		height: 100%;
		overflow: hidden;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
	}

	.timeline-slider.projects .slide-holder {
		display: block;
	}

	.timeline-slider.projects .image,
	.timeline-slider.projects .text {
		width: 100%;
		overflow: hidden;
	}

	.timeline-slider.projects .image {
		min-height: 360px;
	}

	.timeline-slider.projects .text-holder {
		float: none;
		max-width: inherit;
	}

	.timeline-slider.projects .btn-next,
	.timeline-slider.projects .btn-prev {
		top: 310px;
		margin: 0;
		background: rgba(255, 255, 255, .5);
	}

	.timeline-slider.projects .btn-next:hover,
	.timeline-slider.projects .btn-prev:hover {
		background: #fff;
	}

	.features-post .features-area h2 {
		margin: 0 0 15px;
	}

	.members-popup .btns .opener span {
		display: inline;
	}

	.networks-features h2 {
		margin: 0 0 15px;
	}
}

@media screen and (max-width: 1023px) {
	.locations-slide .locations-list {
		height: 100%;
	}

	.locations-slide .locations-list li.drop-visible .drop {
		opacity: 1;
		visibility: visible;
	}

	.locations-slide .map {
		display: none;
	}

	.locations-slide .holder {
		overflow: hidden;
	}
}

@media (max-width: 767px) {
	#header .topnav li:before,
	#header .social-networks li:before {
		padding: 0 4px  0 3px;
		margin: -1px 0 0;
		position: relative;
	}

	#header .header-holder .locations,
	#header .header-holder .search-area,
	#header .header-holder .menu-area {
		width: 33.33%;
		height: 65px;
	}

	#header .header-holder .locations .location-btn,
	#header .header-holder .search-area .location-btn,
	#header .header-holder .menu-area .location-btn {
		height: 65px;
	}

	#header .locations .location-btn {
		min-width: inherit;
		text-align: center;
		padding: 18px 12px;
	}

	#header .locations .location-btn span {
		display: none;
	}

	#header .locations .location-btn i {
		display: none;
	}

	#nav {
		border-top: solid 1px #ccc;
		background: #34aeb1;
	}

	#nav ul {
		display: block;
		padding: 0;
	}

	#nav ul li {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#nav ul li > a {
		display: block;
		padding: 11px 15px 9px;
		color: #fff;
	}

	#nav ul li > a:hover {
		background: #009998;
	}

	#nav ul li.hover > a {
		background: #009998;
	}

	#nav ul li.active > a {
		background: #009998;
	}

	#nav ul li .dropdown {
		padding: 0;
		display: none;
		border-top: solid 1px #ccc;
	}

	#nav ul li .dropdown li {
		border-top: solid 1px #ccc;
	}

	#nav ul li .dropdown li a {
		padding: 8px 30px;
		background: #34aeb1;
		color: #fff;
	}

	.inverted-header #nav ul li .dropdown li a {
		background: #fff;
		color: #444;
	}

	#nav ul li .dropdown li a:hover {
		background: #009998;
		color: #fff;
	}

	#nav ul li .dropdown li.hover a {
		background: #009998;
		color: #fff;
	}

	.inverted-header #nav ul li .dropdown li.hover a {
		background: #f4f4f4;
		color: #444;
	}

	#nav ul li .dropdown li.hover .hasdrop-down:before {
		content: "-";
		font-size: 26px;
		line-height: 20px;
	}

	.inverted-header #nav ul li .dropdown li.hover .hasdrop-down:before {
		color: #444;
		border-color: #444;
	}

	#nav ul li .dropdown li.active > a {
		background: #009998;
		color: #fff;
	}

	#nav ul li .dropdown li .hasdrop-down:before {
		color: #fff;
		border-color: #fff;
		top: 10px;
		right: 15px;
	}

	#nav ul li .dropdown li .subdrop {
		border-top: solid 1px #ccc;
	}

	#nav ul li .dropdown li .subdrop li a {
		padding: 8px 40px;
		background: #34aeb1;
		color: #fff;
	}

	#nav ul li .dropdown li .subdrop li a:hover {
		background: #009998;
		color: #fff;
	}

	.inverted-header #nav ul li .dropdown li .subdrop li a:hover {
		background: #fff;
		color: #444;
	}

	#nav ul li .dropdown li .subdrop li.active > a {
		background: #009998;
		color: #fff;
	}

	.inverted-header #nav ul li .dropdown li .subdrop li.active > a {
		background: #fff;
		color: #444;
	}

	.menu-active #nav {
		height: calc(100vh - 104px);
	}

	#wrapper .search-slide {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		opacity: 1;
		visibility: visible;
		bottom: auto;
		width: 100%;
		height: 0;
		overflow: hidden;
		-webkit-transition: height linear .3s;
		transition: height linear .3s;
	}

	#wrapper .search-slide .slide-holder {
		height: 60px;
		padding: 0 47px;
	}

	#wrapper .search-slide .form-control {
		padding: 19px 0;
	}

	#wrapper .search-slide label {
		top: 19px;
		left: 13px;
		font-size: 20px;
		line-height: 20px;
	}

	#wrapper .search-slide .search-open {
		top: 22px;
		right: 17px;
		display: none;
		font-size: 17px;
		line-height: 17px;
	}

	.search-active #wrapper .search-slide {
		height: 60px;
	}

	.search-active #wrapper #header .search-area .search-btn:before {
		content: "\e813";
	}

	.locations-slide .locations-list li a {
		border-bottom: solid 1px rgba(0, 0, 0, .2);
		font-size: 20px;
	}

	.locations-slide .locations-list li a:before {
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #000;
		content: "\e806";
		font: 18px/18px "fontello";
	}

	#footer .footer-links {
		margin: 0 -30px 30px;
	}

	#footer .footer-links .opener {
		display: block;
		color: #000;
		background: #ffe461;
		padding: 10px 45px 8px 30px;
		position: relative;
	}

	#footer .footer-links .opener:after {
		position: absolute;
		right: 30px;
		top: 16px;
		content: "\e804";
		font: 15px/15px "fontello";
	}

	#footer .footer-links .opener:hover {
		background: #ffec8d;
	}

	#footer .footer-links .links ul {
		padding: 15px 20px;
	}

	#footer .footer-links .links.active .opener {
		background: #ffec8d;
	}

	#footer .footer-links .links.active .opener:after {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	#footer .footer-links .title {
		margin: 0;
	}

	.activities-area {
		padding: 30px 20px;
	}

	.activities .search-cols .paging {
		text-align: center;
	}

	.activities .filter-nav {
		top: 0;
		padding: 0;
	}

	.activities .filter-nav a {
		color: #fff;
	}

	.activities .breadcrumbs-bar {
		padding: 0 15px;
	}

	.activities .breadcrumbs-bar ul {
		padding-left: 0;
		padding-right: 0;
	}

	.activities#two-columns .tags {
		font-size: 12px;
	}

	.activities#two-columns .tags.tags-popup {
		margin: 0 -5px;
	}

	.activities#two-columns .tags.tags-popup li {
		margin: 0 5px 10px;
	}

	.activities#two-columns .tags li {
		margin: 0 2px 10px;
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.activities#two-columns .tags a {
		padding: 5px;
	}

	.activities#two-columns .tags a.btn {
		font-size: 13px;
	}

	.post-meta {
		display: block;
	}

	.post-meta .btn-next {
		float: right;
	}

	.blue-tooltip {
		padding: 8px 10px;
	}

	.sdg-popup-frame .sdg-list {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 20px 15px 10px;
		position: relative;
		margin: 0 -5px;
	}

	.sdg-popup-frame .sdg-list li {
		width: 33.333%;
		padding: 0 5px 10px;
		margin: 0 !important;
	}

	.slideout-block {
		padding: 20px 15px !important;
	}

	.slideout-block h2 {
		margin: 0 0 20px;
	}

	.slideout-block .list {
		margin: 0 0 30px;
	}

	.slideout-tags {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.slideout-tags .tags-holder {
		display: block;
		padding: 15px 0;
	}

	.slideout-info {
		display: block;
	}

	.slideout-info .info-col {
		width: 100%;
	}

	.slideout-description h2 {
		margin: 0 0 20px;
	}

	.slideout-features .news-posts h2 {
		margin: 0 0 20px;
	}

	.slideout-features .news-post {
		width: 100%;
	}

	.publication-post .news-post .title {
		font-size: 16px;
	}

	.post-description .img-holder {
		float: none;
		margin: 0 auto 20px;
	}

	.learn-resources {
		padding: 80px 0;
	}

	.text-block h2 {
		font-size: 24px;
	}

	.tags-holder.style02 .tags-popup li {
		margin-top: 15px;
	}

	.popup-accordion .accordion-opener {
		padding: 15px;
	}

	.hero-slider .slick-arrow {
		opacity: 0;
		visibility: hidden;
		display: none;
	}

	.text-block h2 {
		font-size: 24px;
		line-height: 30px;
	}

	.mainpopup .tabset {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 100;
		background: #444;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity linear .3s, visibility linear .3s;
		transition: opacity linear .3s, visibility linear .3s;
	}

	.mainpopup .tabset li {
		border-top: solid 1px #ccc;
		display: block;
		float: none;
	}

	.mainpopup .tabset li a {
		display: block;
		color: #fff;
		padding: 8px 20px;
	}

	.mainpopup .tabset li a:after {
		display: none;
	}

	.mainpopup .tabset li a:hover,
	.mainpopup .tabset li a.active {
		background: #34aeb1;
		color: #fff;
	}

	.mobile-hidden {
		display: none;
	}

	.twocolumns .container {
		padding: 30px 20px 15px;
	}

	.timeline-slider .pagination {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		z-index: 4;
	}

	.timeline-slider .pagination li {
		display: none;
	}

	.timeline-slider .pagination li.active {
		display: block;
	}

	.timeline-slider .pagination li a:after {
		bottom: auto;
		top: 100%;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.timeline-slider.projects .image {
		min-height: 300px;
	}

	.timeline-slider.projects .btn-next,
	.timeline-slider.projects .btn-prev {
		top: 250px;
	}

	.impact-block .tablist li a {
		font-size: 18px;
		line-height: 20px;
		font-weight: 500;
		padding: 16px 24px;
		border: solid 2px #008887;
	}

	.impact-block .tablist li a:after {
		display: none;
	}

	.impact-block .tablist li a:hover,
	.impact-block .tablist li a.active {
		background: #008887;
		color: #fff;
	}

	#two-columns.v2 .categories {
		top: 0;
	}

	.filter-nav {
		padding: 0;
		position: absolute;
		left: 0;
		right: 0;
		background: #34aeb1;
		top: 155px;
		border-top: solid 1px #fff;
		opacity: 0;
		visibility: hidden;
		z-index: 15;
		-webkit-transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
		transition: opacity ease-in-out .3s, visibility ease-in-out .3s;
	}

	.filter-nav ul li {
		display: block;
		border-bottom: solid 1px #fff;
	}

	.filter-nav ul li a {
		display: block;
		padding: 13px 25px;
		color: #fff;
		text-align: left;
	}

	.filter-nav ul li a:after {
		display: none;
	}

	.filter-nav ul li a:hover,
	.filter-nav ul li a.active {
		background: #ffe461;
		color: #000;
	}

	.categories {
		width: 100%;
		height: auto;
		box-shadow: none;
	}

	.filter-active .filter-nav {
		opacity: 1;
		visibility: visible;
	}

	.search-bar .filter-by {
		width: 50%;
		top: -50px;
		border-left: 1px solid #d7d5d5;
	}

	.search-bar .filter-by .filter-popup .filter-opener {
		right: 13px;
		top: 16px;
	}

	.search-bar .filter-by .filter-popup .filter-opener:before {
		margin: 0;
		font-size: 18px;
	}

	.search-bar.search-filter {
		position: static;
	}

	.nav-btns .categories-btn,
	.nav-btns .filter-btn {
		position: static;
		width: 50%;
		display: block;
		float: left;
		background: #ededed;
		color: #444;
		padding: 14px 16px 13px;
	}

	.nav-btns .categories-btn:hover,
	.nav-btns .filter-btn:hover {
		background: #039b9e;
		color: #fff;
	}

	.nav-btns .filter-btn {
		border-left: solid 1px #d7d5d5;
	}

	.project-outcomes .video a {
		min-height: 300px;
		display: block;
		overflow: hidden;
	}

	.ourteam-block .sidebar .title .open {
		display: block;
		margin: 0 -15px;
		padding: 10px 35px;
		font-size: 14px;
		text-align: center;
		border-bottom: solid 1px #ccc;
		position: relative;
	}

	.ourteam-block .sidebar .title .open:after {
		position: absolute;
		right: 16px;
		top: 13px;
		content: "";
		width: 10px;
		height: 10px;
		display: block;
		border: solid 1px #666;
		border-width: 2px 2px 0 0;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.ourteam-block .sidebar.active .title .open:after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 20px;
	}

	.ourteam-block .sidebar .tabset li {
		display: inline-block;
		vertical-align: top;
		margin: 0 8px 12px;
	}

	.ourteam-block .sidebar .tabset li a:hover,
	.ourteam-block .sidebar .tabset li a.active {
		background: none;
		color: #000;
	}

	.ourteam-block .sidebar .tabset {
		padding: 18px 15px 6px;
		margin: 0 -15px;
		background: #ffe461;
	}

	.members-popup .btns .col {
		width: 50%;
	}

	.members-popup .btns .col:first-child {
		width: 100%;
		border-bottom: solid 1px #cfcfcf;
	}

	.members-popup .holder {
		height: 100%;
	}

	.members-popup .members-frame {
		display: table;
		width: 100%;
		height: 100%;
		table-layout: fixed;
	}

	.members-popup .footer {
		display: table-footer-group;
		height: 1%;
		width: 100%;
		padding: 0;
	}

	.members-popup .footer .f-holder {
		padding: 18px 20px;
		overflow: hidden;
	}

	.members-list .mainpopup .head .heading {
		font-size: 20px;
		line-height: 22px;
	}

	.partnership-active {
		height: 100%;
		overflow: hidden;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
	}

	.join-active {
		height: 100%;
		overflow: hidden;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
	}

	.register-active {
		height: 100%;
		overflow: hidden;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
	}

	.control-area .btn-next br {
		display: none;
	}

	.our-staff .team {
		max-width: 294px;
		width: 100%;
		margin: 0 auto 30px;
	}

	.search-cols .news-posts .cols {
		margin: 0 -15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.search-cols .news-posts .cols .news-post {
		float: none;
	}

	.search-cols .news-posts .cols .news-post.v4 img {
		height: 100%;
	}
}

@media (max-width: 599px) {
	.sdg-popup-frame {
		width: 100%;
		margin: 0;
		left: 0;
	}

	.sdg-popup-frame.style01 {
		width: 100%;
		margin: 0;
	}

	.publication-post .news-post {
		width: 100%;
	}

	.topics-box {
		width: 100%;
	}
}

@media (max-width: 479px) {
	.post-description .img-holder {
		width: 100%;
	}

	.members-popup .btns .col {
		width: 100%;
		border-left: 0;
		border-bottom: solid 1px #cfcfcf;
	}

	.search-cols .news-posts .cols .news-post.v4 img {
		height: auto;
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}