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

[class*=" icon-"],
[class^="icon-"] {
	font-family: icomoon !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-newsletter:before {
	content: "\e91a";
}

.icon-ltf:before {
	content: "\e913";
}

.icon-ltf-outline:before {
	content: "\e914";
}

.icon-academy:before {
	content: "\e915";
}

.icon-magazine:before {
	content: "\e916";
}

.icon-radio:before {
	content: "\e917";
}

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

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

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

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

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

.icon-sponsor:before {
	content: "\e904";
}

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

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

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

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

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

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

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

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

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

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

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

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

.icon-previous:before {
	content: "\e910";
}

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

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

/**** MAIN CSS ****/
.row-centered {
	text-align: center;
}

.col-centered {
	display: inline-block;
	float: none;
	text-align: center;
	margin-right: -4px;
	vertical-align: top;
}

img {
	-webkit-backface-visibility: hidden;
}

.img-responsive {
	display: inline-block;
	width: 100%;
}

#logo_kopjra {
	width: 20%;
	margin-bottom: 40px;
}

#partners .img-responsive {
	width: 75%;
	max-height: 4em;
	margin: 40px 0;
}

body {
	height: 100%;
	color: #171b1f;
	background-color: #fff;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
}

p,
ul,
ol {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.8em;
}

h1 {
	font-family: "Teko", sans-serif;
	font-size: 3.3em;
	color: #5198f4;
	text-align: center;
	margin: 3rem 0;
}

h2 {
	font-family: "Teko", sans-serif;
	font-size: 2.3em;
	color: #0f4c81;
	margin: 3rem 0;
}

h3 {
	font-family: "Teko", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	line-height: inherit;
}

@media (max-width: 768px) {
	h1 {
		font-size: 2.5em;
	}

	h2 {
		font-size: 2em;
	}

	h3 {
		font-size: 1.5em;
	}

	p {
		font-size: 1em;
	}
}

a,
a:focus,
a h1,
a h1:focus,
a h2,
a h2:focus {
	color: #0f4c81;
	font-weight: 700;
	text-decoration: underline;
	-webkit-transition: all ease-in-out 0.15s;
	-o-transition: all ease-in-out 0.15s;
	transition: all ease-in-out 0.15s;
}

button {
	-webkit-transition: all ease-in-out 0.15s;
	-o-transition: all ease-in-out 0.15s;
	transition: all ease-in-out 0.15s;
}

a.btn-default:focus,
a.btn-outline:focus {
	font-weight: 400;
}

a:hover,
a h1:hover,
a h2:hover {
	color: #5198f4;
	text-decoration: underline;
}

/**** NAVBAR ****/
.header {
	width: 100%;
	position: absolute;
	z-index: 10;
}

.header ul {
	font-family: "Teko", sans-serif;
	text-transform: uppercase;
	border: none;
	font-size: 1.5em;
	color: #fff;
}

.navbar {
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
}

