.preload { width:0; height:0; background:url(/local/templates/.default/img/hd-3-blurred.jpg), url(/local/templates/.default/img/hd-4-blurred.jpg); }

#preloader { display: none; }

.wrapper{ padding-bottom:186px; }
#section-1 { overflow:hidden; position:relative; }
#section-1 .belt { width:100%; height:100%; position:absolute; }
.ie8 #section-1{ background:url(../img/logo_6.jpg) 50% 0% no-repeat; }
/* .ie8 #section-1 .logo, .safari  */
#section-1 .logo-dark{ opacity:0; position:absolute; top:50px; left:50%; height:325px; width: 180px; margin:0px 0px 0px -90px; transition: opacity 1s 0.2s ease; background: url(../img/logo-white-txt.svg) 50% top no-repeat; background-size:cover; }
#section-1 .logo-light{ opacity:0; position:absolute; top:50px; left:50%; height:325px; width: 180px; margin:0px 0px 0px -90px; transition: opacity 1s 0.2s ease; background: url(../img/logo-blue-txt.svg) 50% top no-repeat; background-size:107px; }
#section-1 .logo-dark.show, #section-1 .logo-light.show { opacity:1; }

/* #section-1 .logo.light { background-image: url(../img/logo-blue-txt.svg); background-size:107px; } */

#section-1 .logo-video{ height:100%; display:none; overflow:hidden; position:absolute; background-position: 50% 05; background-repeat: no-repeat; background-size: cover; }
#section-1 .slide1 { background:url(../img/hd-3.jpg) 50% top no-repeat; background-size:cover; }
#section-1 .slide1 { width: calc( 100% + 200px )!important; margin-left: -100px;}
#section-1 .slide2 { background:url(../img/hd-4.jpg) 50% top no-repeat; background-size:cover; }
#section-1 .slide2 { width: calc( 100% + 200px )!important; margin-left: -100px;}
#section-1 .logo-video video{ position: absolute; top:0; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; }
#section-1 .logo-video video img{ min-width: 100%; min-height: 100%; max-width: none; max-height: none; width: auto; height: auto; }
#section-1 .logo-video.active { display:block; }

#section-1 .title{ text-shadow:3px 3px 5px #074369; -webkit-transition: all 0.5s 0.5s ease; -moz-transition: all 0.5s 0.5s ease; -o-transition: all 0.5s 0.5s ease; position:absolute; top:50%; left:0%; width:100%; text-align:center; font:60px '__Forum_5', 'Tinos', serif; line-height:72px; color:#fff; letter-spacing: 10px; margin:-72px 0px 0px; }	/*text-shadow: 3px 3px 5px rgba(2, 3, 5, 30.00); */
#section-1 .title.light { color:#074369; text-shadow:3px 3px 5px #fff; }
#section-1 .arrow { position:absolute; top:50%; width:14px; height:26px; cursor:pointer; z-index:100; margin-top:-52px; }
#section-1 .arrow-left { left:5%; background:url(../img/arrow-left.png) 0 0 no-repeat; }
#section-1 .arrow-right { right:5%; background:url(../img/arrow-right.png) 0 0 no-repeat; }
#section-1 .scroll-arrow { display:none !important; }

@media screen and (max-height: 800px)  {
	#section-1 .title { font-size:54px; line-height:65px; letter-spacing:9px; margin-top:-65px; }
	#section-1 .arrow { width:13px; height:26px; margin-top:-47px; }
}

#section-2 { padding-bottom:75px; position:relative; background:#e4e7e9; }
/*  background:#e4e7e9; opacity:.2; */
#section-2 .mask { width:100%; height:100%; background:url(../img/mask-1.png) 0 -30px repeat-x; position:absolute; left:0; top:0; z-index:1; }
#section-2 .belt { z-index:0; left:0; top:0; width:100%; height:100%; position:absolute; display:block; }
#section-2 .belt .back { display:none; z-index:0; overflow:hidden; position:absolute; background-position: 50% center; background-repeat: no-repeat; }
#section-2 .belt .back.active { display:block; }

#section-2 .center { z-index:10; }
#section-2 .gradient{ position:absolute; bottom:0; left:0; width:100%; height:295px;  background:url(../img/i12.png) 0% 100% repeat-x; }
#section-2 .title{ background:url(../img/short-line2.png) center bottom no-repeat; padding-bottom:25px; margin:94px auto 0px; color:#3f3f3f; font:42px '__Forum_5', 'Tinos', serif; text-align:center; text-transform:uppercase; letter-spacing:3px; }

