.gradient-dark_gray {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#626366+0,404041+100 */
  background: #626366;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #626366 0%, #404041 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #626366 0%, #404041 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #626366 0%, #404041 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626366', endColorstr='#404041', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gradient-light_green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#626366+0,404041+100 */
  background: #99ca3c;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #99ca3c 0%, #9abf53 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #99ca3c 0%, #9abf53 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #99ca3c 0%, #9abf53 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626366', endColorstr='#404041', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gradient-light_gray {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#949ca1+0,626366+100 */
  background: #949ca1;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #949ca1 0%, #626366 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949ca1', endColorstr='#626366', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gradient-light_blue {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007dc3+0,4096ee+100 */
  background: #007dc3;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #007dc3 0%, #4096ee 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #007dc3 0%, #4096ee 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #007dc3 0%, #4096ee 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc3', endColorstr='#4096ee', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gradient-dark_blue {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007dc3+0,1a3668+100 */
  background: #007dc3;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #007dc3 0%, #1a3668 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #007dc3 0%, #1a3668 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #007dc3 0%, #1a3668 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc3', endColorstr='#1a3668', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gradient-light_red {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af4849+0,dc1c2e+100 */
  background: #af4849;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #af4849 0%, #dc1c2e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af4849', endColorstr='#dc1c2e', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gradient-dark_red {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b22b2e+0,dc1c2e+100 */
  background: #b22b2e;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #b22b2e 0%, #dc1c2e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #b22b2e 0%, #dc1c2e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #b22b2e 0%, #dc1c2e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b22b2e', endColorstr='#dc1c2e', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.box-shadow-main {
  box-shadow: 0px 0px 30px #555;
}
.hover-shake:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.2s;
  /* When the animation is finished, start again */
}
@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
}
.hover-shine {
  display: block;
  width: 100%;
  overflow: hidden;
  /* Hover state - trigger effect */
  /* Active state */
}
.hover-shine:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.hover-shine:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}
.hover-shine:active:after {
  opacity: 0;
}
.remax-logo_text {
  width: 1024px;
  height: 188px;
  background-color: white;
  padding: 0;
  background-image: url("/theme/mw_demo_01/images/remax_logo_text.jpg");
  background-size: 100%;
}
.remax-logo_balon {
  width: 1024px;
  height: 1299px;
  background-color: white;
  padding: 0;
  background-image: url("/theme/mw_demo_01/images/remax_logo_balon.jpg");
  background-size: 100%;
}
body {
  overflow-y: visible !important;
  font-family: 'Roboto', "OpenSans", Arial, sans-serif;
}
body #pageContent .page {
  margin-top: 130px;
}
body #pageContent .page .content {
  min-height: 90vh;
}
body #pageContent h1,
body #pageContent h2,
body #pageContent h3 {
  font-weight: 300;
}
body .is_article {
  width: 100%;
}
.ebook_order .formular {
  width: unset;
  max-width: 90%;
  padding: 15px;
  margin-top: 0;
}
.hidden {
  display: none;
}
.modal-body .formular {
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-top: 3em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.form-panel .formular {
  width: 100%;
}
.ileft {
  float: left;
  padding: 10px;
}
.ileft.iram {
  margin-right: 35px;
  margin-bottom: 20px;
}
.iright {
  padding: 10px;
  float: right;
}
.iright.iram {
  margin-left: 35px;
  margin-bottom: 20px;
}
form#se-webform-2 {
  box-shadow: 0px 0px 30px #555;
  width: 100% !important;
  background: #313130 !important;
}
form#se-webform-2 h3 {
  color: white !important;
}
form#se-webform-2 label {
  color: white !important;
}
form#se-webform-2 button[type=submit] {
  background: #c10d0e !important;
  color: white;
}
.realitni_odstavec_nadpis {
  text-align: center;
  margin-top: 20px;
}
.rounded-circle {
  border-radius: 50%;
}
.btn {
  margin: 20px;
  font-size: 1.1em;
}
.btn-blue {
  background: #313130;
  color: white;
}
.btn-red {
  background: #c10d0e;
  color: white;
}
.galerie_obal a {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  /* Hover state - trigger effect */
  /* Active state */
}
.galerie_obal a:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.galerie_obal a:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}
.galerie_obal a:active:after {
  opacity: 0;
}
.galerie_obal a img {
  max-width: 100%;
}
.kotevnik_po {
  display: none;
}
.zpet_na {
  margin-top: 1em;
  margin-bottom: 1em;
}
.zpet_na a {
  color: #c10d0e;
}
.clear-galerie {
  clear: both;
}
.clear {
  clear: both;
}
.galerie_obal {
  margin-top: 2em;
}
.galerie_obal h2 {
  text-align: center;
}
.galerie_obal span {
  margin-bottom: 20px;
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.formular {
  clear: both;
  color: white;
  width: 320px;
  background: #c10d0e;
  box-shadow: 0px 0px 30px #555;
  margin-top: 3em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.formular h3 {
  text-align: center;
}
.formular form {
  padding-top: 10px;
}
.formular table {
  width: 70%;
  margin-left: 15%;
  margin-top: 3em;
}
.formular table td {
  color: white;
  text-align: right;
  padding-right: 1em;
  font-size: 1.1em;
}
.formular input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
  color: black;
}
.formular p {
  margin-top: -3em;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0;
  text-align: center;
}
.formular textarea {
  width: 100%;
  padding: 5px;
  border-radius: 0px;
  min-height: 105px;
  border-color: #949CA1;
  color: black;
}
.formular input {
  border: 1px solid #949CA1;
  border-radius: 0px;
}
.formular input[type="submit"] {
  max-width: 200px;
  padding: 5px 20px;
  font-size: 1em;
  background: #313130;
  color: white;
}
.formular_obal h2 {
  text-align: center;
  font-weight: bold;
  font-size: 3em;
  margin-top: -1em;
}
.undercolor span {
  color: white;
  font-size: 1.4em;
}
.undercolor label {
  color: white;
  font-size: 1.4em;
}
.undercolor button[type="submit"] {
  max-width: 200px;
  padding: 7px 22px;
  font-size: 1.5em;
}
.share_icons_side {
  z-index: 99999;
  text-align: center;
  position: fixed;
  top: 20%;
  left: -10px;
  background: white;
  border: 1px solid #666475;
  width: 80px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.share_icons_side a {
  display: none;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}
.share_icons_side a:hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.share_icons_side a.toggleSocialnoShare {
  font-size: 40px;
  display: block;
  margin-left: -3px;
  margin-top: 14px;
  cursor: pointer;
}
.share_icons_side a.facebook {
  display: inline-block;
  background-image: url("/asset/social_icons/facebook.svg");
}
.share_icons_side a.google {
  display: inline-block;
  background-image: url("/asset/social_icons/google plus.svg");
}
.share_icons_side a.twitter {
  display: inline-block;
  background-image: url("/asset/social_icons/twitter.svg");
}
.share_icons_side a.instagram {
  display: inline-block;
  background-image: url("/asset/social_icons/instagram.svg");
}
.share_icons_side a.linkedin {
  display: inline-block;
  background-image: url("/asset/social_icons/linkedin.svg");
}
.share_icons_side a.pinterest {
  display: inline-block;
  background-image: url("/asset/social_icons/pinterest.svg");
}
.share_icons_side a.tumblr {
  display: inline-block;
  background-image: url("/asset/social_icons/tumblr.svg");
}
.share_icons_side a.skype {
  display: inline-block;
  background-image: url("/asset/social_icons/skype.svg");
}
.share_icons_side a.soundcloud {
  display: inline-block;
  background-image: url("/asset/social_icons/soundclloud.svg");
}
.share_icons_side a.youtube {
  display: inline-block;
  background-image: url("/asset/social_icons/youtube.svg");
}
.share_icons_side a.evernote {
  display: inline-block;
  background-image: url("/asset/social_icons/evernote.svg");
}
.share_icons_side.open .toggleSocialnoShare {
  margin-left: 13px;
  margin-top: 7px;
}
.share_icons_side.open .inner {
  display: block;
}
.share_icons_side.active {
  left: 0px;
}
.share_icons_side.active a {
  width: 50px;
  height: 50px;
}
.card-movie__details {
  margin-bottom: 30px;
  margin-top: 15px;
}
.card-movie__details:after {
  clear: both;
  content: '';
  display: table;
}
.card-movie__details-list:after {
  clear: both;
  content: '';
  display: table;
}
.card-movie__details-list li {
  list-style: none;
  float: left;
  margin-right: 5px;
  padding-right: 6px;
  position: relative;
}
.card-movie__details-list li:after {
  content: '|';
  position: absolute;
  right: 0;
}
.card-movie__details-list li:last-child {
  margin-right: 0;
}
.card-movie__details-list li:last-child:after {
  display: none;
}
.card-movie-wrapper {
  box-shadow: 0px 0px 100px 25px rgba(0, 0, 0, 0.2);
  height: 440px;
  position: relative;
  width: 840px;
}
.card-movie-wrapper:hover .card-movie-carousel {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  bottom: 60px;
  right: 40px;
  border: 1px solid white;
}
.card-movie-wrapper--centered {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 70%;
  position: absolute;
  top: 50%;
}
.card-movie-carousel {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;
  height: 440px;
  width: 840px;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border: 1px solid transparent;
}
.card-movie-navigation {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 15;
}
.card-movie-navigation button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  bottom: 0;
  color: #aac8ca;
  cursor: pointer;
  font-size: 14px;
  line-height: 60px;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  right: 40px;
}
.card-movie-navigation button:before {
  content: 'Watch Trailer';
}
.card-movie-navigation button:after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-bottom: 6px solid transparent;
  border-left: 6px solid #dce9e9;
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  margin-right: 6px;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
}
.card-movie-navigation button.is-playing:before {
  content: 'Hide Trailer';
}
.card-movie-navigation button.is-playing:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: -6px;
}
.card-movie-navigation__list {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 14px;
  top: 50%;
  width: 18px;
}
.card-movie-navigation__list li {
  list-style: none;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  background-color: #ccc;
  border-radius: 100%;
  cursor: pointer;
  height: 12px;
  margin: 0px 0px 7px -12px;
  width: 12px;
}
.card-movie-navigation__list li:last-child {
  margin-bottom: 0;
}
.card-movie-navigation__list li:hover {
  background-color: #bbb;
}
.card-movie-navigation__list li.is-active {
  height: 20px;
  width: 20px;
  margin: 0px 0px 7px -16px;
}
.card-movie {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-size: cover;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  opacity: 0;
  width: 100%;
  z-index: 20;
}
.card-movie__content {
  left: 300px;
  position: absolute;
  top: 120px;
  background: #ffffffb5;
  padding: 1em;
}
.card-movie__title {
  font-size: 2em;
  font-weight: 700;
  line-height: 1;
  margin-left: -4px;
  text-transform: uppercase;
}
.card-movie__details-item {
  display: block;
  float: left;
  margin-right: 20px;
}
.card-movie__description {
  font-size: 14px;
  max-width: 390px;
}
.card-movie__rating {
  bottom: 16.66666667px;
  font-size: 18px;
  font-weight: 700;
  line-height: 50px;
  position: absolute;
  right: 16.66666667px;
  text-align: center;
  width: 50px;
}
.card-movie__rating:after {
  border-radius: 100%;
  border: 2px solid #ee927b;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.card-movie__player {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 20;
}
.card-movie__player iframe {
  height: 100%;
  width: 100%;
}
.card-movie--playing .card-movie__player {
  height: 440px;
  width: 840px;
}
.card-movie--active {
  opacity: 1;
  z-index: 25;
}
.card-movie--light {
  background-color: #effdfd;
}
.card-movie--light [class*='__title'] {
  color: #000;
}
.card-movie--dark {
  background-color: #000;
  color: #fff;
}
.card-movie--dark [class*='__title'] {
  color: #fff;
}
.card-movie--looper {
  background-image: url("/theme/mw_demo_01/images/reference_2.png");
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.card-movie--tron {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/43525/tron.png");
}
.card-movie--interstellar {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/43525/interstellar.png");
  background-color: #fffffa;
}
.card-movie--garden-state {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/43525/garden-state.png");
}
.card-movie--walter-mitty {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/43525/walter-mitty.png");
}
.card-movie--cloud-atlas {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/43525/cloud-atlas.png");
}
/*
KONTAKT
 */
body.session_id_7152 .odstavec_16793 {
  width: 70%;
  float: left;
  margin-bottom: 2em;
}
body.session_id_7152 .formular {
  width: auto;
  margin-bottom: 2em;
}
body.session_id_7152 .formular table {
  width: 80%;
  margin-left: 5%;
  margin-top: 3em;
}
body.session_id_7152 .odstavec_16799 img {
  width: 260px;
  float: right;
  border: 1px solid #313130;
}
.mainContent.cat-colors {
  width: 100%;
}
.mainContent.cat-colors.default-page .kotva h2 {
  text-align: center;
}
.mainContent.cat-colors.default-page .kotva h2 img {
  display: none;
}
.mainContent.cat-colors.novinky-detail .kotva h2 {
  text-align: center;
}
.mainContent.cat-colors.novinky-detail .kotva h2 img {
  display: none;
}
.mainContent.cat-colors.reference-detail .primo_clanek .jeden_o_poradi_0 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 4em;
  margin-top: 2em;
}
.mainContent.cat-colors.reference-detail .primo_clanek .jeden_o_poradi_0 .kotva h2 {
  margin-bottom: 1.3em;
}
.mainContent.cat-colors.reference-detail .primo_clanek .jeden_o_poradi_0 .kotva img {
  display: none;
}
.mainContent.cat-colors.reference-detail .primo_clanek .clear-galerie {
  clear: both;
}
.mainContent.cat-colors.reference-detail .primo_clanek .galerie_obal {
  margin-top: 2em;
}
.mainContent.cat-colors.reference-detail .primo_clanek .galerie_obal h2 {
  text-align: center;
}
.mainContent.cat-colors.reference-detail .primo_clanek h2 {
  text-align: center;
}
.mainContent.cat-colors.reference-detail .primo_clanek .youtube_obal_o {
  text-align: center;
}
.mainContent.cat-colors.reference-detail .primo_clanek .odstavec:nth-child(4) {
  width: 49%;
  float: left;
  padding: 1em;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af4849+0,dc1c2e+100 */
  background: #af4849;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #af4849 0%, #dc1c2e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af4849', endColorstr='#dc1c2e', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  color: white;
}
.mainContent.cat-colors.reference-detail .primo_clanek .odstavec:nth-child(6) {
  width: 49%;
  float: left;
  padding: 1em;
  margin-left: 2%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#949ca1+0,626366+100 */
  background: #949ca1;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #949ca1 0%, #626366 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949ca1', endColorstr='#626366', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  color: white;
}
.mainContent.cat-colors.reference-detail .primo_clanek .odstavec:nth-child(10) {
  position: relative;
  top: 15px;
  text-align: center;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i {
  min-height: 270px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#949ca1+0,626366+100 */
  background: #949ca1;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #949ca1 0%, #626366 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949ca1', endColorstr='#626366', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  margin-bottom: 1em;
  padding: 1em;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af4849+0,dc1c2e+100 */
  background: #af4849;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #af4849 0%, #dc1c2e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af4849', endColorstr='#dc1c2e', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a {
  padding-top: 2.1em;
  text-decoration: underline;
  color: white;
  position: relative;
  display: block;
  float: left;
  width: 40%;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span {
  font-weight: bold;
  font-size: 1.3em;
  position: absolute;
  line-height: 1.2em;
  top: 1em;
  left: 280px;
  text-decoration: underline;
  width: 350px;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span:nth-child(2) {
  display: block;
  font-size: 1.3em;
  margin-bottom: 0.7em;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a img {
  margin-right: 1.5em;
  max-width: 100%;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span.article_datetime {
  font-weight: normal;
  font-size: 0.7em;
  display: block;
  color: white;
  position: absolute;
  top: -15px;
  left: -15px;
  padding: 1em;
  background: #404041;
  width: unset;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span.article_datetime:before {
  font-family: FontAwesome;
  content: "\f073";
  padding-right: 0.5em;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i div {
  position: relative;
  top: unset;
  left: unset;
  max-width: 100%;
  padding-right: unset;
  margin-top: 100px;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i div p {
  color: white;
}
#navigation {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99999999;
  border-bottom: 1px solid lightgrey;
}
#navigation .navbar-main li,
#navigation .hp-nav li {
  padding: 0 0.3em;
}
#navigation .navbar-main li a,
#navigation .hp-nav li a {
  font-size: 1em;
  border-bottom: 1px transparent;
  padding: 0 0.7em;
  color: #656e70;
  font-weight: 500;
  text-transform: uppercase;
}
#navigation .navbar-main li a.active,
#navigation .hp-nav li a.active {
  border-bottom: 1px solid;
}
#navigation .navbar-main li a:hover,
#navigation .hp-nav li a:hover {
  text-decoration: none;
  color: #313130;
}
#navigation .navbar-main li a span,
#navigation .hp-nav li a span {
  text-transform: uppercase;
}
#navigation .navbar-brand img {
  max-height: 100px;
}
.vizitkar {
  padding: 0 0 10px 0;
}
.vizitkar .vi_obal_o {
  margin: 20px 0 0 0;
  background-attachment: fixed;
  padding: 1px 1px 1px 50px;
  width: 100%;
}
.vizitkar .vi_obal_o:nth-child(2n) {
  float: right;
}
.vizitkar .vi_obal_o .vi_obal_i {
  padding: 10px 10px 10px 10px;
  background: #fff;
  min-height: 140px;
  font-family: "OpenSans", sans-serif;
}
.vizitkar .vi_obal_o .vi_obal_i .vi_foto {
  float: left;
  width: 90px;
  height: 120px;
  margin: 0 10px 0 -50px;
  padding: 5px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #c10d0e;
}
.vizitkar .vi_obal_o .vi_obal_i .vi_foto img {
  display: inline-block;
  float: left;
}
.vizitkar .vi_obal_o .vi_obal_i .vi_dva span {
  padding: 0 5px 0 0;
  font-weight: bold;
}
.vizitkar .vi_obal_o .vi_obal_i .vi_cele_jmeno {
  font-weight: normal;
  font-size: 118.5%;
  font-family: "OpenSans", sans-serif;
  border-bottom: 1px solid #c10d0e;
}
.vizitkar .vi_obal_o .vi_obal_i .vi_pracovni_pozice {
  font-size: 108.5%;
  color: #666;
  margin: 3px 0 5px 0;
  padding: 0 0 5px 0;
}
.vizitkar .vi_obal_o .vi_obal_i .vi_telefon1 span,
.vizitkar .vi_obal_o .vi_obal_i .vi_email1 span {
  font-size: 0;
}
.homepage #intro {
  overflow: hidden;
}
.homepage #intro .introText h1 {
  font-weight: 300;
  font-size: 2.4em;
}
.homepage #intro .introText p {
  font-weight: 300;
  font-size: 1.2em;
}
.homepage #intro .introText .btn-group button {
  font-size: 1.3em;
  max-height: 60px;
}
.homepage #intro .introText .btn-group img {
  max-height: 100px;
  max-width: 100%;
}
.homepage #se-webform-1.se-webform {
  background: #fffffff0;
}
#debug {
  min-height: 60vh;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#949ca1+0,626366+100 */
  background: #949ca1;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #949ca1 0%, #626366 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949ca1', endColorstr='#626366', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#debug #debugInner {
  width: 100%;
  min-height: 500px;
  position: relative;
}
/*
    VIDEOPROHLÍDKY
 */
