.no-wrap, .nowrap { white-space: nowrap; }
.center, .text-center { text-align: center; }
.left, .text-left { text-align: left; }
.right, .text-right { text-align: right; }
.justify, .text-justify { text-align: justify; }
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix { clear: both; }
.flex { display: flex; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-items-center { align-items: center; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.two-col { column-count: 2; column-gap: 40px; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap : 40px; }
.three-col { column-count: 3; column-gap: 40px; -moz-column-count: 3; -moz-column-gap: 40px; -webkit-column-count: 3; -webkit-column-gap : 40px; }

.fg-success { color: #67c23a; }
.fg-warning { color: #e6a23c; }
.fg-danger { color: #f56c6c; }
.fg-info { color: #909399; }
.fg-primary { color: #409eff; }
.fg-regular { color: #606266; }
.fg-secondary { color: #21262d; }
.fg-placeholder { color: #c0c4cc; }
.fg-white { color: #fff; }

.bg-success { background-color: #67c23a; }
.bg-warning { background-color: #e6a23c; }
.bg-danger { background-color: #f56c6c; }
.bg-info { background-color: #909399; }
.bg-primary { background-color: #409eff; }
.bg-regular { background-color: #606266; }
.bg-secondary { background-color: #21262d; }
.bg-placeholder { background-color: #c0c4cc; }
.bg-white { background-color: #fff; }

.fs-8px { font-size: 8px; }
.fs-9px { font-size: 9px; }
.fs-10px { font-size: 10px; }
.fs-11px { font-size: 11px; }
.fs-12px { font-size: 12px; }
.fs-13px { font-size: 13px; }
.fs-14px { font-size: 14px; }
.fs-15px { font-size: 15px; }
.fs-16px { font-size: 16px; }
.fs-17px { font-size: 17px; }
.fs-18px { font-size: 18px; }
.fs-19px { font-size: 19px; }
.fs-20px { font-size: 20px; }
.fs-21px { font-size: 21px; }
.fs-22px { font-size: 22px; }
.fs-23px { font-size: 23px; }
.fs-24px { font-size: 24px; }

.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-35 { padding: 35px; }
.p-40 { padding: 40px; }
.p-45 { padding: 45px; }
.p-50 { padding: 50px; }
.p-55 { padding: 55px; }
.p-60 { padding: 60px; }
.p-65 { padding: 65px; }
.p-70 { padding: 70px; }
.p-75 { padding: 75px; }
.p-80 { padding: 80px; }
.p-85 { padding: 85px; }
.p-90 { padding: 90px; }
.p-95 { padding: 95px; }
.p-100 { padding: 100px; }

.p-t-0 { padding-top: 0; }
.p-t-5 { padding-top: 5px; }
.p-t-10 { padding-top: 10px; }
.p-t-15 { padding-top: 15px; }
.p-t-20 { padding-top: 20px; }
.p-t-25 { padding-top: 25px; }
.p-t-30 { padding-top: 30px; }
.p-t-35 { padding-top: 35px; }
.p-t-40 { padding-top: 40px; }
.p-t-45 { padding-top: 45px; }
.p-t-50 { padding-top: 50px; }
.p-t-55 { padding-top: 55px; }
.p-t-60 { padding-top: 60px; }
.p-t-65 { padding-top: 65px; }
.p-t-70 { padding-top: 70px; }
.p-t-75 { padding-top: 75px; }
.p-t-80 { padding-top: 80px; }
.p-t-85 { padding-top: 85px; }
.p-t-90 { padding-top: 90px; }
.p-t-95 { padding-top: 95px; }
.p-t-100 { padding-top: 100px; }

.p-b-0 { padding-bottom: 0; }
.p-b-5 { padding-bottom: 5px; }
.p-b-10 { padding-bottom: 10px; }
.p-b-15 { padding-bottom: 15px; }
.p-b-20 { padding-bottom: 20px; }
.p-b-25 { padding-bottom: 25px; }
.p-b-30 { padding-bottom: 30px; }
.p-b-35 { padding-bottom: 35px; }
.p-b-40 { padding-bottom: 40px; }
.p-b-45 { padding-bottom: 45px; }
.p-b-50 { padding-bottom: 50px; }
.p-b-55 { padding-bottom: 55px; }
.p-b-60 { padding-bottom: 60px; }
.p-b-65 { padding-bottom: 65px; }
.p-b-70 { padding-bottom: 70px; }
.p-b-75 { padding-bottom: 75px; }
.p-b-80 { padding-bottom: 80px; }
.p-b-85 { padding-bottom: 85px; }
.p-b-90 { padding-bottom: 90px; }
.p-b-95 { padding-bottom: 95px; }
.p-b-100 { padding-bottom: 100px; }

.p-l-0 { padding-left: 0; }
.p-l-5 { padding-left: 5px; }
.p-l-10 { padding-left: 10px; }
.p-l-15 { padding-left: 15px; }
.p-l-20 { padding-left: 20px; }
.p-l-25 { padding-left: 25px; }
.p-l-30 { padding-left: 30px; }
.p-l-35 { padding-left: 35px; }
.p-l-40 { padding-left: 40px; }
.p-l-45 { padding-left: 45px; }
.p-l-50 { padding-left: 50px; }
.p-l-55 { padding-left: 55px; }
.p-l-60 { padding-left: 60px; }
.p-l-65 { padding-left: 65px; }
.p-l-70 { padding-left: 70px; }
.p-l-75 { padding-left: 75px; }
.p-l-80 { padding-left: 80px; }
.p-l-85 { padding-left: 85px; }
.p-l-90 { padding-left: 90px; }
.p-l-95 { padding-left: 95px; }
.p-l-100 { padding-left: 100px; }

.p-r-0 { padding-right: 0; }
.p-r-5 { padding-right: 5px; }
.p-r-10 { padding-right: 10px; }
.p-r-15 { padding-right: 15px; }
.p-r-20 { padding-right: 20px; }
.p-r-25 { padding-right: 25px; }
.p-r-30 { padding-right: 30px; }
.p-r-35 { padding-right: 35px; }
.p-r-40 { padding-right: 40px; }
.p-r-45 { padding-right: 45px; }
.p-r-50 { padding-right: 50px; }
.p-r-55 { padding-right: 55px; }
.p-r-60 { padding-right: 60px; }
.p-r-65 { padding-right: 65px; }
.p-r-70 { padding-right: 70px; }
.p-r-75 { padding-right: 75px; }
.p-r-80 { padding-right: 80px; }
.p-r-85 { padding-right: 85px; }
.p-r-90 { padding-right: 90px; }
.p-r-95 { padding-right: 95px; }
.p-r-100 { padding-right: 100px; }

.m-0 { margin: 0; }
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-35 { margin: 35px; }
.m-40 { margin: 40px; }
.m-45 { margin: 45px; }
.m-50 { margin: 50px; }
.m-55 { margin: 55px; }
.m-60 { margin: 60px; }
.m-65 { margin: 65px; }
.m-70 { margin: 70px; }
.m-75 { margin: 75px; }
.m-80 { margin: 80px; }
.m-85 { margin: 85px; }
.m-90 { margin: 90px; }
.m-95 { margin: 95px; }
.m-100 { margin: 100px; }

.m-t-0 { margin-top: 0; }
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-15 { margin-top: 15px; }
.m-t-20 { margin-top: 20px; }
.m-t-25 { margin-top: 25px; }
.m-t-30 { margin-top: 30px; }
.m-t-35 { margin-top: 35px; }
.m-t-40 { margin-top: 40px; }
.m-t-45 { margin-top: 45px; }
.m-t-50 { margin-top: 50px; }
.m-t-55 { margin-top: 55px; }
.m-t-60 { margin-top: 60px; }
.m-t-65 { margin-top: 65px; }
.m-t-70 { margin-top: 70px; }
.m-t-75 { margin-top: 75px; }
.m-t-80 { margin-top: 80px; }
.m-t-85 { margin-top: 85px; }
.m-t-90 { margin-top: 90px; }
.m-t-95 { margin-top: 95px; }
.m-t-100 { margin-top: 100px; }

.m-b-0 { margin-bottom: 0; }
.m-b-5 { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-25 { margin-bottom: 25px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-35 { margin-bottom: 35px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-45 { margin-bottom: 45px; }
.m-b-50 { margin-bottom: 50px; }
.m-b-55 { margin-bottom: 55px; }
.m-b-60 { margin-bottom: 60px; }
.m-b-65 { margin-bottom: 65px; }
.m-b-70 { margin-bottom: 70px; }
.m-b-75 { margin-bottom: 75px; }
.m-b-80 { margin-bottom: 80px; }
.m-b-85 { margin-bottom: 85px; }
.m-b-90 { margin-bottom: 90px; }
.m-b-95 { margin-bottom: 95px; }
.m-b-100 { margin-bottom: 100px; }

.m-l-0 { margin-left: 0; }
.m-l-5 { margin-left: 5px; }
.m-l-10 { margin-left: 10px; }
.m-l-15 { margin-left: 15px; }
.m-l-20 { margin-left: 20px; }
.m-l-25 { margin-left: 25px; }
.m-l-30 { margin-left: 30px; }
.m-l-35 { margin-left: 35px; }
.m-l-40 { margin-left: 40px; }
.m-l-45 { margin-left: 45px; }
.m-l-50 { margin-left: 50px; }
.m-l-55 { margin-left: 55px; }
.m-l-60 { margin-left: 60px; }
.m-l-65 { margin-left: 65px; }
.m-l-70 { margin-left: 70px; }
.m-l-75 { margin-left: 75px; }
.m-l-80 { margin-left: 80px; }
.m-l-85 { margin-left: 85px; }
.m-l-90 { margin-left: 90px; }
.m-l-95 { margin-left: 95px; }
.m-l-100 { margin-left: 100px; }

.m-r-0 { margin-right: 0; }
.m-r-5 { margin-right: 5px; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px; }
.m-r-20 { margin-right: 20px; }
.m-r-25 { margin-right: 25px; }
.m-r-30 { margin-right: 30px; }
.m-r-35 { margin-right: 35px; }
.m-r-40 { margin-right: 40px; }
.m-r-45 { margin-right: 45px; }
.m-r-50 { margin-right: 50px; }
.m-r-55 { margin-right: 55px; }
.m-r-60 { margin-right: 60px; }
.m-r-65 { margin-right: 65px; }
.m-r-70 { margin-right: 70px; }
.m-r-75 { margin-right: 75px; }
.m-r-80 { margin-right: 80px; }
.m-r-85 { margin-right: 85px; }
.m-r-90 { margin-right: 90px; }
.m-r-95 { margin-right: 95px; }
.m-r-100 { margin-right: 100px; }

.comment {
	font-size: .8em;
	color: #aaa;
	margin: 0;
}

.svg-inline--fa {
	margin-left: 4px;
	margin-right: 4px;
}

.app-panel-header {
	padding: 20px;
}

.round button {
	margin-left: 0;
	padding: 18px 13px;
}

.el-notification.right {
	text-align: left;
}


body, body * {
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
}

body {
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	height: 100%;
	padding: 0;
	margin: 0;
	min-height: calc(100vh - 40px);
	color: #444;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdcce+0,f9f9f9+25,ffffff+50,f9f9f9+75,dbdcce+100 */
	background: rgb(219,220,206); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(219,220,206) 0%, rgb(249,249,249) 25%, rgb(255,255,255) 50%, rgb(249,249,249) 75%, rgb(219,220,206) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgb(219,220,206) 0%,rgb(249,249,249) 25%,rgb(255,255,255) 50%,rgb(249,249,249) 75%,rgb(219,220,206) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(219,220,206) 0%,rgb(249,249,249) 25%,rgb(255,255,255) 50%,rgb(249,249,249) 75%,rgb(219,220,206) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdcce', endColorstr='#dbdcce',GradientType=1 ); /* IE6-9 */

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: #0f6c3a;
	text-decoration: none;
	transition: all .2s;
	-webkit-transition: all .2s;
}
a:hover { color: #0f8a55; }

blockquote {
	margin: 0;
	padding-left: 1em;
	border-left: 4px solid #0f6c3a;
}

sub, sup { font-size: 0.7em; }

.fg-green { color: #0f6c3a; }
.bg-green { background-color: #0f6c3a; }
.bg-green-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ac56+32,00a555+38,00301d+100 */
	background: #00ac56; /* Old browsers */
	background: -moz-radial-gradient(center, circle cover, #00ac56 32%, #00a555 38%, #00301d 120%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, circle cover, #00ac56 32%,#00a555 38%,#00301d 120%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(circle at center, #00ac56 32%,#00a555 38%,#00301d 120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ac56', endColorstr='#00301d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.fg-purple { color: #322140; }
.bg-purple { background-color: #322140; }
.fg-yellow { color: #f8ad3b; }
.bg-yellow { background-color: #f8ad3b; }
.fg-orange { color: #ff722b; }
.bg-orange { background-color: #ff722b; }
.fg-cream { color: #eeeeef; }
.bg-cream { background-color: #eeeeef; }
.fg-grey-lighter { color: #cfcfcd; }
.bg-grey-lighter { background-color: #cfcfcd; }
.fg-grey-light { color: #acacaa; }
.bg-grey-light { background-color: #acacaa; }
.fg-grey { color: #5a5a58; }
.bg-grey { background-color: #5a5a58; }
.fg-grey-dark { color: #30302e; }
.bg-grey-dark { background-color: #30302e; }
.fg-grey-darker { color: #21211f; }
.bg-grey-darker { background-color: #21211f; }

.fg-investment { color: #6d6e68; }
.bg-investment { background-color: #6d6e68; }
.fg-services { color: #afbe55; }
.bg-services { background-color: #afbe55; }
.fg-studies { color: #e29257; }
.bg-studies { background-color: #e29257; }
.fg-training { color: #71c1dc; }
.bg-training { background-color: #71c1dc; }
.fg-news { color: #936cbb; }
.bg-news { background-color: #936cbb; }
.fg-subscriptions { color: #ba72a4; }
.bg-subscriptions { background-color: #ba72a4; }
.fg-sponsorships { color: #f97580; }
.bg-sponsorships { background-color: #f97580; }
.fg-about { color: #fca85f; }
.bg-about { background-color: #fca85f; }

.bg-dark-grey h1 {
	display: inline-block;
	background-color: #f8ad3b;
	padding: 0.5em 1em;
}

.flex-h { display: flex; justify-items: stretch; }
.flex-center { align-items: center; }

.el-carousel__arrow { background-color: rgba(255, 255, 255, 0.25); transition: color,background-color 0.2s; -webkit-transition: color,background-color 0.2s; }
.el-carousel__arrow:hover { background-color: rgba(248, 173, 59, 0.9); }

/* Transitions */
.slide-fade-enter-active {
	transition: all .3s ease;
}
.slide-fade-leave-active {
	position: absolute;
	transition: all .8s ease;
}
.slide-fade-enter, .slide-fade-leave-to {
	transform: translateX(100%);
	opacity: 0;
}

/* Page loader starts here */
.preloader {
	position: fixed;
	z-index: 1000;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	margin: 0 auto;
	width: 100vw;
	height: 100vh;

	transition: all 1s ease-in-out;
}
.preloader .canvas {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 1em 1em 2em 1em;
	width: 10em;
	height: 10em;
}
.preloader .canvas .spinner {
	background: #0f6c3a;
	box-shadow: 2px 2px 6px rgba(0,0,0,.4);
	border-radius: 50%;
	height: 1em;
	margin: .1em;
	width: 1em;
}
.preloader .canvas .spinner.p1 { animation: preloader 1s linear .3s infinite; }
.preloader .canvas .spinner.p2 { animation: preloader 1s linear .2s infinite; }
.preloader .canvas .spinner.p3 { animation: preloader 1s linear .1s infinite; }
.preloader .canvas .spinner.p4 { animation: preloader 1s linear infinite; }

@keyframes preloader {
	0% { transform: translateY(-15px); }
	25%, 75% { transform: translateY(0); }
	100% { transform: translateY(-15px); }
}

@media (max-width: 600px) {
	.page-loader {
		align-items: center;
		flex-direction: column;
	}
	.page-loader .canvas { margin: 1em; }
}

body.loaded .preloader { visibility: hidden; opacity: 0; }
/* Page loader ends here */

@media screen {
	.print-only {
		display: none;
	}
}

@media print {
	.non-printable {
		display: none;
	}

	.printable, .print-only {
		display: initial;
	}
}