/*
Theme Name: Alvernia Studios (wersja zooptymalizowana)
Theme URI: 
Description: Temat dedykowany dla Alvernia Studios, zrealizowany przez agencję interaktywną MKI - <a href="http://mki.pl/">http://mki.pl/</a>"
Version: 1.0
Author: Grzegorz Kaim, Michał Królikowski
Author URI: http://mki.pl
Tags: alvernia studios, mki
*/


@import "css/layout.css";

@import "css/mobile.css";




/*#top {position: relative;z-index: 16;}*/
#top {z-index: 16;}
#top > img {display: block;}

/* ----------------------------- */
/* == Menu */
/* ----------------------------- */
.menu-wrapper {
  position: relative;
  z-index: 100;
  font-family: 'impact', sans-serif;
  font-size: 1.857em;
  text-transform: uppercase;
  padding-top: 6px;
  padding-bottom: 6px;
  background:  url(images/bg_menu.png) ;
  background-repeat: no-repeat;
  background-position: 0 -4px;
  
}
.menu-wrapper .menu {
  float: right;
  list-style: none outside none;
  margin: 0;
  padding-left: 0;
  padding-right: 25px;
  white-space: nowrap;
}

.menu-wrapper .langs {float: left; width: 10%; margin: 0;}
.menu-wrapper .langs ul {margin: 0;}
.menu-wrapper .langs li {display: inline-block; margin: 0; position: relative; padding:0.2em 0; line-height: 15px;  }
.menu-wrapper .langs li:before {content: "/"; left: -0.3em; position: absolute; top: 0.5em;}
.menu-wrapper .langs li:first-child {padding-right: 0.2em;}
.menu-wrapper .langs li:first-child:before {content:'';}
.menu-wrapper .langs li.current-menu-item a{color:#6c2d2a;}

.menu-wrapper .menu > li {
  position: relative;
  padding: 0.2em  0;
  display: inline-block;
  margin: 0;
  font-size: 22px;
  letter-spacing: 1px;
}

.menu-wrapper a.menu-link {
  display: none;
  padding: 0.7em  0;
  background:  url(images/menu-icon.png) right center no-repeat;
}
.menu-wrapper a {
  display: block;
  position: relative;
  padding: 0 0.4em;
  margin: 0 0.1em;
  line-height: 1.3em;
  color: #51534a;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  font-weight: normal;
  transition: all 0.1s;
}
.menu-wrapper .langs a {padding:0 0.1em}

.menu-wrapper a:hover {}

.menu-wrapper .menu > .current-menu-item > a,
.menu-wrapper .menu > .current-menu-ancestor > a,
.menu-wrapper .menu a:hover {
  position: relative;
  z-index: 12;
  background: #51534a;
  color: #fff;
  
}
.menu-wrapper .menu > .current-menu-item > a:hover,
.menu-wrapper .menu > .current-menu-ancestor > a:hover {
  background: #fffdfd;
  color:#51534a;
}
.menu-wrapper .menu > .current-menu-item > a:hover:after,
.menu-wrapper .menu > .current-menu-ancestor > a:hover:after {
  border-top-color: #fffdfd;
}
/*.menu-wrapper .menu > .current-menu-item > a:after,
.menu-wrapper .menu > .current-menu-ancestor > a:after,
.menu-wrapper .menu a:hover:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #51534a;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}*/

.menu-wrapper .sub-menu  a:hover:after{content:''; display:none;}

.menu-wrapper li + li a:before {
/* przestrzeń między pozycjami menu */
/*  content: "*";
  position: absolute;
  left: -0.5em;
  top: 0.2em;
  color: #ffffff;
  opacity: 0.8;
  font-family: Arial, Verdana, sans-serif; */
}
.menu-wrapper .sub-menu {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0 0 0 -0.6em;
  padding: 3px 0 0 0;
  position: absolute;
  max-height: 0em;
  overflow: hidden;
  list-style: none outside none;
  text-align: left;
  text-transform: none;
  transition: max-height 0.5s;
}
.menu-wrapper .sub-menu li {
  display: block;
  background: #A0A09B;
  margin: 0 0.7em;
}
.menu-wrapper .sub-menu a {
  margin: 0;
  white-space: nowrap;
  line-height: 1.8em;
  border: none;
}
.menu-wrapper .sub-menu a:hover {

}
.menu-wrapper .sub-menu li:last-child {
  padding-bottom: 0.26em;
}
.menu-wrapper .sub-menu li:last-child a {
  
}
.menu-wrapper li:hover .sub-menu {
  max-height: 30em;

}
/* Responsive Menu */
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 640px) {
/*  .js .menu-wrapper nav[role=navigation] {
    overflow: hidden;
    max-height: 0em;
  }
  .js .menu-wrapper nav[role=navigation].active {
    max-height: 30em;
    transition: max-height 0.5s ease-out;
  }*/
/* .menu-wrapper .langs {float: none; width: 100%;}
  
  .menu-wrapper {
   
  }
  .menu-wrapper .menu {float: none; width: 100%;}
  
  #menu {background: #DBDAD3;}*/
/*  .menu-wrapper a.menu-link {
    display: block;
    width: auto;
    padding: 5px 15px 5px 10px;
    border: none;
    margin: 0;
    
  }*/
/*  .menu-wrapper a.menu-link:hover {
  
  }
  .menu-wrapper a.menu-link.active .ico-caret-down:before {
    content: url(images/ico_down.png); margin-left:5px;
  }
  .menu-wrapper .menu .menu {
    padding-bottom: 5px;
  }
  .menu-wrapper .menu li {
    display: block;
    border: 1px solid pink;
    border: none;
  }
  .menu-wrapper .menu > li {
    padding: 0px;
    border: none;

  }
  
  .menu-wrapper .menu a {
    padding: 0.5em 0;
    margin: 0px;
    border: none;
    text-align: center;
  }
  .menu-wrapper .menu a:hover {
    
  }
  .menu-wrapper .menu .rightalign {
    float: none;
  }
  .menu-wrapper li + li a:before {
    content: "";
  }
  .menu-wrapper li:hover .sub-menu {
    max-height: 0em;
    transition: none;
  }
  .menu-wrapper .sub-menu {
    background: none;
    margin-left: 0px;
    margin-top: 1px;
    display: block;
    width: 100%;
  }
  .menu-wrapper .sub-menu li,
  .menu-wrapper .sub-menu li a {
    margin: 0;
    display: block;
    width: 100%;
    padding-left:0; padding-right:0;
  }
  .menu-wrapper .sub-menu a {
    padding-left: 0.8em;
  }
  .menu-wrapper .sub-menu a:hover {
    background: #781515;
  }
  .menu-wrapper .sub-menu li {
    border-bottom: 1px dashed #fff;
  }
  .menu-wrapper .sub-menu li:last-child {
    padding: 0;
  }
  .menu-wrapper .sub-menu li:last-child a {
    border: none;
  }
  .menu-wrapper .menu .has-subnav {
    position: relative;
  }
  .menu-wrapper li .sub-menu.active {
    max-height: 30em;
    overflow: visible;
    position: relative;
    z-index: 9;
    transition: max-height 0.5s ease-out;
  }
  .menu-wrapper .toggle-link {
      cursor: pointer;
      display: block;
      font-size: 0;
      font-style: normal;
      font-weight: normal;
      height: 50px;
      line-height: 1;
      position: absolute;
      right: 0;
      width: 50px;
      z-index: 200;
  }
  .menu-wrapper .toggle-link:hover {
    transition: all 0.2s;
    background: #51534A;
  }
  .menu-wrapper .menu .has-subnav > .toggle-link:after {
    content: url(images/ico_down.png); 
    position: absolute;
    width: 30px;
    top: 50%;
    margin-top: -15px;
    bottom: 50%;
    right: 4px;
    font-size: 28px;
    color: #fff;
  }
  .menu-wrapper .menu .has-subnav > .toggle-link.active:after {
    content: url(images/ico_up.png); 
    margin-top: -18px;
  }*/
}