#videos_wrapper {
  min-height: 60vh;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  height: 100%;
}
#videos_wrapper #videos_inner {
  margin-top: 8vh;
}
#videos_wrapper #videos_inner .col a.single_video {
  margin-bottom: 30px;
  width: 100%;
  /* Hover state - trigger effect */
  /* Active state */
  min-height: 460px;
  border: 1px solid #C4C6C8;
  display: block;
  position: relative;
  overflow: hidden;
  background: white;
}
#videos_wrapper #videos_inner .col a.single_video:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
#videos_wrapper #videos_inner .col a.single_video:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}
#videos_wrapper #videos_inner .col a.single_video:active:after {
  opacity: 0;
}
#videos_wrapper #videos_inner .col a.single_video img {
  width: 100%;
  border: 1px solid #C4C6C8;
}
#videos_wrapper #videos_inner .col a.single_video div.video-popis {
  color: #404041;
  background: white;
  padding: 0.5em 1em;
  height: 100%;
  padding-top: 2em;
}
#videos_wrapper #videos_inner .col a.single_video div.video-popis span {
  position: absolute;
  bottom: 0.7em;
  width: 100%;
  left: 0;
  right: 0;
}
#videos_wrapper #videos_inner .col a.single_video:hover {
  text-decoration: none;
}
#videos_wrapper #videos_inner .col a.single_video:hover img {
  border-color: #C4C6C8;
}
#videos_wrapper #videos_inner .col a.single_video:hover div.video-popis span {
  text-decoration: underline;
}
#videos_wrapper #videos_inner .col:hover:after {
  font-family: 'FontAwesome';
  content: "\F16A";
  color: white;
  text-align: center;
  font-size: 6em;
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  pointer-events: none;
}
/*
    REFERENCE
 */
