body {font-size: 16px;} 

#section-1, #section-1 .center{ height:86px; }
#section-1 .search{ position:absolute; top:36px; right:34px; width:300px; }
#section-1 .search > a{ float:right; margin:0px 0px 0px 55px; }
#section-1 .search .languages{ float:right; width:200px; }
#section-1 .search .languages a{ float:right; font-size:16px; line-height:19px; color:#fff; font-family:'__Forum_5', 'Tinos', serif; margin:0px 0px 0px 34px; }
#section-1 .search .languages a.active{ color:#00BFB3; }

#section-1 { overflow:hidden; }
#section-1 .logo { position:absolute; z-index:100; left:50%; margin-left:-28px; top:13px; margin-top:0px; }
#section-1 .blur {
position:absolute;
width:100%;
height:100%;
 background:url(../img/event6.png) 50% 0 no-repeat;
}

#section-2 .title {font-family: "__Forum_5", "Tinos", serif; font-size: 2.6rem; color: #3f3f3f; text-transform: uppercase; text-align: center; margin-bottom: 60px; 
position: relative;} 

#section-2 .title::after {content: ""; display: block; width: 355px; position: absolute; height: 30px; margin-left: -177px; 
background: url(../img/event-title.png) no-repeat 0 0; top: 45px; left: 50%;}  
        