.navbar-brand {
	margin: 10px 20px;
	height: 40px;
	width: 40px;
	background: url(../img/logo.png) no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navbar-toggle {
	z-index: 3;
}

.navbar .navbar-collapse {
	text-align: center;
}

.nav > li > a:focus,
.nav > li > a:hover {
	text-decoration: none;
	background-color: transparent;
}

.nav > li {
	margin: 10px 15px 10px 15px;
}

.navbar-nav > li > a {
	font-weight: 200;
	color: #fff;
}

nav .navbar-nav > li > a:hover {
	color: #5198f4;
	background: none;
}

.navbar-nav > li > .btn-outline {
	top: 0;
	padding: 8px 20px !important;
}

.navbar-nav > li > a.btn-outline {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 20px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navbar-nav > li > a div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 2px solid #ccc;
	z-index: 1;
}

.navbar-toggle .icon-bar {
	background-color: #0f4c81;
}

nav a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

nav .navbar-toggle {
	margin: 13px 15px 13px 0;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
	max-height: 500px;
}

/**** NAVBAR SHRINK ****/
nav.navbar.shrink {
	min-height: 30px;
	background-color: rgba(255, 255, 255, 1);
}

nav.shrink a {
	padding-top: 7px !important;
	padding-bottom: 5px !important;
	font-size: 1em;
}

nav.shrink .navbar-brand {
	margin: 10px 20px;
	height: 31px;
	width: 106px;
	background: url(../img/logo.png) no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 30px;
	height: 3px;
	border-radius: 1px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navbar-toggle {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

nav.shrink .navbar-toggle {
	margin: 8px;
}

nav.shrink .navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}

nav.navbar {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header nav.shrink ul {
	font-family: "Teko", sans-serif;
	border: none;
	font-size: 1.4em;
}

nav.shrink .navbar-nav > li > .btn-outline {
	top: 0;
	padding: 3px 15px !important;
}

nav.shrink .navbar-nav > li > a {
	font-weight: 200;
	color: #0f4c81;
}

nav.shrink .navbar-nav > li > a:hover {
	color: #5198f4;
	background: none;
}

/**** DEFAULT BUTTONS ****/
.btn-default {
	font-family: "Teko", sans-serif;
	font-size: 2em;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 20px 50px 15px 50px;
	background-color: #5198f4;
	border: none;
	border-radius: 5px;
	white-space: normal;
}

.btn-default:focus,
.btn-default.focus {
	color: #fff;
	background-color: #5198f4;
}

.btn-default:hover,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default.active.focus {
	color: #fff;
	background-color: #5198f4;
}

.btn-secondary {
	font-family: "Teko", sans-serif;
	font-size: 2em;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 18px 50px 13px 50px;
	background-color: transparent;
	border-radius: 0px;
	border: 2px solid #fff;
}

.secondary-section .btn-default {
	margin-top: 50px;
	font-size: 1.6em;
	color: #fff;
	background-color: #0f4c81;
}

.btn-block {
	margin: auto;
}

.btn:active,
.btn.active {
	outline: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.btn-outline {
	font-family: "Teko", sans-serif;
	font-size: 1.1em;
	color: #0f4c81;
	text-transform: uppercase;
	background-color: transparent;
	top: 9px;
	margin: 0px;
	padding: 6px 15px 3px 15px;
	border-radius: 0px;
	border: 2px solid #0f4c81;
}

@media (max-width: 768px) {
	.btn-default {
		font-size: 1.7em;
	}
}

#call-to-actions .btn-outline {
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 6px 15px 3px 15px;
}

#call-to-actions a,
.main-cta a,
#social a {
	text-decoration: none;
}

.cta-link {
	font-size: 1.6em;
}

.post-cta-link {
	font-size: 1em;
}

.cta {
	margin: 60px 0px 30px 0px;
}

.btn-form,
.btn-form:focus {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 600;
	font-size: 1.1em;
	color: #003138;
	background-color: transparent;
	top: 9px;
	margin: 0px;
	padding: 5px;
	border-radius: 0px;
}

.btn-form:hover {
	color: #91c1ff;
}

@media (max-width: 768px) {
	.btn-default {
		padding: 10px 15px;
	}
}

/**** SWEEP ANIMATION ****/
.sweep-animation {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.sweep-animation:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	background: #0f4c81;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.sweep-animation:hover,
.sweep-animation:focus,
.sweep-animation:active {
	color: #fff;
}

.sweep-animation:hover:before,
.sweep-animation:focus:before,
.sweep-animation:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.sweep-animation-intro:before {
	background: #0f4c81;
}

.sweep-animation-outline:before {
	background: #0f4c81;
}

.sweep-animation-donation:before {
	background: #1ca14d;
}

.page-section {
	width: 100%;
}

.secondary-section .sweep-animation:before,
.cookieContainer .sweep-animation:before {
	background: #0f4c81;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus {
	color: #5198f4;
}

/**** BACKGROUNDS ****/
.intro {
	width: 100%;
	height: 100%;
	height: 100vh;
	text-align: center;
}

#overview-intro {
	background: url(../img/bg_forum.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#editions-intro {
	background: url(../img/bg_3.jpg) 50% 0 repeat scroll;
	min-height: 50vh;
	height: 50vh;
	width: 100%;
	margin: 0 auto;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#tickets-intro {
	background: url(../img/bg_3.jpg) 50% 0 repeat scroll;
	min-height: 50vh;
	height: 50vh;
	width: 100%;
	margin: 0 auto;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/**** INTRO SECTION ****/
#logo {
	width: 100%;
}

#overview-intro .img-responsive {
	max-width: 100%;
}

.intro-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 10rem 0;
}

.intro-content h1 {
	margin: 0px;
}

#overview-intro > .container p {
	font-size: 1.6em;
	line-height: 2em;
}

.login > .container p {
	font-size: 1.3em;
}

#overview-intro a img,
.sponsor a img {
	opacity: 0.5;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

#overview-intro a img:hover,
.sponsor a img:hover {
	opacity: 1;
}

#overview-intro h1 {
	font-family: "Lato", sans-serif;
	font-size: 2.5em;
	letter-spacing: 1rem;
	font-weight: 300;
	color: #5198f4;
	text-align: center;
}

@media (max-width: 520px) {
	#overview-intro h1 {
		font-size: 3.5em;
		letter-spacing: 1rem;
		overflow-wrap: break-word;
	}

	#overview-intro > .container p {
		font-size: 1.2em;
		line-height: 1.7em;
	}
}

#overview-intro h2 {
	font-family: "Lato", sans-serif;
	font-size: 1.85em;
	font-weight: 300;
	color: #2a74c6;
	text-align: center;
}

#overview-intro p {
	margin: 5rem 0;
}

.speakers-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.speakers-flex img {
	width: 80%;
	height: auto;
}

.speakers-flex div {
	max-width: 15%;
	margin: 20px;
}

@media (max-width: 768px) {
	.speakers-flex {
		justify-content: space-around;
	}

	.speakers-flex img {
		width: 80%;
	}

	.speakers-flex div {
		max-width: 40%;
		margin: 0;
	}
}

#features h1 {
	font-size: 4em;
	margin: 30px 0px 0px 0px;
	color: #5198f4;
}