#section4 {
  height: 75vh;
  background-size: cover;
  border-bottom: 2px solid black;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#626366+0,404041+100 */
  background: #626366;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #626366 0%, #404041 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #626366 0%, #404041 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #626366 0%, #404041 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626366', endColorstr='#404041', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#section4 #references {
  padding-top: 28vh;
}
#section4 #references #references-wrapper .leftPanelReference {
  margin-top: -110px;
  color: white;
  font-weight: 300;
}
#section4 #references #references-wrapper .leftPanelReference .btn-red {
  font-size: 1.3em;
  padding: 1em 2em;
}
#section4 #references #references-wrapper .leftPanelReference .box_anchor_o {
  padding-right: 20px;
}
#section4 #references #references-wrapper .card-movie-wrapper .card-movie {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
}
#section4 #references #references-wrapper .card-movie-wrapper a.detailToggler {
  background: #1A3668;
  color: white !important;
  border-color: #1A3668;
  border-radius: 0;
  padding: 0.6em 1em;
  cursor: pointer;
  box-shadow: 2px -2px 13px 1px #c4c6c82e;
  line-height: 1em;
  font-size: 1em;
  border-style: unset;
  bottom: 10px !important;
}
#section4 #references #references-wrapper .card-movie-wrapper a.detailToggler:hover {
  background: #003DA5;
}
#section4 #references #references-wrapper .card-movie-wrapper a.detailToggler:hover {
  text-decoration: underline;
  box-shadow: 2px 3px 13px 1px #c4c6c82e;
}
.FB-Messenger-Box {
  background: white;
  box-shadow: 0px 0px 30px #555;
  width: 100%;
  padding: 10px;
  padding-top: 1em;
  padding-bottom: 2em;
}
.FB-Messenger-Box h3 {
  margin-bottom: 1em;
}
.FB-Messenger-Box h5 {
  font-size: 1em;
  font-weight: normal;
}
.form-panel .FB-Messenger-Box {
  margin-top: 55px;
}
@media (max-width: 1400px) {
  #navigation .navbar-brand img {
    max-height: 60px;
    width: auto;
  }
}
@media (max-width: 1200px) {
  #navigation .navbar-brand img {
    max-height: 40px;
    width: auto;
  }
  #section1 {
    height: 400px !important;
  }
  #section1 .introText {
    top: 1rem;
  }
  #section1 .introText h1.desktop {
    font-size: 150% !important;
  }
}
@media (max-width: 1030px) {
  #navigation .navbar-brand img {
    max-height: 40px;
    width: auto;
  }
  #section1 {
    height: 350px !important;
  }
  #section1 .introText {
    top: 0;
  }
  #section1 .introText .desktop {
    display: none;
  }
  #section1 .introText .mobile {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .formular table td {
    display: block;
  }
  .bounceInDown {
    animation: none;
  }
  .gallery_pict {
    text-align: center;
  }
  body #pageContent .page {
    margin-top: 70px !important;
  }
  #responsive_only {
    display: block !important;
  }
  #responsive_only img {
    max-width: 50%;
  }
  .left-content {
    display: none;
  }
  .form-panel {
    display: none;
  }
  .share_icons_side {
    display: none;
  }
  #section1 {
    min-height: unset !important;
    height: 330px !important;
  }
  #section1 .left-content {
    display: block !important;
  }
  #section1 .introText {
    top: 0;
  }
  #section1 .introText .desktop {
    display: none;
  }
  #section1 .introText .mobile {
    display: block !important;
  }
  #responsive_only {
    display: none !important;
  }
  #section3 {
    height: auto !important;
  }
}
@media (max-width: 500px) {
  #responsive_only {
    display: block !important;
    text-align: right;
    padding-top: 1rem;
  }
  #navigation .navbar-brand img {
    max-height: 50px !important;
    margin-left: 0;
  }
  #section1 {
    min-height: unset !important;
    height: 500px !important;
  }
  #section1 #intro .introText {
    width: 90% !important;
  }
  #section1 .left-content img {
    display: none !important;
  }
}
/*
  BIGGEST WIDTH
 */
body.body-xl {
  overflow-x: hidden;
}
body.body-xl #navigation .navbar-main li a,
body.body-xl #navigation .hp-nav li a {
  font-size: 1.1em;
}
body.body-xl #navigation .navbar-main li,
body.body-xl #navigation .hp-nav li {
  padding: 0 0.2em;
}
/*
  BIG WIDTH
 */
body.body-lg {
  overflow-x: hidden;
}
body.body-lg #navigation .navbar-main li a,
body.body-lg #navigation .hp-nav li a {
  font-size: 1em;
}
/*
  MEDIUM WIDTH
 */
body.body-md #section4 {
  min-height: 150vh;
}
body.body-md #section4 #references-wrapper {
  position: relative;
}
body.body-md #section4 .card-movie-wrapper {
  zoom: 0.8;
  position: relative;
  top: unset;
  left: unset;
  bottom: unset;
  margin-left: 50%;
  margin-top: 55vh;
}
body.body-md #intro {
  font-size: 0.7em;
}
body.body-md .navbar-brand img {
  width: 60%;
}
body.body-md #section5 {
  background-size: cover;
}
/*
  SMALL WIDTH
 */
