/*
Theme Name: Ukrainian WW II history
Theme URL:
Description: Тема для World war II in Ukraine
Version: 1.0
Author: Mykhailo Bondarev
Author URL: http://lemon.ua/
*/
@font-face {
  font-family: DaxlinePro;
  src: url(fonts/DaxlinePro-Thin_13132.ttf);
}
@font-face {
  font-family: Segoe UI;
  src: url(fonts/SEGOEUI.TTF);
}

html, body {
  margin: 0;
  display: block;
}

b, strong, i, em, del{
  display: inline;
}

h2, h3, h4, h5, h6{
  display: inline-block;
}

section.container ul {
  list-style: none;
  margin: 2em;
  padding: 0;
}
  
 section.container ul li {
    margin: 0;
    padding-left: 1.5em;
    position: relative;
    }
    section.container ul li::after {
      content: '';
      height: .5em;
      width: .5em;
      background: #454545;
      display: block;
      position: absolute;
      transform: rotate(-45deg);
      top: .5em;
      left: 0;
    }    

address::after,
blockquote::after,
div::after,
fieldset::after,
form::after,
h1::after,
h2::after,
h3::after,
h4::after,
h5::after,
h6::after,
hr::after,
ol::after,
p::after,
pre::after,
table::after,
ul::after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
}

#main-slider::after,
#main-slider *::after,
footer *::after{
  display: inline;
  height: 0;
}

header::after{
  content: '';
  display: block;
  clear: both;
  height: 1px;
}

a {
  color: #333232;
  display: block;  
}
  a:hover {
    color: #eb2036;
    text-decoration: underline;
  }
  a:focus, a:active{
    outline: none;
  }

.post p{
  padding: 0 20px;
}

#bgvid {
  display: none;
}

video {
  position: fixed;
  height: auto;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  /*z-index: -100;*/
  z-index: 5;
  background-attachment:fixed;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
}
.play,
.paused{
  position: fixed;
  top:50%;
  left: 50%;
  width: 38px;
  height: 30px;
  z-index: 6;
  background: url(img/play.png) no-repeat 50% 50%;
  display: none;
}
.paused{
  background: url(img/paused.png) no-repeat 50% 50%;
}


#bgimg{
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  z-index: -101;
  background: url(img/main-bg.jpg);
  background-attachment:fixed;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;  
}

.menu-wrap{
  position: fixed;
  display: none;
  min-width: 100%;
  min-height: 100%;
  background: rgba(157, 157, 157, 0.85);
  z-index: 1999;
}

.kluch{
  background: url(img/kluchovi-podii.jpg);
}

.statti{
  background: url(img/stattibg.jpg);
}

.navbar {
  height: auto;
  width: 100%;
  position: fixed;
  border-bottom: none;  
  background-attachment: fixed;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  min-width: 100%;
  margin-bottom: 0;
  padding-bottom: 12px;
}

