body {background-color:white;color:black;font-size:16px;font-family:NeuzeitSLTStd-Book;color:black;margin-left:32px;padding-bottom:40px;}
.top-panel {width:100%;font-size:23px;z-index:10;background:white;overflow:hidden;}
.top-panel .logo a {text-decoration:none;color:black}
.top-panel .page-title {float:left;line-height:27px;color:#a0a0a0;margin-top:27px;position:relative;}
.top-panel .page-title a {color:#a0a0a0;text-decoration:none;display:none;position:absolute;width:inherit;background:white;overflow:hidden;}
.top-panel .page-title a span {border-bottom:0}
.top-panel .page-title a span:hover {border-bottom:1px dotted #a0a0a0;}
.top-panel .nav-icon {float:right;margin-right:32px;margin-top:23px;width:16px;display:none;z-index:100}
.top-panel .nav-icon img {cursor:pointer}
.top-panel .nav {float:right;text-align:right;margin-top:28px;margin-right:32px;line-height:25px}
.top-panel .nav .work-paging,
.top-panel .nav .news-subnav,
.top-panel .nav .about-subnav,
.top-panel .nav .work-subnav {padding-top:5px;}
.top-panel .nav a {color:black;text-decoration:none;margin-left:10px;cursor:pointer}
.top-panel .nav span {color:#a0a0a0}
.top-panel .nav a:hover,
.top-panel .nav .active {border-bottom:1px dotted black}
.top-panel .nav .work-paging a {margin-left:0px}

.no-link {text-decoration:none;border:0!important;}
.no-link span {display:none}
.copyright {font-size:12px;line-height:12px}

.white-bg {position:absolute;top:0px;left:0px;background-color:white;width:100%;height:100%;z-index:5;overflow:hidden}

#tmp-space {position:absolute;top:32px;z-index:-1;font-size:23px;line-height:29px;color:white}
#tmp-space a {color:white}

.popup-menu {font-size:23px;line-height:32px;position:absolute;top:0px;left:0px;background:#FFFFFF;height:100%;overflow:hidden;z-index:100;display:none}
.popup-menu .nav {float:left;margin-top:32px;margin-left:32px}
.popup-menu .nav a {text-decoration:none;color:black;cursor:pointer}
.popup-menu .nav a:hover {border-bottom:1px dotted black}
.popup-menu .nav .active {border-bottom:1px dotted black}
.popup-menu .close {float:right;cursor:pointer;width:15px;margin-top:17px;margin-right:19px}

.content {position:relative;margin-top:32px;clear:both;z-index:1;background:white;overflow:hidden}

.content .tile {float:left;width:602px;height:401px;margin-right:30px;margin-bottom:30px;position:relative;overflow:hidden;cursor:pointer}
.content .tile .overlay {position:absolute;top:0px;left:0px;width:inherit;height:inherit;display:none;overflow:hidden;z-index:10;background:url(../img/semi-white.png) repeat;}
.content .tile .type {font-size:12px;line-height:15px;}
.content .tile .title {font-size:19px;line-height:25px;}
.content .tile .descr {font-size:19px;line-height:25px;color:#a0a0a0;position:relative}
.content .tile .descr span {display:none;width:100%;height:100%;background:#FFFFFF;position:absolute;left:0px;overflow:hidden}
.content .tile img {}
.content .tile .bitmap {display: block;margin-left: auto;margin-right: auto;}
.content .tile .vector {display:none;margin-left: auto;margin-right: auto;}

.content .tile-press {float:left;width:602px;height:401px;margin-right:30px;margin-bottom:30px;position:relative;overflow:hidden;cursor:pointer}
.content .tile-press .overlay {position:absolute;top:0px;left:0px;width:inherit;height:inherit;display:none;overflow:hidden;z-index:10;background:url(../img/semi-white.png) repeat;}
.content .tile-press .type {font-size:12px;line-height:15px;}
.content .tile-press .descr {font-size:16px;line-height:21px;color:#a0a0a0;position:relative}
.content .tile-press .descr span {display:none;width:100%;height:100%;background:#FFFFFF;position:absolute;left:0px;overflow:hidden}
.content .tile-press img {display: block;margin-left: auto;margin-right: auto;}


.content div .col1 {float:left;width:190px;margin-right:30px;font-size:12px;line-height:16px}
.content div .col1 img {width:inherit;height:auto;display:block;padding-bottom:15px}
.content div .col1 img.icon  {width: 100%}

.content div .col2 {float:left;text-align:left;font-size:19px;line-height:25px}
.content div .col2 img {width:inherit;height:auto;display:block}
.content div .col1 a,
.content div .col2 a,
.content div .col1 .inactive:hover,
.content div .col3 a {text-decoration:none;color:black;border-bottom:1px dotted black}
.content div .col1 .inactive {border-bottom:1px dotted white}

.content div .col2 .video-preview {position:relative;}
.content div .col2 .video-preview iframe {position:absolute;top:0px;left:0px;z-index:10;}
.content div .col2 span p {margin-top:0px}

.content div .col2 .category {font-size:12px;line-height:15px;}

.content div .col2 .caption {display:block;font-size:12px;line-height:15px;padding-top:5px}
.content div .col2 a:hover {border-bottom:1px dotted white}
.content div .col2 .no-decor:hover, .content div .col2 .no-decor {text-decoration:none;border-bottom:0px dotted white;cursor:pointer}
.content div .col2 .notes {font-size:12px;line-height:15px;}
.content div .col3 {float:left;width:190px;margin-left:30px;font-size:12px;line-height:16px;position:relative}
.content div .col3 span {position:absolute;left:0px}
.content div .col3 a:hover {border-bottom:1px dotted white} 

.control-bg {position:fixed;bottom:0px;left:0px;width:100%;height:41px;z-index:2;background:white;display:none}
.control {position:fixed;bottom:0px;left:32px;width:60px;height:41px;z-index:3;background:white;}
.control div {margin-top:11px;margin-bottom:11px;position:absolute;top:0px;float:left;background:url(/img/control.png) 0px 0px no-repeat;display:block;overflow:hidden;height:19px;cursor:pointer}
.control .up {left:0px;width:18px;display:none}
.control .plus {left:36px;width:18px;background-position:-36px 0px;}
.control .facebook {left:70px;width:11px;background-position:-70px 0px;display:none}
.control .twitter {left:98px;width:21px;background-position:-98px 0px;display:none}
.control .rss {left:134px;width:16px;background-position:-134px 0px;display:none}


.video-preview {position:relative;margin-top:15px}
.play-button {height: 40px;width: 65px;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;position: absolute;top:50%;cursor:pointer;z-index:10;left: 50%;
  margin-left: -34px;margin-top:-20px}
.play-button:hover {background-color: rgba(0, 173, 239, 0.9);}
.play-button:after {content: "";display: block;position: absolute;top: 10.5px;left: 26px;margin: 0 auto;border-style: solid;border-width: 9.5px 0 9.5px 17px;border-color: transparent transparent transparent rgba(255, 255, 255, 1);}

img{vertical-align:text-bottom}

p2 {display:block;margin: 1.12em 0}

.main-loading {
  text-align: left;
  z-index: 100;
  position: fixed;
  background-color:white;
  left: 45%;
  top: 45%;
  color: black;
  overflow:hidden;
  display:block;
}
.main-loading img {
	display:block;
	float:left;
}
.main-loading span {
	display:block;
	float:left;	
	line-height:2em;	
	margin-left:5px;
	font-weight:bold;
}
/*
.gallery {position:relative;cursor:pointer;}
.gallery > div {position:relative;}
.gallery > div > span {background:url('/img/icon-gallery.svg') no-repeat;width:20px;height:20px;z-index:1;position:absolute;right:10px;bottom:10px;}
.gallery > img {width:100%;height:auto;}
.gallery > ul {display:none;}


.gallery-lightbox {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.95);z-index:500;display:none;}
.gallery-lightbox .pic {margin:20px;background-repeat:no-repeat;background-size:contain;background-position:center center;}
.gallery-lightbox .counter {max-width:800px;margin-left:auto;margin-right:auto;padding:0 20px;text-align: right}
.gallery-lightbox .copy {max-width:800px;margin-left:auto;margin-right:auto;padding:20px;}
.gallery-lightbox .arrow-left {background:url('/img/icon-left.svg') no-repeat;background-size:contain;width:40px;height:60px;position:absolute;top:50%;left:5%;transform:translateY(-50%);z-index:10;}
.gallery-lightbox .arrow-right {background:url('/img/icon-right.svg') no-repeat;background-size:contain;width:40px;height:60px;position:absolute;top:50%;right:5%;transform:translateY(-50%);z-index:10}
.gallery-lightbox .close {background:url('/img/icon-close.svg') no-repeat;background-size:contain;width:40px;height:40px;position:absolute;top:20px;right:20px;z-index:10;cursor: pointer;}
*/

.gallery {position:relative;}
.gallery a:not(.active) {display:none;}
.gallery a.active {display:block;}
.gallery .left {position:absolute;z-index:1;top:0;left:0;cursor:url(/img/icon-left.cur),pointer;width:50%;height:100%;overflow:hidden;}
.gallery .right {position:absolute;z-index:1;top:0;right:0;cursor:url(/img/icon-right.cur),pointer;width:50%;height:100%;overflow:hidden;}

.gallery img::selection {color: none;background: none;}
/* For Mozilla Firefox */
.gallery img::-moz-selection {color: none;background: none;}

@media screen and (max-width: 500px) {
  .gallery .right,
  .gallery .left {display:none;}
  .gallery a {display:block!important;border:0!important;}
}

.page-title span {
    display: none;
}

.top-panel .logo {float:left;width:220px;margin-top:27px;line-height:27px}


#slideshow img {width:inherit;height:auto;cursor:pointer}

@media (min-width: 768px) {
  #slideshow {margin-left:auto;margin-right:auto}
  .page-title span {
    display: block;
    width: 150px;
  }
  .top-panel .logo {
    width:180px
  }
}

@media (min-width: 1024px) {
  .page-title a span {
    width: 350px;
  }
  .top-panel .logo {
    width:220px
  }  
}

@media (min-width: 1200px) {
  .page-title a span {
    width: 600px;
  }
}

@media (min-width: 1400px) {
  .page-title a span {
    width: 750px;
  }
}