body.body-sm .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i {
  margin-left: 30px;
}
body.body-sm .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a.link {
  width: 100%;
}
body.body-sm .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a.link span {
  position: relative;
  top: unset;
  left: unset;
  width: 100%;
}
body.body-sm .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a.link span.article_datetime {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 40%;
}
body.body-sm .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i div {
  position: relative;
  top: unset;
  left: unset;
}
body.body-sm .mainContent.cat-colors.reference-detail .odstavec:nth-child(4) {
  width: 100%;
  float: unset;
  height: unset;
  margin-left: 20px;
  margin-bottom: 20px;
}
body.body-sm .mainContent.cat-colors.reference-detail .odstavec:nth-child(6) {
  width: 100%;
  float: unset;
  height: unset;
  margin-left: 20px;
  margin-bottom: 20px;
}
body.body-sm .page {
  padding: 10px;
}
body.body-sm .navbar-brand img {
  width: 180px;
  position: absolute;
  top: 5px;
  margin-left: -90px;
  left: 50%;
}
body.body-sm #section1 {
  height: 500px;
}
body.body-sm #section1 .right-content {
  position: relative;
  width: 90%;
  background-size: contain;
  height: 70vh;
}
body.body-sm #section1 #intro {
  font-size: 0.7em;
  top: 0;
}
body.body-sm #section1 #intro .introText {
  top: 10vh;
}
body.body-sm #section1 #intro .modal-nav {
  display: block;
  line-height: 30px;
}
body.body-sm #section1 #intro .modal-nav button {
  margin-bottom: 0;
}
body.body-sm #section2 {
  height: auto;
}
body.body-sm #section3 {
  height: auto;
}
body.body-sm #section3 #ebook {
  height: auto;
  padding-top: 5vh;
}
body.body-sm #section3 #ebook #se-webform-1.se-webform {
  width: 100% !important;
  margin-top: 2em;
}
body.body-sm #section3 #ebook .ebook_order {
  width: 80%;
  margin: 0 auto;
}
body.body-sm #section3 #ebook .ebook_info {
  float: none;
  position: relative;
  top: 10px;
  width: 75%;
  margin: 0 auto;
  margin-bottom: 2em;
}
body.body-sm #videos_wrapper .single_video {
  margin-bottom: 20px;
}
body.body-sm #videos_wrapper .col {
  flex-basis: unset;
}
body.body-sm #section4 {
  height: auto;
}
body.body-sm #section4 #references {
  padding-top: 1em;
}
body.body-sm #section4 #references .leftPanelReference {
  margin-top: 0px !important;
  padding: 20px;
}
body.body-sm #section4 #references .leftPanelReference .btn-red {
  padding: 10px 15px !important;
}
body.body-sm #section4 .card-movie-wrapper {
  display: none;
}
body.body-sm #section5 {
  background-size: cover;
}
body.body-sm #section5 .footer_form {
  left: 0;
}
body.body-sm #section5 .footer_person {
  left: 0;
}
body.body-sm #section5 .footer_person .col {
  flex-basis: 0;
}
body.body-sm #section5 .col {
  flex-basis: unset;
}
body.body-sm .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i {
  overflow: visible;
  margin-left: 15px;
}
body.body-sm .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span {
  left: 20px;
  position: relative;
  top: 10px;
}
body.body-sm .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span.article_datetime {
  left: 0;
}
body.body-sm .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a img {
  float: right;
  width: 90%;
  text-align: center;
  margin-top: 15px;
}
body.body-sm .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i div {
  position: relative;
  left: 20px;
  top: 5px;
}
/*
  EXTRA SMALL WIDTH
 */