.navbar nav button,
.navbar nav div[id$='-btn'] {
  position: relative;
  margin: 20px 17px;
  padding: 10px;
  width: 58px;
  height: 58px;
  border: #fafafa solid 2px;
  background: transparent;
  cursor: pointer;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.maky {
  position: absolute;
  top: 21px;
  left: 151px;  
}

.maky:hover::before{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.navbar nav button:focus,
.navbar nav div[id$='-btn']:focus {
  outline: none;
}

.navbar nav button div,
.navbar nav div[id$='-btn'] div {
  position: absolute;
  top: 0;
  left: 5px;
  width: 50px;
  height: 50px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  border-left: #fafafa solid 2px;
  border-bottom: #fafafa solid 2px;
}

.navbar nav button div:hover,
.menu-wrap .menu .menu-item0:hover,
.navbar nav  div[id$='-btn'] div:hover{
  background: rgba(0, 0, 0, 0.3);
}

#menu-close .pic-item0:hover{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.navbar nav .search-btn {
  float: left;
}

.navbar nav .search-btn div::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 9px;
  width: 25px;
  height: 25px;
  background: url(img/sprite.png);
  background-position: -1043px -667px; width: 25px; height: 25px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.qtranxs_widget_end{
  float: left;
}

.navbar nav .mute-btn,
.navbar nav .unmute-btn{
  float: right;
}
.navbar nav .mute-btn div::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 12px;
  width: 25px;
  height: 23px;
  background: url(img/sprite.png);
  background-position: -1006px -690px; width: 25px; height: 23px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navbar nav .unmute-btn div::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 12px;
  width: 25px;
  height: 22px;
  background: url(img/sprite.png);
  background-position: -1078px -690px; width: 25px; height: 22px;  
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

nav{
  position: relative;
}

.navbar nav .up-search-form{
  position: absolute;
  top: -15px;
  width: 170px;
}

.navbar nav .search-box {
  display: none;
  background: transparent;
  height: 30px;
  max-width: 270px;
  width: 100%;
  margin-top: 40px;
  border: none;
  border-bottom: 2px solid #fff;
  color: #fff;
  font-size: 20px;
  padding: 0;
  text-transform: inherit;
  outline-color: transparent;  
}

.navbar nav .search-box:focus {
  outline: none;
}

.navbar nav .logo {
  display: block;
  float: left;
  position: relative;
  padding: 1px 90px;
  margin-top: 70px;
  color: #fff;
  font-size: 30px;
  font-family: DaxlinePro, Myriad Pro, Calibri;
}

.navbar nav .logo::before {
  content: '';
  position: absolute;
  top: -75px;
  left: 53px; 
  width: 230px;
  height: 105px;
  background: url(img/sprite.png);
  background-position: -10px -742px; width: 230px; height: 105px;
}

.navbar nav .menu-btn, 
.menu .menu-btn{
  float: right;
}
  .navbar nav .menu-btn div::before {
    content: '';
    background: url(img/sprite.png);
    background-position: -1078px -667px; width: 25px; height: 13px; 
    width: 25px;
    height: 13px;
    color: #fff;
    position: absolute;
    top: 18px;
    left: 8px;
    font-size: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }


.menu-btns-box{
  float: right;
}

.navbar nav .maki-btn,
.menu .maki-btn{
  float: right;
}
  .navbar nav .maki-btn div::before {
    content: '';
    background: url(img/sprite.png);
    background-position: -1047px -624px; width: 31px; height: 33px;
    width: 31px;
    height: 33px;
    color: #fff;
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .navbar nav .maki-btn:hover div::before {
    content: '';
    background: url(img/sprite.png);
    background-position: -1006px -605px; width: 31px; height: 33px;
    width: 31px;
    height: 33px;  
    color: #fff;
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.navbar-grad {
  background: black;
  background: -moz-linear-gradient(top, black 0%, #2c2c2c 0%, black 0%, #111111 0%, black 12%, black 25%, black 30%, rgba(0, 0, 0, 0.34) 76%, rgba(28, 28, 28, 0.13) 91%, rgba(0, 0, 0, 0.04) 97%, rgba(19, 19, 19, 0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, black), color-stop(0%, #2c2c2c), color-stop(0%, black), color-stop(0%, #111111), color-stop(12%, black), color-stop(25%, black), color-stop(30%, black), color-stop(76%, rgba(0, 0, 0, 0.34)), color-stop(91%, rgba(28, 28, 28, 0.13)), color-stop(97%, rgba(0, 0, 0, 0.04)), color-stop(100%, rgba(19, 19, 19, 0)));
  background: -webkit-linear-gradient(top, black 0%, #2c2c2c 0%, black 0%, #111111 0%, black 12%, black 25%, black 30%, rgba(0, 0, 0, 0.34) 76%, rgba(28, 28, 28, 0.13) 91%, rgba(0, 0, 0, 0.04) 97%, rgba(19, 19, 19, 0) 100%);
  background: -o-linear-gradient(top, black 0%, #2c2c2c 0%, black 0%, #111111 0%, black 12%, black 25%, black 30%, rgba(0, 0, 0, 0.34) 76%, rgba(28, 28, 28, 0.13) 91%, rgba(0, 0, 0, 0.04) 97%, rgba(19, 19, 19, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(0%, #2c2c2c), color-stop(0%, black), color-stop(0%, #111111), color-stop(5%, black), color-stop(25%, black), color-stop(30%, black), color-stop(76%, rgba(0, 0, 0, 0.34)), color-stop(91%, rgba(28, 28, 28, 0.13)), color-stop(97%, rgba(0, 0, 0, 0.04)), to(rgba(19, 19, 19, 0)));
  background: -webkit-linear-gradient(top, black 0%, #2c2c2c 0%, black 0%, #111111 0%, black 5%, black 25%, black 30%, rgba(0, 0, 0, 0.34) 76%, rgba(28, 28, 28, 0.13) 91%, rgba(0, 0, 0, 0.04) 97%, rgba(19, 19, 19, 0) 100%);
  background: -moz-linear-gradient(top, black 0%, #2c2c2c 0%, black 0%, #111111 0%, black 5%, black 25%, black 30%, rgba(0, 0, 0, 0.34) 76%, rgba(28, 28, 28, 0.13) 91%, rgba(0, 0, 0, 0.04) 97%, rgba(19, 19, 19, 0) 100%);
  background: -o-linear-gradient(top, black 0%, #2c2c2c 0%, black 0%, #111111 0%, black 5%, black 25%, black 30%, rgba(0, 0, 0, 0.34) 76%, rgba(28, 28, 28, 0.13) 91%, rgba(0, 0, 0, 0.04) 97%, rgba(19, 19, 19, 0) 100%);
  background: linear-gradient(to bottom, black 0%, #2c2c2c 0%, black 0%, #111111 0%, black 5%, black 25%, black 30%, rgba(0, 0, 0, 0.34) 76%, rgba(28, 28, 28, 0.13) 91%, rgba(0, 0, 0, 0.04) 97%, rgba(19, 19, 19, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313', GradientType=0 );
}

html, body, .wrap {
  width: 100%;
  min-height: 95%;
  height: auto;
}

.slaider-wrap{
  width: 100%;
}

.container{
  height: 95%;
  min-height: 95%;
  margin: 0 auto;
}

.wrap .container {
  max-width: 1200px;
  margin: auto;
}

.wrap .container .main-section {
  position: relative;
  padding: 0 10px 10px;
  height: 103%;
}

#go_down{
  background: url(img/sprite.png);
  background-position: -1066px -492px; width: 38px; height: 30px;
  display: block;
  width: 38px;
  height: 30px;
  position: absolute;
  bottom: 30px;
  left: 48%;
  cursor: pointer;
  z-index: 10;
}

#main-slider {
  width: 100%;
  position: relative;
  border-top:1px #fff solid;
  border-bottom:1px #fff solid;
  z-index: 10;
}

#main-slider .item img {
  display: block;
  width: 100%;
  height: auto;
}

#main-slider .item .slide-caption {
  color: #fff;
  font-family: DaxlinePro, Myriad Pro, Calibri;
  position: absolute;
}

#main-slider .item .slide-text {
  width: 42%;
  color: #fff;
  font-family: Segoe UI, Arial;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
}

footer .footer-up-main{
  background: #d6d6d6;
  z-index: 10;
}

footer .footer-up {
  background-attachment: fixed;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;  
}

footer .footer-up .footer-up-in {
  width: 100%;
  max-width: 1170px;
  padding: 100px 91px;
  color: #333232;
  background: #d6d6d6;
  border-top: 2px #000 solid;
}

.home footer .footer-up .footer-up-in{
  border-top: none;
}

footer .footer-up .footer-up-in .caption {
  text-transform: uppercase;
  font-size: 18px;
}

footer .footer-up .footer-up-in .method-list {
  padding: 0;
}

footer .footer-up .footer-up-in .method-list li {
  /*margin: 13px 0;*/
}

footer .footer-up .footer-up-in .callback-form {
  max-width: 416px;
}

footer .footer-up .footer-up-in .clear{
  display: none;
}

#optinforms-form3-container #optinforms-form3, #optinforms-form3-container #optinforms-form3-inside{
  background: transparent !important;
}

#optinforms-form3-container #optinforms-form3-inside{
  padding: 0;
  margin: 0;
}

 #optinforms-form3-container #optinforms-form3 #optinforms-form3-inside #optinforms-form3-container-right #optinforms-form3-button:hover{
  background: #858585;
}

footer .footer-up .footer-up-in .callback-form .subscribe, input {
  width: 100%;
  height: 52px;
  margin: 15px 0;
  padding-left: 20px;
  font-size: 18px;
  text-transform: uppercase;
  border: 1px solid #969494;
  outline-color: #eb2036;
}

footer .footer-up .footer-up-in .callback-form .subscribe-btn,
button{
  color: #fff;
  background: #828281;
  border: 1px solid #555555;
  padding: 5px 26px;
  font-size: 19px;
  margin: 15px 0;
  float: right;
}

footer .footer-up .footer-up-in .about-project {
  color: #333232;
  text-align: right;
  float: right;
}

footer .footer-up .footer-up-in .about-project .rounded {
  display: none;
}

footer .footer-up .footer-up-in .about-project ul{
  margin: 0;
}


footer .footer-up .footer-up-in .about-project .cat-item,
.page_item,
footer .footer-up .footer-up-in .about-project li {
  text-transform: uppercase;
  text-decoration: none;
  list-style: none;
}

footer .footer-up .footer-up-in .about-project .cat-item li a,
footer .footer-up .footer-up-in .about-project li a {
  font-size: 15px;
}

.menu-wrap .social-btn {
  padding: 25px 0px 25px 480px;
}

footer .footer-up .footer-up-in .social-btn .social-primary-btn,
footer .footer-up .footer-up-in .social-btn .fb-btn,
footer .footer-up .footer-up-in .social-btn .tw-btn, 
footer .footer-up .footer-up-in .social-btn .yt-btn,
footer .footer-up .footer-up-in .social-btn .dl-btn,
.menu-wrap .social-btn .social-primary-btn,
.menu-wrap .social-btn .fb-btn,
.menu-wrap .social-btn .tw-btn, 
.menu-wrap .social-btn .yt-btn  {
  float: left;
  width: 48px;
  height: 48px;
  position: relative;
  background: #454545;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
footer .footer-up .footer-up-in .social-btn .dl-btn{
  float: right;
}

footer .footer-up .footer-up-in .social-btn .social-primary-btn:hover, 
footer .footer-up .footer-up-in .social-btn .fb-btn:hover, 
footer .footer-up .footer-up-in .social-btn .tw-btn:hover, 
footer .footer-up .footer-up-in .social-btn .yt-btn:hover,
footer .footer-up .footer-up-in .social-btn .dl-btn:hover,
.menu-wrap .social-btn .social-primary-btn:hover, 
.menu-wrap .social-btn .fb-btn:hover, 
.menu-wrap .social-btn .tw-btn:hover, 
.menu-wrap .social-btn .yt-btn:hover  {
  background: #858585;
}

footer .footer-up .footer-up-in .social-btn .social-primary-btn::before, 
footer .footer-up .footer-up-in .social-btn .fb-btn::before, 
footer .footer-up .footer-up-in .social-btn .tw-btn::before,
footer .footer-up .footer-up-in .social-btn .yt-btn::before,
footer .footer-up .footer-up-in .social-btn .dl-btn::before,
.menu-wrap  .social-btn .social-primary-btn::before, 
.menu-wrap .social-btn .fb-btn::before, 
.menu-wrap .social-btn .tw-btn::before,
.menu-wrap .social-btn .yt-btn::before {
  content: '';
  position: absolute;
  top: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

footer .footer-up .footer-up-in .social-btn .fb-btn::before,
.menu-wrap .social-btn .fb-btn::before{
  left: 15px;
  background: url(img/sprite.png);
  background-position: -1041px -702px; width: 17px; height: 32px;
}

footer .footer-up .footer-up-in .social-btn .tw-btn::before,
.menu-wrap .social-btn .tw-btn::before  {
  left: 9px;
  background: url(img/sprite.png);
  background-position: -1053px -582px; width: 32px; height: 32px;
}

footer .footer-up .footer-up-in .social-btn .yt-btn::before,
.menu-wrap .social-btn .yt-btn::before {
  left: 12px;
  background: url(img/sprite.png);
  background-position: -1006px -648px; width: 27px; height: 32px;
}

footer .footer-up .footer-up-in .social-btn .dl-btn::before{
  left: 12px;
  background: url(img/sprite.png);
  background-position: -1088px -624px; width: 25px; height: 33px;
}

footer .footer-down {
  background: #1a1a1a;
  z-index: 10;
}

footer .footer-down .footer-down-in {
  padding: 20px;
  color: #fff;
  text-align: center;
}
footer .footer-down .footer-down-in a{
  display: inline-block;
  color: #fff;
}

footer .footer-up .footer-up-in .social-btn li{
  list-style: none;
  display: inline-block;
}

footer .social-btns-row{
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
}

@media screen and (min-width: 506px) and (max-width: 1199px){  
/*  .navbar{
    height: 217px;
  }*/

}

@media screen and (min-width: 320px) and (max-width: 991px){
    .container #content_masonry,
    .container [id^="content_masonry_"]{
      margin: 0;      
    }
} 

@media screen and (min-width: 320px) and (max-width: 729px){
    .container #content_masonry .masonry_item{
        /*left: 25%!important;*/
    }
}

@media screen and (min-width: 320px) and (max-width: 1199px) {

   nav>a{
      height: 100px;
   }

  .navbar nav .logo{
      float: none;
      width: 230px;
      margin: 0 auto;
   }

   .navbar nav .logo::before{
      top: 0;
      left: 0;
  }

   .open-menu-sm,
   .close-menu-sm{
      text-align: center; 
      display: block; 
   }

   .open-menu-sm span,
   .close-menu-sm span{
     font-size: 15px;
     color: #fff;
     cursor: pointer;
     padding: 10px 7px;
     line-height: 37px;
     position: relative;
   }

   .close-menu-sm span{
    line-height: 50px;
   }

    .open-menu-sm span::after{
      content: '▼';    
   }

   .open-menu-sm span::after,
   .close-menu-sm span::after{
      display: block;
      clear: both;
      cursor: pointer;
      padding: 15px;
      font-size: 30px;
      color: #fff;
      position: absolute;
      top: 3px;
      left: 0;     
   }

   .close-menu-sm span::after{
      content: '▲';
      top: -40px;
      left: 25%;
   }  



   #main-menu{
    display: none;
   }

   .menu-wrap .menu {
    height: 600px;
    position: relative;
    z-index: 1000;
    list-style: none;    
  }

  .menu-wrap .menu li{
    display: block;
    clear: both;
    margin-left: 30px;
  }

  .menu-wrap .menu li a{
    font-size: 30px;
    text-transform: uppercase;
  }

  #menu-close{
    float: right;
    font-size: 25px;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    transform: rotate(44deg);
    -moz-transition:2s;
    -o-transition: 2s;  
    -webkit-transition: 2s; 
    transition: 2s; 
  }

    .menu-wrap .menu .menu-item0{
    position: relative;
    top: 14px;   
    left: -8px; 
    width: 32px;
    height: 32px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    border: #fafafa solid 2px;
    list-style: none; 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  .menu-wrap .menu .menu-item0 .pic-item0{
    color: #fff;
    font-size: 25px;
    position: absolute;
    top: -13px;
    left: -4px;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    transform: rotate(44deg);
    -moz-transition:2s;
    -o-transition: 2s;  
    -webkit-transition: 2s; 
    transition: 2s;  
  } 

  footer .footer-up .footer-up-in .callback-form .subscribe, input{
    margin: 0;
  }
  
  .upper-social-btn{
    display: none;
  }

  .aligncenter {
    /*clear: both;
    margin: 10px auto;*/
    float: none;
  }

}

@media screen and (min-width: 320px) and (max-width: 505px) {

  #qtranslate-chooser{
    width: 100%;
    text-align: center;
    padding: 0;
  }

 .menu-btns-box{
    width: 100%; 
    text-align: center;   
 }

 .menu-btns-box .menu-in-box{
    margin: 0 auto;
    display: inline-block;
    /*padding: 0;
    width: 258px;*/
 } 

  .post p,
  .post figure {
    text-align: center;
    /*float: left;*/
    width: 100%;  
    padding: 0 20px;  
  }
  .post figure>figure{
    padding: 0 0;
  }
  #ebibl-post.post figure{
    padding: 0 0;
  }

  .post figure .wp-caption-text{
    max-width: 700px;
    width: 100%;
  }

  .container{
    padding-left: 0;
    padding-right: 0;    
  }

  .container #content_masonry,
  .container [id^="content_masonry_"]{
    margin-left: 0;
    width: 100%;
  }

  .container .page-name{
    font-size: 25px;
    }

    .block, .block-postati, .block-statti{
      width: 314px !important;
    }

  .container #content_masonry .masonry_item a .post-name,
  .container [id^="content_masonry_"] .masonry_item a .post-name{
      word-break: break-word;
  }

  .post #search-field{
    margin: 0 20px;
  }
  
  .post #search-field .input-field,
  .post #search{
    width: 100%;
  }

  .post #search-field .input-field .search-submit{
    float: none;
    margin: 0 auto;
  }

}
@media screen and (min-width: 320px) and (max-width: 505px) {
  .post figure{
    width: auto;
  }
}

