/*!



*/

.my-gallery { 

}
.my-gallery img {
  width: 100%;

  object-fit: cover;
  width:360px;
  height:360px;
  margin: 0px;
  padding: 0px;    

}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 360px;
}
.my-gallery figcaption {
  display: none;
}

.img--square {
  object-fit: cover;
  width:360px;
  height:360px;
  margin: 0px;
  padding: 0px;    
}


.ico:before,.select:after{
  content:''
}

fieldset,hr,img,legend{
  border:0
}

pre,textarea{
  overflow:auto
}
  
fieldset,input[type=checkbox],input[type=radio],legend,ol,td,th,ul{
  padding:0
}

.btn,.program dt,.subtitles{
  text-align:center
}

.ico:before{
  background-image:url(../img/sprite.svg);
  background-repeat:no-repeat;
  font-size:10px;
  display:inline-block;
  margin:-1px 8px 0 0;
  vertical-align:middle
}

body,fieldset,figure,h1,hr{
  margin:0
}

.no-svg .ico:before{
  background-image:url(../img/sprite.png)
}

.ico-contact:before{
  background-position:0 0;
  height:120px;
  width:120px
}

.ico-contact-rev:before{
  background-position:-120px 0;
  height:120px;
  width:120px
}

.ico-fb:before{
  background-position:-108px -120px;
  height:36px;width:36px
}

.ico-fb-black:before{
  background-position:-233px -120px;
  height:13px;
  width:7px
}

.ico-fb-yellow:before{
  background-position:-36px -120px;
  height:36px;
  width:36px
}

.ico-host:before{
  background-position:-96px -156px;
  height:31px;
  width:25px
}

.ico-insta:before{
  background-position:-26px -156px;
  height:35px;
  width:35px
}

.ico-insta-yellow:before{
  background-position:-61px -156px;
  height:35px;
  width:35px
}

.ico-instagram:before{
  background-position:-121px -156px;
  height:13px;
  width:13px
}

.ico-mail:before{
  background-position:-144px -120px;
  height:36px;
  width:36px
}

.ico-mail-yellow:before{
  background-position:-180px -120px;
  height:36px;
  width:36px
}

.ico-phone:before{
  background-position:-72px -120px;
  height:36px;
  width:36px
}

.ico-phone-yellow:before{
  background-position:0 -120px;
  height:36px;
  width:36px
}

.ico-place:before{
  background-position:0 -156px;
  height:35px;
  width:26px
}

.ico-program:before{
  background-position:-216px -120px;
  height:22px;
  width:17px
}

.ico-sound:before{
  background-position:-216px -142px;
  height:13px;
  width:15px
}

*{
  box-sizing:border-box
}

html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

audio,canvas,progress,video{
  display:inline-block;
  vertical-align:baseline
}

audio:not([controls]){
  display:none;
  height:0
}

[hidden],template{
  display:none
}

a{
  background-color:transparent;
  text-decoration:underline
}

.btn,.program dd a,a:active,a:hover{
  text-decoration:none
}

a:active,a:hover{
  outline:0
}

abbr[title]{
  border-bottom:1px dotted;
  cursor:help
}

b,optgroup,strong{
  font-weight:700
}

dfn,em{
  font-style:italic
}