body.body-xs .navbar-brand img {
  width: 180px;
  position: absolute;
  top: 5px;
  margin-left: -90px;
  left: 50%;
}
body.body-xs .mainContent {
  margin-left: 5px;
}
body.body-xs .right-content {
  display: none;
}
body.body-xs .socialShareBox2 {
  margin-bottom: 0;
}
body.body-xs .socialShareBox2 ul {
  margin: 0;
  margin-left: -30px;
}
body.body-xs .socialShareBox2 ul li {
  margin: 0;
  padding: 0;
}
body.body-xs .iright {
  float: unset;
  padding-left: 0;
}
body.body-xs .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a.link {
  width: 100%;
}
body.body-xs .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a.link span {
  position: relative;
  top: unset;
  left: unset;
  width: 100%;
}
body.body-xs .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a.link span.article_datetime {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 40%;
}
body.body-xs .mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i div {
  position: relative;
  top: unset;
  left: unset;
}
body.body-xs .mainContent.cat-colors.reference-detail .odstavec:nth-child(4) {
  width: 100%;
  float: unset;
  height: unset;
  margin-bottom: 20px;
}
body.body-xs .mainContent.cat-colors.reference-detail .odstavec:nth-child(6) {
  width: 100%;
  float: unset;
  height: unset;
  margin-bottom: 20px;
  margin-left: 0px;
}
body.body-xs #section1 {
  height: 100vh;
}
body.body-xs #section1 .right-content {
  position: relative;
  width: 90%;
  background-size: contain;
  height: 70vh;
  margin-top: 80vh;
}
body.body-xs #section1 .right-content:after {
  content: "Pomohu s prodejem, nákupem i pronájmem!";
  background: #c10d0e;
  color: white;
  display: block;
  position: absolute;
  bottom: -18px;
  left: 17%;
  padding: 20px;
  font-weight: 500;
}
body.body-xs #section1 #intro {
  font-size: 0.7em;
  top: 0;
}
body.body-xs #section1 #intro .introText {
  top: 10vh;
}
body.body-xs #section1 #intro .modal-nav {
  display: block;
  line-height: 30px;
}
body.body-xs #section1 #intro .modal-nav button {
  margin-bottom: 0;
}
body.body-xs #section2 {
  height: auto;
}
body.body-xs #section3 {
  height: 200vh;
}
body.body-xs #section4 {
  height: auto;
}
body.body-xs #section4 .card-movie-wrapper {
  display: none;
}
body.body-xs .ebook_info {
  margin-top: 10px;
  margin: 15px;
}
body.body-xs #videos_wrapper .single_video {
  margin-bottom: 20px;
}
body.body-xs #videos_wrapper .col {
  flex-basis: unset;
}
body.body-xs #references-wrapper {
  padding: 10px;
}
body.body-xs #references-wrapper .leftPanelReference {
  margin-bottom: 30px;
}
body.body-xs #references-wrapper .leftPanelReference .btn-red {
  font-size: 1em !important;
  margin-bottom: 20px;
}
body.body-xs .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i {
  overflow: visible;
  margin-left: 15px;
}
body.body-xs .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span {
  left: 0;
  position: relative;
  top: 0;
}
body.body-xs .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span.article_datetime {
  left: 0;
}
body.body-xs .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i a img {
  float: right;
  width: 90%;
}
body.body-xs .cat-reference .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i div {
  position: relative;
  left: 0;
  top: 0;
}
body.body-xs #section5 .col {
  flex-basis: unset;
}
.realitni_odstavec {
  margin-bottom: 30px;
}
.realitni_odstavec #gallery .card {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 300px;
  background: white;
  overflow: hidden;
  border-radius: 0;
  cursor: pointer;
  box-shadow: 0px 0px 30px #555;
}
.realitni_odstavec #gallery .card .front {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transition: 0.4s;
}
.realitni_odstavec #gallery .card .front.prelepka:after {
  content: "reference";
  width: 200px;
  background: #c10d0e;
  position: absolute;
  right: -66px;
  top: 6px;
  transform: rotate(45deg);
  color: white;
  padding: 20px;
  text-align: center;
  transition: 0.4s;
}
.realitni_odstavec #gallery .card .front .title-front-card {
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: 0;
  width: 100%;
  color: black;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.realitni_odstavec #gallery .card:hover .front {
  filter: blur(20px);
  transform: scale(1.15);
}
.realitni_odstavec #gallery .card:hover .front:after {
  opacity: 0;
}
.realitni_odstavec #gallery .card:hover .back {
  opacity: 1;
  transform: translateY(0);
}
.realitni_odstavec #gallery .back {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  padding: 5px;
  display: table;
  opacity: 0;
  transition: 0.4s;
  transform: translateY(100%);
}
.realitni_odstavec #gallery .back .ref-link {
  color: white;
  font-size: 1.3em;
}
.realitni_odstavec #gallery .back span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.realitni_odstavec #gallery .back span ul {
  padding-left: 0;
}
.realitni_odstavec #gallery .back span ul li {
  display: inline-block;
  font-size: 32px;
  margin: 10px;
}
.realitni_odstavec #gallery .back span ul li a i {
  color: white;
}
.realitni_odstavec #gallery .back span ul li a:hover i.fa-facebook {
  color: #4267b2;
}
.realitni_odstavec #gallery .back span ul li a:hover i.fa-reddit {
  color: #FF4500;
}
.realitni_odstavec #gallery .back span ul li a:hover i.fa-pinterest {
  color: #B80E21;
}
.realitni_odstavec #gallery .back span ul li a:hover i.fa-twitter {
  color: #1DA1F2;
}
.realitni_odstavec #gallery .back span ul li a:hover i.fa-google-plus {
  color: #DD4D42;
}
.fotogalerie_foto6 {
  border: 1px solid lightgrey;
}
.fotogalerie_foto6 .carousel-controls .carousel-control {
  background: #E2342B !important;
  border: 1px solid #E2342B;
  height: 10%;
  width: 7.5%;
  border-radius: 50%;
  display: inline-block;
  bottom: unset;
  top: 47%;
}
.fotogalerie_foto6 .carousel-controls .carousel-control.left {
  left: 1em;
}
.fotogalerie_foto6 .carousel-controls .carousel-control.right {
  right: 1em;
}
.fotogalerie_foto6 .carousel-controls .carousel-control span:before {
  position: relative;
  top: 7px;
  font-size: 1.2em;
}
.fotogalerie_foto6 .intoGalleryBtn {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 2em;
}
.reality_box .nemovitost_foto5_celkem {
  cursor: pointer;
}
.reality_box .nemovitost_foto5_celkem:after {
  font-family: "FontAwesome";
  content: "\f0d7";
  padding: 5px 0 0 10px;
  font-size: 1.3em;
}
.reality_box .nemovitost_foto_big_video {
  padding: 15px 0;
}
.reality_box .nemovitost_foto_big_video iframe {
  max-width: 100%;
  margin-bottom: 20px;
}
.reality_box .real_prodejce .real_prodejce_foto {
  max-width: 50%;
  float: left;
  padding-right: 20px;
}
.reality_box .reality_tlacitka {
  margin: 5px;
}
.reality_box .mapa_visual_obal img {
  max-width: none;
}
.reality_box .nemovitost_foto5_big img {
  width: 100%;
}
.reality_box .nemovitost_foto5_small {
  margin-bottom: 30px;
  max-height: 500px;
  transition: 500ms ease;
  overflow-y: scroll;
}
.reality_box .nemovitost_foto5_small.nemovitost_foto5_small_zabaleno {
  max-height: 140px;
  overflow: hidden;
  margin: 0;
}
.reality_box .nemovitost_foto5_small img {
  margin-right: 5px;
  margin-top: 5px;
  max-width: 31%;
}
.reality_box .reality_tlacitka {
  margin-top: 20px;
  position: relative;
}
.reality_box .reality_tlacitka iframe {
  position: absolute;
  left: 0;
  max-height: 40px;
  margin-top: -20px;
}
.reality_box1 {
  width: 100%;
  margin-bottom: 1em;
}
.reality_box2-3 {
  width: 100%;
}
.reality_box2-3 .reality_box2 {
  width: 50%;
  float: left;
  padding-right: 1em;
}
.reality_box2-3 .reality_box3 {
  width: 50%;
  float: right;
}
.reality_box2-3 .reality_box3 .ceny2 {
  font-size: 2.5em;
  margin-top: -1.6em;
  text-align: center;
}
.reality_box2-3 .reality_box3 .raz {
  width: 40%;
  float: left;
  display: inline-block;
}
.reality_box2-3 .reality_box3 .dva {
  width: 60%;
  float: right;
  display: inline-block;
}
.reality_box4 {
  width: 100%;
}
.reality_box4 .iframe_street {
  width: 100%;
  height: 300px;
}
.reality_box4 #maps_box {
  width: 100%;
  height: 300px;
  margin-top: 20px;
}
.reality_box4 .formular {
  width: 100%;
}
a.img-responsive img {
  max-width: 100%;
}
img.img-responsive {
  max-width: 100%;
}
.real_prodejce_foto img,
.vi_foto img {
  max-width: 100%;
}
div.share-box .share-box-main {
  text-align: left;
}
div.share-box .share-box-main .share-box-link {
  font-size: 1.1em;
  display: inline-block;
  padding: 0.7em;
  text-decoration: none;
  color: #313130;
  cursor: pointer;
}
div.share-box .share-box-main .share-box-link:hover {
  color: gray;
}
div.share-box .share-box-main .share-box-link i.fa {
  padding-right: 0.4em;
  color: gray;
}
div.share-box .share-box-social {
  border: 1px solid lightgrey;
  text-align: center;
  padding: 1em;
}
div.share-box .share-box-social a {
  display: inline-block;
  padding: 0.7em;
  text-decoration: none;
}
div.share-box .share-box-mail {
  border: 1px solid lightgrey;
  padding: 1em;
  text-align: center;
}
div.share-box .share-box-mail input {
  width: 60%;
}
div.share-box .share-box-mail a#share-link-btn {
  float: right;
  position: relative;
  top: -1.7em;
  right: 5em;
  cursor: pointer;
  text-decoration: none;
}
div.prelepky {
  margin-top: 1em;
}
div.prelepky span {
  display: inline-block;
  text-align: center;
  font-size: 0.8em;
  line-height: 2em;
  padding: 0.5em 1em;
  margin: 0;
  font-weight: bold;
  margin-right: 2em;
  min-width: 60px;
}
div.prelepky span.novinka {
  background-color: #a7c42e;
  color: black;
}
div.prelepky span.novinka:after,
div.prelepky span.novinka:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 50%;
  left: 100%;
}
div.prelepky span.novinka:after {
  bottom: 0;
  background: linear-gradient(to right bottom, #a7c42e 50%, transparent 57%);
}
div.prelepky span.novinka:before {
  top: 0;
  background: linear-gradient(to right top, #a7c42e 50%, transparent 55%);
}
div.prelepky span.vyhradne {
  position: relative;
  background: #E2342B;
  color: white;
}
div.prelepky span.vyhradne:after,
div.prelepky span.vyhradne:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 50%;
  left: 100%;
}
div.prelepky span.vyhradne:after {
  bottom: 0;
  background: linear-gradient(to right bottom, #E2342B 50%, transparent 57%);
}
div.prelepky span.vyhradne:before {
  top: 0;
  background: linear-gradient(to right top, #E2342B 50%, transparent 55%);
}
div.prelepky span.top {
  background-color: black;
  color: white;
  border: 1px solid black;
  position: relative;
}
div.prelepky span.top:after,
div.prelepky span.top:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 50%;
  left: 100%;
}
div.prelepky span.top:after {
  bottom: 0;
  background: linear-gradient(to right bottom, black 50%, transparent 57%);
}
div.prelepky span.top:before {
  top: 0;
  background: linear-gradient(to right top, black 50%, transparent 55%);
}
div.prelepky span.sleva {
  background-color: #ffd500;
  color: black;
  position: relative;
}
div.prelepky span.sleva:after,
div.prelepky span.sleva:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 50%;
  left: 100%;
}
div.prelepky span.sleva:after {
  bottom: 0;
  background: linear-gradient(to right bottom, #ffd500 50%, transparent 57%);
}
div.prelepky span.sleva:before {
  top: 0;
  background: linear-gradient(to right top, #ffd500 50%, transparent 55%);
}
.modal-open,
.compensate-for-scrollbar,
.fancybox-active {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
html {
  overflow-y: scroll !important;
}
body {
  overflow-y: hidden !important;
}
.modal {
  top: 100px;
}
.lang-nav {
  display: none;
}
.lang-nav a {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 2px solid transparent;
  border-radius: 50%;
}
.lang-nav a.active {
  border-color: #f59076;
}
.lang-nav a img {
  margin-left: -3px;
}
/*
TEMPORARY
 */
.odstavec_16798 {
  height: auto !important;
  width: 100% !important;
  float: none !important;
  text-align: center;
  background: transparent !important;
  color: black !important;
  position: relative;
  top: 2em;
}
.modal-red {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#949ca1+0,626366+100 */
  background: #949ca1;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #949ca1 0%, #626366 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949ca1', endColorstr='#626366', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  color: white;
}
.modal-red .modal-header {
  border: none;
  color: white;
}
.modal-red .modal-header .close {
  color: white;
}
.modal-blue {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af4849+0,dc1c2e+100 */
  background: #af4849;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #af4849 0%, #dc1c2e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af4849', endColorstr='#dc1c2e', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  color: white;
}
.modal-blue .btn-blue {
  background: #f59076;
}
.modal-blue .modal-header {
  border: none;
  color: white;
}
.modal-blue .modal-header .close {
  color: white;
}
.socialShareBox {
  text-align: center;
  background: #C4C6C8;
  margin-bottom: -15px;
  padding-top: 1em;
}
.socialShareBox ul {
  margin-left: -2em;
}
.socialShareBox ul li {
  display: inline-block;
  list-style: none;
  padding: 0.3em;
}
.socialShareBox ul li a {
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  background-size: cover;
  border: 1px solid transparent;
}
.socialShareBox ul li a.facebook {
  display: inline-block;
  background-image: url("/asset/social_icons/facebook.svg");
}
.socialShareBox ul li a.google {
  display: inline-block;
  background-image: url("/asset/social_icons/google plus.svg");
}
.socialShareBox ul li a.twitter {
  display: inline-block;
  background-image: url("/asset/social_icons/twitter.svg");
}
.socialShareBox ul li a.instagram {
  display: inline-block;
  background-image: url("/asset/social_icons/instagram.svg");
}
.socialShareBox ul li a.linkedin {
  display: inline-block;
  background-image: url("/asset/social_icons/linkedin.svg");
}
.socialShareBox ul li a.pinterest {
  display: inline-block;
  background-image: url("/asset/social_icons/pinterest.svg");
}
.socialShareBox ul li a.tumblr {
  display: inline-block;
  background-image: url("/asset/social_icons/tumblr.svg");
}
.socialShareBox ul li a.skype {
  display: inline-block;
  background-image: url("/asset/social_icons/skype.svg");
}
.socialShareBox ul li a.soundcloud {
  display: inline-block;
  background-image: url("/asset/social_icons/soundclloud.svg");
}
.socialShareBox ul li a.youtube {
  display: inline-block;
  background-image: url("/asset/social_icons/youtube.svg");
}
.socialShareBox ul li a.evernote {
  display: inline-block;
  background-image: url("/asset/social_icons/evernote.svg");
}
.socialShareBox ul li a:hover {
  border: 1px solid #949CA1;
  filter: grayscale(50%);
}
.socialShareBox ul.article-detail {
  text-align: center;
  background: #C4C6C8;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  color: white;
}
.socialShareBox ul.article-detail a {
  color: #656e70;
}
.socialShareBox ul.article-detail strong {
  font-size: 2em;
  color: #656e70;
}
/*
    ÚVOD - SLIDE
 */
#section1 {
  height: 650px;
  background-color: transparent;
  background-size: cover;
  background-position: center right;
  position: relative;
  border-bottom: 1px solid white;
  box-shadow: 0px 0px 20px 0px #000000ab;
}
#intro {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 70px;
}
.introText {
  font-size: 1em;
  padding: 20px;
  text-align: center;
  color: #949CA1;
  width: 75%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  top: 10vh;
}
.introText p {
  font-size: 1.4em;
  color: #656e70;
}
.introText h1 {
  font-size: 2em;
  color: black;
}
.left-content {
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 70px;
  bottom: 0;
  width: 25%;
  z-index: 99;
}
.left-content img {
  right: 0;
  bottom: -40px;
  position: absolute;
  height: 100%;
  width: auto;
}
@media (max-width: 800px) {
  .left-content img {
    position: absolute;
    bottom: 0;
    height: auto;
  }
}
/*
    ÚVOD - BOXY
 */
#section2 {
  padding-top: 10vh;
  min-height: 40vh;
  background-image: url("/asset/bg_gradients/saint-petersburg.png");
  background-size: cover;
}
#services {
  padding-bottom: 3em;
}
#services .serviceBox {
  padding: 20px 25px;
  border-radius: 5px;
  text-align: right;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