#submenu {}
#submenu ul {overflow: hidden;}
#submenu li {margin-bottom:1px;}
#submenu > li.current, #submenu li.current >  a {color:#6c2d2a}
#submenu.small   ul.menu > li {font-size: 12px; font-family: verdana, Geneva, Tahoma, sans-serif; margin-bottom:0.3em; text-transform: uppercase;} 
#submenu.big li {font-size: 20px; font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif; margin-bottom:0.3em; text-transform: uppercase;}
#submenu.large li {font-size: 25px; font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif; margin-bottom:20px; line-height:1.0em; text-transform: uppercase;}
#submenu ul ul {margin:0.5em}
#submenu.strong li {font-weight: bold;}
#submenu a#pull {display: none; text-align: left; text-indent: 20px; font-weight: normal;}

hr.dotted-line{
    display: none;
}



#content {position: relative;
background: url(images/content_left.png) repeat-y left top , url(images/content_right.png) repeat-y right top #DBDAD3  ;
}
#content:before {position: absolute; top: 0; width: 100%; z-index:11;
  background: url("images/content_top_right.png") no-repeat scroll right top ;
  content: url("images/content_top_left.png"); }
  
section > #content:after {position: absolute; bottom: -5px; width: 100%; z-index: 11;
  background: url("images/content_bottom_right.png") no-repeat scroll right top;
  content: url("images/content_bottom_left.png"); }  

#wrapper.offer, 
#wrapper.search, 
#wrapper.news, 
 
#wrapper.team,  
#wrapper.team-more,  
#wrapper.about-us,  
#wrapper.legal-notice, 
#wrapper.homepage {padding:49px 59px 45px; position: relative; z-index: 16; }

#wrapper.newsletter-unsubscribe{
    padding:127px 59px 45px; position: relative; z-index: 16; 
}

#wrapper.credits,
#wrapper.error404,
#wrapper.virtual-tour,
#wrapper.contact-person {padding:88px 59px 45px; position: relative; z-index: 16; }
#wrapper.contact {padding:70px 59px 45px; position: relative; z-index: 16; }

#slider {position: relative;}
#slider.highlight.black {padding-bottom:0;}
/*#slider.mobile img {width: 100%;}*/
/*.slide {position: relative;}*/
.slide {position: absolute;}
/*.slide img {padding:0 1px}*/
.slide img {padding:0}
.cycle-slideshow img { height: auto }


#slider.image-gallery:not(.about-slider){
    width: 592px;
    height: 361px !important;
    overflow: hidden;
}

#slider.image-gallery .slide {
    vertical-align: top;
    height: 361px;
}

.contact .clocks{
    width: 100%;
    margin-left: 0;
}

.contact .clocks > div{
    float: left;
    margin: 0 0 20px 2.25%;
    width: 31.0833%;
}

.contact ul.digital{ 
    margin-top: 1px;
    float: left;
}

.contact ul.digital li{
    float: left;
}

span.time-label{
    display: inline-block;
    float: left;
}


.slide-pager {padding:10px 2%; height:40px; position: relative; overflow: hidden; position: relative; top:5px;}
.small .slide-pager {padding:9px 2%; height:10px;}
.slide-pager span {background:#fff; margin-top:15px; border: none; padding:6.5px; cursor: pointer; text-indent: -9999px; margin-right:10px; width: 0px; height: 0px; display: block; float: left;}
.small .slide-pager span {padding:5px; margin-top:0}
.slide-pager span.cycle-pager-active {background:#6c0500}

.slide-more a{position: absolute; bottom:20px; right:16px; font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif; font-size: 26px; text-transform: uppercase;  text-decoration: none; color:#b8bda8; z-index: 1000;}
.slide-more a:hover{color: #6c2d2a !important;}
.slide-pager.wrap {
    position: absolute; 
    bottom:0; 
    left:0; 
    z-index:101; 
    width: 96%; 
    top: auto !important; 
    background-color: #000;
    background: rgba(0,0,0,0.6);
    filter: alpha(opacity=60) !important; 
}

#adv-custom-caption {color:#000; font-style:italic; font-size:10px; font-family: verdana, Geneva, Tahoma, sans-serif; }

/*.offer .slide img {width: 100%;}*/
.offer {padding-top:100px;}

#slider .prev, #slider .next {position: absolute; width: 46px; height: 45px; top:50%; margin-top:-25px; cursor: pointer;}
#slider .prev {background:  url(images/arrow_back.png); left: 0;}
#slider .next {background:  url(images/arrow_next.png); right: 0;}
#slider .prev:hover {background:  url(images/arrow_back_over.png); left: 0;}
#slider .next:hover {background:  url(images/arrow_next_over.png); right: 0;}


.offer #slider.image-gallery .slide {
    height: 361px;
    /*width: 593px !important;*/
    line-height: 361px;
    vertical-align: top;
}

.image-gallery .cycle-carousel-wrap{
    font-size: 0;
}

.offer #slider.image-gallery .slide img{
    vertical-align: middle;
    /*display: block;*/
}

.links {font-family: helvetica, arial, sans-serif; overflow: hidden; }
.links.active {display: block;}
.links > div {position: relative; padding-bottom:200000px; margin-bottom:-200000px !important; }
.links > div + div:after {border-left: 1px solid #808080; content: ""; height: 70%; left: -12px; position: absolute; top: 0.015%; width: 1px;}
.links li {margin:0; font-family: helvetica, arial, sans-serif; text-transform: uppercase; font-size: 10px;}
.links header {}
.links header h5{ font-size: 20px; text-transform: uppercase; font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif; margin-bottom:0.2em}
.links div ul {margin-bottom:0;}

.contact h5 span,
.contact h5 span a {display: block; color: #6c2d2a; font-size: 10px; font-weight: bold; font-family: verdana, Geneva, Tahoma, sans-serif;}
.contact #krakow h5, .contact #katowice h5 {text-align: left;}

.team #main h2, .team-more #main h2 {line-height: 1.0em;}

h2.current {color: #6c2d2a;}
.team #main .info {font-size: 9px; font-weight: bold; font-family: verdana, Geneva, Tahoma, sans-serif; text-align: center;}
.team-more {}
.team #main .adipoli-wrapper {margin:0 auto; display: block;}



.search {padding-bottom:30px !important;}
#search-result {}
.result header {font-family: verdana, Geneva, Tahoma, sans-serif; font-size: 15px; text-transform: uppercase; margin-bottom:15px;}
.result a {color:#6c2d2a;}

/*#gallery .picture {display: inline-block;}*/
#gallery .picture {display: inline-block; }

#gallery.gallery-muzyka .picture,
#gallery.gallery-music .picture,
#gallery.gallery-film .picture,
#gallery.gallery-movies .picture,
#gallery.gallery-games .picture,
#gallery.gallery-gry .picture,
#gallery.gallery-muzyka .picture a,
#gallery.gallery-music .picture a,
#gallery.gallery-film .picture a,
#gallery.gallery-movies .picture a,
#gallery.gallery-games .picture a,
#gallery.gallery-gry .picture a, 
#gallery.gallery-muzyka .picture a img,
#gallery.gallery-music .picture a img,
#gallery.gallery-film .picture a img,
#gallery.gallery-movies .picture a img,
#gallery.gallery-games .picture a img,
#gallery.gallery-gry .picture a img{
    width: 107px;
    height: 156px;
}

#gallery.gallery-reklama .picture,
#gallery.gallery-commercial .picture,
#gallery.gallery-reklama .picture a,
#gallery.gallery-commercial .picture a,
#gallery.gallery-reklama .picture a  img,
#gallery.gallery-commercial .picture a  img{
    width: 214px;
    height: 156px;
}

#gallery .picture .info {display: none;}


#news{
    padding-bottom: 55px;
}

#footer{margin-top: -30px; z-index: 16}

footer {background: #94958e; clear: both; margin-bottom:10px; position: relative; height: 40px; }
footer .wrapper { width: 96%; margin: 0 auto;}
#footer h6 {margin-top:15px !important; text-indent:20px;}
#footer img {margin-top:4px;}
footer .columns div+div h6 {text-indent: 30px;}
footer .columns > div {margin-bottom:0 !important}
.footer-bottom {clear: both; position: relative;}
.footer-bottom div{
    
    width: 100%;
    text-align: right;
}

.footer-bottom div img{
    display: inline-block;
}

ul.list1 li {margin-bottom:1px; font-family: verdana, Geneva, Tahoma, sans-serif; font-size: 10px;}

#newsletter_box {left: -210px; position: fixed; top: 330px; width: 212px; z-index: 100;}

#newsletter_box .box {background: none repeat scroll 0 0 #626258 !important; float: left; width: 210px; height: 137px; padding:25px 0; font-size: 0;}

#newsletter_box .box header {padding-right:20px;color: #fff; font-family: verdana, Geneva, Tahoma, sans-serif; font-weight: bold; font-size: 15px;}
#newsletter_box .box form {}
#newsletter_box .box form input[type=email], #newsletter_box .box form input[type=text]{color:#b6b6a3; background: #fff; border-radius:7px; border:none; width: 155px; margin: 0 auto 15px; display: block; font-family: verdana, Geneva, Tahoma, sans-serif; font-size: 15px; font-weight: bold; text-align: center;}
#newsletter_box .box form input[type=submit] {background:#7b7b73;font-size: 15px; height: 24px; line-height: 18px; padding:3px 7px; width:62px; cursor: pointer; font-weight: bold; font-family: verdana, Geneva, Tahoma, sans-serif; color:#fff; border: none ; display: block; margin: 0 auto;} 
#newsletter_box .box form input[type=submit]:hover {background: #B6B6A3;}

#newsletter_box .ico {
  background: url("images/newsletter.png") no-repeat #51534a; color: white; cursor: pointer; float: left; font-size: 13px; font-weight: bold; height: 187px; line-height: 14px; position: absolute; right: -40px; text-align: center; text-transform: uppercase; width: 42px; display: block !important;
}

#newsletter_box h2.newsletter_box,
#newsletter_box form label{
    display: none;
}

#newsletter-msg{
    color: #fff;
    display: block;
    font-size: 10px;
    text-align: center;
    line-height: 10px;
}

#search_box {left: -210px; position: fixed; top: 530px; width: 212px; z-index: 100;}



#search_box .box {background: none repeat scroll 0 0 #626258 !important; float: left; width: 210px; height: 31px; padding:7px 0; }
#search_box .box form input[type=text] {color:#b6b6a3; background: #fff; border-radius:10px; border:none; width: 155px; margin: 0 auto 15px; display: block; font-family: verdana, Geneva, Tahoma, sans-serif; font-size: 15px; font-weight: bold; text-align: center;}
#search_box .ico {
  background: url("images/search_ico.png") no-repeat #626258; color: white; cursor: pointer; float: left; font-size: 13px; font-weight: bold; height: 45px; line-height: 14px; position: absolute; right: -40px; text-align: center; text-transform: uppercase; width: 42px;
}

