* {
  padding: 0;
  margin: 0;
}

html {
                       background: url('http://konstantinionenko.com/images/bg.jpg') no-repeat bottom center fixed;
                          background-color: #FFF;
                        /*-webkit-background-size: cover;
                        -moz-background-size: cover;`
                        -o-background-size: cover;
                        background-size: cover; */
}

html, body {
  min-height: 100%;
}

.bodys {


}
a {

   color: #3960b1;
}
.press a strong, .opisaniels span a:link, .opisaniels a:link {
   color: #3960b1 !important;
}

.active {
    padding: 2px 1px 4px 6px;
    background: #ebebeb;
}
.header {
width: 100%;
height: 80px;

}

.header-inner {
position:relative;
height: 80px;

}

.blimgleft {
  float: left; width: 280px;
}
.bltextright {
  float: right; width: 615px;
}

.cl {
  clear: both;
}


.osnnblverh {
position:absolute;
width: 760px;
height: 20px;
top:47%;
text-align: center;
left:50%;
margin-top:-13px;
margin-left: -375px;
}
p {
  padding: 1px;
}

.logo {
   font-family: Novecentosanswide-DemiBold;
   font-size: 12px;
    /*float: left;*/
    letter-spacing: 2px;
    padding-top: 2px;
}



.dj-slide-in  {
  font-family: OpenSansRegular !important;
}

.dj-slide {
   opacity: 1 !important;
}

.nn_tabs-tab:hover {
     color: #4a4a4a !important;
    text-transform: uppercase;
    font-family: Novecentosanswide-Normal;
    letter-spacing: 3px;
    text-decoration: none;
    font-size: 11px;
    padding: 5px 14px 5px 14px;
   border:  transparent;
   border-bottom-color: transparent !important;
}

.nn_tabs.outline_handles ul.nav-tabs>li a:hover {
  background: transparent;
}

.nn_tabs-tab.active, .nn_tabs-tab {
      color: #4a4a4a !important;
    text-transform: uppercase;
    font-family: Novecentosanswide-Normal;
    letter-spacing: 3px;
    text-decoration: none;
    font-size: 11px;
    padding: 5px 14px 5px 14px;
   border:  transparent;
    background: #e5e5e5;
}





.nn_tabs>ul.nav-tabs>li>a {
   color: #4a4a4a !important;
}

.nn_tabs.outline_handles ul.nav-tabs>li a {
   border: none;
}

.nn_tabs.outline_handles ul.nav-tabs>li a:hover {
   border: none;
}

.tab-pane.nn_tabs-pane.active {
  background: transparent;
}

.nn_tabs-tab.active {
  background: red !important;
}

.nn_tabs .nav-tabs>li.active>a {
 background: #e5e5e5;
}

.nn_tabs.top>ul.nav-tabs>li.active a  {
  border-bottom-color: transparent !important;
}



#dj-galleryGrid3m95 {
  width: 416px !important;
}


#dj-galleryGrid3m95 .dj-slide  {
  width:137px !important;
  height: 137px !important;
}

#dj-galleryGrid3m95 .dj-slide-desc-text {
  width: 107px !important;
  padding: 2px !important;
}

#dj-galleryGrid3m95 .dj-slide-desc, #dj-galleryGrid3m95 .dj-slide-desc-in {
  width: 113px !important;
}


.logo a {
  color: #4d4d4d;
}

a {
  text-decoration:none;
}

.menu {
   float: right;


}

.menu.vurov {
  float: none;
  padding-top: 1px;
}
.customloos {
    padding-top: 1px;
}

ul.nav.menu li {
  display: inline;


}


.container {
  height: 100%;
  min-height: 100%;
}

ul.nav.menu li a {
color: #4a4a4a;
}

ul.nav.menu li a:link {
  color: #4a4a4a;
  text-transform: uppercase;
  font-family: Novecentosanswide-Normal;
  letter-spacing: 3px;
  text-decoration: none;
  font-size: 11px;
  padding: 5px 14px 5px 14px;

}