#services .serviceBox:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: #313130;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: -1;
  transition: all 0.5s ease 0s;
}
#services .serviceBox:hover:before {
  left: 0;
}
#services .serviceBox:hover:after {
  height: 100%;
}
#services .serviceBox:hover .service-icon {
  color: white;
}
#services .serviceBox:hover .description {
  color: white;
}
#services .serviceBox:hover p {
  color: white;
}
#services .serviceBox:after {
  content: "";
  width: 7px;
  height: 0;
  border-radius: 5px;
  background: #c10d0e;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease 0s;
}
#services .serviceBox .service-icon {
  color: black;
  margin-bottom: 10px;
  transition: all 0.5s ease 0s;
}
#services .serviceBox .service-icon i {
  font-size: 30px;
}
#services .serviceBox .title {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  margin-right: 10px;
}
#services .serviceBox .description {
  font-size: 15px;
  color: #656e70;
  line-height: 25px;
  transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 990px) {
  #services .serviceBox {
    margin-bottom: 30px;
  }
}
/*
    GALERIE
 */
#miniGallery {
  padding-bottom: 100px;
  overflow: auto;
}
#miniGallery.container .kotevnik_i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i {
  min-height: 270px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#949ca1+0,626366+100 */
  background: #949ca1;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #949ca1 0%, #626366 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949ca1', endColorstr='#626366', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  margin-bottom: 1em;
  padding: 1em;
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af4849+0,dc1c2e+100 */
  background: #af4849;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #af4849 0%, #dc1c2e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #af4849 0%, #dc1c2e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af4849', endColorstr='#dc1c2e', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i a {
  padding-top: 2.1em;
  text-decoration: underline;
  color: white;
  position: relative;
  display: block;
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span {
  display: block;
  font-weight: bold;
  font-size: 1.3em;
  top: 1.3em;
  left: 280px;
  text-decoration: underline;
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span:nth-child(2) {
  display: block;
  font-size: 1.3em;
  margin-bottom: 0.7em;
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i a img {
  margin-right: 1.5em;
  position: relative;
  left: 50%;
  margin-left: -100px;
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span.article_datetime {
  font-weight: normal;
  font-size: 0.7em;
  display: block;
  color: white;
  position: absolute;
  top: -15px;
  left: -15px;
  padding: 1em;
  background: #404041;
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i a span.article_datetime:before {
  font-family: FontAwesome;
  content: "\f073";
  padding-right: 0.5em;
}
#miniGallery.container .kotevnik_i .kotevnik_one_o .kotevnik_one_i div {
  display: none;
}
#miniGallery .card {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 300px;
  background: white;
  overflow: hidden;
  border-radius: 0;
  cursor: pointer;
  box-shadow: 0px 0px 30px #555;
}
#miniGallery .card .front {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 130%;
  background-position: center center;
  transition: 0.4s;
}
#miniGallery .card .front.prelepka:after {
  content: "reference";
  width: 200px;
  background: #c10d0e;
  position: absolute;
  right: -66px;
  top: 6px;
  transform: rotate(45deg);
  color: white;
  padding: 20px;
  text-align: center;
  transition: 0.4s;
}
#miniGallery .card .front .title-front-card {
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: 0;
  width: 100%;
  color: black;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
#miniGallery .card:hover .front {
  filter: blur(20px);
  transform: scale(1.15);
}
#miniGallery .card:hover .front:after {
  opacity: 0;
}
#miniGallery .card:hover .back {
  opacity: 1;
  transform: translateY(0);
}
#miniGallery .back {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  padding: 5px;
  display: table;
  opacity: 0;
  transition: 0.4s;
  transform: translateY(100%);
}
#miniGallery .back .ref-link {
  color: white;
  font-size: 1.3em;
}
#miniGallery .back span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#miniGallery .back span ul {
  padding-left: 0;
}
#miniGallery .back span ul li {
  display: inline-block;
  font-size: 32px;
  margin: 10px;
}
#miniGallery .back span ul li a i {
  color: white;
}
#miniGallery .back span ul li a:hover i.fa-facebook {
  color: #4267b2;
}
#miniGallery .back span ul li a:hover i.fa-reddit {
  color: #FF4500;
}
#miniGallery .back span ul li a:hover i.fa-pinterest {
  color: #B80E21;
}
#miniGallery .back span ul li a:hover i.fa-twitter {
  color: #1DA1F2;
}
#miniGallery .back span ul li a:hover i.fa-google-plus {
  color: #DD4D42;
}
/*
    E-BOOK
 */
#section3 {
  min-height: 50vh;
  background-size: cover;
  border-top: 1px solid lightgrey;
  box-shadow: 5px -4px 19px #656e70;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#949ca1+0,626366+100 */
  background: #949ca1;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #949ca1 0%, #626366 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #949ca1 0%, #626366 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949ca1', endColorstr='#626366', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.ebook_info {
  position: relative;
  margin-top: 0px;
  background: #c10d0e;
  box-shadow: 0px 0px 30px #555;
  color: white;
  padding: 30px;
}
.ebook_info .box-bg-img {
  position: absolute;
  max-width: 30%;
  height: auto;
}
.ebook_info .box-bg-img.br {
  bottom: 1%;
  right: 1%;
}
#ebook {
  padding-top: 14vh;
  padding-bottom: 5vh;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(0, 5px) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, -5px) rotate(0);
  }
  20% {
    -webkit-transform: translate(0, 5px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, -5px) rotate(0);
  }
  40% {
    -webkit-transform: translate(0, 4px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, -4px) rotate(0);
  }
  60% {
    -webkit-transform: translate(0, 3px) rotate(0);
  }
  70% {
    -webkit-transform: translate(0, -3px) rotate(0);
  }
  80% {
    -webkit-transform: translate(0, 2px) rotate(0);
  }
  90% {
    -webkit-transform: translate(0, -2px) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(0, 5px) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, -5px) rotate(0);
  }
  20% {
    -webkit-transform: translate(0, 5px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, -5px) rotate(0);
  }
  40% {
    -webkit-transform: translate(0, 4px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, -4px) rotate(0);
  }
  60% {
    -webkit-transform: translate(0, 3px) rotate(0);
  }
  70% {
    -webkit-transform: translate(0, -3px) rotate(0);
  }
  80% {
    -webkit-transform: translate(0, 2px) rotate(0);
  }
  90% {
    -webkit-transform: translate(0, -2px) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
  }
}
#ebook #se-webform-1.se-webform {
  box-shadow: 0px 0px 30px #555;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 1em;
  line-height: initial !important;
  vertical-align: baseline;
}
#ebook #se-webform-1.se-webform:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.2s;
  /* When the animation is finished, start again */
}
@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
}
#ebook #se-webform-1.se-webform * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: initial !important;
}
#ebook #se-webform-1.se-webform > * {
  width: 100%;
}
#ebook #se-webform-1.se-webform .se-webform-inner > * {
  width: 100%;
}
#ebook #se-webform-1.se-webform .se-header h3 {
  margin: 0;
  padding: 14px 24px 5px;
  color: black;
  font-size: 2em;
  text-align: center;
  font-weight: 500;
  line-height: 1.25 !important;
  margin-top: 0.5em;
  border: 0;
}
#ebook #se-webform-1.se-webform .se-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-top: 15px;
}
#ebook #se-webform-1.se-webform .se-body ul {
  margin: 0 5%;
  padding: 0;
  list-style: none;
}
#ebook #se-webform-1.se-webform .se-body ul li {
  list-style-type: none;
  margin: 0;
  padding: 0.5em 0;
  text-align: left;
  background: none;
  background-image: none;
}
#ebook #se-webform-1.se-webform .se-body ul li label.se-required:after {
  content: " *";
  color: #c10d0e;
}
#ebook #se-webform-1.se-webform .se-body ul li label {
  display: block;
  padding: 5px 0;
  margin: 0;
  font-size: 12px;
  color: #444;
}
#ebook #se-webform-1.se-webform .se-body ul li label.se-radio {
  font-size: 14px;
  margin: 0;
  font-weight: bold;
}
#ebook #se-webform-1.se-webform .se-body ul li label.se-radio input {
  margin: -3px 5px 0 0;
}
#ebook #se-webform-1.se-webform .se-body ul li label.se-checkbox {
  font-size: 14px;
  margin: 0;
  font-weight: bold;
}
#ebook #se-webform-1.se-webform .se-body ul li label.se-checkbox input {
  margin: -3px 5px 0 0;
}
#ebook #se-webform-1.se-webform .se-body ul li input[type=text] {
  width: 100%;
  padding: 8px;
  text-align: left;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #949CA1;
  background: white;
  color: black;
  font-size: 14px;
  display: block;
}
#ebook #se-webform-1.se-webform .se-body ul li input[type=number] {
  width: 100%;
  padding: 8px;
  text-align: left;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #949CA1;
  background: white;
  color: #444;
  font-size: 14px;
  display: block;
}
#ebook #se-webform-1.se-webform .se-body ul li input[type=date] {
  width: 100%;
  padding: 8px;
  text-align: left;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #949CA1;
  background: white;
  color: #444;
  font-size: 14px;
  display: block;
}
#ebook #se-webform-1.se-webform .se-body ul li textarea {
  width: 100%;
  padding: 8px;
  text-align: left;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #949CA1;
  background: white;
  color: #444;
  height: 60px;
  resize: none;
  line-height: 1.2em;
}
#ebook #se-webform-1.se-webform .se-body ul li select {
  width: 100%;
  padding: 8px;
  text-align: left;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #949CA1;
  background: white;
  color: #444;
  font-size: 12px;
}
#ebook #se-webform-1.se-webform .se-submit {
  padding: 14px 24px 24px 24px;
  text-align: center;
}
#ebook #se-webform-1.se-webform .se-submit button {
  background: #c10d0e;
  color: white;
}
#ebook #se-webform-1.se-webform .se-submit div.se-fake {
  padding: 10px 30px;
  background: #007DC3;
  border-radius: 0;
  border: 0;
  font-size: 16px;
  color: white;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