#search_box .box form input[type=submit]{
   background: url("images/search_ico.png") no-repeat;
  border: medium none;
  cursor: pointer;
  height: 45px;
  position: absolute;
  right: -42px;
  top: 0;
  width: 45px;
  z-index: 13;
}

#search_box .box form input[type=submit]:hover {background: url("images/search_ico_over.png") no-repeat top #626258}

#searchform {float: right; position: relative; margin:30px 0}
#searchform #searchsubmit {border:none; background:  url(images/search_ico_content.png) no-repeat; width: 21px; height: 17px; text-indent: -9999px; position: absolute; right:10px; top:23px; cursor: pointer;}
#searchform #searchsubmit2 {border:none; background:  url(images/search_ico_content.png) no-repeat; width: 21px; height: 17px; text-indent: -9999px; position: absolute; right:10px; top:7px; cursor: pointer;}
#searchform #s {border:1px #7f7f7d solid; border-radius:10px; background: #EEEEEB; width: 160px; padding-right:50px;}

#tab {margin-bottom:-25px;}
#tab .relative {}
#tab .box {padding:54px 35px;}

h2.newsletter_box + div {
    color: #fff;
    display: block;
    font-size: 10px;
    text-align: center;
    line-height: 10px;
}

/* fix */
.text .slide {white-space: normal;}
#content .contact a {color:#6c2d2a;} 
#content .contact a:hover {color:#000;} 

/* Scroll */
#scrollbar {width: 100%;  clear: both; margin: 20px 0 10px; position: relative; }
#scrollbar .viewport { width: 99%; height: 315px; overflow: hidden; position: relative; }
#scrollbar .viewport ul { padding-left: 30px; list-style: disc; }
#scrollbar.scrollcontent .viewport {width: 93%;}
#scrollbar.scrollsmall .viewport {height: 85px;}
#scrollbar.scrollcontent .viewport {height: 255px;}
#scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar .thumb .end,
#scrollbar .thumb { background-color: #babab2; }
#scrollbar .scrollbar { position: absolute; float: left; width: 4%; left:-20px;}
#scrollbar.scrollcontent .scrollbar {position: relative; left:auto; float: right;}
#scrollbar .track { background-color: transparent; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }



.about-us ul,
.team #main ul,
.team-more #main ul,
#news ul,
.credits #main ul{
    padding-left: 30px; list-style: disc;
}

/* social sprite */
.social a{ display: block; float: left; background-image: url('images/social/social_sprite.png'); background-repeat: no-repeat; }


.socialvi:hover { background-position: -5px -0px; width: 70px; height: 35px; }
.socialfb { background-position: -5px -40px; width: 85px; height: 35px; }
.socialyt { background-position: -5px -80px; width: 53px; height: 35px; }
.socialyt:hover { background-position: -5px -120px; width: 53px; height: 35px; }
.socialim:hover { background-position: -5px -158px; width: 69px; height: 35px; }
.socialfb:hover { background-position: -5px -200px; width: 85px; height: 35px; }
.socialtw:hover { background-position: -5px -238px; width: 105px; height: 35px; }
.socialvi { background-position: -5px -280px; width: 70px; height: 35px; }
.socialtw { background-position: -5px -318px; width: 105px; height: 35px; }
.socialim { background-position: -5px -358px; width: 69px; height: 35px; }



.cycle-prev, .cycle-next {
    cursor: pointer;
    height: 75%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; 
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 800;
}

.mobile-prev,
.mobile-next{
    width: 30% !important;
    opacity: 0.7 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; 
    filter: alpha(opacity=70);
}

.cycle-prev {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("js/colorbox/images/colorbox_left.png");
    background-origin: padding-box;
    background-position: 2% 70%;
    background-repeat: no-repeat;
    background-size: auto auto;
    left: 0;
}
.cycle-next {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("js/colorbox/images/colorbox_right.png");
    background-origin: padding-box;
    background-position: 98% 70%;
    background-repeat: no-repeat;
    background-size: auto auto;
    right: 0;
}

/*.cycle-prev:hover {background-image: url("js/colorbox/images/colorbox_left_over.png");}
.cycle-next:hover {background-image: url("js/colorbox/images/colorbox_right_over.png");}*/

.cycle-prev:hover, .cycle-next:hover {
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; 
    filter: alpha(opacity=70);
}


/* Media */

/* Tablet
================================================== */



/*    @media only screen and (min-width: 768px) and (max-width: 959px) { 
          h1 {font-size: 250%;} 
         #submenu  {margin-left:0 !important}
         footer {height: auto; padding-top:10px;}
         #footer h6 { text-indent: 0; }  
         .logo-button{top: 25px !important; left: 25px !important;}
        .logo-button img.logo-image{max-width: 208px; width: 78%;}
        .offer #slider.image-gallery .slide {width: 429px !important;}
        .offer #slider.image-gallery .slide img{width: 100%;}
        #fl_menu {width: 100%;}
    }*/