ul.nav.menu li a:hover {
   background: #ebebeb;
     color: #4a4a4a;
   }
ul.nav.menu li a:visited {

     color: #4a4a4a;
   }

ul.nav.menu li a.active {
     background: #ebebeb;
}



.row-fluid {

  position:relative;

  max-height: 670px;
  height: 670px;


}

.blackZone {
  background: url('http://konstantinionenko.com/images/fonkont.png') ;

}

.osn {
   position:absolute;
   width: 340px;
   height: 74px;
   margin-left: -170px;
  text-align: center;
  color: #202020;
  font-family: Novecentosanswide-Normal;

   font-size: 28px;
   top:50%;
   left:50%;
   letter-spacing: 3px;

}

#parent {
     margin: -160px auto 0;
     position: absolute;
     height: 160px;
    text-align: center;
    width: 100%;

    bottom: 0px;
}

.fofte {
  position:absolute;
  bottom: 0;
  width: 215px;
  height: 50px;
  left: 50%;
  margin-left: -98px;

}

.nizs {
    font-family: Novecentosanswide-Normal;
    font-size: 13px;
  width: 441px;
  margin: 0 auto;
  text-align: center;
}

.nizs a {
   color: #3960b1;
}

.kont  {
    width: 280px;
    height: 74px;
    margin-left: -140px;
    text-align: center;
    color: #202020;
    font-family: Novecentosanswide-Medium;
    font-size: 16px;
    top: 50%;
    position: absolute;
    left: 50%
}
.kont a {
  color: #4a4a4a;
}



.press a strong {
  color: #000;
}

.ph {
   font-size: 14px;
    font-family: OpenSansRegular;
    line-height: 25px;
    width: 980px;
    margin: 0 auto;
    max-height: 640px;
    overflow: hidden;
    padding-top: 20px;
}

.phg {
   font-size: 14px;
    font-family: OpenSansRegular;
    line-height: 25px;
    width: 1010px;
    margin: 0 auto;
    height: 640px;
    overflow: hidden;
    padding-top: 20px;
}

.press {
    font-size: 14px;
    font-family: OpenSansRegular;
    line-height: 25px;
    /*width: 788px; */
    width: 960px;
    margin: 0 auto;
    max-height: 640px;
    overflow: hidden;
    padding-top: 20px;

}

#dj-galleryGrid1m90 .dj-slide-in {
  padding-left: 27px;
}

.dj-slide:hover {
  opacity: 1 !important;
}

#dj-galleryGrid1m90 .dj-slide  {
  width:239px !important;
  height: 239px !important;
}

#dj-galleryGrid1m90, #dj-galleryGrid2m91 {
  width: 960px !important;
}

.nn_tabs.outline_content>ul.nav-tabs {
  padding-left: 50%;
    margin-left: -60px;
}


.nn_tabs .nav-tabs>li.active>a, .nn_tabs .nav-tabs>li.active>a:hover, .nn_tabs>ul.nav-tabs>li>a {
    font-family: Novecentosanswide-Normal;
    letter-spacing: 2px;

}

#photo, #video, .nn_tabs-toggle {
  background: transparent;
}

.nn_tabs .nav-tabs, .nn_tabs.outline_content>.tab-content {
  border: none;
}

.nn_tabs .nav-tabs>li>a {
      padding: 3px 9px;
}

.nn_tabs.top>ul.nav-tabs>li.active a {
   border-bottom-color: #ddd;
}



@media (max-height: 900px) {
.row-fluid {
position:relative;
max-height: 630px;
height: 630px;
}

.row-fluid.blackZone {
position:relative;
max-height: 630px;
height: 630px;
}

.press {
  height: 600px;
}

.ph {
  height: 600px;
}

.phg {
  height: 600px;
}

.pppnp {
height: 480px !important;
}

.albumms {
   height: 480px !important;
}

.row-fluid.black {
  height: 630px;
}


}