#ebook #se-webform-1.se-webform .se-close {
  width: auto;
}
#ebook #se-webform-1.se-webform .se-webform-sent-info {
  display: none;
}
#ebook #se-webform-1.se-webform .se-webform-sent-info h3 {
  text-align: center;
  margin: 1em;
}
#ebook #se-webform-1.se-webform .se-webform-sending-info {
  display: none;
}
#ebook #se-webform-1.se-webform .se-webform-sending-info h3 {
  text-align: center;
  margin: 1em;
}
#ebook #se-webform-1.se-webform ul.se-errors {
  list-style: none;
  margin: 0;
  padding: 0 10px;
}
#ebook #se-webform-1.se-webform ul.se-errors li {
  color: #fff;
  margin: 10px 0;
  background: #da5555;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 10px;
}
#ebook #se-webform-1.se-webform ul.se-errors li div {
  display: table-row;
}
#ebook #se-webform-1.se-webform ul.se-errors li div > * {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 0;
}
#ebook #se-webform-1.se-webform ul.se-errors li .fa {
  font-size: 30px;
  padding-right: 15px;
}
#ebook #se-webform-1.se-webform input[type=text] {
  height: auto !important;
}
#ebook #se-webform-1.se-webform input[type=number] {
  height: auto !important;
}
#ebook #se-webform-1.se-webform input[type=date] {
  height: auto !important;
}
#ebook #se-webform-1.se-webform input {
  border: 0;
  vertical-align: middle;
}
#ebook #se-webform-1.se-webform .se-text {
  color: #444;
}
#ebook #se-webform-1.se-webform .se-text p {
  padding: 10px 24px;
  text-align: center;
  border: 0;
  margin: 0;
}
#ebook .se-wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-family: Arial, sans-serif;
  line-height: initial !important;
}
#ebook .se-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: initial !important;
}
#ebook .se-wrapper input[type=text] {
  height: auto !important;
}
#ebook .se-wrapper input[type=number] {
  height: auto !important;
}
#ebook .se-wrapper input[type=date] {
  height: auto !important;
}
#ebook #se-webform-1.se-webform.se-webform-sent .se-header {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sent .se-body {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sent .se-text {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sent .se-submit {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sent .se-webform-sent-info {
  display: block;
}
#ebook #se-webform-1.se-webform.se-webform-sending .se-header {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sending .se-body {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sending .se-text {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sending .se-submit {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sending .se-webform-sent-info {
  display: none;
}
#ebook #se-webform-1.se-webform.se-webform-sending .se-webform-sending-info {
  display: block;
}
#ebook #se-webform-1.se-webform.se-has-image-aside {
  display: table;
}
#ebook #se-webform-1.se-webform.se-has-image-aside .se-image-aside {
  margin-top: 0;
  display: table-cell !important;
  width: 50%;
}
#ebook #se-webform-1.se-webform.se-has-image-aside .se-webform-inner {
  display: table-cell !important;
  vertical-align: middle;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}