@media screen and (min-width: 320px) and (max-width: 606px) {
/*  .navbar{
    height: 185px;
  }*/

/*  .navbar nav .logo{
    width: 100%;
  }*/

  #main-menu{
    width: 100%;
    margin-top: 22px;
  }  
}


@media screen and (min-width: 320px) and (max-width: 768px) {

/*  .navbar nav .logo::before{
    left: 11px;
  }*/

}

@media screen and (min-width: 768px) and (max-width: 992px) {
/*  .navbar nav .logo::before{
    left: -44px;
  }*/
}

@media screen and (min-width: 320px) {
  .navbar nav div[id$='-btn']{
    margin: 20px 14px;
  }

  .navbar nav .up-search-form{
    left: 123px;
  }

  #main-slider .item .slide-caption {
    font-size: 20px;
    top: 2px;
    right: 115px;
  }
  #main-slider .item .slide-text {
    line-height: 15px;
    font-size: 17px;
    top: 22px;
    right: 67px;
  }

  footer .footer-up .footer-up-in{
    padding: 100px 10px;
  }

  footer .footer-up .footer-up-in .social-btn .social-primary-btn,
  footer .footer-up .footer-up-in .social-btn .fb-btn,
  footer .footer-up .footer-up-in .social-btn .tw-btn, 
  footer .footer-up .footer-up-in .social-btn .yt-btn,
  footer .footer-up .footer-up-in .social-btn .dl-btn,
  .menu-wrap .social-btn .social-primary-btn,
  .menu-wrap .social-btn .fb-btn,
  .menu-wrap .social-btn .tw-btn, 
  .menu-wrap .social-btn .yt-btn  {
    margin: 17px 9px;    
  }
  footer .footer-up .footer-up-in .social-btn{
    padding: 0;
  }

}