#section-2 .list{ margin:58px 0px 0px -22px; }
#section-2 .list .item{ float:left; width:326px; margin:0px 0px 40px 22px; position:relative; }
#section-2 .list .item .icon{ position:absolute; top:0px; right:0px; width:44px; height:44px; background:url(../img/i2.png) 0px 0px no-repeat; }
#section-2 .list .item .text{ text-align:center; line-height:20px; color:#0c476c; font:20px '__Forum_5', 'Tinos', serif; margin:13px 0px 0px; text-transform:uppercase; letter-spacing: 3px; }
#section-2 .list .item .img{ width:326px; height:113px; overflow:hidden; margin:15px 0px 0px; position:relative; }
#section-2 .list .item .img div { position:absolute; left:0; bottom:0; width:100%; height:0px; overflow:hidden; -webkit-transition:all 400ms cubic-bezier(.4,0,.85,1); transition:all 400ms cubic-bezier(.4,0,.85,1); background-position:50% bottom; background-repeat:no-repeat; background-size:326px; }
#section-2 .list .item .img:hover div { height:100%; }

#section-3{ padding-bottom:75px; }
#section-3 .title{ background:url(../img/short-line2.png) center bottom no-repeat; padding-bottom:25px; margin:94px auto 0px; color:#3f3f3f; font-size:42px; font-family:'__Forum_5', 'Tinos', serif; text-align:center; text-transform:uppercase; letter-spacing:3px; }
#section-3 .events{ float:left; width:1022px; margin:33px -18px 80px 0px; position:relative; }
#section-3 .events .item { float:left; position:relative; background-position:50% 100%; background-repeat:no-repeat; background-size:cover; width:326px; height:201px; margin:0 0 16px 0; }

#section-3 .events .item.big{ width:674px; height:418px; margin-right:22px; }
#section-3 .events .item .info{ position:absolute; left:0; bottom:0; height:79px; width:100%; overflow:hidden; padding:15px; background-position:50% 100%; background-repeat:no-repeat; background-size:cover; -webkit-transition:all 400ms cubic-bezier(.4,0,.85,1); transition:all 400ms cubic-bezier(.4,0,.85,1); }
#section-3 .events .item .info .date { line-height:17px; color:#fff; font:14px '__Forum_5', 'Tinos', serif; }
#section-3 .events .item .info .title { text-transform:none; letter-spacing:0px; text-align:left; background:none; line-height:19px; height:38px; overflow:hidden; color:#fff; font:16px '__Forum_5', 'Tinos', serif; margin:2px 0 0; }
#section-3 .events .item .info .title:hover{ text-decoration:underline; }
#section-3 .events .item.big .info { padding:40px 32px; height:158px; }
#section-3 .events .item.big .info .title { font-size:22px; line-height:24px; height:48px; overflow:hidden; margin-top:15px; }
#section-3 .events .item.big .info .date { font-size:16px; }

#section-3 .events .item .info .button { position:absolute; top:120px; left:50%; margin:0px 0px 0px -87px;  width:177px; height:42px; line-height:42px; font-size:18px; font-family:'__Forum_5', 'Tinos', serif; }
#section-3 .events .item.big .info .button { top:200px; }

#section-3 .events .item:hover .info{ height:100% !important; }
#section-3 .button.all-items{ height:42px; line-height:42px; padding:0 40px; font-size:16px; font-family:'__Forum_5', 'Tinos', serif; margin:9px 0px 0px; position:absolute; bottom:0; left:0; }

#section-3 .button.all-items{ display:inline-block; font-size:16px; height:42px; line-height:42px; position:relative; margin:40px auto 0; }
#section-3 .news { float:left; width:1022px; margin:35px 0px 0px; position:relative; }
#section-3 .news .item { width:295px; margin-right:45px; float:left; }
#section-3 .news .item:first-child { background:none; padding-top:0px; }
#section-3 .news .item .title { padding:0px; letter-spacing:0px; text-transform:none; text-align:left; background:none; color:#264469; font:22px '__Forum_5', 'Tinos', serif; line-height:26px; margin:0px; display:block; }
#section-3 .news .item .date{ color:#5392af; font:14px '__Forum_5', 'Tinos', serif; margin:0px; line-height:17px; }
#section-3 .news .item .text{ height:57px; color:#777; font:14px 'Georgia', serif; margin:17px 0px 0px; line-height:20px; }
#section-3 .news .item .text * { color:#777 !important; }
#section-3 .news .clearfix { clear:both; float:none; text-align:center; }

.clearfix2 { text-align:center; }

