#section-1{ background-position:50% -82px; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; }
#section-1, #section-1 .center{ height:82px; }
#section-1 .logo { background-image:url(../img/logo-white.svg); background-position:50% 50%; }
#section-1 .blur { position:absolute; width:100%; background-position:50% -82px; background-repeat:no-repeat; background-attachment:fixed; background-size: cover;  }

#section-2{ background:url(../img/history-2.jpg) 50% -82px no-repeat; background-attachment:fixed; background-size:cover; height:450px; }
#section-2 .img{ letter-spacing:3px; text-transform:uppercase; font:42px '__Forum_5', 'Tinos', serif; color:#fff; text-align:center; width:650px; height:180px; position:absolute; top:50%; left:50%; margin:-150px 0px 0px -325px; }

.text-section{ padding-bottom:77px; }
.text-section .title{ font-size:36px; line-height:43px; color:#3f3f3f; font-family:'__Forum_5', 'Tinos', serif; text-align:center; margin:75px 0px 0px; padding:0px 52px 17px; background:url(../img/line-1.png) 50% 100% no-repeat; text-transform: uppercase; }
.text-section .text{ line-height:20px; color:#555; font:16px '__Myriad Set Pro_5', 'Tahoma', sans-serif; text-align:justify; margin:29px 0 0; padding:0 52px; }
.text-section .text p{ margin:0px 0px 20px; }

#section-3 .text { text-align:justify; color:#888; font:16px Georgia; width:915px; margin:94px auto 0; line-height:24px; }

.fixed-block-bottom .history-line-block .history-line-back { position:absolute; width:100%; height:100%; opacity:0; transition:opacity .2s .0s ease; z-index:0; }
.fixed-block-bottom .history-line-block .history-line-back.active { opacity:1; }

.fixed-block-bottom .history-line-block { position:absolute; bottom:225px; left:0; width:100%; height:513px; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; overflow:hidden; }

.fixed-block-bottom .history-line-block.collapsed{ height:45px !important; }
.fixed-block-bottom .history-line-block .history-line-toggle{ height:45px; display:block; text-align:center; color:#fff; letter-spacing:2px; font:22px '__Forum_5', 'Tinos', serif; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; line-height:45px; }
.fixed-block-bottom .history-line-block .history-line-toggle .icon { margin-left:0px; display:inline-block; width:20px; height:20px; background:url('../img/map-close.png') 0 2px no-repeat; background-size:18px; }
.fixed-block-bottom .history-line-block.collapsed .history-line-toggle .icon { background:url('../img/map-open.png') 0 2px no-repeat; background-size:18px; }
#history-line{ width:100%; height:513px; background:url(../img/history-rollup.jpg) center center no-repeat; background-size:100% 100%; }	/* url(../img/history-blank.jpg) center bottom no-repeat, */
.fixed-block-bottom .history-line-block .map-toggle{ background-image:url(../img/history-2-blurred.jpg); background-position:center bottom; }
.fixed-block-bottom .history-line-block .history-content { height:88%; width:100%; }
.fixed-block-bottom .history-line-block .history-active-year {  height:141px; position:relative; background:url(../img/history-arrow-down.png) center bottom no-repeat; font:64px '__Forum_5', 'Tinos', serif; color:#fff; padding:40px 0 30px; text-align:center; }
.fixed-block-bottom .history-line-block .history-active-year div { position:absolute; left:50%; top:50%; }
.fixed-block-bottom .history-line-block .history-content-wrapper { width:100%; height:580px; padding-top:70px; position:relative; overflow:hidden; background:url(../img/history-arrow-down2.png) center 65% no-repeat; }
.fixed-block-bottom .history-line-block .history-content-wrapper .arrow { position:absolute; z-index:9999; top:0; width:46px; height:46px; cursor:pointer; }
.fixed-block-bottom .history-line-block .history-content-wrapper .arrow-left { background:url(../img/arr1.png) 0 0 no-repeat; left:5%; }
.fixed-block-bottom .history-line-block .history-content-wrapper .arrow-right { background:url(../img/arr2.png) 0 0 no-repeat; right:5%; }
.fixed-block-bottom .history-line-block .history-content-wrapper .arrow-left:hover { background-image:url(../img/arr1_hv.png); }
.fixed-block-bottom .history-line-block .history-content-wrapper .arrow-right:hover { background-image:url(../img/arr2_hv.png); }
.fixed-block-bottom .history-line-block .history-content-wrapper ul { position:absolute; }
.fixed-block-bottom .history-line-block .history-content-wrapper li { float:left; width:300px; margin-right:80px; }
.fixed-block-bottom .history-line-block .history-content-wrapper li:last { margin:0 !important; }
.fixed-block-bottom .history-line-block .history-content-wrapper .item-img { width:100%; height:225px; border:1px solid #f4f4f4; cursor:pointer; }
.fixed-block-bottom .history-line-block .history-content-wrapper .item-img.no-img { border-color:transparent !important; }
.fixed-block-bottom .history-line-block .history-content-wrapper .item-img img { width:100%; height:100%; }
.fixed-block-bottom .history-line-block .history-content-wrapper .item-text { width:100%; height:92px; font:18px Georgia, serif; line-height:24px; text-align:center; margin-top:110px; color:#fff; }

.fixed-block-bottom .history-line-block .history-content-wrapper .item-img .no-img-icon { width:100%; height:70%; background:url(../img/logo-white.svg) center 10px no-repeat; background-size:110px; opacity:.8; }
.fixed-block-bottom .history-line-block .history-content-wrapper .item-img .no-img-text { width:100%; height:30%; text-align:center; color:#fff; font:16px Georgia, sans-serif; line-height:16px; }

.fixed-block-bottom .history-line-block .history-years { height:12%; width:100%; position:relative; background:url(../img/history-years-back.png); }
.fixed-block-bottom .history-line-block .history-years-block { width:990px; height:35px; position:absolute; left:50%; top:50%; margin:-17px 0 0 -495px; }
.fixed-block-bottom .history-line-block .history-years-wrapper { width:847px; height:100%; float:left; text-align:center; overflow:hidden; position:relative; }
.fixed-block-bottom .history-line-block .history-years-wrapper ul { height:35px; display:inline-block; left:0; position:absolute; }
.fixed-block-bottom .history-line-block .history-years-wrapper li { float:left; width:77px; text-align:center; font:22px '__Forum_5', 'Tinos', serif; line-height:35px; color:#fff;  }
.fixed-block-bottom .history-line-block .history-years-wrapper li a { color:#fff; }

.fixed-block-bottom .history-line-block .prev-link, 
.fixed-block-bottom .history-line-block .next-link{ cursor:pointer; float:left; width:30px; height:30px; margin:3px 20px; border:1px solid #fff; border-radius:50%; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.fixed-block-bottom .history-line-block .no-prev-link, 
.fixed-block-bottom .history-line-block .no-next-link { float:left; width:30px; height:30px; margin:3px 20px 0; }

.fixed-block-bottom .history-line-block .prev-link div, 
.fixed-block-bottom .history-line-block .next-link div { background-image:url(../img/arrow-sprite.png); background-repeat:no-repeat; width:10px; height:17px; margin:5px 10px; }
.fixed-block-bottom .history-line-block .prev-link div { background-position:-1px -17px; }
.fixed-block-bottom .history-line-block .next-link div { background-position:right -17px; }
.fixed-block-bottom .history-line-block .prev-link:hover, 
.fixed-block-bottom .history-line-block .next-link:hover{ background-color:#fff; }
.fixed-block-bottom .history-line-block .prev-link:hover div { background-position:-1px 0; }
.fixed-block-bottom .history-line-block .next-link:hover div { background-position:right 0; }

#section-1 .blur, 
.fixed-block-bottom .info{ background-image:url(../img/history-2-blurred.jpg); }
.fixed-block-bottom .submenu { background:#fff; border-bottom:1px solid #d5e5ee; }
.fixed-block-bottom .submenu ul { display:inline-block; margin-left:30px; }
.en .fixed-block-bottom .submenu ul { margin-left:-210px; }
.fixed-block-bottom .submenu li { width:auto !important; }


@media screen and (max-height: 850px) {
	#section-1, #section-1 .center{ height:77px; }

	#section-2{ height:405px; }
	#section-2 .img{ font-size:38px; width:585px; height:180px; margin:-135px 0px 0px -293px; }

	.text-section{ padding-bottom:69px; }
	.text-section .title{ font-size:32px; line-height:39px; margin:68px 0 0; padding:0 47px 15px; }
	.text-section .text{ font-size:14px; line-height:18px; margin:26px 0 0; padding:0 47px; }
	.text-section .text p{ margin:0 0 18px; }

	#section-3 .text { font-size:14px; width:824px; margin:85px auto 0; line-height:22px; }
	
	.fixed-block-bottom .history-line-block{ bottom:205px; }
	.fixed-block-bottom .history-line-block.collapsed{ height:41px !important; }
	.fixed-block-bottom .history-line-block .history-line-toggle{ height:45px; display:block; text-align:center; color:#fff; letter-spacing:2px; font:22px '__Forum_5', 'Tinos', serif; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; line-height:45px; }
	.fixed-block-bottom .history-line-block .history-line-toggle .icon { width:18px; height:18px; background-size:16px; }
	.fixed-block-bottom .history-line-block.collapsed .history-line-toggle .icon { background-size:16px; }
	.fixed-block-bottom .history-line-block .map-toggle{ background-image:url(../img/history-2-blurred.jpg); background-position:center bottom; }
	.fixed-block-bottom .history-line-block .history-content-wrapper { padding-top:55px; }
	.fixed-block-bottom .history-line-block .history-content-wrapper .item-text { font-size:14px; line-height:22px; margin-top:10vh; }
	
	.fixed-block-bottom .history-line-block .history-active-year { font-size:58px; padding:30px 0 25px; height:141px; }

	.fixed-block-bottom .menu li.active a:before { top:-16px; margin-left:-9px; width:18px; height:9px; background-size:18px; }

}
@media screen and (max-height: 750px) {
	.fixed-block-bottom .history-line-block .history-content-wrapper { padding-top:45px; }
	.fixed-block-bottom .history-line-block .history-active-year { font-size:54px; padding:20px 0 15px; height:96px; }
	.fixed-block-bottom .history-line-block .history-content-wrapper .item-text { margin-top:7vh; }
	.fixed-block-bottom .history-line-block .history-content-wrapper .item-text { font-size:14px; line-height:18px; }
}