/* #Mobile 480 
================================================== */


/*    @media only screen and (min-width: 480px) and (max-width: 767px) {
           
           img.align-left {float: none; }
           
           #slider, #adv-custom-caption {display: none !important;}
           #slider.mobile, #adv-custom-caption.mobile {display: block !important;}
        
        .links li {text-align: center;}
        footer {height: auto; padding-top:10px;}
        #footer h6 {float: none; margin: 0 !important; text-align: center; text-indent: 0; width: auto;}
        .footer-bottom div {float: none; clear: both;}
        .footer-bottom div img  {margin:0 auto; display: block;}
        .logo-button img.logo-image{max-width: 208px; width: 41%;}
        .logo-button{top: 15px !important; left: 15px !important;}
        .offer #slider.image-gallery .slide {width: 641px !important;}
        .offer #slider.image-gallery .slide img{width: 47%;}
        #fl_menu {width: 70%;}
    }*/
    
/*  #Mobile 320 (
================================================== */

/*
    @media only screen and (min-width: 320px) and (max-width: 479px) {
        
        img.align-left {float: none;}
        
        #slider, #adv-custom-caption {display: none !important;}
        #slider.mobile, #adv-custom-caption.mobile {display: block !important;}
        
         #gallery .picture {margin:0 auto 10px; display: block;}
        #gallery .picture .adipoli-wrapper {margin: 0 auto;  display: block;}
        
        .links li {text-align: center;}
        footer {height: auto; padding-top:10px;}
        #footer h6 {float: none; margin: 0 !important; text-align: center; text-indent: 0; width: auto;}
        .footer-bottom div {float: none; clear: both;}
        .logo-button{top: 7px !important; left: 11px !important;}
        .logo-button img.logo-image{max-width: 208px; width: 30%;}
        .offer #slider.image-gallery .slide {width: 302px !important;}
        .offer #slider.image-gallery .slide img{width: 59%;}
    }   
    
    
    @media only screen and (max-width: 319px) {
        #slider, #adv-custom-caption {display: none !important;}
        .logo-button img.logo-image {display: none;}
        .offer #slider.image-gallery .slide {width: 182px !important;}
        .offer #slider.image-gallery .slide img{width: 100%;}
    }*/
    
/*  #submenu (
================================================== */    
/*@media screen and (max-width: 767px) {
   
  h1 {font-size: 250%;} 
  
  #sidebar br {height: 0; display: none;}
   
	#submenu {
		width: 100%;
		height: auto;
		border-bottom: 0;
    margin-left:0 !important
	}
	#submenu > ul {
		display: none;
		height: auto;
    margin-bottom:0;
	}
  #submenu.small li > a{padding:5px 0} 
  .news #submenu ul {display: block;}
  .news #submenu ul li a {padding:5px 0}
	
	#submenu li {
		width: 100%;
		float: left;
		position: relative;
		border-bottom: 1px solid #262626;
  	}
    
    #submenu li.children {border:none; margin-bottom:20px !important}
    #submenu li.children ul {background: rgba(255,255,255, 0.4);}
  #submenu li:last-child {margin-bottom:0 !important}

  	#submenu a {
	  	text-align: center;
	  	width: 100%;
      display: block;
	  
				
  	}
  	
  	#submenu a:hover {
	  	background:#444;
  	}  	
	
	#submenu a#pull {
		display: block;
		background-color: #262626;
		width: 100%;
		position: relative;
    padding:10px 0;
    font-size: 20px;
    font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif;
    margin-bottom:20px;
	}
	#submenu a#pull:after {
		content:"";
		background: url(images/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		color: #FFF;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
  
 
  
  #newsletter_box, #search_box {display: none;}
  
} */




/* Additional styles */



root { 
    display: block;
}

.breadcrumbs{
    text-transform: lowercase;
    font-style: italic;
}

span.centered{
    text-align: center;
    display: block;
    height: 51px;
    line-height: 80px;
}

.in-production-box{
    /*position: absolute !important;*/
    max-width: 228px;
    vertical-align: top;
}

.in-production-box > div{
    /*max-height: 50px;*/
    position: relative;
    /*overflow: hidden;*/
}

.in-production-box p{
    line-height: 1.4em;
}

div.slide a.bottom{
    color: #6c2d2a;
}

div.slide a.bottom:hover{
    font-weight: bold;
}



li.current-menu-item > a{
    color: #6c2d2a;
}

.offer nav ul li.current-menu-item > a{
    /*display: none;*/
    color: #6c2d2a;
    
}

.offer nav.category ul li:not(.current-menu-item){
    opacity:0.3;
}

/*.offer  nav.category li:not(.current-menu-item) > ul{
    display: none;
}*/

#menu-menu-kategorie .sub-menu,
#menu-menu-categories .sub-menu{
    display: none;
}

#menu-menu-kategorie .current-menu-item > ul,
#menu-menu-categories .current-menu-item > ul{
    display: block;
}


.offer nav.category li.current-menu-item > ul li{
    display: block;
    opacity: 1;
}

.offer nav.subcategory ul.menu > li  > a{
    display: none;
}

.offer nav.subcategory li:not(.current-menu-ancestor) {
    display: none;
} 

/*.offer nav.subcategory li.current-menu-parent li,*/ 
.offer nav.subcategory li.current-menu-ancestor li {
    display: block;    
}

.offer nav li.current-menu-item ul li,
.offer nav li.current-page-ancestor ul > li{
    display: block;
}

.offer nav ul.sub-menu > ul.sub-menu li{
    font-weight: normal !important;
}

.offer nav li.current-page-ancestor > a{
    /*display: none;*/
} 

.offer nav li.current-page-ancestor ul li{
    display: block;
}

.offer nav#submenu ul.sub-menu  ul.sub-menu{
    margin: 0 0.5em !important;
}

.offer nav#submenu ul.sub-menu  ul.sub-menu li a{
    font-weight: normal !important;
}

.offer nav#submenu ul.sub-menu  ul.sub-menu li.current-menu-item a{
    font-weight: bold !important;
}

nav.subcategory li{
    font-size: 12px;
}

nav.subcategory .sub-menu .sub-menu li {
    font-size: 100%;
}

/* news */
.news-details .news-detail{
    padding-bottom: 100px;
}

.detali p{
    margin-bottom: 0;
}

#submenu ul{
    /*margin-bottom: 0;*/
}

aside {
    margin-bottom: 20px !important;
}

.empty-list{
    display: block;
    margin: 20px;
}


.homepage aside:not(.active){
    display: none;
}

/*.credits ul.sub-menu{
    border: 1px solid black;
    height: 100px;
}*/


/*aside div > ul > li > a
{
    display: inherit;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase; 
    font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif;
    margin-bottom: 0.2em;
    line-height: 1.2em;
}*/

aside ul,
aside ul>li>ul>li>ul{
    margin: 0;
}

/*
.credits aside ul.menu{
    max-height: 100px;
}
*/

aside div > ul > li{
     text-align: left;
     float: left;
     width: 224px;
     /*border: 1px solid black;*/
}

aside div > ul > li > ul.sub-menu{
    /*border: 1px solid black;*/
     text-align: left;
}


/*#menu-film-menu-lewe > li{
    width: 31.0833%;
}*/

/*

.credits aside ul.sub-menu{
    margin: 0;
    max-width: : 154px;
}

.credits aside ul.sub-menu ul li{
    display: block;
    margin: 0;
    width: 124px;
    float: none;
}*/


.credits #category-reklama,
.credits #category-gry,
.credits #category-commercials,
.credits #category-games,
.credits #category-empty{
    display: none;
}

#wrapper.credits #gallery a.gallery-start,
#slider.credits-slider .slide a.gallery-start,
.commercial-section .columns .new-row-mobile a.gallery-start{
    cursor: pointer;
    display: block;
}

.homepage a.active h4{
    color: #6c2d2a !important
}

.homepage a{
    display: block;
}

/*.homepage a:hover,
.homepage a:hover h4 {
    color: #6c2d2a !important;
}*/