mark{
  background:#ff0;
  color:#000
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sup{
  top:-.5em
}

sub{
  bottom:-.25em
}svg:not(:root){
  overflow:hidden
}

code,kbd,pre,samp{
  font-family:monospace,monospace;
  font-size:1em
}

button,input,optgroup,select,textarea{
  border:0;
  color:inherit;
  font:inherit;
  margin:0
}

button{
  overflow:visible
}

button,select{
  text-transform:none
}

.nav,.nav2__btn,.program dd strong{
  text-transform:uppercase
}

button,html input[type=button],input[type=reset],input[type=submit]{
  -webkit-appearance:button;
  cursor:pointer
}

button[disabled],html input[disabled]{
  cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner{
  border:0;
  padding:0
}

input{
  line-height:normal
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
  height:auto
}

input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}

textarea{
  vertical-align:top;
  resize:none
}

table{
  border-collapse:collapse;
  border-spacing:0
}

x-object-fit{
  position:relative!important;
  display:inline-block!important
}

x-object-fit>.x-object-fit-taller,x-object-fit>.x-object-fit-wider{
  position:absolute!important;
  left:-100%!important;
  right:-100%!important;
  top:-100%!important;
  bottom:-100%!important;
  margin:auto!important
}

.x-object-fit-none>.x-object-fit-taller,.x-object-fit-none>.x-object-fit-wider{
  width:auto!important;
  height:auto!important
}

.x-object-fit-fill>.x-object-fit-taller,.x-object-fit-fill>.x-object-fit-wider{
  width:100%!important;
  height:100%!important
}

.x-object-fit-contain>.x-object-fit-taller{
  width:auto!important;
  height:100%!important
}

.x-object-fit-contain>.x-object-fit-wider,.x-object-fit-cover>.x-object-fit-taller{
  width:100%!important;
  height:auto!important
}

.x-object-fit-cover>.x-object-fit-taller,.x-object-fit-cover>.x-object-fit-wider{
  max-height:none!important
}

.x-object-fit-cover>.x-object-fit-taller{
  max-width:none!important
}

.x-object-fit-cover>.x-object-fit-wider{
  width:auto!important;
  height:100%!important;
  max-width:none!important
}

.swiper-slide,.swiper-wrapper{
  width:100%;
  height:100%;
  position:relative
}

.x-object-position-top>.x-object-fit-taller,.x-object-position-top>.x-object-fit-wider{
  top:0!important;
  bottom:auto!important
}

.x-object-position-right>.x-object-fit-taller,.x-object-position-right>.x-object-fit-wider{
  left:auto!important;
  right:0!important
}

.x-object-position-bottom>.x-object-fit-taller,.x-object-position-bottom>.x-object-fit-wider{
  top:auto!important;
  bottom:0!important
}

.x-object-position-left>.x-object-fit-taller,.x-object-position-left>.x-object-fit-wider{
  left:0!important;
  right:auto!important
}

.swiper-container{
  margin:0 auto;
  position:relative;
  overflow:hidden;
  z-index:1
}

.swiper-container-no-flexbox .swiper-slide{
  float:left
}

.swiper-container-vertical>.swiper-wrapper{
  -ms-flex-direction:column;
  flex-direction:column
}

.swiper-wrapper{
  z-index:1;
  display:-ms-flexbox;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
  -ms-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper{
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}

.swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function:ease-out;
  margin:0 auto
}

ol,p,ul{
  margin:0
}

.swiper-slide{
  -webkit-flex-shrink:0;
  -ms-flex:0 0 auto;
  -ms-flex-negative:0;
  flex-shrink:0
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto
}

.swiper-container-autoheight .swiper-wrapper{
  -ms-flex-align:start;
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-container .swiper-notification{
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000
}

.swiper-wp8-horizontal{
  -ms-touch-action:pan-y;
  touch-action:pan-y
}

.swiper-wp8-vertical{
  -ms-touch-action:pan-x;
  touch-action:pan-x
}

h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:0;
  font-weight:400;
  text-rendering:optimizelegibility
}

input[type=text],label,textarea{
  display:block;
  font-weight:600;
  line-height:22px
}

ol,ul{
  list-style:none
}

dl{
  margin-bottom:0
}

form{
  margin-top:25px
}

label{
  font-size:13px;
  font-size:1.3rem;
  line-height:2.2rem
}

input[type=text],textarea{
  background:#dddde1;
  border-radius:5px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-size:1.3rem;
  line-height:2.2rem;
  padding:5px 10px;
  color: #000;
}

input[type=text]{
  height:39px;
  width:228px
}

textarea{
  height:143px;
  width:453px
}

select{
  color: #000;
}

.select{
  display:inline-block;
  position:relative;
  padding:0
}

.select:after{
  background-image:url(http://filamentgroup.com/files/select-arrow.png);
  background-repeat:no-repeat;
  background-size:100%;
  height:8px;
  margin-top:-4px;
  pointer-events:none;
  position:absolute;
  right:1em;
  top:50%;
  width:9px;
  z-index:2
}

.btn,body,html{
  height:100%
}

.floor--vr:before,a.program-download:before{
  right:0;content:''
}

.select select{
  background:0 0;
  border:1px solid transparent;
  color:#444;
  box-sizing:border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-size:1em;
  font-family:helvetica,sans-serif;
  font-weight:700;
  line-height:1.3;
  margin:0;
  outline:0;
  padding:.6em 1.9em .5em .8em;
  width:100%
}

.select select option{
  font-weight:400
}

.select select:focus{
  background:0 0;
  color:#222;
  border:1px solid #aaa;
  outline:0;
  box-shadow:0 0 1px 3px #b4defa
}

.select:hover{
  border:1px solid #888
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
  .select select::-ms-expand{
    display:none
  }
  .select select:focus::-ms-value{
    background:0 0;color:#222
  }
}

@-moz-document url-prefix(){
  .select{
    overflow:hidden
  }
  .select select{
    width:120%;
    width:calc(100% em)
  }
}

.select select:-moz-focusring{
  color:transparent;text-shadow:0 0 0 #000
}

x:-o-prefocus{display:none}.select{
  border:1px solid #bbb;
  border-radius:.3em;box-shadow:0 1px 0 1px rgba(0,0,0,.04);
  background:#f3f3f3;
  background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%)
}

button{
  margin-top:19px
}

.btn{
  background:#000!important;
  color:#fff!important;
  displaY:inline-block;
  font-size:14px;
  font-size:1.4rem;
  font-weight:700;
  line-height:22px;
  line-height:2.2rem;
  min-width:164px;
  padding:20px 40px;
  transition:background .2s
}

a,body{
  color:#000
}

.btn+.btn{
  margin-left:13px
}

.btn:hover{
  background:#fbba00!important
}

html{
  font-size:62.5%
}

body{
  background:#000;
  font:14px/22px Arial,Helvetica,sans-serif;
  font:1.4rem/2.2rem Arial,Helvetica,sans-serif
}

body:before{
  background:no-repeat #000;
  content:'';
  display:block;
  height:100px;
  left:0;
  opacity:0;
  position:fixed;
  top:0;
  transition:opacity 1s;
  width:100%;
  z-index:90
}

.floor,.floor h2,.floor h2 span{
  position:relative
}

body.with-bar:before{
  opacity:.8
}

@media only screen and (max-width:767px){
  body{
    background-attachment:fixed;
    background-image:url(/img/space.jpg);
    background-size:cover
  }
}

@media only screen and (max-width:768px){
  body:before{height:60px
  }
}

.floor{
  color:#000
}

.floor a{
  color:#84909a
}
a:active,a:focus{
  outline:#84909a dotted 1px
}

.lightbox__close:focus,.lightbox__controls:focus,.nav a:focus,.nav-link:focus{
  outline:0
}

.floor{

  width:100%;
  z-index:2
}

.floor h2{
  font:italic 700 13px/32px "Trebuchet MS",Helvetica,sans-serif;
  font:italic 700 1.3rem/3.2rem "Trebuchet MS",Helvetica,sans-serif;
  margin-bottom:22px
}

.floor h2 span{
  display:inline-block;
  padding-bottom:6px
}

.floor h2 span:after{
  bottom:0;
  background:#000;
  content:'';
  display:block;
  height:5px;
  left:0;
  position:absolute;
  width:100%
}

.floor h3{
  font:700 40px/60px proxima-nova,Arial,Helvetica,sans-serif;
  font:700 4rem/6rem proxima-nova,Arial,Helvetica,sans-serif;
  margin-bottom:21px
}

.floor p{
  margin-top:20px
}

.floor+.floor,.lightbox+.floor{
  margin-top:150px
}

.js .floor+.floor,.js .lightbox+.floor{
  margin-top:15%
}

.floor--yellow{
  background:#f3ca03
}

.floor.floor--yellow h2{
  color:#000
}

.floor--black{
  background:#000;
  color: #fff;
  opacity:0.9;
}

.floor--white{
  background:#eee;
  color: #000;
  opacity:0.9;
}

.floor__center{
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  overflow:hidden;
  padding:24px 25px 50px;
  position:relative;
  width:1100px
}

.img-bg{
  left:0;
  position:fixed;
  height:100%;
  object-fit:cover;
  top:0;
  z-index:1
}
}