@media screen and (max-width: 799px) {
  #go_down{
      left: 47%;
    }
  .container #content_masonry .masonry_item,
  .container [id^="content_masonry_"] .masonry_item{
      width: 100%;
  }
  .container .photo-post p{
    margin-left: 10px;
    margin-right: 10px;
  }
  .container [class^='html5gallery-title-']{
    height: 72px;
  }  
  .container .gallery-item figcaption{
    width: 300px;
  }
  .kluchovi-podii-bg .container .gallery-item figcaption{
    width: auto;
    max-width: 100%;
    margin-right: 10px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 419px) {
  #go_down{
      left: 45%;
    }
  .container .owl-wrapper{
    width: auto !important;
    max-width: 100%;
  }
  .container .owl-controls{
    display: none;
  }
  .container [class^='html5gallery-car-7']{
      top: 310px !important;
    }
}

@media screen and (min-width: 420px) {
  #main-slider .item .slide-caption {
    font-size: 20px;
    top: 2px;
    right: 160px;
  }
  #main-slider .item .slide-text {
    line-height: 15px;
    font-size: 17px;
    top: 27px;
    right: 67px;
  }
  
}

@media screen and (min-width: 520px) {
  #main-slider .item .slide-caption {
    font-size: 20px;
    top: 2px;
    right: 200px;
  }
  #main-slider .item .slide-text {
    line-height: 15px;
    font-size: 17px;
    top: 27px;
    right: 67px;
  }
}

@media screen and (min-width: 600px) {
  #main-slider .item .slide-caption {
    font-size: 35px;
    top: 2px;
    right: 232px;
  }
  #main-slider .item .slide-text {
    line-height: 27px;
    font-size: 28px;
    top: 37px;
    right: 131px;
  }
}

@media screen and (min-width: 710px) {
  #main-slider .item .slide-caption {
    font-size: 40px;
    top: -7px;
    right: 277px;
  }
  #main-slider .item .slide-text {
    line-height: 33px;
    font-size: 35px;
    top: 45px;
    right: 153px;
  }
}

@media screen and (min-width: 810px) {
  html, body {
    background: transparent;
  }

  #bgvid {
    display: block;
  }

  #main-slider .item .slide-caption {
    font-size: 54px;
    top: -7px;
    right: 251px;
  }
 
  #main-slider .item .slide-text {
    line-height: 37px;
    font-size: 45px;
    top: 55px;
    right: 146px;
  }
}
@media screen and (min-width: 1000px) {

  #main-slider .item .slide-caption {
    top: 0px;
    right: 383px;
  }

  #main-slider .item .slide-text {
    line-height: 51px;
    font-size: 53px;
    top: 60px;
    right: 192px;
  }
}