#ebook #se-webform-1.se-webform.se-has-image-aside .se-webform-inner .se-header h3 {
  padding-left: 12px;
  text-align: left;
}
#ebook #se-webform-1.se-webform.se-has-image-aside .se-webform-inner .se-image {
  display: none;
}
#ebook #se-webform-1.se-webform.se-has-image-aside .se-webform-inner .se-text {
  text-align: left;
}
#ebook #se-webform-1.se-webform.se-has-image-aside .se-webform-inner .se-text p {
  text-align: left;
  padding-left: 12px;
}
#ebook #se-webform-1.se-webform.se-has-image-aside .se-webform-inner .se-submit {
  padding-left: 12px;
  text-align: left !important;
}
#ebook #se-webform-1.se-webform.se-has-image-aside .se-webform-inner .se-submit > * {
  text-align: center;
}
#ebook #se-webform-1.se-webform.se-has-image-aside.se-shrink {
  width: 100% !important;
}
#ebook #se-webform-1.se-webform.se-has-image-aside.se-shrink .se-webform-inner {
  padding-left: 0;
  padding-right: 0;
  display: block !important;
  width: 100%;
  vertical-align: none;
}
#ebook #se-webform-1.se-webform.se-has-image-aside.se-shrink .se-webform-inner .se-image {
  display: block;
}
#ebook #se-webform-1.se-webform.se-has-image-aside.se-shrink .se-image-aside {
  display: none !important;
}
#ebook #se-webform-1 .se-close a {
  font-size: 30px !important;
  content: "\d7" !important;
  cursor: pointer;
  text-decoration: none !important;
  color: #a1a1a1 !important;
  font-weight: normal;
}
#ebook .se-close a {
  font-size: 30px !important;
  content: "\d7" !important;
  cursor: pointer;
  text-decoration: none !important;
  color: #a1a1a1 !important;
  font-weight: normal;
}
#ebook .se-popup-open {
  overflow: hidden;
}
#ebook .se-popup-open .se-popup {
  overflow-x: hidden;
  overflow-y: auto;
}
#ebook .se-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: black;
}
#ebook .se-backdrop.se-fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
#ebook .se-backdrop.se-in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#ebook .se-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
#ebook .se-popup {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
#ebook .se-popup .se-popup-inner {
  position: relative;
  width: auto;
  margin: 10px auto;
}
#ebook .se-popup .se-popup-inner #se-webform-1.se-webform {
  width: 100%;
  position: relative;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#ebook .se-popup .se-popup-inner #se-webform-1.se-webform .se-header {
  min-height: 16.42857143px;
}
#ebook .se-popup .se-popup-inner #se-webform-1.se-webform .se-header .se-close {
  margin-top: -2px;
}
#ebook .se-popup .se-popup-inner #se-webform-1.se-webform .se-body {
  position: relative;
}
#ebook .se-popup .se-popup-inner #se-webform-1.se-webform .se-submit:before {
  content: " ";
  display: table;
}
#ebook .se-popup .se-popup-inner #se-webform-1.se-webform .se-submit:after {
  content: " ";
  display: table;
  clear: both;
}
#ebook .se-popup .se-popup-inner #se-webform-1.se-webform .se-close {
  position: absolute;
  display: block;
  top: 0;
  right: 10px;
}
#ebook .se-popup.se-fade .se-popup-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
#ebook .se-popup.se-in .se-popup-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#ebook .se-button {
  background: #c10d0e;
  color: white !important;
  border-color: #c10d0e;
  border-radius: 0;
  padding: 0.6em 1em;
  cursor: pointer;
  box-shadow: 2px -2px 13px 1px #c4c6c82e;
  line-height: 1em;
  font-size: 1em;
  border-style: unset;
}
#ebook .se-button:hover {
  background: #c10d0e;
}
#ebook .se-button:hover {
  text-decoration: underline;
  box-shadow: 2px 3px 13px 1px #c4c6c82e;
}
#ebook .se-popup-button {
  position: fixed;
  text-align: right;
  z-index: 999;
  right: 5%;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#ebook .se-popup-button * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#ebook .se-popup-button .se-image {
  diplay: none;
}
#ebook .se-popup-button .se-button.se-top {
  top: 0;
}
#ebook .se-popup-button .se-button.se-bottom {
  bottom: 0;
}
#ebook .se-popup-button .se-button:hover {
  -webkit-animation-name: shake;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-transform-origin: 50% 100%;
}
#ebook .se-popup-button .se-close {
  display: none;
}
#ebook .se-popup-button .se-close:after {
  clear: both;
}
#ebook .se-popup-button .se-container {
  display: none;
  text-align: left;
}
#ebook .se-popup-button #se-webform-1.se-webform {
  display: none;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow-y: auto;
}
#ebook .se-popup-button.se-button-show .se-button {
  display: inline-block;
}
#ebook .se-popup-button.se-open {
  overflow-y: auto;
}
#ebook .se-popup-button.se-open .se-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 18px;
  z-index: 999;
}
#ebook .se-popup-button.se-open .se-button {
  display: none;
  width: 100%;
  cursor: inherit;
}
#ebook .se-popup-button.se-open #se-webform-1.se-webform {
  width: 100%;
}
#ebook .se-popup-button.se-open .se-container {
  display: block;
  margin: 0 0 0 auto;
  max-width: 100% !important;
}
#ebook .se-limit-width.se-wrapper.se-popup .se-popup-inner {
  width: auto !important;
}
#ebook .se-limit-width.se-wrapper.se-popup #se-webform-1.se-webform {
  width: auto !important;
}
#ebook .se-limit-width.se-wrapper.se-popup #se-webform-1.se-webform .se-image-aside {
  display: block !important;
  width: 100% !important;
}
#ebook .se-limit-width.se-wrapper.se-popup #se-webform-1.se-webform .se-webform-inner {
  display: block !important;
  width: 100% !important;
}
#ebook .se-limit-width.se-wrapper.se-popup-button .se-popup-inner {
  width: auto !important;
}
#ebook .se-limit-width.se-wrapper.se-popup-button #se-webform-1.se-webform {
  width: auto !important;
}
#ebook .se-limit-width.se-wrapper.se-popup-button #se-webform-1.se-webform .se-image-aside {
  display: block !important;
  width: 100% !important;
}
#ebook .se-limit-width.se-wrapper.se-popup-button #se-webform-1.se-webform .se-webform-inner {
  display: block !important;
  width: 100% !important;
}
#ebook .se-webform-inner span {
  font-size: 12px;
  font-weight: 400;
}
#ebook .se-webform-primary-purpose {
  border-bottom: 1px solid #bbbbbb;
  text-align: justify !important;
  padding: 10px 0px 15px 0px !important;
  margin: 5px 0 0 0 !important;
  color: #444;
}
#ebook .se-license-agreement {
  border-bottom: 1px solid #bbbbbb;
  text-align: justify !important;
}
#ebook .se-license-agreement span {
  font-size: 12px;
  font-weight: 400;
}
#ebook .se-license-agreement .se-checkbox input {
  margin: 1px 5px 1px 0 !important;
}
#ebook .se-submit {
  margin-top: 10px;
}
@media (min-width: 768px) {
  #ebook .se-popup .se-popup-inner {
    width: 350px;
    margin: 30px auto;
  }
  #ebook .se-popup .se-popup-inner #se-webform-1.se-webform {
    width: 100%;
  }
  #ebook .se-popup-button {
    right: 10%;
  }
}
@media (max-width: 768px) {
  #ebook .se-popup-button {
    width: 90%;
  }
}
.formular_obal_1193 {
  margin-top: 50px;
}
.formular_obal_1193 .formular {
  width: 100%;
}
/*
    PATIČKA
 */
#section5 {
  min-height: 90vh;
  background-image: url("/theme/mw_demo_01/images/big/wood-texture.jpg");
  background-size: 100%;
  background-position: center;
  box-shadow: inset 17px 4px 9px 4px #949CA1;
}
#contact {
  color: black;
  padding-top: 10vh;
}
#contact input {
  color: black;
  border-radius: 0;
  margin: 10px;
}
#contact textarea {
  color: black;
  border-radius: 0;
  margin: 10px;
}
#contact .footer_person {
  box-shadow: 0px 0px 30px #555;
  border: 1px solid #ffffff52;
  padding: 20px;
  margin-bottom: 20px;
  background: #ED2323;
  background-size: cover;
  position: relative;
  color: white;
}
#contact .footer_person a {
  color: white;
}
#contact .footer_person a:hover {
  text-decoration: underline;
}
#contact .footer_form {
  box-shadow: 0px 0px 30px #555;
  border: 1px solid #ffffff52;
  margin-bottom: 20px;
  color: white;
  background: #606164;
  background-size: cover;
  position: relative;
}
#contact .footer_form textarea {
  min-height: 95px;
}
#contact .footer_form .formular {
  background: transparent;
  width: 100%;
  box-shadow: none;
  margin: 0;
}
#contact .footer_form .formular input[type="submit"] {
  background: #c10d0e;
  color: white;
}
#contact .gMapa {
  width: 100%;
  height: 425px;
  padding: 0;
}
#contact .gMapa iframe {
  width: 100%;
  height: 100%;
  border: 2px solid white;
  padding-bottom: 20px;
}
#responsive_only {
  display: none;
}
.copyright {
  border-top: 1px solid #C4C6C8;
  background: white;
  text-align: center;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  color: #949CA1;
}
.copyright a {
  text-decoration: underline;
  color: #949CA1;
}
.copyright a:hover {
  text-decoration: none;
}
.session_id_7512 .formular_obal_1103 {
  margin-top: 30px;
}
.session_id_7512 .formular_obal_1103 h2 {
  font-size: 1.9em;
  margin-bottom: -20px;
}
.session_id_7512 .formular_obal_1103 .formular {
  padding: 15px;
  background: #003da5;
  width: 100%;
}
.session_id_7512 .formular_obal_1103 .formular input[type="submit"] {
  background: #e20514;
}
.session_id_7512 .formular_obal_1074 {
  display: none;
}
.blok_o_196119 {
  display: none;
}
.session_id_7512 .blok_o_196119 {
  display: block !important;
}
.session_id_7512 .blok_o_196119 .iodst {
  text-align: center;
  margin: 20px 0;
}
.session_id_7512 .blok_o_196119 .iodst img {
  padding: 0 20px;
  box-shadow: 0px 0px 30px #555;
}
.blok_o_196119 h2 {
  text-align: center;
  margin-bottom: 40px;
}
.blok_o_196119 .iright {
  padding-left: 40px;
}
.blok_i_197222 .kotva h2 {
  text-align: left !important;
}
.blok_i_197210 h1 {
  display: none;
}
.galerie_obal_3658 {
  margin-bottom: 1rem;
  margin-top: 0;
}
.FB-Messenger-Box {
  display: none;
}
.serviceBox .service-icon {
  text-align: left;
}
.serviceBox p {
  text-align: left;
}
#navigation .navbar-brand img {
  max-height: 70px;
}
#section5 {
  background-image: none;
  box-shadow: inset 0px 8px 9px 0px #949CA1;
  background-color: #ececec;
}
#section5 .footer_person {
  border: 0;
  margin: 0;
  border-right: 5px solid #ececec;
  box-shadow: -6px 4px 8px #bbbbbb;
  margin-bottom: 15px;
}
#section5 .footer_form {
  border: 0;
  margin: 0;
  border-left: 5px solid #ececec;
  box-shadow: 6px 4px 6px #bbbbbb;
  margin-bottom: 15px;
}
#section5 .footer_form h3 {
  margin-top: 0.6rem;
  margin-left: 12%;
  text-align: left;
}
#section5 .footer_form table {
  margin-top: 2rem;
  width: 80%;
  margin-left: 10%;
}
#section5 .footer_form table input[type=submit] {
  border: 1px solid #c10d0e;
}
#section5 .footer_form table input[type=submit]:hover {
  color: black;
  background: white;
  border-color: white;
}
#section5 .mapa_visual_sama {
  box-shadow: 0px 5px 7px 5px #a09f9fc9;
}
.mainContent.cat-colors .jeden_i .blok_o .kotevnik_i .kotevnik_one_o .kotevnik_one_i {
  background: #545353;
  background: -moz-linear-gradient(-45deg, #7f8084 0%, #515256 100%);
  background: -webkit-linear-gradient(-45deg, #7f8084 0%, #515256 100%);
  background: linear-gradient(135deg, #7f8084 0%, #515256 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949ca1', endColorstr='#626366', GradientType=1);
}
.youtube_obal_i {
  text-align: center;
}
#pageContent .page .is_article .kotva h2 {
  font-size: 2.5em;
}
#pageContent .page .is_article .kotva h2 img {
  padding: 0 1rem 1rem 0;
  float: left;
}
.kotevnik_typ_14.kotevnik_one_o {
  cursor: pointer;
}
.maps_box_label {
  display: none;
}
/*# sourceMappingURL=style.css.map */