.floor__left{
  clear:both;
  float:left;
  width:47.85%
}

.floor__left h3{
  margin-bottom:50px
}

.floor__left{
  margin-left:7px
}

@media only screen and (max-width:767px){
  .floor h3{
    font-size:3rem;
    line-height:3.5rem
  }
  .floor__center{
    padding-left:20px;
    padding-right:20px
  }
  .floor__left{
    float:none;
    width:100%
  }.floor__left h3{
    margin-bottom:15px
  }
}

.floor__right{
  float:right;
  width:47.85%
}

.program,.img-bg,hr{
  width:100%
}

.floor__right p{
  margin-top:10px
}

.floor__right p strong{
  color:#000
}

.floor__right p:first-child{
  margin-top:5px
}

.floor__right p+p{
  margin-bottom:10px
}

@media only screen and (max-width:767px){
  .floor__right{
    float:none;
    margin-top:35px;
    width:100%
  }
}

hr{
  background:#7f7f7f;
  clear:both;
  float:left;
  height:2px;
  margin-bottom:45px;
  margin-top:30px
}

.with-bar .subtitles{
  display:none
}

@media only screen and (min-width:1200px){
  .floor__center{
    padding-bottom:80px;
    padding-top:80px
  }
  .subtitles{
    font-size:4rem
  }
}