.cycle-slideshow{
    /*height: 378px;*/
}

#wrapper.virt-tour{
    padding: 120px 10px 100px 35px;
}

#virt-tour{
   /*padding-left: 50px;*/
   z-index: 100;
   position: relative;
}

#virt-tour p{
    padding-left: 50px;
}

#wrapper.news nav#submenu ul{
    margin-bottom: 0;
}

#wrapper.news nav#submenu ul li a{
    /*text-transform: uppercase;*/
}

.single a#back{
    display: inline-block;
    text-decoration: none;
}

.current-post-ancestor  a{
    position: relative;
    z-index: 12;
    background: #51534a;
    color: #fff !important;
    
}
.current-post-ancestor  a:after{
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #51534a;
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.current-post-ancestor  a:hover{
    color: #51534a !important;
    background: #fff !important;
}

.current-post-ancestor  a:hover:after{
    border-top-color: #fff !important;
}

#newsletter_box li{
    list-style-type: none;
}

.more{
    margin-top: 10px;
}

.more a{
    color: #6c2d2a;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

.more a:hover{
    text-decoration: underline;
    color: #6c2d2a;
}

.news li.current a{
    color: #6c2d2a;
    font-weight: bold;
}

.team-row{
    clear: both;
    width: 100%;
    float: left;
}

.team-row div{
    float: left;
    margin: 0 0 20px 1.5%;
    text-align: center;
}

/*.team-row div:first-child{
    margin: 0;
}*/

.team-row div.info{
    text-align: center !important;
    float: none;
}

aside ul.sub-menu{
    margin-left: 0;
}

.gallery-not-found{
    color: #fff;
    text-align: center;
    line-height: 380px;
    height: 380px;
}

.detali{
    margin-top: 10px;
}

.news-detail img{
    margin: 15px 15px 5px 0;
}

.credit-row{
    margin-bottom: 20px !important;
}

/*#info-credits-holder{
    position: relative;
}

#info-credits{
    position: relative;
    z-index: 100;
    top: 80px;
    left: -230px;
    width: 210px;
}*/


/* slider */


.homepage #slider{
    width:898px;
    height: 379px;
    overflow: hidden;
}
.homepage #slider .adipoli-wrapper{
    width: 107px;
    height: 156px !important;
    margin-bottom: 2px !important;
    margin-top: 0 !important;
}



.homepage #slider .slide-pager.wrap{
    width: 96%;
}
.homepage #slider a:nth-child(1) .adipoli-wrapper,
.homepage #slider a:nth-child(9) .adipoli-wrapper{
    margin-left: 0 !important;
}

.cycle-slide{
    /*text-align: center;*/
}

.home-slide{
    width: 898px;
    height: 378px;
    
}

.home-slide.adipoli-inactive  {
    height: 379px;
    width: 898px !important;
    line-height: 380px;
    vertical-align: top;
    text-align: center;
    top: -1px !important;
}

.home-slide.adipoli-inactive  img{
    vertical-align: middle;
    max-height: 380px;
    display: block;
}

#cboxTitle{
    font-size: 21px !important;
    line-height: 100%;
}

#cboxClose:hover{
    background: url('js/colorbox/images/colorbox_close_over.png') no-repeat top center;
}
#cboxPrevious:hover{
    background: url('js/colorbox/images/colorbox_left_over.png') no-repeat top center;
}
#cboxNext:hover{
    background: url('js/colorbox/images/colorbox_right_over.png') no-repeat top center;
}



.cboxVideo{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url('js/colorbox/images/colorbox_play.png');
    background-origin: padding-box;
    background-position: 50% 59%;
    background-repeat: no-repeat;
    background-size: auto auto;
    left: 0;
    cursor: pointer;
    height: 90%;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    display: none;
}

.cboxVideo:hover{
    background: url('js/colorbox/images/colorbox_play_over.png') no-repeat;
    background-position: 50% 59%;
}



/* team floating menu */

.credits #fl_menu{position:absolute; top:146px; left:60px; z-index:9999; height:50px;}
#fl_menu{position:absolute; top:138px; left:60px; z-index:9999;}
/*#fl_menu .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#000; color:#fff; letter-spacing:7px;}*/
/*#fl_menu .menu{display:none;}*/
/*#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}*/
/*#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}*/


h5.deliverable{
    margin: 10px 0;
    font-weight: bold;
}


/* categories menu */

aside ul.menu{
    
} 

aside ul.menu li{
    margin: 0;
    font-family: helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
}

.news time{
    clear: both;
    display: block;
}

.film-section #slider .slide,
.music-section #slider .slide{
    min-height: 110px;
}

.commercial-section .adipoli-wrapper{
    display: block !important;
}

#slider.about-slider {
    margin: 26px auto 0 auto;
    max-height: 526px;
    max-width: 886px;
    /*height: 526px;*/
    height: 600px;
    width: 100%;
}

#slider.about-slider > div{
    max-height: 526px;
    text-align: center;
}

#slider.about-slider img{
    max-height: 526px;
    vertical-align: middle;
    
}


#slider.about-slider .slide{
    vertical-align: middle;
    height: 526px;
    line-height: 526px;
}

/*#slider.about-slider,
#slider.about-slider .slide{
    max-height: 500px;
}

#slider.about-slider .slide-pager{
    height: 13px;
    padding: 13px 2% 8px;
}

#slider.about-slider .slide-pager span{
    margin-top: 0;
}

#slider.about-slider .wrap{
    bottom: 0;
}*/

.credits #main p {font-size: 10px;}

.about-us p{
    /*margin-bottom: 16px;*/
}


#top-gallery{
    /*border: 1px solid black;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}

#top-gallery img{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

}

#top-gallery-wrapper{
    max-height: 233px;
}

#top-gallery > div{
    position: relative;
}

#top-gallery img.active{
    display: block;
}

.logo-button{
    display:block;
    /*height:174px;*/
    border-radius:90px;
    /*border: 1px solid black;*/
    line-height:100px;
    position: absolute;
    top: 36px;
    left: 35px;
}

.logo-button img.logo-image{
    /*width: 208px;*/
}

a.studio-360{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 74%;
    height: 74%;
}

.credits #sidebar h1{
    margin-bottom: 20px;
}

.columns#how-to-ride > div{
    margin-bottom: 0;
}

.columns#how-to-ride h2{
    margin-bottom: 20px !important;
}


.ui-tooltip{
    background: #DBDAD3 !important;
    border: 1px solid #c6c6c0 !important;
    border-radius: 5px !important;
    padding: 8px !important;
    color: #444 !important;
}

.ui-tooltip p{
    font-size: 10px !important;
}

.credit-wrapper{
    float: left;
    cursor: pointer;
    margin-right: 6px;
    margin-bottom: 5px;
    width: 107px;
    height: 156px;
    margin-left: 0;
}

.credit-wrapper:nth-child(8),
.credit-wrapper:nth-child(16){
    margin-right: 0 !important;
}

.credit-wrapper a{
    display: block;
    
}

.credit-wrapper .gal-wrapper{
    display: block;
}

aside.columns .columns ul.menu li:first-child{
    display: none !important;
}

#mc_signup_form{
    border: none;
    padding: 0;
    background-color: #626258;
}

.mc_var_label{
    display: none;
}

#wrapper.offer address p{
    line-height: 1.3em;
}


/* desaturacja obrazkow */
img.desaturate{
    transition-duration: 400ms; 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
    filter: url(images/desaturate.svg#grayscale);
    filter: url(images/filters.svg#grayscaled);
    filter: gray;
    -webkit-filter: grayscale(1);
}


#slider.credits-slider .slide a.gallery-start,
.credits #gallery .picture a.gallery-start{
    background-color: #000;
}

.film-section #slider.credits-slider .slide a.gallery-start,
.games-section #slider.credits-slider .slide a.gallery-start,
.music-section #slider.credits-slider .slide a.gallery-start{
    width: 107px;
    height: 156px !important;
}