@media (max-height: 850px) {
.row-fluid {
position:relative;
max-height: 630px;
height: 630px;
}

.row-fluid.blackZone {
position:relative;
max-height: 630px;
height: 630px;
}

.press {
  height: 600px;
}

.ph {
  height: 600px;
}

.phg {
  height: 600px;
}

.pppnp {
height: 480px !important;
}

.albumms{
   height: 480px !important;
}

.row-fluid.black {
  height: 630px;
}

#parent {
     margin: -100px auto 0;
     position: absolute;
     height: 100px;
    text-align: center;
    width: 100%;

    bottom: 0px;
}


}

@media (max-height: 800px) {
.row-fluid {
position:relative;
max-height: 560px;
height: 560px;
}

.row-fluid.blackZone {
position:relative;
max-height: 560px;
height: 560px;
}

.blackZone {
  height: 540px;
}

.press {
  height: 530px;
}

.ph {
  height: 530px;
}

.phg {
  height: 530px;
}

.pppnp {
height: 420px !important;
}

.row-fluid.black {
  height: 560px;
}

.albumms {
   height: 420px !important;
}


}

@media (max-height: 768px) {
.row-fluid {
position:relative;
max-height: 540px;
height: 540px;
}

.row-fluid.blackZone {
position:relative;
max-height: 540px;
height: 540px;
}


.pppnp {
height: 400px !important;
}

.albumms {
   height: 400px !important;
}

.press {
  height: 510px;
}

.ph {
  height: 510px;

}

.phg {
  height: 510px;

}

#parent {
     margin: -50px auto 0;
     position: absolute;
     height: 5px;
    text-align: center;
    width: 100%;

    bottom: 0px;
}

}

@media (max-height: 700px) {
.row-fluid {
position:relative;
max-height: 440px;
height: 440px;
}

.row-fluid.blackZone {
position:relative;
max-height: 440px;
height: 440px;
}


.pppnp {
height: 300px !important;
}

.albumms {
   height: 300px !important;
}

.press {
  height: 410px;
}

.ph {
  height: 410px;

}

.phg {
  height: 410px;

}

}

@media (max-height: 500px) {
.row-fluid {
position:relative;
max-height: 240px;
height: 240px;
}

.row-fluid.blackZone {
position:relative;
max-height: 240px;
height: 240px;
}


.pppnp {
height: 200px !important;
}

.albumms {
   height: 200px !important;
}

.press {
  height: 210px;
}

.ph {
  height: 210px;

}

.phg {
  height: 210px;

}

}






/*@media (max-height: 800px)  {
   html {

                       background: url('http://konstantinionenko.com/images/bg.jpg') no-repeat bottom center fixed;
                          background-color: #FFF;


}

}*/

.slicknav_menu {
	display:none;
}

.content_muz {
  float: right; width: 235px; padding: 3px; height: 140px;
}

@media screen and (max-width: 800px) {
	.js #menu {
		display:none;
	}

    .fotoblocl {
      float: none !important;
     width: 100% !important;
     text-align: center;
    }

    .foto1 img {
      width: 90% !important;
    }
    #description {
      margin-bottom: 150px;
    }

    .content_muz {
      float: none;
      width: 100%;
    }

	.js .slicknav_menu {
		display:block;
        background:  transparent;
        color: #202020;
        text-align: center;
	}

    .slicknav_btn {
      position: absolute;
    }

    .blackZone {
       background:  transparent !important;
    }

     .row-fluid {

   }

   .oneevent:hover {
     background: transparent;
   }

   #tabs .tabs li a.active {
     background: transparent !important;
   }

   html {
     background: transparent !important;
   }

    body {

    background-image: url('http://konstantinionenko.com/images/bg_mobile.jpg') !important;
    background-repeat: no-repeat;
    background-position: bottom center;

}

.allevent {
  margin-bottom: 120px !important;
}

.reveal-modal {
  width: 400px !important;
    margin-left: -207px !important;
  padding: 10px !important;
}

.highlight {
  background: #FFF !important;
}

.highyy {
  display: none;
}

.slicknav_btn.slicknav_btn.slicknav_collapsed.hides {
   padding-right: 47% !important;
}



}