@media screen and (min-width: 1200px) {
  .menu-wrap .menu {
    display: block;
    height: 600px;
    position: relative;
    z-index: 1000;
    list-style: none;
    margin-top: 0;
  }

  .menu-wrap .menu::before{
    content: '';
    display: block;
    position: absolute;
    top: 120px;
    left: 25px;
    width: 1114px;
    height: 482px;
    background: url(img/sprite.png);
    background-position: -10px -0px; width: 1114px; height: 482px;
  }

  .menu-wrap .menu .menu-item {
    position: absolute;
    float: left;
    border: #fff solid 5px;
    background: #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
  }

  .menu-wrap .menu .menu-item .pic-item {
    display: block;
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .menu-wrap .menu .menu-item .pic-item{
    text-align: center;
  }

  .menu-wrap .menu .menu-item .pic-item span{
    /*position: absolute;*/
/*    text-shadow: #000 1px 0px, 
                 #000 1px 1px, 
                 #000 0px 1px, 
                 #000 -1px 1px, 
                 #000 -1px 0px, 
                 #000 -1px -1px, 
                 #000 0px -1px, 
                 #000 1px -1px;*/
     /* background: rgba(0, 0, 0, .37);*/
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 1;
    -moz-opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  }

  .menu-wrap .menu .menu-item .pic-item span::before{
    content: '';
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;    
  }

  .menu-wrap .menu .menu-item .pic-item:hover{
    text-decoration: none;    
  }

.menu-wrap .menu .menu-item .pic-item{
  opacity: .75;
  -moz-opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  }
  .menu-wrap .menu .menu-item .pic-item:hover  {
    opacity: 1;
    -moz-opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    /*opacity: .59;
    -moz-opacity: .59;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=59);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=59);*/
    -webkit-transform: rotate(45deg) scale(1.3);
    -moz-transform: rotate(45deg) scale(1.3);
    -ms-transform: rotate(45deg) scale(1.3);
    -o-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);}

  .menu-wrap .menu .menu-item0{
    position: absolute;
    top: 23px;
    left: 1060px;
    width: 50px;
    height: 50px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    border: #fafafa solid 2px;
    list-style: none; 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .menu-wrap .menu .menu-item0 .pic-item0 {
    font-size: 25px;
    position: absolute;
    top: -5px;
    left: 5px;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    transform: rotate(44deg);
    -moz-transition:2s;
    -o-transition: 2s;  
    -webkit-transition: 2s; 
    transition: 2s;  
  }

  .menu-wrap .menu .menu-item1,
  .menu-wrap .menu .menu-item4,
  .menu-wrap .menu .menu-item7,
  .menu-wrap .menu .menu-item10 {
    width: 176px;
    height: 176px;
  }
  .menu-wrap .menu .menu-item1 .pic-item1,
  .menu-wrap .menu .menu-item4 .pic-item4,
  .menu-wrap .menu .menu-item7 .pic-item7,
  .menu-wrap .menu .menu-item10 .pic-item10{
    height: 240px;
    width: 240px;
    top: -36px;
    left: -36px;
    background: url(img/sprite.png);
  }
  .menu-wrap .menu li[class*= "menu-"] span{
    color: #fff;
    opacity: 1;
    -moz-opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;    
  }
    .menu-wrap .menu .menu-item1 span,
    .menu-wrap .menu .menu-item4 span,
    .menu-wrap .menu .menu-item7 span,
    .menu-wrap .menu .menu-item10 span{
      line-height: 166px;
    }
    .menu-wrap .menu .menu-item2 span,
    .menu-wrap .menu .menu-item3 span,
    .menu-wrap .menu .menu-item5 span,
    .menu-wrap .menu .menu-item6 span,
    .menu-wrap .menu .menu-item8 span,
    .menu-wrap .menu .menu-item9 span{
      line-height: 120px;
    }
    .menu-wrap .menu li[class*= "menu-"] span>a,
    .menu-wrap .menu li[class*= "menu-"] span span:hover>a,
    .menu-wrap .menu li[class*= "menu-"] span span:focus>a{
      color: #fff;
      text-decoration: none;
    }

  .menu-wrap .menu .menu-item1 {
    top: 272px;
    left: 64px;
    /*width: 176px;
    height: 176px;*/
  }
  .menu-wrap .menu .menu-item1 .pic-item1 {    
    background-position: -261px -492px; 
  }

  .menu-wrap .menu .menu-item4 {
    top: 272px;
    left: 350px;
    /*width: 176px;
    height: 176px;*/
  }  
  .menu-wrap .menu .menu-item4 .pic-item4 {
    /*height: 240px;
    width: 240px;
    top: -41px;
    left: -36px;
    background: url(img/sprite.png);*/
    background-position: -760px -492px;
  }

  .menu-wrap .menu .menu-item7 {
    top: 272px;
    left: 639px;
 /*   width: 176px;
    height: 176px;*/
  }
  .menu-wrap .menu .menu-item7 .pic-item7 {
    /*height: 240px;
    width: 240px;
    top: -36px;
    left: -38px;
    background: url(img/sprite.png);*/
    background-position: -10px -492px;
  }

  .menu-wrap .menu .menu-item10 {
    top: 272px;
    left: 925px;
  /*  width: 176px;
    height: 176px;*/
  }  
  .menu-wrap .menu .menu-item10 .pic-item10 {
    /*height: 240px;
    width: 240px;
    top: -37px;
    left: -37px;
    background: url(img/sprite.png);*/
    background-position: -513px -492px;
  }


  .menu-wrap .menu .menu-item2,
  .menu-wrap .menu .menu-item3,
  .menu-wrap .menu .menu-item5,
  .menu-wrap .menu .menu-item6,
  .menu-wrap .menu .menu-item8,
  .menu-wrap .menu .menu-item9{
    width: 125px;
    height: 125px;
  }
  .menu-wrap .menu .menu-item2 .pic-item2,
  .menu-wrap .menu .menu-item3 .pic-item3,
  .menu-wrap .menu .menu-item5 .pic-item5,
  .menu-wrap .menu .menu-item6 .pic-item6,
  .menu-wrap .menu .menu-item8 .pic-item8,
  .menu-wrap .menu .menu-item9 .pic-item9{
    top: -33px;
    left: -31px;
    background: url(img/sprite.png);
    background-position: -244px -742px;
    width: 175px; 
    height: 175px;
  }
  .menu-wrap .menu .menu-item2 .pic-item2 span,
  .menu-wrap .menu .menu-item3 .pic-item3 span,
  .menu-wrap .menu .menu-item5 .pic-item5 span,
  .menu-wrap .menu .menu-item6 .pic-item6 span,
  .menu-wrap .menu .menu-item8 .pic-item8 span,
  .menu-wrap .menu .menu-item9 .pic-item9 span{
    line-height: 175px;
    margin-left: 7px;
  }

  .menu-wrap .menu .menu-item2 {
    top: 157px;
    left: 233px;
/*    width: 125px;
    height: 125px;*/
  }
  .menu-wrap .menu .menu-item3 {
    top: 442px;
    left: 233px;
/*    width: 125px;
    height: 125px;*/
  }
  
  /*.menu-wrap .menu .menu-item3 .pic-item3 {
    height: 175px;
    width: 176px;
    top: -33px;
    left: -31px;
    background: url(img/sprite.png);
    background-position: -250px -742px; width: 175px; height: 174px;
  }*/
   
  .menu-wrap .menu .menu-item5 {
    top: 157px;
    left: 520px;
    /*width: 125px;
    height: 125px;*/
  }
  
  /*.menu-wrap .menu .menu-item5 .pic-item5 {
    height: 175px;
    width: 176px;
    top: -33px;
    left: -31px;
    background: url(img/sprite.png);
    background-position: -250px -742px; width: 175px; height: 174px;
  }*/
  
  .menu-wrap .menu .menu-item6 {
    top: 442px;
    left: 520px;
/*    width: 125px;
    height: 125px;*/
  }
  
  /*.menu-wrap .menu .menu-item6 .pic-item6 {
    height: 175px;
    width: 176px;
    top: -33px;
    left: -31px;
    background: url(img/sprite.png);
    background-position: -250px -742px; width: 175px; height: 174px;
  }*/
  
  
  
  .menu-wrap .menu .menu-item8 {
    top: 156px;
    left: 810px;
/*    width: 125px;
    height: 125px;*/
  }
  
 /*.menu-wrap .menu .menu-item8 .pic-item8 {
    height: 175px;
    width: 176px;
    top: -33px;
    left: -31px;
    background: url(img/sprite.png);
    background-position: -250px -742px; width: 175px; height: 174px;
  }*/
  
  .menu-wrap .menu .menu-item9 {
    top: 442px;
    left: 810px;
/*    width: 125px;
    height: 125px;*/
  }
  
  /*.menu-wrap .menu .menu-item9 .pic-item9 {
    height: 175px;
    width: 176px;
    top: -33px;
    left: -31px;
    background: url(img/sprite.png);
    background-position: -250px -742px; width: 175px; height: 174px;
  }*/
  
  

  .navbar nav .up-search-form{
    left: 175px;
  }
  
  #main-slider .item .slide-caption {
    font-size: 62px;
    top: 23px;
    left:49%;
    white-space: nowrap;
  }
  
  #main-slider .item .slide-text {
    line-height: 1.8em;
    font-size: 57px;
    top: 88px;
    left:39%;
    white-space: nowrap;
  }

  footer .footer-up .footer-up-in .social-btn .social-primary-btn,
  footer .footer-up .footer-up-in .social-btn .fb-btn,
  footer .footer-up .footer-up-in .social-btn .tw-btn, 
  footer .footer-up .footer-up-in .social-btn .yt-btn,
  footer .footer-up .footer-up-in .social-btn .dl-btn,
  .menu-wrap .social-btn .social-primary-btn,
  .menu-wrap .social-btn .fb-btn,
  .menu-wrap .social-btn .tw-btn, 
  .menu-wrap .social-btn .yt-btn  {
    margin: 12px 10px;
  }

  .post{
    margin-left: 105px;
    margin-right: 95px;
  }

}