#slider.images .slide img,
.credits #gallery .picture img{
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}

#slider.images .slide img:hover,
#slider.images .slide img.colored,
.credits #gallery .picture img:hover,
.credits #gallery .picture img.colored{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

.home-slide .credit-wrapper a{
    background-color: #000;
    display:block;
    width:107px; 
    height:156px;
    position:relative;
}

.home-slide .credit-wrapper a img{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    position:absolute;
    left:0;
    top:0;
}

.home-slide .credit-wrapper a img.colored,
.home-slide .credit-wrapper a img:hover{
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
    max-width:none !important;
    height: 156px;
}

.credit-wrapper a img{
    width: 107px;
    height: 156px;
}

.credit-wrapper a img:hover{
/*    margin: 0 !important; 
    padding: 0 !important;*/
    width: 107px;

}

.gal_wrapper{
    float: left;
}


.picture a.gallery-start .adipoli-wrapper.undefined .adipoli-before.undefined,
#gallery img[src^="undefined"]{

    display: none !important;
}

.updated#mc_message{
    text-align: center;
    margin-bottom: 5px;
    line-height: 7px;
}

.updated#mc_message .mc_success_msg{
    font-size: 9px;
    color: #fff;
}

span.mc_error_msg{
    font-size: 11px;
}

a.newsletter-image-link img{
    float: left;
    margin-right: 15px;
}

.email-news-image{
    max-width: 503px;
    text-align: center;
}

#mobile-menu{
    display: none !important;
}

nav#my-menu{
    /*display: none;*/
}

/*#cookies-info2{
    position: fixed;
    bottom: 0;
    background: #dad9d4;
    min-height: 70px;
    width: 100%;
    border-top: 1px #636359 solid;
    z-index: 9999;
    display: none;
}

#cookies-wrapper{
    width: 1024px;
    width: 100%;
    margin: 10px auto;
}

#cookies-content{
    width: 900px;
    width: 90%;
    float: left;
    font-size: 12px !important;
}


#cookies-content p{
    margin-left: 20px;
    font-size: 12px !important;
}
#cookies-content p a{
    text-decoration: underline;
}

#accept-wrapper{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#cookies-close{
    background: #dad9d4;
    border: 2px solid #999998;
    -o-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #636359;
    font-weight: bold;
    padding: 7px 23px;
    cursor: pointer;
}*/


#cookies-info {
    position: fixed;
    bottom: 0;
    background: #dad9d4;
    min-height: 70px;
    /*min-height: 15%;*/
    width: 100%;
    border-top: 1px #636359 solid;
    z-index: 9999;
    display: none;
}

#cookies-info .wrapper {
    width: 1024px;
    width: 90%;
    margin: 10px auto;
}

#cookies-info .info {
    width: 900px;
    width: 80%;
    float: left;
}

#cookies-info .info a {
    font-style: italic;
    text-decoration: underline;
}

#cookies-info .info strong {
    font-weight: bold;
}

#cookies-info .accept-wrapper {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#cookies-close{
    background: #dad9d4;
    border: 2px solid #999998;
    -o-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #636359;
    font-weight: bold;
    padding: 7px 23px;
    cursor: pointer;
    
}

/*#wrapper a.gallery-start{
    width: 107px;
    height: 156px;
    margin-bottom: 4px;
}*/

/* mobile version */

@media only screen and (min-width: 641px){

    nav#my-menu{
        display: none;
    }
    
}