.fixed-block-bottom .info { background:none; }
.fixed-block-bottom .info .belt { z-index:-1; left:0; top:0; width:100%; height:100%; position:relative; display:block !important; }
.fixed-block-bottom .info .belt .back { display:none; z-index:-1; float:left; overflow:hidden; position:absolute; background-position: 50% center; background-repeat: no-repeat; }
.fixed-block-bottom .info .belt .back.active { display:block; }

@media screen and (max-height: 850px) {
	#section-1 .logo-dark{ height:325px; width: 180px; margin:0px 0px 0px -90px; background-size:125px; }
	#section-1 .logo-light{ height:325px; width: 180px; margin:0px 0px 0px -90px; background-size:125px; }

	#section-2 .title { margin-top:50px; padding-bottom:22px; font-size:38px; }
	#section-2 .list{ margin:30px 0px 0px 30px; width:945px; }
	#section-2 .list .item { margin-bottom:30px; width:293px; margin-bottom:36px; }
	#section-2 .list .item .img { margin-top:10px; width:293px; height:102px; }
	#section-2 .list .item .img div { background-size:293px; }
	#section-2 .list .item .text{ font-size:18px; line-height:18px; margin-top:12px; }

	#section-3{ padding-bottom:68px; }
	#section-3 .title{ padding-bottom:22px; margin-top:85px; font-size:38px; }
	#section-3 .events { width:920px; margin:30px auto 72px; float:none; }
	#section-3 .events .item { width:293px; height:181px; margin:0 0 14px 0; }
	#section-3 .events .item.big{ width:607px; height:376px; margin-right:20px; }

	#section-3 .events .item .info{ height:71px; padding:12px; }
	#section-3 .events .item .info .date { line-height:15px; font-size:13px; }
	#section-3 .events .item .info .title { line-height:17px; height:34px; font-size:14px; }

	#section-3 .events .item.big .info { padding:36px 30px; height:142px; }
	#section-3 .events .item.big .info .title { font-size:20px; line-height:22px; height:43px; margin-top:13px; }
	#section-3 .events .item.big .info .date { font-size:14px; }

	#section-3 .news .button.all-items{ font-size:14px; height:38px; line-height:38px; margin-top:36px; }
	#section-3 .news { width:920px; margin:32px auto 0px; float:none; }
	#section-3 .news .item { width:265px; margin-right:41px; }
	#section-3 .news .item .title { font-size:20px; line-height:23px; }
	#section-3 .news .item .date{ font-size:13px; line-height:15px; }
	#section-3 .news .item .text{ height:51px; font-size:13px; margin:15px 0px 0px; line-height:18px; }

	/* to delete */
	.fixed-block-bottom .submenu{ height:38px; min-width:922px; }
	.fixed-block-bottom .submenu li{ height:38px; }
	.fixed-block-bottom .submenu li a{ font-size:10px; height:29px; margin:5px 2px 5px 3px; line-height:34px; }
	.safari .fixed-block-bottom .submenu li a{ line-height:9px; padding:9px 0px; }

	.fixed-block-bottom .menu{ height:59px; line-height:59px; }
	.fixed-block-bottom .menu li{ margin:9px 29px 0px; background-size:38px 23px; }
	.fixed-block-bottom .menu li a{ padding-top:25px; font-size:9px; line-height:10px; }

	.fixed-block-bottom .info{ padding-top:16px; }
	.fixed-block-bottom .info .copyright{ font-size:7px; line-height:9px; padding:9px 0px; }

	.fixed-block-bottom .info table{ width:513px; }
	.fixed-block-bottom .info table td{ font-size:7px; line-height:9px; }
	.fixed-block-bottom .info table td.cookie{ padding:4px 0px; }
	.fixed-block-bottom .info table td.copy{ padding:7px 0px; width:352px; }
	.fixed-block-bottom .info table td > a{ height:23px; }
	.fixed-block-bottom .info table td.flickr { width:32px; }
	.fixed-block-bottom .info table td.flickr a{ width:32px; background-size:25px; }
	.fixed-block-bottom .info table td.linkedin{ width:32px; }
	.fixed-block-bottom .info table td.linkedin a{ width:35px; background-size:22px; }
	.fixed-block-bottom .info table td.youtube{ width:35px; }
	.fixed-block-bottom .info table td.youtube a{ width:35px; background-size:22px; }
	.fixed-block-bottom .info table td.facebook{ width:31px; }
	.fixed-block-bottom .info table td.facebook a{ width:30px; background-size:13px 18px; }

}
@media screen and (max-height: 750px) {
	#section-2 .title { margin-top:30px; }
	#section-2 .list{ margin-top:15px; }
	#section-2 .list .item { margin-bottom:15px; }
	#section-2 .list .item .img { margin-top:8px; }
}