@media (min-width: 1450px) {
  /* line 494, ../sass/wwii-style.scss */
  #main-slider .item .slide-caption {
    top: 14px;
    right: 647px;
  }
  /* line 498, ../sass/wwii-style.scss */
  #main-slider .item .slide-text {
    line-height: 52px;
    right: 291px;
  }
}
@media (min-width: 1700px) {
  /* line 509, ../sass/wwii-style.scss */
  #main-slider .item .slide-caption {
    font-size: 62px;
    top: 67px;
    right: 849px;
  }
  /* line 514, ../sass/wwii-style.scss */
  #main-slider .item .slide-text {
    line-height: 55px;
    width: 41%;
    font-size: 57px;
    top: 145px;
    right: 333px;
  }
}


 /*Kluchovi podii page*/

 .kluchovi-podii-bg{
    padding-top: 190px;   
    background: url(img/kluchovi-podii.jpg);
    background-attachment:fixed;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    display: block;
    min-height: 100%;
    min-width: 100%;
 }

 .substrate{       
    background: url(img/paperbg.png); 
    color: #464646; 
    font-family: Segoe UI;
    padding-bottom: 70px;
    text-align: center;
 }

 #kluchovi-podii.substrate a:hover{
    color: inherit;
    text-decoration: none;
  }

  #kluchovi-podii .block .photo-frame{
    overflow: hidden;
  }

 #kluchovi-podii a:nth-child(2),  #kluchovi-podii a:nth-child(5), #kluchovi-podii a:nth-child(7){
    padding-top: 25px;
}

 #kluchovi-podii a:nth-child(3), #kluchovi-podii a:nth-child(4), #kluchovi-podii a:nth-child(6), #kluchovi-podii a:nth-child(8){
    padding-bottom: 25px;
}

 .page-name{
    text-align: center;
    font-size: 30px;
    margin: 40px 0;
 }

.block, .block-postati, .block-statti{
  margin: 1px;  
  padding: 6px;
  border: 3px solid #fff;
  display: inline-table;
  min-height: 317px; 
  min-width: 310px;
  width: 327px;   
}

#content_masonry,
[id^="content_masonry_"] {
  margin-left: 55px;
}
#content_masonry .masonry_item,
[id^="content_masonry_"] .masonry_item{
  padding: 2px; 
  float: left;
  display: inline-table;
  text-align: center;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

  #kluchovi-podii .block{
    display: inline-block;
    width: 245px;
    min-width: 240px;
    margin: 10px 0;
  }

.block{
  background: #e2e2e2;
}

.block:hover{
  background: #fff;
}

.block .post-name, .block-statti .post-name{
  font-size: 25px;
  text-align: center;
  line-height: 1.1em;
}

.block p:last-child, 
.block-statti p:last-child{
  font-size: 19px;
  text-align: center;
}
.kluchovi-podii-bg .block p:last-child{
  font-size: 14px;
}

/*About project page*/

.post p{
  font-size: 16px;
  overflow: hidden;
}

/*404 page*/
.kluchovi-podii-bg .substrate .alert{
  margin: 60px;
  font-weight: bold;
  color: #eb2036;
  font-size: 30px;
}

.search-form label .screen-reader-text{
  display: none;
}

.kluchovi-podii-bg .substrate .search-form-404{
  display: block;
  max-width: 800px;
  width: 100%; 
}

.search-form label{ 
  float: left;
}

.search-form .search-field{
  max-width: 560px;
  width: 64%;
  display: block;  
  float: left;
}

#search{
  margin: 15px 0;
}

.search-submit{
  width: 135px;
  float: left;
  padding: 10px;
  margin-left: 27px;
  color: #fff;
  background: #828281;
  border: 1px solid #555555;
}

#search-menu-item .search-submit{
  display: none;
}

#search-menu-item .search-field{
  max-width: 350px;
}

/*Postati page*/

.block-postati{
  background: #eddec3;
  position: relative;
  -webkit-transition: 1s;
     -moz-transition: 1s;
       -o-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
  }


.block-postati p:last-child{
  font-size: 15px;
  text-align: center;
}

.block-postati .post-name{
  font-weight: 900;
  font-size: 22px;
  text-align: center;
  margin-bottom: 33px;
}

.block-postati .thumbnail-box {
  overflow: hidden;
}

.block-postati:hover{
  background: #fff; 
}