/*@media only screen and (min-width: 0) and (max-width: 640px) {
        
    .logo-button img.logo-image{
        display: none;
    }
    
    .logo-mobile{
        width: 20%;
        height: 50%;
        left: 4%;
        top: 12%;
    }
    
    
    .swiper-container.loader{
        background: url('images/ajax_loader.GIF') no-repeat center center;
        width: 256px;
        min-height: 150px;
    }
    
    .mob-overflow{
        width: 256px;
        height: 500px;
        overflow: hidden;
        border: 2px solid green;
    }
    
    .mobile-margin-auto{
        margin: auto;
    }
    
    .mobile-float-none{
        float: none;
    }
    
    .mobile-min-height-100{
        min-height: 100px;
    }
    
    .mobile-font11{
        font-size: 11px !important;
    }
    .mobile-font13{
        font-size: 13px !important;
    }
    
    .menu-wrapper{
        background-repeat: no-repeat;
        padding-bottom: 44px;
    }
   
    nav#menu{
        display: block;
        width: 100%;
        
    }
    
    a.menu-link{
        width: 100px;
        float: left;
        display: block !important;
        margin: 10px 0 !important;
        margin-left: 10px;
        margin-top: 8px;
        padding: 0 !important;
        line-height: 100%;
    }
    
    .mobile-langs{
        display: inline-block !important;
        float: right !important;
        width: 70px !important;
    }
    
    #content{
        background: none;
        background-color: #DBDAD3;
    }
    
    #content:before,
    #content:after{
        background: none;
        content: "";
    }
    
    #newsletter_box,    
    #search_box{
        display: none;
    }
    
    aside.columns{
        display: none !important;
    }
    
    #top-gallery-wrapper{
        margin-bottom: -3px;
    }
    
    .homepage #slider{
        max-width: 630px;
        height: 124px;
        width: 100%;
        min-height: 124px;
        margin-top: 70px;
    }
    
    
    #wrapper.homepage {padding:18px 20px 20px 20px; position: relative; z-index: 16; }


    #wrapper.credits,
    #wrapper.error404,
    #wrapper.contact-person {padding:18px 5px 20px 5px; position: relative; z-index: 16; }
    #wrapper.panorama-mobile,
    #wrapper.contact {padding:18px 20px 20px 20px; position: relative; z-index: 16; }
    
    
     naglowek 
    
    .home-slide.adipoli-inactive{
        height: auto;
    }
    .home-slide.adipoli-inactive img{
        max-width: 630px;
        max-height: 124px;
        min-height: 124px;
        height: auto;
        width: 100%;
    }
    
    .homepage #slider .slide-pager.wrap{
        width: 98%;
        max-width: 630px;
        padding: 5px 0 5px 2%;
    }
    
    .home-slide{
        width: 100%;
        height: 124px;
    }
    
    .homepage .credit-wrapper{
        width: 11% !important;
        height: 40% !important;
    }
    .homepage .credit-wrapper a,
    .homepage .credit-wrapper a img{
        width: 100% !important;
        height: 100% !important;
    }
    
    .homepage .box h4{
        line-height: 48px !important;
        margin-bottom: 0 !important;
    }
    
    .slide-pager{
        padding: 5px;
        height: 11px;
    }
    
    .slide-pager span{
        padding: 4px;
        margin-top: 2px;
        margin-bottom: 2px;
    }
    
    .slide-more a{
        font-size: 11px;
        bottom: 2px;
        right: 4px;
    }
    
    .home-slide.adipoli-inactive{
        height: 124px;
        line-height: 124px;
        width: 100% !important;
        max-width: 630px;
    }
    
    .home-slide.adipoli-active{
        display: none !important;  
    }
    
    #tab.columns > div{
        width: 47%;
        margin-bottom: 15px;
        padding: 0 !important;
    }
    
    #tab.columns div.box{
        margin: 6% auto;
    }
    
    .homepage .box{
        padding: 0 !important; 
    }
    
    .homepage hr{
        display: none;
    }
    
    
     iframe 
    
    iframe{
        width: 100%;
        min-height: 124px;
        height: auto;
    }
    
    .about-us iframe{
        height: auto;
    }
    
    
    
    
    #slider.about-slider .slide{
        vertical-align: top;
    } 
    
    .cycle-prev.mob-video, .cycle-next.mob-video{
        width: 30%;
    }
    
    stopka
    
    hr.dotted-line-footer{
        margin-bottom: 15px;
        display: block;
    }
    
    footer{
        min-height: 195px;
    }
    
    footer .columns > div{
        width: 100%;
        text-align: center;
    }
    
    #footer h6{
        width:  100%;
        text-align: left;
    }
    
    #footer .clocks{
        display: none !important;
    }
    
    footer .columns div+div h6{
        text-indent: 0;
    }
    
    #footer a{
        
    }
    
    .footer-bottom .float-right img{
        display: none;
    }
    
    #footer-address{
        padding: 0 20px 50px 20px;
    }
    
    
    
    #footer-address,
    #footer-address div{
        display: block !important;
        width: 90%;
        font-size: 12px;
        
    }
    
    #footer-address h3{
        font-size: 12px;
        margin-top: 10px;
    }
    
    #footer-address .mobile-hide{
        display: none  !important;
    }
    
     oferta 
    
    .offer #sidebar{
        display: none;
    }
    
    .offer #slider.image-gallery .slide{
        vertical-align: middle;
    }
    
    #wrapper.offer, 
    #wrapper.search, 
    #wrapper.news, 
    #wrapper.team,  
    #wrapper.team-more,  
    #wrapper.about-us, 
    #wrapper.legal-notice{
        padding: 22px 20px;
    }
    
    .contact-person-wrapper{
        margin-top: 40px !important;
        width: 100% !important;
        font-size: 12px !important;
    }
    
    .contact-person-wrapper h2{
        text-transform: none;
        font-size: 14px;
    }
    
    .contact-person-wrapper h6{
        font-weight: normal !important;
        font-size: 12px;
        font: inherit;
    }
    
    .contact-person-wrapper a img{
        display: none;
    }
    
    
    
    .mobile-100{
        width: 100% !important;
    }
    
    .mobile-width-100 { width: 97.75%; }
    
    .offer #slider.image-gallery .slide{
        max-width: 630px;
        width: 100%;
        min-height: 158px;
        height: 100%;
        line-height: 100%;
    }
    
    .offer .breadcrumbs{
        display: none;
    }
    
    .scrollbar{
        display: none;
    }
    
    #slider.image-gallery:not(.about-slider) {
        max-width: 630px !important;
        width: 97% !important;
        min-height: 158px !important;
        height: 100% !important;
    }
    
    
    
    #scrollbar{
        position: relative;
        top: 60px;
    }
    
    #scrollbar.scrollcontent .viewport{
        width: 100%;
        max-width: 630px;
    }
    
    hr.dotted-line{
        display: block;
        position: absolute;
        top: 45px;
        width: 100%;
        margin-left: -20px;
    }
    
    #scrollbar .overview{
        position: static;
    }
    
    .viewport{
        height: auto !important;
    }
    
    .mobile-top-absolute-15{
        position: absolute;
        top: 15px;
    }
    
    .mobile-top-70{
        position: relative;
        top: 70px;
    }
    
    .mobile-top-10{
        margin-top: 10px;
    }
    
    .mobile-hide{
        display: none !important;
    }
    
    .mobile-font-normal{
        font-weight: normal !important;
    }
    
     newsy lista
    
    .news nav#submenu{
        display: none;
    }
    
    .news h1{
        text-transform: uppercase;
    }
    
    .news img,
    .news time,
    .news .detali{
        display: none;
    }
    
    #news{
        width: 100%;
        margin-top: 70px;
    }
    
    .news-detail h4{
        font-family: impact !important;
        font-weight: normal;
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .news .columns,
    .news .columns > div{
        margin-left: 0 !important;
    }
    
     newsy wpis 
    
    
    .news-details{
        
    }
    
    .news-details img,
    .news-details .detali,
    .news-details time{
        display: block;
    }
    
    .news-details img{
        float: none;
        margin: 15px auto;  
    }
    
    .news-details .excerpt-mobile{
        display: block;
    }
    
     zespol 
    
    .team #sidebar{
        display: none;
    }
    
    
    
    .team-row{
        margin: 0 !important;
    }
    
    .team #main h2.current{
        color: #51534a;
        font-size: 22px;
        text-align: left;
       
    }
    
    .team #main h2.current ~ .columns.current{
        display: block;
    }
    
    .team #main h2:not(.current),
    .team #main h2:not(.current) ~ div{
        display: none;
    }
    
    .team #main{
        width: 100%;
        float: none;
        text-align: center;
    }
    
    .team .team-row div{
        float: none;
    }

    .team .team-row img{
        display: none;
    }
    
    .team .team-row div{
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    .team #main .info{
        text-align: left !important;
        font-weight: normal;
    }
    
    .team #main .info .person-name{
        font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif;
        font-size: 14px;
        
    }
    
    .team #main .info .person-position{
        font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif;
        font-size: 12px;
    }
    
    .team h1{
        display: none;
    }
    
    .team .columns{
        margin-left: 0 !important;
    }
    
    
    .team .info span{
        display: inline-block;
    }
    
    a.person-link{
        display: block !important;
    }
     szczegoly pracownika 
    
    .team-more h1,
    .team-more h2.position,
    .team-more nav#submenu{
        display: none;
    }
    
    .team-more img{
        width: 97%;
        max-width: 630px;
        text-align: center;
    }
    
    .team-more .mobile-position{
        position: relative;
        top: 55px;
        font-size: 12px;
        margin-bottom: 75px;
        font-family: "impact";
    }
    
    .team-more .mobile-team-name{
        display: block !important;
    }
    
    
    .person-name.mobile-hide{
        display: none !important;
    }
    
    .person-name a{
        display: inline-block;
    }
    
    .team-more #main img{
        float: none !important;
    }
     menu 
    
    
    
    .menu-wrapper a.menu-link{
        background: none;
        
    }
    
    nav#my-menu{
       display: none;
    }
    
    nav#my-menu li.current-menu-item a{
        color: #fff !important;
        font-weight: bold;
    }
    
    .mm-menu{
        z-index: 1000 !important;
        display: block !important;
        width: 248px !important;
        max-width: 248px !important;
        max-width: 50%;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }
    
    li.no-link{
        text-indent: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 40px;
        overflow: hidden;
        display: block;
        padding: 0 10px 0 0;
        margin: 0;
    }
    
    
    .mm-inner{
        padding-right: 0 !important;        
    }
    
    #menu-offer-separator{
        height: 8px;
        background-color: #292929;
    }
    
     oferta 1 poziom 
    
    
    .offer .columns{
        margin-top: 70px;
    }
    
    .offer-level2 .columns{
        margin-top: 0 !important;
    }
    
     kontakt 
    
    .contact h5 span, .contact h5 span a{
        line-height: 10px;
    }
    
    .contact .columns{
        margin-top: 70px;
    }
    
    .contact .columns > div{
        float: none !important;
        margin: 20px auto;
    }
    
    
    .contact #how-to-ride{
        width: 77%;
        margin: 70px auto;
    }
    
    .contact h5{
        text-align: center !important;
    }
    
    .contact #krakow,
    .contact #katowice{
        
    }
    
    .contact #krakow{
        float: left !important;
    }
    
    .contact #katowice{
        float: right !important;
    }
    
    #coordinates{
        width: 70%;
    }
    
     credits 
    
    .credits #main .columns,
    .credits #main #gallery{
        margin-top: 60px;
    }
    
    .credits #category-reklama,
    .credits #category-gry,
    .credits #category-commercials,
    .credits #category-games{
        display: block;
    }
    
    .credits #category-reklama .credits-slash,
    .credits #category-gry .credits-slash,
    .credits #category-commercials .credits-slash,
    .credits #category-games .credits-slash,
    .credits #category-reklama #mobile-in-production,
    .credits #category-gry #mobile-in-production,
    .credits #category-commercials #mobile-in-production,
    .credits #category-games #mobile-in-production{
        display: none;
    }
    
    .credits #in-production-box{
        margin-top: 0 !important;
    }
    
    #main h2{
        
    }
    
    .mobile-show{
        display: block !important;
    }
    
    #credits-nav-box{
        position: absolute;
        right: 19px;
        top: 24px;
        display: block !important;
    }
    
    span.credits-mobile-nav{
        display: inline-block;
        float: right;
    }
        
    span.credits-mobile-nav a{
        font-family: impact, Haettenschweiler, 'Arial Narrow Bold', Gadget, sans-serif;
        font-size: 13px;
        color: #51534a;
        text-transform: uppercase;
        line-height: 30px;
    }
    
    span.credits-mobile-nav a:hover,
    span.credits-mobile-nav.active a{
        color: #733632;
    }
    
     credits zakonczone slajd 
    
    .element_desc_hidden{
        display: block !important;
        clear: both;
    }
    
    .element_desc_hidden h5{
        padding-top: 20px;
    }
    
    .element_desc_hidden div{
        margin-top: 10px;
    }
    
    
    img.mob-image-slide{
        display: block !important;
        display: none;
        opacity: 1 !important;
        
    }
    
    a.gallery-start{
        display: none !important;
        
    }
    
    .credits #main #gallery{
        margin-top: 0 !important;
    }
    
     o nas 
    
    #slider.about-slider{
        height: auto !important;
        margin-top: 65px;
        margin-bottom: 50px;
    }
    
    
    
    #slider.about-slider .slide{
        height: auto;
        height: 500px;
       
    }
    
    
    #slider.image-gallery .slide{
        height: auto;
        line-height: normal;
    }
    
     info o cookies 
    
     #cookies-info2{
         position: fixed;
         width: 100%;
         
     }
     
     #cookies-wrapper,
     #cookies-content{
         width: 100%;
     }
    
    div#cookies-content p{
        width: 90% !important;
        text-align: center;
        font-size: 78% !important;
    }
    
    a#cookies-close {
        float: none !important;
        position: static !important;
        margin: 15px auto !important;
        max-width: 20%;
        font-size: inherit !important;
    }
    
    .slide-pager.wrap{
        bottom: -27px;
        background: rgba(0,0,0,1);
    }
    
}*/