#media-channels .post {
	margin-top: 20px;
	margin-bottom: 20px;
	vertical-align: top;
}

#media-channels i {
	font-size: 5em;
	color: #5198f4;
}

.media-icon {
	font-size: 6em;
	color: #5198f4;
	padding: 20px;
}

#organizers img {
	width: 75%;
	margin-bottom: 30px;
}

@media (max-height: 1000px) {
	.intro-desktop {
		display: none !important;
	}

	.intro-mobile {
		display: inline-block !important;
	}

	#overview-intro .img-responsive {
		max-width: 70%;
	}

	#overview-intro > .container p {
		font-size: 1.3em;
		line-height: 1.7em;
	}
}

/**** SECONDARY SECTION ****/
.secondary-section {
	margin-top: 30px;
	margin-bottom: 60px;
}

.content-block {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.panel {
	background-color: #fff;
	border-radius: 5px;
	border: none;
	text-align: center;
	box-shadow: 0px 3px 20px #0000002a;
}

.panel-body {
	padding: 5rem;
}

.panel-body h2 {
	margin: 0;
}

.panel-body p {
	margin: 1rem 0 4rem;
}

@media (max-width: 768px) {
	#call-to-actions .content-block {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.panel-body {
		padding: 2rem;
	}
}

/* PILLS */
.pills {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	font-size: 1.3em;
	font-weight: 400;
	padding-inline-start: 0;
	margin-top: 20px;
}

.pills li {
	color: #1f4760;
	background-color: transparent;
	padding: 3px 15px 3px 15px;
	border: 2px solid #419ed8;
	margin: 5px 5px;
	padding: 5px 20px;
	border-radius: 100px;
	font-weight: 400;
}

@media (max-width: 768px) {
	.pills {
		font-size: 1em;
	}
}

#media i {
	padding: 15px;
}

/**** SCROLL-TO-TOP ****/
.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	z-index: 99999999;
	right: 30px;
	bottom: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1;
}

.scroll-top-wrapper > .btn-default {
	font-size: 1.5em;
	margin: 0;
	padding: 11px 15px 10px 15px;
}

.scroll-top:hover,
.scroll-top:active:hover,
.scroll-top.active:hover,
.scroll-top:active:focus,
.scroll-top.active:focus,
.scroll-top:active.focus,
.scroll-top.active.focus {
	background-color: #0f4c81;
	color: #fff;
}

/**** FOOTER ****/
.footer {
	padding: 50px;
	color: #171b1f;
	background-color: #fff;
	bottom: 0;
}

#address p {
	text-align: center;
	font-size: 1.2em;
	margin-top: 30px;
}

#social a {
	font-size: 1.5em;
	margin: 15px;
}

/**** PRIVACY MODAL ****/

.modal-content {
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-footer {
	text-align: center;
}

.privacy p,
ul,
ol {
	font-size: 1em;
}

.privacy h3 {
	font-size: 1.4em;
}

#disclaimer {
	font-size: 1.2em;
}

#contentpub #poweredBy {
	visibility: hidden;
}

/**** COOKIE DISCLAIMER ****/
.cookie {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

.cookie > p {
	margin-bottom: 0;
}

.cookieButton {
	margin-bottom: 10px;
	top: 3px;
	padding: 6px 15px 3px 15px;
}

.cookieButton:hover,
.cookieButton:active:hover,
.cookieButton.active:hover,
.cookieButton:active:focus,
.cookieButton.active:focus,
.cookieButton:active.focus,
.cookieButton.active.focus {
	background-color: #5198f4;
	color: #fff;
}

.cookieModalButton {
	margin: 0;
	padding: 6px 15px 3px 15px;
}

.cookieHideAnim {
	-webkit-transform: translate(0%, 100%);
	-moz-transform: translate(0%, 100%);
	-ms-transform: translate(0%, 100%);
	transform: translate(0%, 100%);
}

.cookieShowAnim {
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}

.cookieContainer {
	position: fixed;
	display: block;
	bottom: 0;
	width: 100%;
	z-index: 100;
	background-color: #fff;
	box-shadow: 0px 3px 20px #000;
	transition: transform 1s ease-in-out;
}

/**** FLOAT ANIMATION ****/
.float-animation {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.float-animation:hover,
.float-animation:focus,
.float-animation:active {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

.media .float-animation {
	display: block;
	text-align: center;
}

.locale-switch {
	position: absolute;
	top: 10px;
	right: 30px;
	font-family: Lato, sans-serif;
	font-size: 18px;
	list-style-type: none;
	letter-spacing: 1.5px;
}

.locale-switch a {
	color: #5198f4;
	text-decoration: none;
}

.locale-switch a:hover {
	color: #0f4c81;
}

.locale-switch .dropdown-menu {
	font-size: 16px;
	min-width: auto;
	margin-top: 3px;
	right: 0;
	left: auto;
}

.locale-switch .dropdown-menu > li > a {
	padding: 5px 30px;
}

.locale-switch .nav .open > a {
	background-color: #00000000;
}