.block-postati:hover .thumbnail-box img{  
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.post p{
  text-align: left;
}

.post p a{
  color: #eb2036;
  display: inline-block;
}

.post p a:hover{
  color: #eb2036;
  text-decoration: underline;
}

/*.post p a img{
  margin: 5px 15px;
}*/

/*figure a img, .thumb a img, p a img{
  max-width: 950px;
  width: 100%;
  height: auto;
}*/

figure{
  max-width: 1000px;
  width: 100%;
}
section.container figure{
  max-width: 100%;
  width: auto;
}
  section.container figure img{
    max-width: 100%;
    height: auto;
    margin: 5px 0;
  }

.post figure[id^="attachment_"]{
  padding: 0;
  overflow: hidden;
  display: block;
  vertical-align: top;
  max-width: 100%;
}

.info figure[id^="attachment_"]{
  display: inline-block;
}

.container .post {
display: block;
/*margin: 0 auto;*/
}

 /*For image <figure> style*/
.wp-caption { 
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
 moz-border-radius: 3px;
 khtml-border-radius: 3px;
 webkit-border-radius: 3px;
border-radius: 3px;
/*strong>margin: 0;*/
padding: 0;
border: 0 none;
}

.alignleft {
  float: left;
  margin-right: 20px;
}
.alignright{
  float: right;
  margin-left: 20px;
}
.aligncenter{
  clear: both;
  margin: 10px auto;
  max-width: 100% !important;
}
.aligncenter img{
  max-width: 100%!important;
  height: auto!important;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.size-large, .size-full{
  max-width: 950px;
  width: 100%; 
  height: auto; 
}

/*.size-medium{
  max-width: 800px !important;
  width: 40% !important; 
  height: auto;   
}*/

blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 100%;
    margin: 10px;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    background: rgba(170, 170, 170, .5);
}
 
blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: 3px;
    top: -10px;
    color: #7a7a7a;
}
 
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
  
blockquote cite:before {
    content: "\2014 \2009";
}

/*Statti page*/

 .statti-bg{
    padding-top: 190px;    
    background: url(img/stattibg.jpg);
    background-attachment:fixed;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    display: block;
    min-height: 100%;
    min-width: 100%;
 }

 .statti-caption{
    color: #fff;
 }

 .block-statti{
    background: #dbd6d6;
    border: 3px solid #f9f0f1;
 }

  .block-statti:hover,
  .block-statti:focus{
    background: #fefefe;
    color: #333232;
    text-decoration: none;
  }

.block-statti img{
  max-width: 298px;
  width: 100%;
}

.about-project div ul .cat-item-5{
  display: none;
}

.morelink{
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 25px;
}
  .morelink a,
  .morelink a:hover,
  .morelink a:focus{
    color: #fff;
  }

/*Page Biblioteka*/
@media screen and (min-width: 320px) and (max-width: 991px){
    #ebibl-post figure{
    display: inline-block;
  }
  
  #ebibl-post .wp-caption{
    float: none;
  }

}

@media screen and (min-width: 992px) {
  #ebibl-post .wp-caption{
    float: left;
  }
}

#ebibl-post .wp-caption{
  width: 230px;
  margin: 15px 40px;
}

#ebibl-post .wp-caption .wp-caption-text{
  position: relative;
  text-align: center;
  margin: 10px 0;
  padding: 0 3px;
}

#ebibl-post .wp-caption .wp-caption-text a.pdf::after{
  content: '';
  position: absolute;
  top: -55px;
  left: 162px;
  width: 37px;
  height: 40px;
  background: url(img/sprite.png);
  background-position: -1066px -532px; width: 37px; height: 40px;
}
#ebibl-post .wp-caption .wp-caption-text a.word::after{
  content: '';
  position: absolute;
  top: -55px;
  left: 162px;
  width: 37px;
  height: 40px;
  background: url(img/sprite.png);
  background-position: -1006px -555px; width: 37px; height: 40px;
}

/*Page Video*/
.wonderplugingallery-container div div div a{
  display: none;
}

/*Page Karty */

.gallery-item .gallery-icon{
  width: 300px;
  height: 191px;
  overflow: hidden;
}

/*Page Vystavka*/

#vystavka .gallery .gallery-item{
  margin: 20px 15px;
}

#vystavka .gallery .gallery-item, 
#vystavka .gallery .gallery-item .gallery-icon{
  height: 300px;
  width: 200px;
  overflow: visible;
}

#vystavka .gallery .gallery-item .gallery-icon{
  margin: 0 auto;
}

/*@media screen and (min-width: 320px) and (max-width: 400px) {
 #vystavka .gallery .gallery-item{
    width: 100%;
    float: none;
    margin: 37px auto;
    margin: 20px 0;
    display: inline-block;
  }

  #vystavka .gallery .gallery-item .gallery-icon{
    margin: 0 auto;
  }

}

@media screen and (min-width: 400px) and (max-width: 649px) {
    #vystavka .gallery .gallery-item{
      width: 45%;
      margin: 20px 0;
    }

}

@media screen and (min-width: 649px) and (max-width: 719px) {
    #vystavka .gallery .gallery-item{    
      margin: 20px auto;
    }
}
*/
@media screen and (min-width: 320px) and (max-width: 469px) {
  #vystavka .gallery .gallery-item{
      margin: 30px auto;
      width: 99%; 
      float: none;   
  }
}

@media screen and (min-width: 470px) and (max-width: 719px) {
    #vystavka .gallery .gallery-item{
      margin: 20px auto;
      width: 41%;
    }

    #vystavka .gallery .gallery-item:nth-child(n){      
      float: left;
    }

   #vystavka .gallery .gallery-item:nth-child(2n){    
      float: right;
    }
}

@media screen and (min-width: 720px) and (max-width: 991px) {
    #vystavka .gallery .gallery-item{
        float: left;
    }   
}
/*///////////////////////////////// For Maps /////////////////////////*/

@media screen and (min-width: 320px) and (max-width: 654px){
    .post .gallery-item{
      width: 100%;
      margin: 20px auto;
      padding: 0;
    }

    .gallery-item>div{
        margin: 0 auto;
    }
}

@media screen and (min-width: 654px) and (max-width: 991px) {
    .gallery-item{
      margin: 20px auto;
      width: 41%;
      overflow: hidden;
    }
    .gallery-item:nth-child(n){      
      float: left;
    }

   .gallery-item:nth-child(2n){    
      float: right;
    }
}

@media screen and (min-width: 992px) {
  section.container .gallery-item{
    float: left;
    width: 310px;
    height: 210px;
    margin: 37px 1px;
  }
}

/*Category Photogallery*/
.photo-post{
  margin: auto 100px;
}

#photo .block{
  position: relative;
  width: 298px;
  height: 172px;
  overflow: hidden;
  background: #000;
  border: none;
  padding: 0;
  margin: 4px;
  min-height: 172px;
}

#photo .block .post-name{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 30px;
  font-family: Segoe UI;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s, visibility 0s linear 0.7s;
}

#photo .block:hover .post-name{
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

