html {background: #ffffff;}
body {color: #262626; font-family: proxima-nova, sans-serif; font-weight: 300; font-style: normal; background: #ffffff;}

a {color: #e20074;}
a:hover {color: #000;}

.button {border: 1px solid #e20074; background: none; text-transform: uppercase; color: #e20074; font-weight: 400;}
.button:hover, .button:active, .button:focus {background: #e20074; color: #fff; }

.breadcrumbs a {color: #262626}
.breadcrumbs a:hover {color: #e20074;}

.thumbnail {border: 0; padding: 0; box-shadow: none;}
.rounded {border-radius: 50%; display: inline-block;}
span.popis {background: #000; padding: 2px 10px; color: #fff; position: absolute; z-index: 1; bottom: 5px; left: 5px; text-transform: uppercase;}
a.nahled {z-index: 1; position: relative; display: block;}
a.nahled img {width: 100%;}
a.nahled:hover span.popis {z-index: -1;}
b, strong {font-weight: 500;}
h1, h2, h3, h4, h5, h6 {font-family: proxima-nova, sans-serif; font-weight: 400; text-transform: uppercase;}
h2 {font-size: 2rem;}
@media screen and (min-width: 64em) {
    h2 {font-size: 2.5rem;}
}

section {margin: 2rem 0;}

#header {background: #e20074; padding: 1.5rem 0; margin: 0;}
#header .menu {float: right;}
#header .menu a {color: #fff; text-transform: uppercase; display: inline-block; padding: 0.5rem;}
#header .menu a:hover {color: #000; text-transform: uppercase;}
#header .menu button {color: #fff; cursor: pointer;}
#header .menu button:hover {color: #000;}

#vizual {z-index: 0; height: 650px; overflow: hidden; color: #fff; position: relative; top: 0; left: 0; width: 100%; margin: 0; background: url('../img/vizual.jpg') no-repeat center 30%; background-size: cover;}
#vizual .grid-container {height: 100%; position: relative;}
#vizual .intro {z-index: 1; position: absolute; left: 0; bottom: 8rem; }
#vizual .intro div {display: inline-block; background: #e20074; padding: 1rem 2rem; width: auto; text-transform: uppercase; font-size: 3rem; font-weight: 500;}
#vizual .intro div.text1 {font-size: 2rem; font-weight: 300; background: #262626;}

#vizual-in {z-index: 0; height: 350px; overflow: hidden; color: #fff; position: relative; top: 0; left: 0; width: 100%; margin: 0; background: url('../img/vizual.jpg') no-repeat center 20%; background-size: cover;}

@media screen and (max-width: 40em) {
    #vizual .intro {width: min-content;}
}

#prodejny {padding: 2rem 0;}

#fotogalerie {background: #efefef; padding: 0; margin: 0;}
#fotogalerie h2 {margin-top: 2rem;}
#home #fotogalerie h2 {margin-top: 0;}
#fotogalerie #text {margin: 3rem 0;}
@media screen and (min-width: 64em) {
    #fotogalerie #text {margin-top: 0;}
}

#kariera {padding: 2rem 0;}

#tym {background: #fff; padding: 4rem 0; margin: 0;}
#tym h6 {margin-bottom: 0rem;}
#tym .button {margin-top: 2rem;}
#tym .cell {margin-bottom: 2rem;}

#map {margin:0; display: flex;}

#teambuilding {background: #efefef; padding: 4rem 0 0 0; margin: 0;}
/*#teambuilding h2 {margin-bottom: 3rem;}*/

#footer {margin: 0; background: #262626; color: #eee; padding: 4rem 0;}
#footer a {color: #fff;} 
#footer a:hover {color: #e20074;}

#lightgallery {margin-bottom: 2rem;}

.offcanvas-full-screen {
  position: fixed;
  z-index: 2000;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #29292e;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  overflow-y: auto;
}

[data-whatinput='mouse'] .offcanvas-full-screen {
  outline: 0;
}

.offcanvas-full-screen.is-transition-overlap {
  z-index: 2500;
}

.offcanvas-full-screen.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.offcanvas-full-screen.is-open {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.offcanvas-full-screen.is-open ~ .off-canvas-content {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.offcanvas-full-screen.is-transition-push::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}

.offcanvas-full-screen.is-transition-overlap.is-open ~ .off-canvas-content {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.offcanvas-full-screen-inner {
  padding: 2rem 1rem 0 1rem;
  text-align: center;
}

.offcanvas-full-screen-inner a {
  color: #fff;
}

.offcanvas-full-screen-menu {
  margin: 2rem 0 2rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  list-style-type: none;          
}

[data-whatinput='mouse'] .offcanvas-full-screen-menu > li {
  outline: 0;
}

.offcanvas-full-screen-menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1.2rem;
  text-transform: uppercase;
  font-size: 1.3rem;
}

.offcanvas-full-screen-menu input,
.offcanvas-full-screen-menu select,
.offcanvas-full-screen-menu a,
.offcanvas-full-screen-menu button {
  margin-bottom: 0;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.offcanvas-full-screen-menu > li > a {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.offcanvas-full-screen-menu a {
  color: #fff;
  font-family: proxima-nova, sans-serif; font-weight: 300;
  text-decoration: none;
  outline: none;
  text-transform: uppercase;
}

.offcanvas-full-screen-menu a:hover, .offcanvas-full-screen-menu a:hover i {
  color: #e20074;
}

.offcanvas-full-screen-close {
  text-align: center;
  color: #fff;
  font-size: 2.5rem;
  cursor: pointer;
}

.offcanvas-full-screen-close:hover {
  color: #e20074;
}

#offcanvas-full-screen button, #offcanvas-full-screen a {
  outline: none;
}