@font-face {
	font-family: 'fontawesome';
	src:url('http://www.ktm-hdak.org.ua/fonts/fontawesome/fontawesome.eot?-e43dk9');
	src:url('http://www.ktm-hdak.org.ua/fonts/fontawesome/fontawesome.eot#iefix-e43dk9') format('embedded-opentype'),
		url('http://www.ktm-hdak.org.ua/fonts/fontawesome/fontawesome.woff?-e43dk9') format('woff'),
		url('http://www.ktm-hdak.org.ua/fonts/fontawesome/fontawesome.ttf?-e43dk9') format('truetype'),
		url('http://www.ktm-hdak.org.ua/fonts/fontawesome/fontawesome.svg?-e43dk9#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/app */

/* General style */
.grid-gallery ul{list-style:none; margin:0; padding:0;}
.grid-gallery figure{margin:0;}
.grid-gallery figure img{display:block; width:100%;}
.grid-gallery figcaption h3{margin: 0; padding:10px 0 0 0; font-size:14px; line-height:110%; color:#666; height:60px;}
.grid-gallery figcaption p{margin:0;}

/* Grid style */
.grid-wrap{width:100%; margin:0 auto; padding:0;}
.grid{margin:0 auto;}
.grid li{width:25%; float:left; cursor:pointer;}
.grid figure{padding:10px; -webkit-transition:opacity 0.2s; transition:opacity 0.2s;}
.grid li:hover figure{opacity:0.7;}
.grid figcaption{background:#e5e8ed; padding:-5px 10px 0 0;}
.grid figcaption p{color:#fff;}
.grid figcaption p a{color:#fff;}
.grid figcaption p a:hover{color:fff;}

/* Slideshow style */
.slideshow{position:fixed; background:rgba(0,0,0,0.9); width:100%; height:100%; top:0; left:0; z-index:500; opacity:0; visibility:hidden; overflow:hidden; -webkit-perspective:1000px; perspective:1000px;	-webkit-transition:opacity 0.5s, visibility 0s 0.5s; transition:opacity 0.5s, visibility 0s 0.5s;}
.slideshow-open .slideshow{opacity:1; visibility:visible; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.slideshow ul{width: 100%; height:100%; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translate3d(0,0,150px); transform:translate3d(0,0,150px); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
.slideshow ul.animatable li{-webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
.slideshow-open .slideshow ul{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.slideshow li{width:auto; height:auto; position:absolute; top:45%; left:41%; margin:-280px 0 0 -330px; visibility:hidden;}
.slideshow li.show{visibility:visible;}
.slideshow li:after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.9); -webkit-transition:opacity 0.3s; transition:opacity 0.9s;}
.slideshow li.current:after{visibility:hidden; opacity:0; -webkit-transition:opacity 0.3s, visibility 0s 0.3s; transition:opacity 0.3s, visibility 0s 0.3s;}
.slideshow figure{width:100%; height: 105%; background:none; overflow:hidden;}
.slideshow figcaption{padding:0;}
.slideshow figcaption h3{font-weight:300; font-size:115%; padding:10px; color:#FFF;}
.slideshow figcaption p{color:#999; position:absolute;}
.slideshow figcaption p a{color:#fff;}
.slideshow figcaption p a:hover{color:#F00;}
.slideshow li figure img{border:#FFF 3px solid;}

/* Navigation */
.slideshow nav span{position:fixed; z-index:1000; color:#fff; text-align:center; padding:3%; cursor:pointer; font-size:2.2em;}
.slideshow nav span.nav-prev, .slideshow nav span.nav-next{top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.slideshow nav span.nav-next{right:0;}
.slideshow nav span.nav-close{top:0; right:0; padding:0.42em 1em; color:#fff;}
.icon:before, .icon:after{font-family:'fontawesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; moz-osx-font-smoothing:grayscale;}
span.nav-prev:before{content:"\e601";}
span.nav-next:before {content:"\e600";}
span.nav-close:before{content:"\e602";}

/* Info on arrow key navigation */
.info-keys{position:fixed; top:10px; left:10px; width:60px;	font-size:8px; padding-top:20px; text-transform:uppercase; color:#fff; letter-spacing:1px; text-align:center;}
.info-keys:before, .info-keys:after{position:absolute; top:0; width:16px; height:16px; border:1px solid #fff; text-align:center; line-height:14px; font-size:12px;}
.info-keys:before{left:10px; content:"\e603";}
.info-keys:after{right:10px; content:"\e604";}

/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 80em) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
.grid li{width:25%;}
.slideshow li{width:100%; height:100%; top:0; left:0; margin: 0;}
.slideshow li figure img{width:auto; margin:0 auto; max-width:100%; border:#FFF 2px solid;}
.slideshow nav span.nav-prev, .slideshow nav span.nav-next{top:40%;}
.slideshow nav span, .slideshow nav span.nav-close{font-size:1.8em; padding:0.3em;}
.info-keys{display:none;}
}

@media screen and (max-width: 60em) {
.grid li{width: 33.3%;}	
.slideshow nav span.nav-prev, .slideshow nav span.nav-next{top: 25%;}
}

@media screen and (max-width: 45em) {
.grid li{width: 50%;}
.slideshow nav span.nav-prev, .slideshow nav span.nav-next{top: 20%;}
}

@media screen and (max-width: 30em) {
.grid li{width: 100%;	}
.slideshow nav span.nav-prev, .slideshow nav span.nav-next{top: 15%;}
}
/*
     FILE ARCHIVED ON 04:43:55 Apr 28, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:31:58 Sep 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.493
  exclusion.robots: 0.044
  exclusion.robots.policy: 0.035
  esindex: 0.007
  cdx.remote: 8.711
  LoadShardBlock: 512.785 (3)
  PetaboxLoader3.datanode: 541.337 (4)
  load_resource: 271.91
  PetaboxLoader3.resolve: 237.15
*/