@media only screen and (max-width:767px){
  hr{
    margin-bottom:25px;
    margin-top:25px
  }
  .img-bg{
    display:none
  }
}

.logo,.logo.is-cornering{
  height:165px;
  width:355px
}

a.program-download:hover strong{
  text-decoration:underline
}

#kontakty a,.nav a,.nav2 a{
  text-decoration:none
}

#kontakty a{transition:color .2s}
#kontakty a:hover{color:#f3ca03}
.instafeed{width:100%}
.instafeed a{float:left;position:relative;width:16.66666667%}
.instafeed a:hover .instafeed__content{opacity:1}
.instafeed a:hover img{
  -ms-transform:scale(1.1);
  transform:scale(1.1);
  transition:transform .4s
}


.nav,.nav2{position:fixed}

@media only screen and (max-width:768px){
  .nav-link{display:block}
}
.nav{
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
  font-size:20px; 
  font-size:1.8rem;
  line-height:24px;
  line-height:4.2rem;
  left:0;text-align:center;
  transition:top .4s;
  top:0px;
  width:100%;
  background-color: #000;
  padding: 0px 0px 0px 0px;
  opacity:0.8;
  z-index:102
}
.nav li{display:inline-block;margin:0 5px}
.nav li:first-child{margin-top:0}
.nav li.is-active a{color:#d6047f}
.nav a{color:#fff;display:block;padding:10px;transition:color 250ms}
.nav a:hover{color:#d6047f}

@media only screen and (max-width:768px){
  .nav{
    background:#fff;
    display:none;
    padding-bottom:20px;
    padding-top:20px;
    text-align:center;
    top:60px;
    z-index:105
  }
  .nav li,.nav.is-visible{display:block}
  .nav li{margin-bottom:10px;margin-top:10px;padding-bottom:10px;padding-top:10px}
  .nav a{color:#000}
}

@media only screen and (max-width:1200px){
  .floor--vr .floor__right h3{white-space:inherit}
  .nav2__btn{display:none}
}

.floor--footer{
  background:0 0;
  color:#fff;
  font-size:12px;
  font-size:1.2rem;
  background-color: #000;
  opacity:0.8;
}
.floor--footer .floor__center{
  padding-bottom:50px;
  padding-top:25px
}
.ico--phone,.icon-list a{min-height:35px;padding-top:7px}

.footer__brainz{float:right}
.footer__brainz a{color:#fff;transition:color .2s}
.footer__brainz a:hover{color:#000}
.footer__brainz a:hover img{filter:invert(100%)}
.footer__brainz img{
  display:inline-block;
  margin-left:3px;
  margin-top:-2px;
  transition:filter .2s;
  vertical-align:middle
}

 .floor--contact{
   float: left;
   width: 25%;
 }
 
  .floor--contact p{
    margin: 0px;
    padding: 2px 0px;
  }

address{
  font-style:normal;
  line-height:25px;
  line-height:2.5rem;
  padding-left:138px;
  position:relative
}
.ico-contact,.ico-contact:after{
  height:120px;
  position:absolute;
  width:120px;
  top:0;
  display:block
}

address a:hover{font-weight:700}
@media only screen and (max-width:480px){
  address{
    padding-left:0;
    text-align:center
  }
}
.ico--fb a,.ico--insta a,.ico--mail a,.ico--phone{padding-left:50px}
.ico-contact{left:0;margin:0}
.ico-contact:after,.ico-contact:before{margin-top:-13px}
.ico-contact:before{transition:opacity 250ms}
.ico-contact:after{
  background:url(../img/sprite.svg) -120px 0 no-repeat;
  content:'';
  left:-9999px;opacity:0;
  transition:opacity 250ms,left 0s 250ms
}
.ico-contact:hover:before{opacity:0}
.ico-contact:hover:after{left:0;opacity:1;transition:opacity 250ms}

@media only screen and (max-width:480px){
  .ico-contact{margin:0 auto 20px;position:relative}
}
.icon-list{margin-top:-5px;overflow:hidden}
#pripravujeme .floor__center,.upcoming{overflow:visible}
.icon-list li{float:left;margin-top:55px;position:relative;width:45%}
.icon-list li:after,.icon-list li:before{
  background-image:url(../img/sprite.svg);
  display:block;
  height:35px;
  left:0;
  margin:0;
  position:absolute;
  top:0;
  transition:opacity 250ms;
  width:35px
}
.icon-list li:after{left:-9999px;opacity:0}
.icon-list li:first-child,.icon-list li:first-child+li{margin-top:0}
.icon-list li:first-child,.icon-list li:first-child+li+li{width:55%}
.icon-list li:hover:after{left:0;opacity:1}
.ico--fb:hover:before,.ico--insta:hover:before,.ico--mail:hover:before{opacity:0}
.icon-list a{display:block;position:relative;transition:all .2s;z-index:2}
.icon-list a:before{
  height:35px;
  left:0;
  margin:0;
  position:absolute;
  top:0;
  transition:opacity 250ms;
  width:35px
}
.icon-list a:after{left:-9999px;opacity:0}
.icon-list a:hover{color:#f3ca03}
@media only screen and (max-width:768px){
  .icon-list{margin-top:50px}
  .icon-list li{margin-top:30px;width:50%}
  .icon-list li:first-child,.icon-list li:first-child+li+li{width:50%}
}
@media only screen and (max-width:480px){
  .icon-list li,.icon-list li:first-child+li{margin-top:15px}
  .icon-list li{float:none;width:100%}
  .icon-list li:first-child,.icon-list li:first-child+li+li{width:100%}
}
.ico--mail:before{background-position:-144px -120px}
.ico--mail:after{background-position:-180px -120px;content:''}
.ico--fb:before{background-position:-108px -120px}
.ico--fb:after{background-position:-36px -120px;content:''}
.ico--phone:before{background-position:-72px -120px}
.ico--insta:before{background-position:-26px -156px}
.ico--insta:after{background-position:-61px -156px;content:''}
.upcoming{position:relative}
.upcoming a:hover h4{background:#f3ca03;background:rgba(243,202,3,.8);color:#000}
.upcoming a:hover img{-ms-transform:scale(1.1);transform:scale(1.1)}
.upcoming a:hover em{color:#f3ca03}
@media only screen and (max-width:1070px){
  #pripravujeme h3{margin-bottom:0}
  .upcoming{padding-top:50px}
}
.upcoming__col{float:left;width:30%}
.upcoming__col p{color:#7f7f7f;margin-top:0}
.upcoming__col em,.upcoming__col strong{color:#000}
.upcoming__col em{font-weight:700;transition:color .4s}
.upcoming__img{height:213px;margin-bottom:20px;overflow:hidden;position:relative}
.upcoming__img img{
  display:block;
  height:100%;
  left:0;object-fit:cover;
  position:absolute;
  top:0;transition:transform 450ms;
  width:100%
}
.upcoming__img h4{
  background:#000;
  background-color:rgba(0,0,0,.5);
  bottom:0;
  color:#fff;
  font-size:14px;
  font-size:1.4rem;
  font-weight:700;
  line-height:20px;
  line-height:2rem;
  left:0;
  min-height:72px;
  padding:16px 25px;
  position:absolute;
  transition:background 250ms,color 250ms;
  width:100%
}
.upcoming__controls{
  cursor:pointer;
  display:block;
  height:50px;
  margin-top:-25px;
  position:absolute;
  top:50%;
  width:35px;
  z-index:2
}
.upcoming__controls:after,.upcoming__controls:before{
  background:#000;
  content:'';
  display:block;
  height:2px;
  margin:-1px 10px 0;
  position:absolute;
  top:50%;
  transition:opacity .1s .1s,transform 150ms;
  width:15px
}
.upcoming__controls:before{
  -ms-transform:rotate(45deg);
  transform:rotate(45deg)
}
.upcoming__controls:after{
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.upcoming__controls.swiper-button-disabled{cursor:auto}
.upcoming__controls.swiper-button-disabled:after,.upcoming__controls.swiper-button-disabled:before{opacity:.2}
.upcoming__prev{margin-right:37px;right:100%}
.upcoming__prev:after,.upcoming__prev:before{
  left:2px;
  -ms-transform-origin:0 1px;
  transform-origin:0 1px
}
@media only screen and (max-width:1070px){
  .upcoming__controls{margin-top:0;top:0}
  .upcoming__prev{left:-10px;margin-right:0;right:auto}
}
.upcoming__next{margin-left:37px;left:100%}
.upcoming__next:after,.upcoming__next:before{
  right:2px;
  -ms-transform-origin:15px 1px;
  transform-origin:15px 1px
}
@media only screen and (max-width:1070px){
  .upcoming__next{left:auto;margin-left:0;right:-10px}
}

@-ms-viewport{width:device-width}