.item-event {width: 60%; vertical-align: top;}  
.active .item-date, .active .item-text {color: #0093b2;} 
.item-image {margin-right: 1.5%; width: 32%;}  
.item-image img {max-width: 100%;}
.item-event, .item-image {display: inline-block;}
.item-date {font-family: "__Forum_5", "Tinos", serif; font-size: 0.85rem; margin-bottom: 6px; color: #888888;}
.item-text {font-family: "__Forum_5", "Tinos", serif; font-size: 1.125rem; color: #888888;}  
.feature-items {margin-bottom: 20px; padding-left: 4.5%;} 
.text-content {padding-right: 30px; height: 532px;}  

#section-3 { min-height: 600px; }
#section-3 .text {font-family: "Georgia", "Tinos", serif; font-size: 15px; color: #fff; position: relative; line-height: 22px; height: 474px; padding: 45px 0 100px 45px; 
background: url(../img/background-events.jpg) no-repeat 0 0; background-size: cover; box-sizing: border-box;} 
.text p {margin-bottom: 30px;}  
.btn-gallery {font-family: "__Forum_5", "Tinos", serif; font-size: 1.125rem; color: #ffffff; text-transform: uppercase; text-decoration: none; 
display: block; padding: 10px 0; width: 39%; position: relative; left: 10px; bottom: -21px; text-align: center; border: 1px solid #ffffff;}
.features {float: left; width: 33%;} 
.btn-events-read {bottom: 24px; position: absolute; right: 7%; font-family: "__Forum_5", "Tinos", serif; font-size: 1.125rem; color: #ffffff; text-transform: uppercase; text-decoration: none; 
display: block; padding: 10px 0; width: 39%; text-align: center; border: 1px solid #ffffff;}   
        
.section {position: relative;} 

.events-item {border-top: 1px solid #d5e3e8; padding:30px 0; box-sizing: border-box;}  
.events-item .paginator {margin-top: 20px;} 
.list-pages {margin-left: 39%; position: relative; left: 0; bottom: 0;}
.list-pages a { font-size:0px; display: inline-block; width: 60px; height: 8px; overflow:hidden; background: url(../img/event-link.png) no-repeat 0 0; margin-right: 10px; vertical-align: bottom;} 
.list-pages .active {background: url(../img/event-active.png) no-repeat 0 0; border-color:transparent; }
.cover { background-position:center 0; background-repeat:no-repeat; background-size:cover; height: 474px; box-sizing: border-box; position:relative; overflow:hidden; }   
.cover-back { width:100%; height:25%; position:absolute; bottom:0; left:0; overflow:hidden; }
.cover-back-img { width:100%; height:474px; padding:385px 30px 30px 30px; background-size:cover; background-repeat:no-repeat; background-position:0 0; margin-top:-355px; position:absolute;  }
.cover-text {font-family: "__Forum_5", "Tinos", serif; font-size: 1.125rem; color: #fff; }  
.cover-date {font-family: "__Forum_5", "Tinos", serif; font-size: 1rem; margin-bottom: 5px; color: #fff; }   
.slider-years{ width:868px; margin:0 auto; }
.slider-years .item { float:left; height:42px; color:#888; border:1px solid #fff; font:22px '__Forum_5', 'Tinos', serif; text-align:center; -webkit-transition: background-color 200ms ease-in-out, color color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out, color color 200ms ease-in-out color 200ms ease-in-out; transition: background-color 200ms ease-in-out, color 200ms ease-in-out; line-height:42px; }
.slider-years .item.active{ color:#0093b2; font-size:30px; border:1px solid #0093b2; }
.slider-years .item:hover{ background-color:#00416B; color:#fff; }
.slider-years .slick-prev, .slider-years .slick-next{ width:30px; height:30px; border:1px solid #7AA0B7; border-radius:50%; background-position:50% 50%; background-repeat:no-repeat; top:auto; bottom:6px; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.slider-years .slick-prev:hover, .slider-years .slick-next:hover{ background-color:#7AA0B7; }
.slider-years .slick-prev:before, .slider-years .slick-next:before{ display:none; }
.slider-years .slick-prev:before{ content:' '; }
.slider-years .slick-next:before{ content:' '; }
.slick-track { left:50%; }
.slider-years .slick-prev { left:-35px; }
.slider-years .slick-next { right:-35px; } 
#section-2 .center {padding-top: 30px;}
#section-2 .center .slick-prev div, #section-3 .center .slick-next div { background-image:url(../img/arrow-sprite.png); background-repeat:no-repeat; width:10px; height:17px; margin:6px 10px; }
#section-2 .center .slick-prev div { background-position:-1px 0; }
#section-2 .center .slick-next div { background-position:right 0; }
#section-2 .center .slick-prev:hover, #section-3 .center .slick-next:hover{ background-color:#4f91b1; }
#section-2 .center .slick-prev:hover div { background-position:-1px -17px; }
#section-2 .center .slick-next:hover div { background-position:right -17px; }

.slider-years { position:relative; }
.slider-years .track-wrapper { overflow:hidden; position:relative; height: 60px; }
.slider-years .track .item { float:left; height:42px; width:76px; color:#888; border:1px solid #fff; font:16px '__Forum_5', 'Tinos', serif; text-align:center; 
-webkit-transition: background-color 200ms ease-in-out, color color 200ms ease-in-out; 
-o-transition: background-color 200ms ease-in-out, color color 200ms ease-in-out color 200ms ease-in-out; 
transition: background-color 200ms ease-in-out, color 200ms ease-in-out; line-height:42px; margin-right: 10px;}
.slider-years .track .item.active{ color:#0093b2; font-size:20px; border: 2px solid #0093b2; }
.slider-years .track .item:hover{ background-color:#00416B; color:#fff; }
.slider-years .prev, .slider-years .next{ position:absolute; display:none; top:3px; cursor:pointer; width:30px; height:30px; border:1px solid #7AA0B7; 
border-radius:50%; background-position:50% 50%; background-repeat:no-repeat; top:auto; bottom:6px; -webkit-transition: all 200ms ease-in-out; 
-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.slider-years .prev:hover, .slider-years .next:hover{ background-color:#7AA0B7;}
.slider-years .track {left: 5%; top: 0; height:42px; position:absolute;} 
.slider-years .prev {left:-35px;}
.slider-years .next {right:-35px;}
.slider-years .prev div, .slider-years .next div { background-image:url(../img/arrow-sprite.png); background-repeat:no-repeat; width:10px; height:17px; margin:6px 10px; }
.slider-years .prev div {background-position:-1px 0; }
.slider-years .next div {background-position:right 0;}
.slider-years .prev:hover, #section-3 .center .next:hover { background-color:#4f91b1; }
.slider-years .prev:hover div { background-position:-1px -17px; }
.slider-years .next:hover div { background-position:right -17px; }  

.content {overflow: auto; position: relative; padding: 0 20px 0 0; background: transparent; background-size: 100%; margin: 0 10px 10px 10px; width: 740px; max-width: 96%; 
height: 330px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 

.mCustomScrollbar {-ms-touch-action: pinch-zoom; touch-action: pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {-ms-touch-action: auto; touch-action: auto;}
.mCustomScrollBox{position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}

.mCSB_container {overflow: hidden; width: auto; height: auto;}

.mCSB_inside > .mCSB_container {margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right: 0;}
	
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right: 0; margin-left: 30px;}
	
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left: 0;} 

.mCSB_scrollTools {position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0;}

.mCSB_outside + .mCSB_scrollTools {right: -26px;}
	
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {right: auto; left: 0;}
	
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left: -26px;}

.mCSB_scrollTools .mCSB_draggerContainer {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}

.mCSB_scrollTools a + .mCSB_draggerContainer {margin: 20px 0;}

.mCSB_scrollTools .mCSB_draggerRail {width: 1px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}

.mCSB_scrollTools .mCSB_dragger {cursor: pointer; width: 100%; height: 45px; z-index: 1;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position: relative; width: 6px; height: 100%; margin: 0 auto; 
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; border-radius: 0;}
	
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width: 12px;}
	
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width: 8px;}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer;}
.mCSB_scrollTools .mCSB_buttonDown {bottom: 0;}


.mCSB_scrollTools {opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";}
	
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)";}
	
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}

.mCSB_scrollTools .mCSB_draggerRail {background-color: #000; background-color: #ffffff; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #fff; background-color: #ffffff; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; 
-ms-filter: "alpha(opacity=85)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; 
-ms-filter: "alpha(opacity=90)";}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; 
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";}

.mCSB_scrollTools .mCSB_buttonUp {background-position: 0 0;}

.mCSB_scrollTools .mCSB_buttonDown {background-position: 0 -20px;}

.mCSB_scrollTools .mCSB_buttonLeft {background-position: 0 -40px;}

.mCSB_scrollTools .mCSB_buttonRight {background-position: 0 -56px;}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";}


/*new*/
.slider-years {
	width: calc(100% - 70px);
	margin-left: 24.641px;
	margin-right: 35px;
	margin-bottom: 1rem;
}
.slider-years .track-wrapper {
	height: 42px;
}
.slider-years .track {
	height: 42px;
	position: relative;
	left: 0;
}
.slider-years .prev:not(:hover),
.slider-years .next:not(:hover) {
	background-color: #fff;
}
.slider-years .prev {
	left: -20px;
}
/*
@media (min-width: 641px) {
	.slider-years {
		width: 100%;
		margin-bottom: 2rem;
		padding-left: 4.5%
	}
	.slider-years .track-wrapper {
		height: auto;
	}
	.slider-years .track {
		position: static;
	}
}
*/