@media screen and (max-width: 620px)  {

   .osnnblverh, .osn, .kont, .ph, .phg, .press {
     width: 100% !important;
   }

   .row-fluid {
     width: 99% !important;

   }

   .height {
       height: 100%;
   }

   .nizs {
     width: 100% !important;
     margin: 0;
   }


   .row-fluid.blackZone {
     height: 100% !important;
     max-height: 100% !important;
   }

   .press {
     height: 100% !important;
     max-height: 100% !important;
     background: transparent;
     width: 96%;
     padding-left: 10px;


   }

   .allevent {
     width: 100% !important;
   }

   .oneevent {
      padding: 10px !important;
   }

   .fofte {
     left: auto;
     margin: 0;
   }

   .ph {
    height: 100%;
    max-height: 100% !important;
   }

   .phg {
     height: 100%;
    max-height: 100% !important;
   }

   .logo {
     float: none;
     width: 100% !important;
   }

   .osnnblverh {
     height: 100% !important;
   }

   #parent {
     position: relative;
     margin: 0;
     width: 100% !important;
      height: 100%;
   }

   .allevent {
     width: 100%;
     margin: 0;
   }

   .dateevent, .titleevent, .whereevent {
     float: none !important;
     width: 100% !important;
     text-align: left !important;
   }

   .osn {
     margin: 0;
     padding: 0;

     left: auto;
     top: 45%;
   }

   .oneevent {
      border-bottom: 1px solid #CCC;
   }

   #dj-galleryGrid1m90, #dj-galleryGrid2m91 {
     width: 100% !important;
   }

   .nn_tabs.outline_content>ul.nav-tabs {
     padding-left: 10px;
     margin: 0;
   }

   .sklaud {
     width: 100% !important;
     margin: 5px;
   }

   .sklaudleft {
     display: none;
   }

   .sklaudright {
     float: none !important;
      width: 100% !important;
      padding-left: 5px !important;

   }

   .blackZone {
     background: transparent !important;
   }

   #dj-galleryGrid3m95 {
     width: 100% !important;
   }

   .pppnp, .albumms{
     width: 100% !important;
     height: 100% !important;
   }

   .fotoblocl {

   }

   .foto1 img {

   }

   .osnnblverh {
    position: absolute;
    width: 100%;
    height: 20px;
    top: 45%;
    text-align: center;
    left:  auto;
    margin-top: -13px;
    margin: 0;
   }
   #dj-galleryGrid1m90 .dj-slide-in {
     padding-left: 5px !important;
   }

   #dj-galleryGrid1m90 .dj-slide {
    width: 49% !important;
    height: 40% !important;

}
#dj-galleryGrid3m95 .dj-slide {
  width: 110px !important;
}

  .fofte {
    position: relative;
    width: 100%;
  }

  .osnnblverh {
     width: 100% !important;
  }

  .blimgleft {
  float: none !important; width: 100%; text-align: center;
}
.bltextright {
   float: none !important; width: 100%; padding: 0px 5px 0px 5px;
}

.ph {
  width: 100% !important;
  height: 100% !important;
}

.nav-tabs {
  display:  block !important;
 ;

}

.nn_tabs.outline_content>ul.nav-tabs {
        /* padding-left: 10px; */
    /* margin: 0; */
    text-align: center;
    width: 100%;
     padding-left: 31%;
    margin: 0;
}

.dj-slide  {
  width: 100% !important;
  height: 100%;
}

.kont {
  width: 100%;
  margin-left: 0;
  left: 0;
  top:30%;
}

.nizs {
  display: none;
}

.active {
  padding: 0;

}

ul.slicknav_nav {
  position: absolute;
  width: 100%;
  z-index: 6;
  top:40px;
}

.header {
  position: absolute;
  height: 20px;

}

.header-inner {
  height: 20px;
}

.osnnblverh {
    top: -161%;
    text-align: left;
    left: 8px;
    width: 50px !important;
    margin-top: 0px;

}

html {

                       background: url('http://konstantinionenko.com/images/bg.jpg') no-repeat bottom center fixed;
                          background-color: #FFF;

}





}