@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,200,300,400italic,500,700,900&subset=latin');

.fl-l { float:left; }
.fl-r { float:right; }

.ta-j { text-align:justify; }
.ta-l { text-align:left; }
.ta-c { text-align:center; }
.ta-r { text-align:right; }

.clear { clear:both; }

.hidden { display:none; }

.pl-0 { padding-left:0 !important; }
.mt-50 { margin-top: 50px; }

#header.dark, #header.sticky-dark.is-sticky { background-color: #514e9d; }
#header .dark-bg { background: #3da2be; }
#header.dark #primary-menu > li > a { color:#fff; }
#header.dark #primary-menu > li > a:hover { color:#e1e1e1; }
.page-head.center-it .title-wrapper { padding: 0 !important; text-align:left; }


.btn-skin-red { background-color: #1a9e65 !important; border-color: rgb(26,158,101) !important; }
.btn-skin-red:hover, .btn-skin-red:focus { background-color: rgb(26,158,101) !important; }

.btn-skin-blue { background-color: #6C63FF !important; border-color: rgb(108,99,255) !important; }
.btn-skin-blue:hover, .btn-skin-blue:focus { background-color: rgb(255,101,132) !important; }

.blue-bg { background-color:#75d1e0; }

.green-bg { background-color:#62d5a3; }

.blue-new-bg { background-color:#61A0BC; }
.blue-new-bg h2, .blue-new-bg h3 { color:#fff; }
.pink-new-bg { background-color:#ef4998; }
.pink-new-bg h2, .pink-new-bg h3 { color:#000!important; font-weight:400; }
.pink-new-bg h2 { font-size:25px!important; margin-bottom:5px!important;  }
.pink-new-bg h3 { font-size:35px!important; }

#homeLogo { float:left;margin:0 25px 25px 0 !important; }

.font-force, .font-force p, .font-force p span { font-family:'Roboto',sans-serif !important;color: #777 !important; }
#footer #footer-main { padding: 60px 0; }

.btn-big { font-size: 40px !important; text-transform: none; padding: 10px 20px !important; line-height: 40px !important; }

/*** Scroller ***/
.rev_slider .tp-caption.ol-title {
    font-size: 40px;
    text-transform: uppercase;
}
.rev_slider .tp-caption.ol-subtitle {
    font-size: 23px;
    letter-spacing: 2px !important;
    color: #fff;
}
.rev_slider .tp-caption.ol-title, .rev_slider .tp-caption.ol-subtitle {
  color: #fff;
  /*text-shadow: 0 1px 4px rgba(0,0,0,0.5);*/
  font-weight: 400 !important;
}

.rev_slider h2.tp-caption.ol-title, .rev_slider h3.tp-caption.ol-subtitle, .rev_slider h4.tp-caption.ol-subtitle { font-family: 'Bebas Neue', cursive; }
.rev_slider h2.tp-caption.ol-title, .rev_slider h3.tp-caption.ol-subtitle { font-weight: 600!important; }
/*
.rev_slider h2.tp-caption.ol-title {
  font-size:60px!important; text-transform: none!important; font-weight: 600!important; line-height: 60px !important; font-family: 'Bebas Neue', cursive;
}
.rev_slider h3.tp-caption.ol-subtitle {
  font-size:30px!important; text-transform: none!important; font-weight: 600!important; line-height: 40px !important; font-family: 'Bebas Neue', cursive;
}
.rev_slider h4.tp-caption.ol-subtitle {
  font-size:20px!important; text-transform: none!important; font-weight: 400!important; line-height: 20px !important; font-family: 'Bebas Neue', cursive;
}
*/

.rev_slider .tp-bullets.ol-theme .tp-bullet{
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: transparent !important;
}
.rev_slider .tp-bullets.ol-theme .tp-bullet .tp-bullet-inner{
    position: absolute;
    top: 50%;
    left:50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #fff;
    border-radius: 50%;
    transform:scale(0);
    transform-origin: center;
    transition:all 0.3s ease;
}
.rev_slider .tp-bullets.ol-theme .tp-bullet:hover, .rev_slider .tp-bullets.ol-theme .tp-bullet:focus, .rev_slider .tp-bullets.ol-theme .tp-bullet.selected {
    border-color: rgba(255,255,255,0.8);
}
.rev_slider .tp-bullets.ol-theme .tp-bullet:hover .tp-bullet-inner, .rev_slider .tp-bullets.ol-theme .tp-bullet:focus .tp-bullet-inner, .rev_slider .tp-bullets.ol-theme .tp-bullet.selected .tp-bullet-inner {
    transform: scale(1);
}
.rev_slider .rev-scroll-btn{
    border-width: 2px !important;
}
.rev_slider .rev-scroll-btn span{
    width: 4px;
    height: 8px;
    border-radius: 2px;
    margin: -4px 0 0 -2px;
}

.section {
    padding: 60px 0;
}

.pb-small { padding-bottom:20px; }

a.link { color:#514e9d;text-decoration:none;border-bottom:1px solid #514e9d; }
a:hover { color:#514e9d; }

ul.supporters-list{ list-style: none; text-align: center;}
ul.supporters-list li{ display: inline-block; margin: 20px 20px;}
.owl-carousel .owl-item img.fpage-supporter{ margin: 0px auto; max-height: 45px;height:45px; width: auto; }

.cursor { cursor: pointer; }

.cursor.vc-card:hover { background:#f7f7f7; }
.modal .vc-card:hover { background:#fff; }

.modal-title { background-color: #514e9d;margin-bottom:-15px; }
.modal-body { padding:15px; }

.ol-agenda .ag-section .section-body .contents { margin-left:0;padding-right:0; }
.ol-agenda .ag-section .section-body .item { padding: 25px; }
.ol-agenda .ag-section .section-body .toggle-trigger { top:47px;right:25px; }

.ol-agenda .ag-section .section-head.skatuve { background-color: #FF6584; }
.ol-agenda .ag-section .section-head.meistarklases { background-color: #6C63FF; }

.ol-agenda .ag-section .section-head.gray { background-color: #666; }
.ol-agenda .ag-section .section-head.gray  .date { margin-top: 30px; }

#cookie { width:100%;min-height:30px;background-color:rgba(81, 78, 157, 0.8);position:fixed;bottom:0;padding:15px 0; z-index: 9999; display: inline-flex;}
#cookie .wrapper { width:100%;max-width:1080px;box-sizing:border-box; margin: 0 auto; padding: 0 10px; }
#cookie p { display:inline-block; font-size:12px; line-height:30px; color: #fff; width: 89%;margin:0; }
#cookie a { color: #fff; border-bottom: 1px solid #fff; font-weight: 600;}
#cookie button { float:right;height:28px;font-size:13px; line-height: 20px; font-weight: bold; color: #ffffff; text-transform: uppercase; outline: 0; border: 0; background-color: #662485; padding: 0px 15px; margin: 0; cursor: pointer; border-radius:60px; }

@media (max-width: 1200px) {
  li.language{ float: unset !important; z-index: 999; text-align: right !important; }
}

@media (max-width: 990px) {
  .mobile_no_border{ margin: 0 !important; }
}
@media (max-width: 768px) {
  .mobile-ta-c{text-align: center!important; }
}
#header.mobile-menu ul#primary-menu {
    left:unset;
    width: 50%;
    right: 0;
}

@media (max-width: 560px) {
	#homeLogo { width:50% !important; }

	.ol-agenda .ag-section .section-head { padding: 5px; }
	.ol-agenda .ag-section .section-head { width: 100px; }
	.ol-agenda .ag-section .section-body { padding-left: 100px; }
	.ol-agenda .ag-section .section-head span:not(.shaded-label) { font-size:12px; }

	.ol-agenda .ag-section .section-body .item { padding: 10px; }
	.ol-agenda .ag-section .section-body .contents .title { font-size: 13px; }
	.ol-agenda .ag-section .section-body .contents .subtitle { font-size: 11px; }

	.mobile-hide { display:none; }
	.rev_slider .mobile-hide { display:none; }
}

@media (max-width: 418px) {
	#homeLogo { width:100% !important; margin:0 0 25px !important; }

	.btn-learn{ margin-bottom: 15px; }
	.ol-agenda .ag-section .section-head  .date { margin-top: 0 !important; }
}
.items.supporters a{ margin-bottom: 10px; display: inline-block; }
.items.supporters a:not(:first-child){ margin-left:30px; }
#whirl-fpage{ display: block; height: auto; max-width: 100vw; position: absolute; top: -110px; left: -220px; }

p#fpage_bottom { font-size: 24px; margin: 30px 0px 15px; }

section.around{ min-height: 300px; display: inline-block; width:100%; }

button.btn-page, a.btn-page{ width: 80%; margin: 0px auto; display: block; padding: 10px; text-align: center; border-radius: 10px; border: none; font-weight: 600; font-size: 30px; line-height: 36px; height: auto; }
a.btn-page:hover{ text-decoration: none; }
button.btn-pink, a.btn-pink{ color:#fff; background-color: #ef4998; }
button.btn-violet, a.btn-violet{ color:#fff; background-color: #b272dd; }
button.btn-purple, a.btn-purple{ color:#fff; background-color: #6534ac; }
.page-contents span.pink{ color:#ef4998!important; }

button.btn, a.btn {font-family: 'Bebas Neue', cursive;}

#contents img.width-70vw{ max-width:110vw!important; height:auto!important; height:auto; }

li.language { float:right;margin-left:30px; }
li.language a { display:inline-block !important; }
li.language a.active span { border-bottom:1px solid #fff; }

.expo_block{ margin: 10px 40px; }
.expo_block .expo_title{ font-weight: 600; text-align: center; padding: 10px; font-size: 30px; margin-top: 60px; margin-bottom: 15px; }
.expo_block ul{ list-style: none; text-align: center; padding-left: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; column-gap: 15px; row-gap: 15px; }
.expo_block ul li{ display: inline-block; border: 1px solid #b9d0d7; max-width: 300px; }
.expo_block ul li img{ display: block; max-width: 298px; max-height: 298px; }
.expo_block ul li span{ display: block; text-align: center; padding: 15px 10px; font-size: 18px; border-top: 1px solid #b9d0d7; }
.expo_block ul li span.description{ padding: 5px 5px; font-size: 13px; border-top: none; color: #acacac; }
.expo_block ul li a:hover{ text-decoration: none; color: #000; }

.subscribe_row{ padding: 20px 0; }
.subscribe_row .btn-medium{ font-size: 22px; }

@media (max-width: 1200px) {
  #rev_slider_24_1 .tp-parallax-wrap{ margin: 0 10px; }
}

@media (max-width: 480px) {
  #rev_slider_24_1 .tp-parallax-wrap h3{ font-size: 12px !important; line-height: 20px !important; }
  #rev_slider_24_1 .tp-parallax-wrap h4{ font-size: 11px !important; line-height: 20px !important; }
}

/* Speaker cards */
#speakerCards { margin:0 !important;list-style:none !important;display:grid;gap:20px; grid-template-columns: 1fr; }
#speakerCards li { display:inline-block;background:#fff;padding:20px; }
#speakerCards li:before { content:'';margin-right:0; }
#speakerCards li img { margin-right:20px;margin-bottom:50px;max-width:110px;max-height:110px;float:left; }
#speakerCards p { display: inline-block;  width: calc(100% - 130px);  text-align: left; }

@media (min-width: 600px) {
	#speakerCards {
		grid-template-columns: repeat(2, 1fr); /* Two columns for wider screens */
	}
}