/* galerie */
    
/*         320px - 640px
    ########################################################################
    @media only screen  and (max-width: 640px) {
      
        
        
    #wrapper.offer .slide-pager.wrap{
        bottom: 0;
    }
        
        
    #slider.about-slider{ 
        height: 270px;
        width: 480px;
    }
    
    
    #slider.about-slider .slide{ 
        height: 270px;
        width: 480px;
        display: inline-block;
        vertical-align: middle;
        line-height: 270px;
    }

    #slider.about-slider .slide > img, iframe{ 
        width: 480px;
    }
    
    #slider.about-slider iframe{
        height: 270px;
    }

     homepage slider 
    
    .homepage #slider{
        width: 560px;
        height: 268px;
        margin-top: 70px;
    }
    
    .home-slide.adipoli-inactive, .home-slide.adipoli-active{
        height: 260px;
        width: 560px;
        display: inline-block;
        vertical-align: middle;
        line-height: 260px;
    }
    
    .home-slide.adipoli-inactive img{
        width: 560px;
        
    }
    

     oferta 
    
    #wrapper.offer #slider.mobile{
        width: 550px !important;
        height: 351px !important;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide{
        height: 333px;
        width: 550px;
        display: inline-block;
        vertical-align: middle;
        line-height: 333px;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide > img, #wrapper.offer #slider.mobile .slide.cycle-slide iframe{ 
        width: 550px;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide iframe{
        height: 333px;
    }
    
    }

        480px - 540px
    ########################################################################
    @media only screen  and (max-width: 540px) {

    #slider.about-slider{ 
        height: 200px;
        width: 400px;
    }
    
    
    #slider.about-slider .slide{ 
        height: 227px;
        width: 400px;
        display: inline-block;
        vertical-align: middle;
        line-height: 227px;
    }

    #slider.about-slider .slide > img, iframe{ 
        width: 398px;
    }
    
    #slider.about-slider iframe{
        height: 227px;
    }
    
    
     homepage slider 
    
    .homepage #slider{
        width: 425px;
        height: 208px;
        margin-top: 70px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .home-slide.adipoli-inactive, .home-slide.adipoli-active{
        height: 200px;
        width: 425px;
        display: inline-block;
        vertical-align: middle;
        line-height: 200px;
    }
    
    .home-slide.adipoli-inactive img{
        width: 425px;
        
    }
    
     oferta 
    
    #wrapper.offer #slider.mobile{
        width: 430px !important;
        height: 351px !important;
         margin: 0 auto;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide{
        height: 322px;
        width: 430px;
        display: inline-block;
        vertical-align: middle;
        line-height: 322px;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide > img, #wrapper.offer #slider.mobile .slide.cycle-slide iframe{ 
        width: 430px;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide iframe{
        height: 322px;
    }
    
    }
    
        320px - 480px
    ########################################################################
    @media only screen  and (max-width: 480px) {

    #slider.about-slider{ 
        height: 200px;
        width: 400px;
    }
    
    
    #slider.about-slider .slide{ 
        height: 227px;
        width: 400px;
        display: inline-block;
        vertical-align: middle;
        line-height: 227px;
    }

    #slider.about-slider .slide > img, iframe{ 
        width: 398px;
    }
    
    #slider.about-slider iframe{
        height: 227px;
    }
    
    
     homepage slider 
    
    .homepage #slider{
        width: 425px;
        height: 208px;
        margin-top: 70px;
    }
    
    .home-slide.adipoli-inactive, .home-slide.adipoli-active{
        height: 200px;
        width: 425px;
        display: inline-block;
        vertical-align: middle;
        line-height: 200px;
    }
    
    .home-slide.adipoli-inactive img{
        width: 425px;
        
    }
    
     oferta 
    
    #wrapper.offer #slider.mobile{
        width: 430px !important;
        height: 351px !important;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide{
        height: 322px;
        width: 430px;
        display: inline-block;
        vertical-align: middle;
        line-height: 322px;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide > img, #wrapper.offer #slider.mobile .slide.cycle-slide iframe{ 
        width: 430px;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide iframe{
        height: 322px;
    }
    
    }
         0 - 320px
    ######################################################################## 
    @media only screen  and (max-width: 320px) {


    #slider.about-slider{ 
        height: 150px;
        width: 280px;
    }
    
    
    #slider.about-slider .slide{ 
        height: 157px;
        width: 280px;
        display: inline-block;
        vertical-align: middle;
        line-height: 157px;
    }

    #slider.about-slider .slide > img, iframe{ 
        width: 280px;
    }
    
    #slider.about-slider iframe{
        height: 157px;
    }
    
    
     homepage slider 
    
    .homepage #slider{
        width: 270px;
        height: 138px;
        margin-top: 70px;
    }
    
    .home-slide.adipoli-inactive, .home-slide.adipoli-active{
        height: 130px;
        width: 270px;
        display: inline-block;
        vertical-align: middle;
        line-height: 130px;
    }
    
    .home-slide.adipoli-inactive img{
        width: 270px;
        
    }
    
    
     oferta 
    
    #wrapper.offer #slider.mobile{
        width: 274px !important;
        height: 234px !important;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide{
        height: 206px;
        width: 274px;
        display: inline-block;
        vertical-align: middle;
        line-height: 206px;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide > img, #wrapper.offer #slider.mobile .slide.cycle-slide iframe{ 
        width: 274px;
    }
    
    #wrapper.offer #slider.mobile .slide.cycle-slide iframe{
        height: 206px;
    }
    
    
   
}*/
    

/* mobilne menu */


/*
.mobile .menu-mobile{
    display: block !important;    
}

.mobile .menu-no-mobile{
    display: none !important;    
}

.mobile #wrapper.panorama-mobile{padding:8% 6% 5% 6%; position: relative; z-index: 16; }
.mobile #wrapper.panorama-mobile #container{
  
}*/
    
.mobile #newsletter_box,
.mobile #search_box{
    display: none;
}


/*.mobile .sub-menu{
    position: absolute;
    z-index: 21;
}

.mobile .sub-menu li{
    position: relative;
    background-color: black;
    z-index: 100;
}

.mobile .sub-menu li a{
    display: inline-block;
}*/