#photo .block:hover .photo-frame img{
  opacity: .7;
  -moz-opacity: .7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/*Single Photo*/

.photo-post figure{
  position: relative;
  margin: 3px;
  display: inline-block;
  text-align: center;
  background: none;
  overflow: hidden;
  max-width: 275px;
  max-height: 300px;
}

.photo-post figure a{
  display: block;
}

.photo-post figure a img{
    width: 300px;
    height: auto;    
}

.photo-post figure .wp-caption-text{
  position: absolute;
  top: 95px;
  left: -4px;
  display: none;
  color: #fff;
  font-size: 36px;
  font-family: Segoe UI;
}

.photo-post figure:hover .wp-caption-text{
  display: inline-block;
  text-align: center;  
}

.photo-post figure a img:hover{
  opacity: .7;
  -moz-opacity: .7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.kluchovi-podii-bg .container .post figure{
  background: transparent;
}

.share-box{
  width: 100%;
  clear: both;
}

.share-box .share-btn{
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  margin: 10px;
  background: #454545;  
  position: relative;
  -webkit-transition: .7;
  -moz-transition: .7;
  -o-transition: .7;
  transition: .7;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.share-box .share-btn:before{
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  left: 6px;
  top: 8px;
  display: block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.share-box .share-fb-btn:before{
  background: url(img/share-fb-btn.png);
  width: 11px;
  left: 9px;
  top: 5px;
}

.share-box .share-tw-btn:before{
  background: url(img/share-tw-btn.png);
  left: 4px;
  top: 6px;  
}

.share-box .share-goo-btn:before{
  background: url(img/share-goo-btn.png);
}

.share-box .share-vk-btn:before{
  background: url(img/share-vk-btn.png);
  height: 12px;
}

.share-box .share-ok-btn:before{
  background: url(img/share-ok-btn.png);
  width: 12px; 
  left: 9px;
  top: 4px;
}

.share-box .share-fb-btn:hover{
  background: #3b5998;
}

.share-box .share-tw-btn:hover{
  background: #10dffd;
}

.share-box .share-goo-btn:hover{
  background: #db4733;
}

.share-box .share-vk-btn:hover{
  background: #155e8b;
}

.share-box .share-ok-btn:hover{
  background: #eb712e;
} 

.clear-fix{
  height: 1px;
  clear: both;
}

.search-post-box img{
  float: left;
  margin-right: 20px;
}

.search-edit-footer{
  float: right;
}

.search-edit-footer a{
  color: red;
  font-weight: bold;
}

.search-edit-footer 
.screen-reader-text{
  font-weight: bold;
}

@media screen and (min-width: 320px) and (max-width: 800px){
  .search-post-box img{
    float: none;
    margin: 0;
  }
}

#qtranslate-chooser{
  float: left;
}
#qtranslate-chooser li{
  display: inline-block;
  list-style: none;
  line-height: 100px;
}
  #qtranslate-chooser li a:hover,
  #qtranslate-chooser li:hover a,
  #qtranslate-chooser li a span:hover,
  #qtranslate-chooser li a:focus,
  #qtranslate-chooser li:focus a,
  #qtranslate-chooser li a span:focus,
  #qtranslate-chooser .active a:hover span,
  #qtranslate-chooser .active a:focus span{
    text-decoration: none;
    border-bottom: none;
  }

#qtranslate-chooser li a span{
  color: rgba(255,255,255,0.75);
}
  #qtranslate-chooser li:hover>a>span,
  #qtranslate-chooser li>a:hover>span,
  #qtranslate-chooser li:focus>a>span,
  #qtranslate-chooser li>a:focus>span{
    color: rgba(255,255,255,1); 
    border-bottom: 2px solid #eb2036;
  }

#qtranslate-chooser .active a span{
  font-weight: bold;
  color: rgba(255,255,255,1); 
}

.padding-block{
  display: block;
  height: 400px;
}

/*///////////////// Baner Wonder plugin delete //////////////////*/

.wonderplugingallery a{
  display: none;
}

/*////////////////////////////Video gallery //////////////////////*/

#video-owl .item{
    background: #42bdc2;
    padding: 30px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.owl-video .owl-controls{
    position: relative;
}

.owl-video .owl-buttons{
  position: absolute;
  bottom: 230px;
  left: 0;
  width: 100%;
  height: 0;
}

.owl-video .owl-buttons .owl-prev{
  float: left;
}

.owl-video .owl-buttons .owl-next{
  float: right;
}

.owl-video .owl-controls .owl-buttons div{
  margin: -29px;
  font-size: 70px;
  font-weight: 900;
  background: transparent;
  opacity: 1;
}

.owl-video .owl-controls .owl-buttons div:hover{
  color: #333;
}

#video-owl .item{
  background: transparent;
  padding: 0;
}

.owl-video .item img{
  max-width: 100%;
}

.owl-video .item h5,
.owl-video .item .channel-title{
  font-size: 14px;
  color: #333;
}

.owl-video .item .img-box{
  position: relative;
}

.owl-video .item .channel-title{
  font-size: 11px;
}

.owl-video .item .duration{
  position: absolute;
  top: 78%;
  right: 0;
  background: rgba(0, 0, 0, .7);
  font-size: 11px;
}

/*//////////////////////// VIDEO PLAYER ///////////////////////////*/

.video-frame{
  width: 100%;
}

.video-wrap{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: rgba(0, 0, 0, .7);
  /*pointer-events: none;*/
}

.iframe-in{
  position: relative;
  margin: 10% auto;
  width: 90%;
}

.video-close-btn,
.arrow{
  font-size: 50px;
  color: #fff;
  cursor: pointer;
  line-height: 50px;
  padding: 20px;
}

.arrow-box{
  position: absolute;
  top: 40%;
  width: 100%;
  height: 0;
}

.arrow-box .arr-left{
  float: left; 
}

.arrow-box .arr-right{
  float: right;
}

.open-frame{
  display: block;
}

#cboxLoadedContent{
  overflow: hidden !important;
}
.page-id-130 #cboxLoadedContent,
.page-id-174 #cboxLoadedContent{
  overflow: auto !important;
}

body #cboxOverlay{
  background: #000;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

body #cboxTitle{
  padding-left: 5px;
  padding-right: 70px;
  color: #fff;
  background: rgba(0,0,0,0.5);
}

#colorbox, 
#cboxOverlay, 
#cboxWrapper{
  overflow: visible!important;
}

#colorbox, 
#cboxClose{
  outline: none;
}

@media screen and (min-width: 320px) and (max-width: 729px){
    .iframe-in{
      margin: 50% 0;
    }
}

@media screen and (min-width: 730px) and (max-width: 1200px){
    .iframe-in{
      margin: 30% auto;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1500px){
     .iframe-in{
      margin: 20% auto;
    } 
}
