/**
* Template barrandov
* Template URL: https://www.barrandov.cz/
* Author: Fresh Mill studio
* License: https://freshmill.cz/
*/
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap');
@font-face
{
    font-family: 'FontAwesome_Dilip';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

.page-id-1055 .klasicka-podstranka .text p{
	text-align: center;
}

.page-id-1055 .footer-career{
	display: none;
}

.translatepress-en_US #menu-item-72{
	display: none;
}

.translatepress-cs_CZ .footer-career{
	display: none;
}

.page-id-1055 .klasicka-podstranka .nadpis h1{
	text-align: center;
}
:root {
  scroll-behavior: smooth;
}

body {
  font-family: "Readex Pro", sans-serif;
  color: #444444;
}

a {
  color: #4154f1;
  text-decoration: none;
}

a:hover {
  color: #717ff5;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Readex Pro", sans-serif;
}

.klasicka-podstranka h1.nadpis{
	font-family: 'Readex Pro', sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: rgba(29, 29, 31, 0.5);
    line-height: normal;
    padding-bottom: 40px;
}


.user-container{
	margin: 0 auto;
    max-width: 1440px;
    width: 100%;
    padding: 0 80px;
    display: flex;
    position: relative;
}

@media all and (max-width: 1439px){
	.user-container{
		padding: 0 40px;		
	}
}

@media all and (max-width: 767px){
	.user-container{
		padding: 0 24px;		
	}
}

@media all and (max-width: 427px){
	.user-container{
		padding: 0 16px;		
	}
}


.wp-block-columns .wp-block-column:not(:first-child){
	margin-left: 12px;
}

.wp-block-columns .wp-block-column figure figcaption{
	font-size: 12px;
}


@media all and (max-width: 782px){
	.wp-block-columns .wp-block-column:not(:first-child){
	margin-left: 0;
}
	.wp-block-columns .wp-block-column:nth-child(2n){
		margin-left: 16px;
	}
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.translatepress-en_US .shareholders-link{
	display: none;
}

section {
  padding: 60px 0;
  overflow: hidden;
}

.section-header {
  text-align: center;
  padding-bottom: 40px;
}
.section-header h2 {
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  margin: 0;
  color: #4154f1;
  text-transform: uppercase;
}
.section-header p {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
  color: #012970;
}

nav.navbar.white .language-en a::after{
	background-image: url("http://barrandov.wavedigital.cz/wp-content/uploads/2022/01/arrow-down-white.svg");
}

@media (max-width: 768px) {
  .section-header p {
    font-size: 28px;
    line-height: 32px;
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #4154f1;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #6776f4;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
	display: flex;
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
  background-color: #fff;
}
.header.header-scrolled {
  background: #fff;
  padding: 15px 0;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}
.header .logo {
  line-height: 0;
}
.header .logo img {
  max-height: 60px;
  margin-right: 6px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
.navbar {
  padding: 0;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-family: "Readex Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #1d1d1f;
  white-space: nowrap;
  transition: 0.3s;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar .getstarted, .navbar .getstarted:focus {
  margin-left: 30px;
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}

@media all and (max-width: 1200px){
	.navbar .getstarted{
		width: fit-content;
	}
	
	nav.navbar-mobile.navbar.black .getstarted{
		padding: 16px 40px;
	}
}
.navbar .getstarted a {
  padding: 0;
}
.navbar .getstarted a:hover {
  padding-left: 0;
  color: #fff;
  text-decoration: none;
}

.navbar .language-en a::after{
	content: "";
	background-image: url("http://barrandov.wavedigital.cz/wp-content/uploads/2022/01/Frame.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	width: 16px;
	height: 16px;
	margin-left: 8px;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #919191b0;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 8px;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown a::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: left;
  transition: all 0.35s;
  transform: rotate(-270deg);
  padding-left: 5px;
  position: relative;
  left: 8px;
}
.navbar .dropdown ul a::after {
  display: none;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #fff;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation
*/
.mobile-nav-toggle {
  color: #1d1d1f;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
  color: #1d1d1f;
  padding-top: 15px;
}

@media (max-width: 1199px) {
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgb(135 135 135 / 80%);
  transition: 0.3s;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
nav.navbar-mobile > ul{
	width: 350px;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 24px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
  padding-top: 80px;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 20px 20px 10px 10px;
  font-size: 15px;
  font-size: 21px;
  color: #1d1d1d;
}
.navbar-mobile .social-icons-vetsi {
  position: absolute;
  z-index: 1;
  pointer-events: none;
	bottom: 24px;
	right: calc(350px / 2);
	transform: translate(50%, 0);
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #1d1d1d;;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #1d1d1d;;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}
.navbar-mobile.navbar.black .getstarted, .navbar.black .getstarted:focus {
  margin-left: 0;
  margin-right: 130px;
  padding: 0 40px 13px;
}
.navbar-mobile .getstarted a {
  font-size: 14px;
  text-align: center;
}
@media only screen and (min-width: 1198px) {
  .social-icons-vetsi, .social-icons-mensi {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .social-icons-vetsi {
    display: none;
  }
  .social-icons-mensi {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .navbar-mobile .social-icons-vetsi, .navbar-mobile .social-icons-mensi {
    display: flex;
  }
}
@media only screen and (max-width: 600px) {
	.navbar-mobile .social-icons-vetsi{
		right: calc(90% / 2);
	}
	.navbar-mobile .social-icons-vetsi a{
		padding: 0;
		margin: 0 8px;
	}
  .navbar-mobile .social-icons-vetsi a {
    display: inline-flex;
    position: relative;
	top: unset;
    left: 0;
  }
  .social-icons-vetsi img {
    padding-right: 5px;
  }
  nav.navbar-mobile > ul {
	width:90%;
  }
}

/* HEADER-BLACK */
.navbar.black a {
  color: #1d1d1f;
}
.navbar.black .getstarted, .navbar.black .getstarted:focus {
    margin-left: 30px;
    font-family: 'Readex Pro', sans-serif;
    color: #fff;
    background-color: transparent;
    border: 1px solid rgb(154 154 154 / 50%);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    transition: all 0.8s,color 0.3s 0.3s;
}
.navbar.black .getstarted:hover, .navbar.black .getstarted:focus:hover {
    background-color: #1d1d1f;
    color: #fff;
}
ul.sub-menu a {
  color: #fff;
}
.navbar.black .dropdown ul a {
  color: #1d1d1f;
}
.navbar.black .dropdown ul a:hover, .navbar.black .dropdown ul .active:hover, .navbar.black .dropdown ul li:hover > a {
  color: #1d1d1f;
}
.header.black {
  background-color: white;
}
.navbar li .navbar.black a:hover {
    color: #1d1d1f;
    text-decoration: underline;
}
.header.black {
  position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

/* HEADER-WHITE */
.navbar.white a {
  color: #fff;
}
.navbar.white a:hover {
  color: #fff;
}
.navbar.white .getstarted, .navbar.white .getstarted:focus {
    margin-left: 30px;
    font-family: 'Readex Pro', sans-serif;
    color: #1d1d1f;
    background-color: transparent;
    border: 1px solid rgb(154 154 154 / 50%);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    transition: all 0.8s,color 0.3s 0.3s;
	display:none;
}
.navbar.white .getstarted:hover, .navbar.white .getstarted:focus:hover {
    background-color: #1d1d1f;
    color: #fff;
}
ul.sub-menu a {
  color: #fff;
}
.navbar.white .dropdown ul a {
  color: #fff;
}
.navbar.white .dropdown ul a:hover, .navbar.white .dropdown ul .active:hover, ..navbar.white .dropdown ul li:hover > a {
  color: #fff;
}
.header.white {
  background-color: transparent;
}
.navbar.white a:hover {
    color: #ffffff;
    text-decoration: none;
}
.header.white {
  position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.header.white {
  transition: all 0.5s;
  z-index: 997;
}

.header.white.header-scrolled {
  padding: 0 0;
  background-color: #1d1d1f;
  -webkit-box-shadow: 0px 0px 32px -20px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0px 0px 32px -20px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 32px -20px rgb(0 0 0 / 75%);
  height: 100px;
}
.fixed-top {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !impo !important;
}

i.bi.bi-list.mobile-nav-toggle.white {
  color: #fff;
}
.navbar-mobile.white a {
  color: #1d1d1f;
}
.navbar-mobile.white a, .navbar-mobile.white a:focus {
  color: #1d1d1f;
}
.navbar-mobile.white a:hover {
  color: #1d1d1f;
  text-decoration: none;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
    color: #1d1d1f;
}
.navbar-mobile.white .dropdown ul a {
    color: #1d1d1f;
}
.navbar-mobile.white .getstarted, .navbar-mobile.white .getstarted:focus {
  margin-left: 0;
}

/* SCROLLBAR */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background-color: #1d1d1f;
}
::-webkit-scrollbar-thumb {
  background: #fff;
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - UVOD
--------------------------------------------------------------*/
/* SLIDER */
section.slider-bg {
  padding-top: 0;
  padding-bottom: 0;
}
section.slider-bg .nadpis {
  font-family: 'readex Pro', sans-serif !important;
  font-weight: 400 !important;
}
section.slider-bg .slider-nadpis {
  font-family: 'readex Pro', sans-serif !important;
  font-weight: 400 !important;
}
section.slider-bg .nadpis2 {
  font-family: 'readex Pro', sans-serif !important;
  font-weight: 400 !important;
}
section.slider-bg .tlacitko1, section.slider-bg .tlacitko2 {
  font-family: 'readex Pro', sans-serif !important;
  font-weight: 400 !important;
}
#rev_slider_1_1_wrapper .custom.tparrows {
  background-color: transparent !important;
}
section.slider-bg .tp-thumb-image {
  border-radius: 8px;
}

@media only screen and (max-width: 1024px) {
  section.slider-bg .nadpis {
    font-size: 46px !important;
    margin-left: 50px !important;
  }
  section.slider-bg .tlacitko1, section.slider-bg .tlacitko2 {
    margin-left: 50px !important;
  }
  #rev_slider_1_1_wrapper .hesperiden .tp-bullet {
    position: relative;
    top: -15px !important;
  }
  section.slider-bg .nadpis2 {
    margin-right: 50px;
  }
  section.slider-bg .ikonka-dolu {
    margin-right: 50px;
  }
  section.slider-bg .slider-nadpis {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 830px) {
  section.slider-bg .nadpis {
    font-size: 45px !important;
    padding-top: 50px;
  }
  section.slider-bg .tlacitko1, section.slider-bg .tlacitko2 {
    margin-top: 50px;
  }
  #rev_slider_1_1_wrapper .hesperiden .tp-bullet {
    position: relative;
    top: -30px !important;
  }
  section.slider-bg .ikonka-dolu {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 768px) {
  section.slider-bg .nadpis {
    font-size: 35px !important;
    padding-top: 0 !important;
    position: relative;
    top: -50px !important;
  }
  section.slider-bg .tlacitko1, section.slider-bg .tlacitko2 {
    margin-top: 0 !important;
  }
  #rev_slider_1_1_wrapper .hesperiden .tp-bullet {
    position: relative;
    top: 140px !important;
  }
  section.slider-bg .ikonka-dolu {
    margin-right: 50px;
  }
  section.slider-bg .nadpis2 {
    font-size: 14px !important;
    margin-right: 50px !important;
  }
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 350px !important;
    margin-top: 70px;
  }
  #rev_slider_1_1_wrapper .custom.tparrows:before {
    position: relative;
    top: 70px;
    margin-left: 50px;
  }
}

@media only screen and (max-width: 720px) {
  #rev_slider_1_1_wrapper .hesperiden .tp-bullet {
    top: 120px !important;
  }
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 350px !important;
    margin-top: 50px;
  }
  #rev_slider_1_1_wrapper .custom.tparrows:before {
    position: relative;
    top: 70px;
    margin-left: 50px;
  }
}

@media only screen and (max-width: 640px) {
  section.slider-bg .nadpis {
    font-size: 30px !important;
    padding-top: 0 !important;
    position: relative;
    margin: 10px !important;
  }
  section.slider-bg .tlacitko1, section.slider-bg .tlacitko2 {
    margin: 10px !important;
    position: relative;
    margin-top: -100px !important;
  }
  #rev_slider_1_1_wrapper .hesperiden .tp-bullet {
    position: relative;
    top: 100px !important;
  }
  section.slider-bg .ikonka-dolu {
    margin-right: 50px;
  }
  section.slider-bg .nadpis2 {
    font-size: 14px !important;
    margin-right: 10px !important;
  }
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 650px !important;
    margin-top: -50px;
  }
  #rev_slider_1_1_wrapper .custom.tparrows:before {
    position: relative;
    top: 30px !important;
    margin-left: 10px;
  }
  #rev_slider_2_2_wrapper .custom.tparrows:before {
    margin-left: 10px !important;
  }
  section.slider-bg .slider-nadpis {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 615px) {
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 600px !important;
    margin-top: -50px;
  }
}
@media only screen and (max-width: 595px) {
  .tp-tabs, .tp-thumbs {
    left: 540px !important;
  }
}
@media only screen and (max-width: 560px) {
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 550px !important;
    margin-top: -50px;
  }
}
@media only screen and (max-width: 500px) {
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 500px !important;
    margin-top: -50px;
  }
}
@media only screen and (max-width: 530px) {
  section.slider-bg .nadpis {
    font-size: 25px !important;
    padding-top: 0 !important;
  }
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 500px !important;
    margin-top: -90px;
  }
  .hesperiden.tp-bullets {
    display: none !important;
  }
}
@media only screen and (max-width: 530px) {
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 500px !important;
    margin-top: -50px;
  }
}

@media only screen and (min-width: 639px) {
  .slider-hp.mobile {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .slider-hp.desktop {
    display: none;
  }
  .col-lg-12.slider-hp.mobile {
    padding: 0;
  }
}
@media only screen and (max-width: 640px) {
  .slider-hp.mobile {
    display: block;
  }
}

/* SLIDER NEJMENSI */
@media only screen and (min-width: 639px) {
  .slider-hp.mobile-mensi {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .slider-hp.mobile {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .slider-hp.mobile-mensi {
    display: block;
  }
  .hesperiden.tp-bullets {
    display: block !important;
  }
  .tp-tabs, .tp-thumbs {
    position: relative;
    left: 350px !important;
    margin-top: -100px;
  }
}

/* NASE SLUZBY */
section.sluzby-bg {
  background-color: #FAFAFA;
}
.sluzby .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 80px;
}
.sluzby .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.sluzby .sluzby-vypis {
  display: flex;
}

@media all and (max-width: 1200px){
	.sluzby .sluzby-vypis{
		flex-wrap: wrap;
	}
	
	.sluzby .sluzby-vypis .service{
		width: calc( 50% - 20px);
		margin-right: 40px;
		margin-bottom: 40px;
	}
	
	.sluzby .sluzby-vypis .service:nth-child(even){
		margin-right: 0;
	}
}

@media all and (max-width: 767px){
	.sluzby .sluzby-vypis .service{
		width: 100%;
		margin-right: 0;
	}
}

.sluzby-vypis .service{
	border-radius: 8px;
	padding: 40px;
	position: relative;
	width: calc(100% / 4 - 12px);
	height: 280px;
	margin-right:16px;
	z-index:0;
	display: flex;
	flex-direction:column;
	justify-content: space-between;
		align-items: flex-start;
	transition: 0.2s ease;
}

.sluzby-vypis .service img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: inherit;
}

.sluzby-vypis .service .service-overlay{
	top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.48);
    border-radius: inherit;
	z-index:-1;
		transition: 0.2s ease;
}

.sluzby-vypis .service:hover .service-overlay{
	background: rgba(0, 0, 0, 0.6);
}

.sluzby-vypis .service .btn{
	background-color: transparent;
	color: white;
	border-color: white;
}

.sluzby-vypis .service:hover .btn{
	background-color: white;
	color: black
}

.sluzby-vypis .service h3{
	font-family: 'Readex Pro', sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
	z-index:2;
}

.sluzby .service-box {
  background-color: #fff;
  border-radius: 8px;
}
.sluzby .service-box img {
  width: 100%;
  height: 132px;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}

.sluzby .btn-border:hover{
	    background-color: #1d1d1f;
    color: #fff;
}

.sluzby .service-box {
   position: relative;
    margin: auto;
    overflow: hidden;
    width: 100%;
	height: 100%;
}
.sluzby .service-box img {
    transition: all 2s;
    display: block;
    transform: scale(1);
}
.sluzby .service-box:hover img {
  transform: scale(1.1);
}
.sluzby .service-box .service-text {
  padding: 39px;
}
.sluzby .service-box .service-text h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  line-height: 1.5px;
  color: #1d1d1f;
  font-weight: 400;
  padding-bottom: 20px;
}
.sluzby .service-box .service-text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  padding-bottom: 70px;
}
.btn.btn-border {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.sluzby .service-box:hover .btn.btn-border {
  background-color: #1d1d1f;
  color: #fff;
}

/* SLUZBY MOBILE */
.service_box {
  margin: 0;
  text-align: left;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s ease 0s;
  height: 540px;
}
.service-text {
  padding: 39px !important;
}
.service_box img {
  width: 100%;
  height: 320px;
  border-radius: 8px 8px 0 0;
  transform: translateY(0%);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
  object-fit: cover;
}
.service_box:hover {
  background: #fff;
}
.service_box h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  line-height: 1.5px;
  color: #1d1d1f;
  font-weight: 400;
  text-align: left;
  padding-bottom: 0;
  position: relative;
  top: 40px;
  margin: 0;
  transform: translateY(0%);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.service_box .btn.btn-border {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  transition: all 0.8s,color 0.3s 0.3s;
}
.service_box:hover .btn.btn-border {
  background-color: #1d1d1f;
  color: #fff;
}
.service_box:hover img {
  top: -40px;
  height: 132px;
}
.service_box:hover h3 {
  top: 0;
  padding-bottom: 40px;
}
.service_box p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  height: 80px;
  color: #1d1d1f;
  text-align: left;
  margin: 0;
  opacity: 0;
  transition: all 0.3s linear 0s;
}
.service_box:hover p {
  opacity: 1;
  height: 230px;
}
@media only screen and (min-width: 767px) {
  .sluzby-vypis.mobile {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .sluzby-vypis.desktop {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .sluzby-vypis.mobile {
    display: block;
  }
}


@media only screen and (max-width: 991px) {
  section.sluzby-bg  {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  section.klienti-logo-bg.desktop {
    display: none;
  }
  section.klienti-logo-bg.mobile .row-logos1 {
    display: inline-grid;
    grid-template-columns: 1fr;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  section.klienti-logo-bg.mobile .row-logos1 img {
    padding-bottom: 25px;
    padding-top: 25px;
  }
}
@media only screen and (max-width: 768px) {
  section.klienti-logo-bg.mobile {
    display: block;
  }
}
@media only screen and (min-width: 767px) {
  section.klienti-logo-bg.mobile {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .klienti-logo .nadpis h2 {
    font-size: 19px;
  }
}
@media only screen and (max-width: 560px) {
  .service_box h3 {
    font-size: 20px;
    padding-bottom: 0;
  }
  .service-text {
    padding: 25px !important;
  }
}
@media only screen and (max-width: 490px) {
  .service_box p {
    font-size: 14px;
    line-height: 1.5;
  }
  .service_box {
    height: 560px;
  }
  .service_box:hover p {
    height: 240px;
  }
}
@media only screen and (max-width: 375px) {
  .service_box p {
    font-size: 13px;
    line-height: 1.2;
  }
  .service_box {
    height: 560px;
    width: 190px;
  }
  .service_box:hover p {
    height: 240px;
  }
  .service_box .btn.btn-border {
    font-size: 12px;
    padding: 10px;
  }
}


.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0d0d0f;
}
span.swiper-pagination-bullet {
  border: 1px solid #0d0d0f;
  background-color: #fff;
}

/* Pro veřejnost */

.pro-verejnost{
	padding: 80px 0 120px;
	position: relative;
}

.pro-verejnost .pro-verejnost__bg{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	object-fit: cover;
}

.pro-verejnost .pro-verejnost__overlay{
	top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.64);
}

.pro-verejnost h2{
	font-family: 'Readex Pro', sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.64);
    line-height: normal;
    padding-bottom: 80px;
}

.pro-verejnost h2 strong{
	font-weight: 400;
    color: #fff;
}

.pro-verejnost h3{
	font-family: 'Readex Pro', sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: #fff;
}

.pro-verejnost__list{
	display: flex;
}

.pro-verejnost__list .pro-verejnost__list-item{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	padding: 40px;
	border: 1px solid #E5E5E5;
	width: calc( 100% / 3 - 16px);
	height: 240px;
	margin-right: 24px;
	border-radius: 8px
}

.pro-verejnost__list .pro-verejnost__list-item:last-child{
	margin-right:0;
}

.pro-verejnost__list .pro-verejnost__list-item .btn{
	background-color: transparent;
	color: white;
	border-color: white;
}

.pro-verejnost__list .pro-verejnost__list-item:hover .btn{
	background-color: white;
	color: black;
}

@media all and (max-width: 991px){
	.pro-verejnost__list .pro-verejnost__list-item{
		padding:16px;
		width: calc(50% - 24px);
			margin-right: 0;
	}
	
	.pro-verejnost__list .pro-verejnost__list-item:first-child{
		margin-right: 40px;
		margin-bottom: 40px;
	}
	.pro-verejnost__list{
		flex-wrap: wrap;
	}
}

@media all and (max-width: 575px){
	.pro-verejnost__list .pro-verejnost__list-item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.pro-verejnost__list .pro-verejnost__list-item:first-child{
		margin-right: 0;
	}
}

/* ATELIERY */
section.ateliery-bg {
	padding: 120px 0;
  background: #1d1d1f;
  background-image:
    linear-gradient(0deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64)),
    url('/wp-content/uploads/2021/12/ateliery-pozemek.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.ateliery .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.64);
  line-height: normal;
  padding-bottom: 60px;
}
.ateliery .nadpis h2 strong {
  font-weight: 400;
  color: #fff;
}
.ateliery .informace .informace-row .left-side img {
  padding-right: 25px;
  height: auto;
  width: 11%;
}
.ateliery .informace .informace-row .left-side span {
  font-family: 'Readex Pro', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-align: left;
}
.ateliery .informace .informace-row .right-side {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  text-align: left;
}
.ateliery .informace .informace-row {
  height: 110px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 30px;
}

.atelier-barrandov-content img{
	border-radius: 8px;
}

@media only screen and (max-width: 991px) {
  .ateliery .informace .informace-row .left-side img {
    width: 9%;
  }
  .ateliery .informace .informace-row {
    height: 150px;
  }
}
@media only screen and (min-width: 767px) {
  .ateliery.mobile {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .ateliery.desktop {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .ateliery.mobile {
    display: block;
  }
}

/* NASE VIZE */
section.vize-bg {
  background-color: #fff;
}
.vize .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.vize .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: #1d1d1f;
  line-height: 40px;
  width: 80%;
  text-align: right;
  float: right;
}
@media only screen and (max-width: 991px) {
  .vize .nadpis h2  {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .vize .text p {
    width: 100%;
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .vize .nadpis h2 {
    font-size: 21px;
  }
  section.vize-bg {
    padding-top: 30px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .vize .nadpis h2 {
    font-size: 19px;
  }
  .vize .text p {
    font-size: 20px;
    line-height: 1.5;
  }
}


/* header large */
header.large {

}
header.white.header-scrolled .getstarted {
  display: flex;
}


/* header small */

header.small {
  height: 50px;
}
header.small .navbar.white .getstarted {
  display: block;
  border: block;
}
header.small li {
  margin-top: 17px;
}

/* PARKOVÁNÍ */

.parkovani h2{
	font-family: 'Readex Pro', sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: rgba(29, 29, 31, 0.5);
    line-height: normal;
	margin-bottom: 40px;
}

.parkovani h2 strong{
	font-weight: 400;
    color: #1d1d1f;
}

.parkovani p{
	font-family: 'Readex Pro', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #6f6f70;
    font-weight: 400;
}

.parkovani .user-row{
	align-items: center;
}


.parkovani .user-col{
	width: calc(50% - 24px);
}

.parkovani .img-wrapper{
	margin-right: 48px;
	position: relative;
	overflow: hidden;
}

.parkovani img{
	max-height: 432px;
	height:100%;
	width: 100%;
	border-radius: 8px;
	object-fit: cover;
}

@media all and (max-width: 1000px){
	.parkovani .user-row{
		flex-direction: column;
	}
	.parkovani .user-col{
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
}



/* UVOD REFERENCE */
section.historie-reference-bg {
  background-color: #fff;
}
.historie-reference-bg .ref-box a:hover {
  text-decoration: underline;
}
.historie-reference-bg .tlacitko {
  padding-top: 50px;
}
section.historie-reference-bg .tlacitko .btn.btn-border:hover {
  background-color: #1d1d1f;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .historie-reference-bg .tlacitko {
    padding-top: 0;
    padding-bottom: 0;
  }
  section.historie-reference-bg {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* NASI KLIENTI */
section.klienti-logo-bg {
  background-color: #fff;
}
.klienti-logo .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.klienti-logo .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.klienti-logo .row-logos1 {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding-bottom: 25px;
  padding-top: 25px;
}
.klienti-logo .row-logos2 {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding-bottom: 25px;
  padding-top: 25px;
}
.klienti-logo .row-logos3 {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 25px;
  padding-top: 25px;
}
.hover_image:hover {text-decoration: none}
.hide {display:none}
.hover_image:hover img:first-child{display:none}
.hover_image:hover img:last-child{display:inline-block}

@media only screen and (max-width: 991px) {
  section.klienti-logo-bg  {
    padding-bottom: 20px;
  }
  .klienti-logo .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .klienti-logo .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .sluzby .nadpis h2  {
    font-size: 21px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 767px) {
  section.klienti-logo-bg.mobile {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  section.klienti-logo-bg.desktop {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  section.klienti-logo-bg.mobile {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  .klienti-logo .nadpis h2 {
    font-size: 19px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - FOOTER
--------------------------------------------------------------*/
/* FOOTER */
footer section.paticka-bg {
  background-color: #fbfbfd;
  padding-bottom: 0;
	padding-top: 40px;
}

.logo-paticka{
	margin-bottom:16px;
}

.paticka .logo img {
  width: 25%;
  height: auto;
}
.paticka .nadpis h4 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 21px;
  color: #1d1d1f;
  padding-bottom: 49px;
}
section.patickaemail {
  padding: 0;
}
section.patickatel {
  padding: 0;
}
.paticka .sloupec1 img {
  width: auto;
  height: auto;
  padding-bottom: 7px;
}
.paticka .sloupec1 a {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  color: #1d1d1f;
  display: table;
  padding-bottom: 42px;
}
.paticka .sloupec1 a:hover {
  text-decoration: underline;
  color: #1d1d1f;
}
.paticka .sloupec1 .btn-fill {
  font-family: 'Readex Pro', sans-serif;
  color: #fff;
  background-color: #1d1d1f;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.paticka .sloupec1 .btn-fill:hover {
  background-color: #FBFBFD;
  color: #1d1d1f;
}
section.patickaadresa {
  padding: 0;
}
.paticka .sloupec2 img {
  width: auto;
  height: auto;
  padding-bottom: 7px;
}
.paticka .sloupec2 p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  color: #1d1d1f;
  font-weight: normal;
  line-height: 24px;
  padding-bottom: 15px;
}
.paticka .sloupec2 .social-icons img {
  padding-right: 5px;
}

/* SOCKET */
.socket {
  border-top: 1px solid #a4a4a4;
  padding-top: 25px;
  padding-bottom: 25px;
}
.socket .copy p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 12px;
  color: #8D8D8D;
  font-weight: 600;
  line-height: 12px;
  text-align: left;
}
.socket .copy a {
  color: #8D8D8D;
}
.socket p {
  margin-bottom: 0;
}
.socket .gdpr p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 12px;
  color: #8D8D8D;
  font-weight: 600;
  line-height: 12px;
  text-align: right;
}
.socket .gdpr a {
  padding-left: 25px;
  color: #8D8D8D;
  text-decoration: underline;
}
.socket .gdpr a:hover {
  color: #1d1d1f;
}
@media only screen and (max-width: 991px) {
  .paticka .logo img {
    width: 15%;
    padding-bottom: 45px;
  }
  .paticka .nadpis h4 {
    font-size: 32px;
  }
  .socket .copy p {
    text-align: left;
  }
  .socket .gdpr p {
    text-align: left;
    padding-top: 15px;
  }
  .socket .gdpr a {
    padding-left: 0;
    display: table;
    padding-bottom: 15px;
  }
}


.paticka-bg{
	background-color: #FBFBFD;
	padding: 80px 0;
}

.paticka-bg.contact-3{
	padding-bottom: 0;
}

.paticka-bg .custom-row {
	display: flex;
}

.paticka-bg .custom-row .custom-col{
	display: flex;
	flex-direction: column;
}

.paticka-bg.contact-3 .image-content .image{
	width: 25%;
	padding-right: 56px;
}

.paticka-bg.contact-3 .image-content .content{
	width: 75%;
}

.paticka-bg.contact-2 .image-content .image{
	width: calc(100% / 3 * 1)
}

.paticka-bg.contact-2 .image-content .content{
	width: calc(100% / 3 * 2);
	padding-left: 64px;
}

@media all and (max-width: 768px){
	.paticka-bg{
		padding: 40px 0;
	}
	.paticka-bg.contact-3 .image-content{
		flex-direction: column;
	}
	
	.paticka-bg.contact-3 .image-content .image{
		margin-bottom: 40px;
		width: 100%;
	}
	
	.paticka-bg.contact-3 .image-content .content{
		width: 100%;
	}
}

.paticka-bg .logo{
	width: 77px;
	height:56px;
}

.paticka-bg .photo{
	width: 100%;
	height:100%;
	object-fit: cover;
	border-radius: 8px;
}

.paticka-bg h3{
	margin-bottom: 40px;
	font-family: 'Readex Pro', sans-serif;
	font-size: 32px;
	font-weight: 300;
	color: #1D1D1F;
}

.paticka-bg .contacts{
	flex-wrap: wrap;
}

.paticka-bg .contacts .custom-col{
	padding: 0 16px;
}

.paticka-bg .contacts .custom-col:first-child{
	padding: 0 16px 0 0;
}

.paticka-bg .contacts .custom-col:last-child:not(:first-child){
	padding: 0 0 0 16px;
}

.paticka-bg.contact-3 .contacts .custom-col{
	width: calc(100% / 3);
}

@media all and (max-width: 1200px){
	.paticka-bg .image-photo{
		display: none;
	}
	.paticka-bg.contact-2 .image-content .content{
		padding-left: 0;
		width: 100%;
	}
	.paticka-bg.contact-3 .contacts .custom-col{
		width: calc(100% / 2);
	}	
	
	.paticka-bg.contact-3 .contacts .custom-col:first-child{
		margin-bottom: 40px;
	}
	
	.paticka-bg .contacts .custom-col:last-child{
		padding: 0;
	}
}

@media all and (max-width: 768px){
	.paticka-bg.contact-3 .contacts .custom-col, .paticka-bg.contact-2 .content .contacts .custom-col{
		width: 100%;
	}	
	
	.paticka-bg.contact-3 .contacts .custom-col, .paticka-bg.contact-2 .contacts .custom-col{
		margin-bottom: 40px;
		padding: 0;
	}
	
	.paticka-bg.contact-3 .contacts .custom-col:last-child, .paticka-bg.contact-2 .contacts .custom-col:last-child{
		margin-bottom: 0;
	}
}

.paticka-bg.contact-2 .contacts .custom-col{
	width: calc(100% / 2);
}

.paticka-bg .contacts .custom-col:last-child{
	padding-right: 0;
}

.paticka-bg .contacts .custom-col span, .paticka-bg .contacts .custom-col span a{
	margin-bottom: 8px;
	font-family: 'Readex Pro', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: rgba(29, 29, 31, 0.64);
}

.paticka-bg .contacts .custom-col span:last-of-type{
	margin-bottom: 0;
}

.paticka-bg .contacts .custom-col span.position{
	font-weight: 600;
	height: 24px;
	color: #1D1D1F;
}

.paticka-bg .contacts .custom-col span.name{
		height: 24px;
	color: #1D1D1F;
}

.paticka-bg .socials{
	margin-top: 40px;
}

.paticka-bg .socials a{
	margin-right: 16px
}

.paticka-bg .socials a:last-child{
	margin-right: 0;
}

.paticka-bg .socials a img{
	width: 24px;
	height: 24px;
}



/*--------------------------------------------------------------
# BARRANDOV STUDIO - KONTAKT
--------------------------------------------------------------*/
section.kontakt-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
section.kontakt-bg .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
section.kontakt-bg .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
section.kontakt-bg .obrazek img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (max-width: 991px) {
  section.kontakt-bg {
    padding-bottom: 0;
  }
  section.kontakt-bg .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }

}
@media only screen and (max-width: 768px) {
  section.kontakt-bg {
    padding-top: 100px;
  }
  section.kontakt-bg .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  section.kontakt-bg {
    padding-top: 100px;
  }
  section.kontakt-bg .nadpis h1 {
    font-size: 20px;
  }
}

.kontakt-bg .kontakt .left-side {
  padding-right: 25px;
}
.kontakt-bg .kontakt .left-side h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.kontakt-bg .kontakt .left-side h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.kontakt-bg .kontakt .right-side {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.56)), url('/wp-content/uploads/2021/12/kontakt-info-bg.jpg');
  padding: 90px;
  background-position: center;
  background-repeat: no-repeat;
}
.kontakt-bg .kontakt .right-side img {
  height: auto;
  padding-bottom: 7px;
}
.kontakt-bg .kontakt .right-side a {
  font-family: 'Readex Pro', sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: table;
  padding-bottom: 42px;
}
.kontakt-bg .kontakt .right-side a:hover {
  text-decoration: underline;
}
.kontakt-bg .kontakt .right-side p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
}
.kontakt-bg .kontakt .right-side .social-icons {
  padding-top: 34px;
  padding-right: 15px;
}
.kontakt-bg .kontakt .right-side .social-icons a {
  display: inline-flex;
  padding-right: 10px;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #1d1d1f;
	background-color: #1d1d1f;
	padding: 25px;
	color: #fff;
}
@media only screen and (max-width: 991px) {
  section.kontakt-bg {
    padding-bottom: 0;
  }
  .kontakt-bg .kontakt .left-side h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .kontakt-form {
    padding-bottom: 25px;
  }
  .kontakt-bg .kontakt .right-side {
    padding: 35px;
  }
}
@media only screen and (max-width: 768px) {
  section.kontakt-bg {
    padding-top: 100px;
  }
  .kontakt-bg .kontakt .left-side h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .kontakt-bg .kontakt .left-side h1 {
    font-size: 20px;
  }
  .kontakt-bg .kontakt .right-side p {
    font-size: 14px;
  }
  .kontakt-bg .kontakt .right-side a {
    font-size: 14px;
    padding-bottom: 30px;
  }
}

/* PODROBNE KONTAKTY */
section.kontakty-bg {
  background-color: #fff;
}
.kontakty .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 80px;
}
.kontakty .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.kontakty-accordion {
  padding-left: 70px;
  padding-right: 70px;
}
.kontakty-accordion .advgb-accordion-header, .advgb-accordion-header.ui-accordion-header.ui-state-default {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  padding-right: 0 !important;
}
.advgb-accordion-header-title {
  border-bottom: 1px solid #c4c4c4;
}
h4.advgb-accordion-header-title {
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
}
.advgb-accordion-body.ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content.ui-accordion-content-active {
  border-bottom: 1px solid #c4c4c4 !important;
  padding-bottom: 0;
  margin-bottom: 0;
}
.advgb-accordion-header.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-icons.ui-accordion-header-active.ui-state-active .advgb-accordion-header-title {
  border-bottom: 0;
}
.advgb-accordion-header-icon {
    margin-right: 0px !important;
}
.advgb-accordion-body p {
  font-family: 'readex Pro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1d1d1f;
}
.advgb-accordion-body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1d1d1f;
}
.advgb-accordion-body a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1d1d1f;
}
.advgb-accordion-body a:hover {
  text-decoration: underline;
}
.advgb-accordion-header-icon {
  display: block;
}
.advgb-accordion-header[aria-expanded="true"] .advgb-accordion-header-icon {
  display: block !important;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  border-color: #1d1d1f;
}
.advgb-accordion-header[aria-expanded="true"] .advgb-accordion-header-icon svg {
    fill: rgb(29 29 31);
    width: 24;
    height: 24;
}
.kontakty-accordion .text p {
  font-family: 'readex Pro', sans-serif;
  font-size: 16px;
  color: #1d1d1f;
  font-weight: 400;
  line-height: 24px;
  padding-right: 150px;
  padding-left: 150px;
}
.accordion p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #8e8e8f;
  padding-bottom: 5px;
}
.accordion p strong {
  font-weight: 400;
  color: #1d1d1f;
}

.kontakty-accordion p strong{
	font-weight: 600;
}

.accordion a {
  color: #8e8e8f;
}

.accordion .btn-fill{
	  font-family: 'Readex Pro', sans-serif;
  color: #fff;
  background-color: #1d1d1f;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
	margin-bottom: 16px;
}

.accordion a:hover {
  color: #1d1d1f;
  text-decoration: none;
}
.accordion ul li {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  padding-bottom: 12px;
}
.accordion .sede-bg {
  padding: 40px;
}
@media only screen and (max-width: 991px) {
  section.kontakty-bg {
    padding-bottom: 0;
  }
  .kontakty .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .kontakty-accordion .text p {
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  .kontakty-accordion {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .kontakty .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
  h4.advgb-accordion-header-title {
    font-size: 18px !important;
  }
  .accordion p {
    font-size: 15px;
    padding-bottom:0;
    line-height: 1.5;
  }
  .kontakty-accordion .wp-block-column {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .kontakty .nadpis h2 {
    font-size: 19px;
  }
  h4.advgb-accordion-header-title {
    font-size: 16px !important;
  }
  .accordion p {
    font-size: 14px;
    padding-bottom:0;
    line-height: 1.2;
  }
}

/* KONTAKT FORM */
p.ochrana-os {
  font-family: 'readex Pro', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: center;
  color: #c4c4c4;
  padding-top: 15px;
  padding-bottom: 25px;
}
p.ochrana-os a {
  color: #c4c4c4;
  font-weight: 600;
  text-decoration: none;
}
p.ochrana-os a:hover {
color: #1d1d1f;
}

.buttonkontakt {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.buttonkontakt:hover {
  background-color: #1d1d1f;
  color: #fff;
}
.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-acceptance-missing {
border: 5px solid red;
margin-top: -30px;
}
.wpcf7 span.wpcf7-not-valid-tip {
background-color: #f3f2f2;
color: #333;
font-size: 12px;
padding: 5px;
}
.wpcf7 .wpcf7-mail-sent-ok {
border: 5px solid white;
margin-top: -30px;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 1em;
font-size: 14px;
}
.wpcf7-form-control.wpcf7-text {
  border-bottom: 1px solid #c4c4c4;
  border-left: none;
  border-top: none;
  border-right: none;
  background-color: #ffffff;
  height: 60px;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 25px;
}
.wpcf7-form-control {
margin-top: 15px;
}
.wpcf7-form-control.wpcf7-textarea {
  border-bottom: 1px solid #c4c4c4;
  border-left: none;
  border-top: none;
  border-right: none;
  background-color: #ffffff;
  height: 60px;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  margin-top: 15px;
  height: 100px;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-tel {
  border-bottom: 1px solid #c4c4c4;
  border-left: none;
  border-top: none;
  border-right: none;
  background-color: #ffffff;
  height: 60px;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  margin-top: 15px;
}
.wpcf7 :focus {
  color: #333;
  outline:0;
}
.wpcf7-form-control.wpcf7-number {
  border-bottom: 1px solid #c4c4c4;
  border-left: none;
  border-top: none;
  border-right: none;
  background-color: #ffffff;
  height: 60px;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 25px;
}
.wpcf7-form-control-wrap.yourmessage:before {
width: 0rem !important;
position: relative;
}
.wpcf7-form-control-wrap.your-name:before {
width: 0rem !important;
position: relative;
}
.wpcf7-form-control-wrap.last-name:before {
width: 0rem !important;
}
.wpcf7-form-control-wrap.phone-number:before {
width: 0rem !important;
}
.wpcf7-form-control-wrap.youremail:before {
width: 0rem !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  background-color: #ca0e0eb3;
  border: 2px solid #ca0e0e;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  font-family: 'Readex Pro', sans-serif;
  font-size: 15px;
  font-weight: 700;
}
::-webkit-input-placeholder { color: #c4c4c4 !important;
opacity: 1;
}
:-moz-placeholder { color: #c4c4c4 !important;
opacity: 1;
}
::-moz-placeholder { color: #c4c4c4 !important;
opacity: 1;
}
:-ms-input-placeholder { color: #c4c4c4 !important;
opacity: 1;
}
@media only screen and (max-width: 768px) {
  .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-tel {
    font-size: 14px;
    height: 40px;
  }
  .wpcf7-form-control.wpcf7-textarea {
    font-size: 14px;
    height: 70px;
  }
}


/* PARKOVANI V AREALU */
.parkovani .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.parkovani .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.parkovani .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  color: #1d1d1f;
  font-weight: 400;
  line-height: 24px;
  width: 80%;
}
@media only screen and (max-width: 991px) {
  .parkovani .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .parkovani .text p {
    width: 100%;
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .parkovani .nadpis h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 600px) {
  .parkovani .nadpis h2 {
    font-size: 19px;
  }
  .parkovani .text p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - KARIERA
--------------------------------------------------------------*/
/* KARIERA */
section.kariera-bg {
  background-color: #fff;
  padding-top: 160px;
}
.kariera .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.kariera .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.kariera .obrazek img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
}
.kariera .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #1d1d1f;
  font-weight: 400;
}
.kariera .text {
  padding-top: 40px;
  padding-bottom: 40px;
}

.advgb-accordion-body .btn-wrapper{
	width: 100%;
	display: flex;
	justify-content:center;
	align-items: center;
}

.advgb-accordion-body .btn-wrapper .btn-fill{
	font-family: 'Readex Pro', sans-serif;
  color: #fff;
  background-color: #1d1d1f;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}

.under-accordion{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 60px;
} 

.under-accordion img{
	max-width: 160px;
    max-height: 160px;
    min-width: 160px;
    min-height: 160px;
    height: 100%;
    margin-right: 32px;
    object-fit: cover;
    border-radius: 16px;
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.under-accordion span{
	color: #1D1D1F;
	font-size: 32px;
	max-width: 200px;
}
@media only screen and (max-width: 991px) {
  section.kariera-bg {
    padding-bottom: 0;
  }
  .kariera .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .kariera .text p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.kariera-bg {
    padding-top: 100px;
  }
  .kariera .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  section.kariera-bg {
    padding-top: 100px;
  }
  .kariera .nadpis h1 {
    font-size: 20px;
  }
  .kariera .text p {
    font-size: 14px;
  }
}

/* HARMONIKA */
section.kariera-accordion-bg {
  background-color: #fff;
}
.kariera-accordion-bg .nadpis h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 80px;
}
.kariera-accordion-bg .nadpis h3 strong {
  font-weight: 400;
  color: #1d1d1f;
}

.kariera-accordion-bg .accordion li{
	color: rgba(29,29, 31, 0.64);	
}

.kariera-accordion-bg .kariera-accordion {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 991px) {
  .kariera-accordion-bg .nadpis h3 {
    font-size: 21px;
    padding-bottom: 20px;
  }
  .kariera-accordion-bg .kariera-accordion {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
   .kariera-accordion-bg .nadpis h3 {
     font-size: 19px;
   }
}
@media only screen and (max-width: 600px) {
  section.kariera-accordion-bg {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 425px) {
  .kariera-accordion-bg .nadpis h3 {
    font-size: 17px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - SERVIS - FUNDUS
--------------------------------------------------------------*/
/* FUNDUS HLAVICKA */
section.servis-fundus-bg {
  background-color: #fff;
  padding-top: 160px;
}
.servis-fundus .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.servis-fundus .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.servis-fundus .obrazek img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
}
.servis-fundus .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #1d1d1f;
  font-weight: 400;
}
.servis-fundus .text {
  padding-top: 40px;
  padding-bottom: 40px;
}
.servis-fundus .tlacitko {
  text-align: center;
}
.servis-fundus .tlacitko button.btn.btn-fill {
  font-family: 'Readex Pro', sans-serif;
  color: #fff;
  background-color: #1d1d1f;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.servis-fundus .tlacitko button.btn.btn-fill:hover {
  background-color: #FBFBFD;
  color: #1d1d1f;
}
@media only screen and (max-width: 991px) {
  section.servis-fundus-bg {
    padding-bottom: 0;
  }
  .servis-fundus .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .servis-fundus .text p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.servis-fundus-bg {
    padding-top: 100px;
  }
  .servis-fundus .nadpis h1 {
    font-size: 23px;
  }
  .servis-fundus .text {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .servis-fundus .obrazek img {
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .servis-fundus .nadpis h1 {
    font-size: 20px;
  }
  .servis-fundus .text p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 425px) {
  .servis-fundus .obrazek img {
    height: 200px;
  }
  .servis-fundus .tlacitko button.btn.btn-fill {
    font-size: 14px;
  }
}

/* FUNDUS KONTAKTY */
section.fundus-kontaky-bg {
  background-color: #fff;
}
.fundus-kontakty .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.fundus-kontakty .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.fundus-accordion {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 991px) {
  section.fundus-kontaky-bg {
    padding-bottom: 20px;
  }
  .fundus-kontakty .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .fundus-accordion {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .fundus-kontakty .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .fundus-kontakty .nadpis h2 {
    font-size: 19px;
  }
}
/*--------------------------------------------------------------
# BARRANDOV STUDIO - SERVIS - DEKORACE
--------------------------------------------------------------*/
/* DEKORACE HLAVICKA */
section.servis-dekorace-bg {
  background-color: #fff;
  padding-top: 160px;
}
.servis-dekorace .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.servis-dekorace .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.servis-dekorace .obrazek img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
}
.dekorace-text .text-wide p strong  {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #1d1d1f;
  font-weight: 400;
}
.dekorace-text .text-wide {
  padding-bottom: 40px;
  padding-top: 40px;
}
.dekorace-text .left-side p, .dekorace-text .left-side li {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #6f6f70;
  font-weight: 400;
}

.dekorace-text .right-side img{
	border-radius: 8px;
}

@media only screen and (max-width: 991px) {
  section.servis-dekorace-bg {
    padding-bottom: 0;
  }
  .servis-dekorace .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .dekorace-text .left-side p {
    font-size: 15px;
  }
  .dekorace-text .text-wide  {
    padding-bottom: 10px;
  }
  .dekorace-text .text-wide p strong  {
    font-size: 15px;
  }
  .dekorace-text img {
    width: 100%;
    object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  section.servis-dekorace-bg {
    padding-top: 100px;
  }
  .servis-dekorace .nadpis h1 {
    font-size: 23px;
  }
  .servis-dekorace .obrazek img {
    height: 300px;
  }
  .dekorace-text img {
    width: 100%;
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .servis-dekorace .nadpis h1 {
    font-size: 20px;
  }
  .dekorace-text .text-wide p strong  {
    font-size: 14px;
  }
  .dekorace-text .left-side p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 425px) {
  .servis-dekorace .obrazek img {
    height: 200px;
  }
  .servis-dekorace .tlacitko button.btn.btn-fill {
    font-size: 14px;
  }
}

/* DEKORACE KONTAKTY */
section.dabing-kontaky-bg {
  background-color: #fff;
}
.dabing-texty h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.dabing-texty h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.dabing-texty table.has-fixed-layout {
 border: 2px solid #1d1d1f !important;
}
.dabing-texty table.has-fixed-layout th {
  background-color: #1d1d1f !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  padding-left: 15px;
  color: #fafafa !important;
  font-family: 'Readex Pro', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 17px !important;
}
.dabing-texty table.has-fixed-layout td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 15px !important;
  font-family: 'Readex Pro', sans-serif !important;
  font-size: 16px !important;
  color: #4b545c !important;
  border: 1px solid #1d1d1f !important;
}
.dabing-texty .wp-block-advgb-accordions {
  padding-left: 70px;
  padding-right: 70px;
}
.dabing-texty .wp-block-advgb-accordions {
  padding-left: 70px;
  padding-right: 70px;
}

@media only screen and (max-width: 991px) {
  section.dekorace-kontaky-bg {
    padding-bottom: 20px;
  }
  .dabing-texty h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .dabing-texty .wp-block-advgb-accordions {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .dabing-texty h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .dabing-texty h2 {
    font-size: 19px;
  }
}


/* DEKORACE KONTAKTY */
section.dekorace-kontaky-bg {
  background-color: #fff;
}
.dekorace-kontakty .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.dekorace-kontakty .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.dekorace-accordion {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 991px) {
  section.dekorace-kontaky-bg {
    padding-bottom: 20px;
  }
  .dekorace-kontakty .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .dekorace-accordion {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .dekorace-kontakty .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .koprodukce-kontakty .nadpis h2 {
    font-size: 19px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - SERVIS - DABING
--------------------------------------------------------------*/
/* DABING HLAVICKA */
section.servis-dabing-bg {
  background-color: #fff;
  padding-top: 160px;
}
.servis-dabing .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.servis-dabing .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
@media only screen and (max-width: 991px) {
  section.servis-dabing-bg {
    padding-bottom: 0;
  }
  .servis-dabing .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  section.servis-dabing-bg {
    padding-top: 100px;
  }
  .servis-dabing .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .servis-dabing .nadpis h1 {
    font-size: 20px;
  }
}

/* DABING SLUZBY */
.dabing-sluzby-boxy {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 25px;
  padding-top: 25px;
}
.dabing-sluzby .dab-box {
  padding: 24px;
  background-color: #FAFAFA;
  margin: 5px;
}
.dabing-sluzby .dab-box img {
  width: 16%;
  height: auto;
}
.dabing-sluzby .dab-box h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  padding-top: 26px;
}
@media only screen and (max-width: 1199px) {
  .dabing-sluzby-boxy {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .dabing-sluzby .dab-box {
    width: auto;
  }
  .dabing-sluzby .dab-box h3 {
    font-size: 15px;
  }
  .dabing-sluzby .dab-box p span  {
    font-size: 15px;
  }
  .dabing-sluzby .dab-box p {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .dabing-sluzby .dab-box p {
    font-size: 50px;
  }
  .dabing-sluzby .dab-box img {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .dabing-sluzby .dab-box p {
    font-size: 30px;
  }
  .dabing-sluzby .dab-box img {
    padding-bottom: 5px;
  }
  .dabing-sluzby .dab-box h3 {
    font-size: 14px;
  }
  .dabing-sluzby .dab-box p span  {
    font-size: 14px;
    line-height: 1.2;
  }
  .dabing-sluzby .dab-box {
    padding: 15px;
  }
  .dabing-sluzby .dab-box p {
    top: 0;
  }
}
@media only screen and (max-width: 425px) {
  .dabing-sluzby-boxy {
    grid-template-columns: 1fr 1fr;
  }
  .dabing-sluzby .dab-box h3 {
    line-height: 1.2;
    font-size: 13px;
  }
  .dabing-sluzby .dab-box p span {
    font-size: 13px;
  }
  .dabing-sluzby .dab-box p {
    font-size: 25px;
  }
  .dabing-sluzby .dab-box img {
    width: 12%;
  }
}

/* DABING OBRAZEK */
.servis-dabing-bg .obrazek img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
}
.servis-dabing-bg .obrazek  {
  padding-top: 40px;
}
@media only screen and (max-width: 768px) {
  .servis-dabing-bg .obrazek img {
    height: 300px;
  }
}
@media only screen and (max-width: 425px) {
  .servis-dabing-bg .obrazek img {
    height: 200px;
  }
}

/* DABING SLOUPCE SLUZBY */
.sluzby-dabing-sloupce {
  padding-top: 40px;
}
.sluzby-dabing-sloupce .dab-sloupec {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 40px;
  height: 300px;
}
.sluzby-dabing-sloupce .dab-sloupec h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 24px;
  color: #1d1d1f;
  font-weight: 400;
  line-height: 32px;
  padding-bottom: 14px;
}
.sluzby-dabing-sloupce .dab-sloupec p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
}
@media only screen and (max-width: 1340px) {
  .sluzby-dabing-sloupce .dab-sloupec {
    height: 320px;
  }
}
@media only screen and (max-width: 1199px) {
  .sluzby-dabing-sloupce .dab-sloupec {
    height: 320px;
    padding: 20px;
  }
  .sluzby-dabing-sloupce .dab-sloupec p  {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 991px) {
  .sluzby-dabing-sloupce .dab-sloupec {
    height: auto;
    margin-bottom: 20px;
  }
  .sluzby-dabing-sloupce .dab-sloupec h3 {
    font-size: 21px;
    padding-bottom: 7px;
  }
}
@media only screen and (max-width: 768px) {
  .sluzby-dabing-sloupce .dab-sloupec {
    height: auto;
    margin-bottom: 19px;
  }
}
@media only screen and (max-width: 600px) {
  .sluzby-dabing-sloupce .dab-sloupec p  {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* VYBAVENI STUDIA */
section.vybaveni-studia-bg {
  background-color: #fff;
  padding-top: 0;
}
.vybaveni-studia .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.vybaveni-studia .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.vybaveni-studia img {
  height: auto;
  width: 70%;
  float: right;
}
@media only screen and (max-width: 991px) {
  .vybaveni-studia .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .vybaveni-studia img {
    width: 100%;
  }
  section.vybaveni-studia-bg {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .vybaveni-studia .nadpis h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 600px) {
  .vybaveni-studia .nadpis h2 {
    font-size: 19px;
  }
}

/* DEKORACE KONTAKTY */
section.dabing-kontaky-bg {
  background-color: #fff;
}
.dabing-kontakty .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.dabing-kontakty .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.dabing-accordion {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 991px) {
  section.dabing-kontaky-bg  {
    padding-bottom: 20px;
  }
  .dabing-kontakty .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .dabing-accordion {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .dabing-kontakty .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .dabing-kontakty .nadpis h2 {
    font-size: 19px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - KOPRODUKCE
--------------------------------------------------------------*/

/* KOPRODUKCE HLAVICKA */
section.koprodukce-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
}
.koprodukce-hlavicka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.koprodukce-hlavicka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.koprodukce-hlavicka .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .koprodukce-hlavicka .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .koprodukce-hlavicka .text p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.koprodukce-hlavicka-bg {
    padding-top: 100px;
    padding-bottom: 20px;
  }
  .koprodukce-hlavicka .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .koprodukce-hlavicka .nadpis h1 {
    font-size: 20px;
  }
  .koprodukce-hlavicka .text p {
    font-size: 14px;
  }
}

/* KOPRODUKCE GALERIE */
section.koprodukce-galerie-bg {
  padding-top: 0;
}
.koprodukce-galerie .gallery {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}
@media all and (max-width: 767px){
	.koprodukce-galerie .gallery {
		  grid-template-columns: 1fr 1fr 1fr;
		}
}
@media all and (max-width: 375px){
	.koprodukce-galerie .gallery {
		  grid-template-columns: 1fr 1fr;
		}
}
.koprodukce-galerie .gallery li {
  list-style: none;
}
.koprodukce-galerie .gallery img {
  height: 320px;
  width: 100%;
  object-fit: cover;
  padding: 10px;
} 

.koprodukce-galerie .text{
	margin-top: 60px;
}

/* [1] The container */
.koprodukce-galerie .gallery a {
  height: auto; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
/* [2] Transition property for smooth transformation of images */
.koprodukce-galerie .gallery a img {
  transition: transform .5s ease;
}
/* [3] Finally, transforming the image when container gets hovered */
.koprodukce-galerie .gallery a:hover img {
}

/* KOPRODUKCE KONTAKTY */
section.koprodukce-kontaky-bg {
  background-color: #fff;
}
.koprodukce-kontakty .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.koprodukce-kontakty .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.koprodukce-accordion {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 991px) {
  section.koprodukce-kontaky-bg {
    padding-bottom: 20px;
  }
  .koprodukce-kontakty .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .koprodukce-accordion {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .koprodukce-kontakty .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .koprodukce-kontakty .nadpis h2 {
    font-size: 19px;
  }
}


/*--------------------------------------------------------------
# BARRANDOV STUDIO - FILM POINT
--------------------------------------------------------------*/
/* FILMPOINT HLAVICKA */
section.filmpoint-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
.filmpoint-hlavicka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.filmpoint-hlavicka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.filmpoint-hlavicka .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .filmpoint-hlavicka .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .filmpoint-hlavicka .text p{
    font-size: 15px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  section.filmpoint-hlavicka-bg {
    padding-top: 100px;
  }
  .filmpoint-hlavicka .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .filmpoint-hlavicka .nadpis h1 {
    font-size: 20px;
  }
  .filmpoint-hlavicka .text p {
    font-size: 14px;
  }
}

/* FILMPOINT OBRAZEK */
.filmpoint-obrazek img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.filmpoint-obrazek {
  padding: 0;
}

/* FILMPOINT EXPOZICE */
section.filmpoint-expozice-bg {
  background-color: #fff;
}
.filmpoint-expozice .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.filmpoint-expozice .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.filmpoint-expozice .left-side img {
  width: 90%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}
.filmpoint-expozice .right-side p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #6f6f70;
}
.filmpoint-expozice .right-side .oteviraci-doba {
  padding-bottom: 15px;
  padding-top: 15px;
}
.filmpoint-expozice .right-side .oteviraci-doba p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #6f6f70;
}
.filmpoint-expozice .right-side .oteviraci-doba p strong {
  color: #1d1d1f;
  font-weight: 400;
}
.filmpoint-expozice .right-side .btn.btn-border {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.filmpoint-expozice .right-side .btn.btn-border:hover {
  background-color: #1d1d1f;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  section.filmpoint-expozice-bg {
    padding-top: 0;
  }
  .filmpoint-expozice .left-side img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .filmpoint-expozice .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .filmpoint-expozice .right-side p {
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .filmpoint-expozice .right-side .oteviraci-doba {
    border-top: 1px solid #7d7d79;
  }
  .filmpoint-expozice .right-side .oteviraci-doba p {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .filmpoint-expozice .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .filmpoint-expozice .nadpis h2 {
    font-size: 19px;
  }
  .filmpoint-expozice .right-side p {
    font-size: 14px;
  }
}

/* FILMPOINT REZERVACNI FORMULAR */
.filmpoint-rezervace {
  padding-top: 40px;
}
.filmpoint-rezervace .left-side h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.filmpoint-rezervace .right-side {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.56)), url('/wp-content/uploads/2021/12/kontakt-info-bg.jpg');
  padding: 90px;
  background-position: center;
  background-repeat: no-repeat;
}
.filmpoint-rezervace .right-side img {
  height: auto;
  padding-bottom: 7px;
}
.filmpoint-rezervace .right-side a {
  font-family: 'Readex Pro', sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: table;
  padding-bottom: 42px;
}
.filmpoint-rezervace .right-side a:hover {
  text-decoration: underline;
}
.filmpoint-rezervace .right-side p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (max-width: 991px) {
  .filmpoint-rezervace .left-side h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .filmpoint-rezervace .left-side {
    padding-bottom: 25px;
  }
  .filmpoint-rezervace .right-side {
    padding: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .filmpoint-rezervace .left-side h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .filmpoint-rezervace .left-side h2 {
    font-size: 19px;
  }
  .filmpoint-rezervace .right-side p {
    font-size: 14px;
  }
  .filmpoint-rezervace .right-side a {
    font-size: 14px;
    padding-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - PROHLIDKY
--------------------------------------------------------------*/
/* PROHLIDKY HLAVICKA */
section.prohlidky-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
.prohlidky-hlavicka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.prohlidky-hlavicka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
@media only screen and (max-width: 991px) {
  .prohlidky-hlavicka .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  section.prohlidky-hlavicka-bg  {
    padding-top: 100px;
  }
  .prohlidky-hlavicka .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .prohlidky-hlavicka .nadpis h1 {
    font-size: 20px;
  }
}

/* PROHLIDKY BOXY */
section.prohlidky-boxy-bg {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}
.prohlidky-boxy {
  padding-left: 70px;
  padding-right: 70px;
}
.prohlidky-boxy .pro-box {
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  padding: 40px;
  background-color: #fff;
}
.prohlidky-boxy .pro-box h3 {
  font-family: 'Readex pro', sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
  color: #1d1d1f;
  padding-bottom: 20px;
}
.prohlidky-boxy .pro-box p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1d1d1f;
  margin-bottom: 40px;
  height: 240px;
}
.prohlidky-boxy .pro-box:hover .btn.btn-border {
  background-color: #1d1d1f;
  color: #fff;
}
.prohlidky-boxy .budova img {
  height: 476px;
  width: 100%;
  border-radius: 8px;
  padding: 0;
  object-fit: cover;
}
@media only screen and (max-width: 1340px) {
  .prohlidky-boxy .pro-box p  {
    height: 240px;
  }
}
@media only screen and (max-width: 1199px) {
  .prohlidky-boxy .pro-box p  {
    height: 224px;
    font-size: 15px;
  }
  .prohlidky-boxy .pro-box {
    padding: 20px;
  }
  .sluzby-dabing-sloupce .dab-sloupec p  {
    font-size: 15px;
    line-height: 1.6;
  }
  .prohlidky-boxy {
    padding-left: 0;
    padding-right: 0;
  }
  .prohlidky-boxy .budova img {
    height: 420px;
  }
}
@media only screen and (max-width: 991px) {
  .prohlidky-boxy .pro-box {
    height: auto;
    margin-bottom: 20px;
  }
  .prohlidky-boxy .pro-box p  {
    height: auto;
    font-size: 15px;
  }
  .prohlidky-boxy .pro-box h3 {
    font-size: 21px;
    padding-bottom: 7px;
  }
}
@media only screen and (max-width: 768px) {
  .sluzby-dabing-sloupce .dab-sloupec {
    height: auto;
    margin-bottom: 19px;
  }
  .prohlidky-boxy .pro-box p {
    margin-bottom: 20px
  }
  .prohlidky-boxy .btn.btn-border {
    font-size: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .prohlidky-boxy .pro-box p  {
    font-size: 14px;
    line-height: 1.6;
  }
  .prohlidky-boxy .btn.btn-border {
    font-size: 14px;
  }
}


/* PROHLIDKY REZERVACNI FORMULAR */
.prohlidky-rezervace {
  padding-top: 40px;
}
.prohlidky-rezervace .left-side h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.prohlidky-rezervace .right-side {
  background-position: center;
  background-repeat: no-repeat;
}
.prohlidky-rezervace .right-side img {
  height: auto;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.prohlidky-rezervace .right-side a {
  font-family: 'Readex Pro', sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: table;
  padding-bottom: 42px;
}
.prohlidky-rezervace .right-side a:hover {
  text-decoration: underline;
}
.prohlidky-rezervace .right-side p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (max-width: 991px) {
  section.prohlidky-rezervace-bg {
    padding-bottom: 0;
    padding-top: 20px;
  }
  .prohlidky-rezervace .left-side h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .prohlidky-rezervace .left-side {
    padding-bottom: 25px;
  }
  .prohlidky-rezervace .right-side {
    padding: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .prohlidky-rezervace .left-side h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .prohlidky-rezervace .left-side h2 {
    font-size: 19px;
  }
  .prohlidky-rezervace .right-side p {
    font-size: 14px;
  }
  .prohlidky-rezervace .right-side a {
    font-size: 14px;
    padding-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - VEREJNOST
--------------------------------------------------------------*/
/* VEREJNOST HLAVICKA */
section.verejnost-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
.verejnost-hlavicka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.verejnost-hlavicka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.verejnost-hlavicka .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
  width: 70%;
}
@media only screen and (max-width: 991px) {
  .verejnost-hlavicka .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .verejnost-hlavicka .text p {
    font-size: 15px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  section.verejnost-hlavicka-bg {
    padding-top: 100px;
  }
  .verejnost-hlavicka .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .verejnost-hlavicka .nadpis h1 {
    font-size: 20px;
  }
  .verejnost-hlavicka .text p {
    font-size: 14px;
  }
}


/* VEREJNOST BOXY */
section.verejnost-boxy-bg {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 0;
}
.verejnost-boxy {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding-bottom: 25px;
  padding-top: 25px;
}
.verejnost-boxy .ver-box {
  padding: 24px;
  background-color: #FAFAFA;
  margin: 5px;
}
.verejnost-boxy .ver-box img {
  width: 16%;
  height: auto;
  padding-bottom: 7px;
}
.verejnost-boxy .ver-box h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  padding-top: 26px;
}
.verejnost-boxy .ver-box {
  display: inline-grid;
}
.verejnost-boxy .ver-box .btn.btn-border {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #FAFAFA;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.verejnost-boxy .ver-box .btn.btn-border:hover {
  background-color: #1d1d1f;
  color: #fff;
}
.verejnost-boxy-bg .doplnujici-text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #EE7D30;
}
@media only screen and (max-width: 1199px) {
  .pozemek-boxy {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .pozemek-boxy .poz-box {
    width: auto;
  }
  .pozemek-boxy .poz-box {
    font-size: 15px;
  }
  .pozemek-boxy .poz-box p span  {
    font-size: 15px;
  }
  .pozemek-boxy .poz-box p {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .verejnost-boxy {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .verejnost-boxy .ver-box p {
    font-size: 50px;
  }
  .verejnost-boxy .ver-box img {
    padding-bottom: 5px;
  }
  .verejnost-boxy .ver-box .btn.btn-border {
    font-size: 15px;
    padding: 12px 25px;
  }
  .verejnost-boxy-bg .doplnujici-text p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .verejnost-boxy .ver-box p {
    font-size: 30px;
  }
  .verejnost-boxy .ver-box img {
    padding-bottom: 5px;
  }
  .verejnost-boxy .ver-box h3 {
    font-size: 14px;
  }
  .verejnost-boxy .ver-box p span  {
    font-size: 14px;
    line-height: 1.2;
  }
  .verejnost-boxy .ver-box {
    padding: 15px;
  }
  .verejnost-boxy .ver-box p {
    top: 0;
  }
}
@media only screen and (max-width: 425px) {
  .verejnost-boxy  {
    grid-template-columns: 1fr 1fr;
  }
  .verejnost-boxy .ver-box h3 {
    line-height: 1.2;
    font-size: 13px;
  }
  .verejnost-boxy .ver-box p span {
    font-size: 13px;
  }
  .verejnost-boxy .ver-box p {
    font-size: 25px;
  }
  .verejnost-boxy .ver-box img {
    width: 12%;
  }
  .verejnost-boxy .ver-box .btn.btn-border {
    font-size: 13px;
  }
  .verejnost-boxy-bg .doplnujici-text p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 320px) {
  .verejnost-boxy  {
    grid-template-columns: 1fr;
  }
  .verejnost-boxy .ver-box h3 {
    line-height: 1.2;
    font-size: 13px;
    width: 100%;
  }
  .verejnost-boxy .ver-box img {
    width: 8%;
    margin-bottom: 7px;
  }
  .verejnost-boxy .ver-box .btn.btn-border {
    font-size: 12px;
  }
}


/* VEREJNOST OBRAZEK */
section.verejnost-obrazek-bg {
  padding-bottom: 0;
}
.verejnost-obrazek img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.verejnost-obrazek {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  section.verejnost-obrazek-bg  {
    padding-top: 20px;
  }
}


/*--------------------------------------------------------------
# BARRANDOV STUDIO - ONAS
--------------------------------------------------------------*/
/* ONAS  HLAVICKA */
section.onas-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
.onas-hlavicka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.onas-hlavicka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}

.onas-hlavicka .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .onas-hlavicka .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .onas-hlavicka .text p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.onas-hlavicka-bg {
    padding-top: 100px;
  }
  .onas-hlavicka .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .onas-hlavicka .nadpis h1 {
    font-size: 20px;
  }
  .onas-hlavicka .text p {
    font-size: 14px;
  }
}

.onas-hlavicka .rozcestnik {
  background-color: #FAFAFA;
  padding: 40px 100px;
  border-radius: 8px;
  margin-top: 40px;
}
.onas-hlavicka .rozcestnik .col-lg-3.border-right {
  border-right: 1px solid #c4c4c4;
}
.onas-hlavicka .rozcestnik .btn.btn-border {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #FAFAFA;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.onas-hlavicka .rozcestnik .btn.btn-border:hover {
  background-color: #1d1d1f;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .onas-hlavicka .rozcestnik {
    padding-left: 20px;
    padding-right: 20px;
  }
  .onas-hlavicka .rozcestnik .btn.btn-border {
    font-size: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .onas-hlavicka .rozcestnik .btn.btn-border {
    margin-bottom: 10px;
    width: 100%;
  }
  .onas-hlavicka .rozcestnik {
    padding: 10px 10px 0 10px;
  }
  .onas-hlavicka .rozcestnik .col-lg-3.border-right {
    border: none;
  }
}
@media only screen and (max-width: 600px) {
  .onas-hlavicka .rozcestnik .btn.btn-border  {
    font-size: 14px;
  }
}

/* ONAS OBRAZEK */
.onas-obrazek img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.onas-obrazek {
  padding: 0;
}
/* ONAS OBRAZEK */
section.nataceni-obrazek-bg {
  padding-bottom: 0;
}

.onas-obrazek-bg .btn-wrapper{
	display: flex;
	justify-content: center;
	padding-top: 40px;
}

.bread-onas-img {
  width: 100%;
  height: 409px;
  object-fit: cover;
  background-attachment: initial;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.nataceni-obrazek {
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .bread-onas-img {
    height: 350px;
  }
  section.onas-obrazek-bg {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .bread-onas-img {
    height: 300px;
    background-attachment: initial;
  }
}
@media only screen and (max-width: 425px) {
  .bread-onas-img {
    height: 250px;
  }
}

/* ONAS ACCORDION */
section.onas-accordion-bg {
  background-color: #fff;
}
.onas-kontakty .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.onas-kontakty .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.onas-accordion .text p {
    font-family: 'readex Pro', sans-serif;
    font-size: 16px;
    color: #1d1d1f;
    font-weight: 400;
    line-height: 24px;
    padding-right: 150px;
    padding-left: 150px;
    padding-top: 24px;
}
.onas-accordion {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 991px) {
  section.onas-accordion-bg  {
    padding-bottom: 20px;
  }
  .onas-kontakty .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .onas-accordion {
    padding-left: 0;
    padding-right: 0;
  }
  .onas-accordion .text p {
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .onas-kontakty .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .onas-kontakty .nadpis h2 {
    font-size: 19px;
  }
}


/*--------------------------------------------------------------
# BARRANDOV STUDIO - POZEMEK
--------------------------------------------------------------*/
/* POZEMEK  HLAVICKA */
section.pozemek-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
.pozemek-hlavicka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.pozemek-hlavicka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.pozemek-hlavicka .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .pozemek-hlavicka .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .pozemek-hlavicka .text p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.pozemek-hlavicka-bg {
    padding-top: 100px;
  }
  .pozemek-hlavicka .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .pozemek-hlavicka .nadpis h1 {
    font-size: 20px;
  }
  .pozemek-hlavicka .text p {
    font-size: 14px;
  }
}


/* POZEMEK BOXY */
section.pozemek-boxy-bg {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 0;
}
.pozemek-boxy {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 25px;
  padding-top: 25px;
}
.pozemek-boxy .poz-box {
  padding: 24px;
  background-color: #FAFAFA;
  margin: 5px;
}
.pozemek-boxy .poz-box img {
  width: 16%;
  height: auto;
  padding-bottom: 25px;
}
.pozemek-boxy .poz-box p {
  font-size: 64px;
  font-weight: 400;
  line-height: 24px;
  color: #1d1d1f;
  position: relative;
  top: 15px;
}
.pozemek-boxy .poz-box p span {
  font-size: 16px;
  padding-left: 4px;
}
.pozemek-boxy .poz-box h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  padding-top: 26px;
}
.pozemek-boxy .poz-box {
  display: inline-grid;
}
@media only screen and (max-width: 1199px) {
  .pozemek-boxy {
    grid-template-columns: 1fr 1fr;
  }
  .pozemek-boxy .poz-box {
    width: auto;
  }
  .pozemek-boxy .poz-box {
    font-size: 15px;
  }
  .pozemek-boxy .poz-box p span  {
    font-size: 15px;
  }
  .pozemek-boxy .poz-box p {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .pozemek-boxy .poz-box p {
    font-size: 50px;
  }
  .pozemek-boxy .poz-box img {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .pozemek-boxy .poz-box p {
    font-size: 30px;
  }
  .pozemek-boxy .poz-box img {
    padding-bottom: 5px;
  }
  .pozemek-boxy .poz-box h3 {
    font-size: 14px;
  }
  .pozemek-boxy .poz-box p span  {
    font-size: 14px;
    line-height: 1.2;
  }
  .pozemek-boxy .poz-box {
    padding: 15px;
  }
  .pozemek-boxy .poz-box p {
    top: 0;
  }
}
@media only screen and (max-width: 425px) {
  .pozemek-boxy {
    grid-template-columns: 1fr;
  }
  .pozemek-boxy .poz-box h3 {
    line-height: 1.2;
    font-size: 13px;
  }
  .pozemek-boxy .poz-box p span {
    font-size: 13px;
  }
  .pozemek-boxy .poz-box p {
    font-size: 25px;
  }
  .pozemek-boxy .poz-box img {
    width: 12%;
  }
}


/* POZEMEK STALA DEKORACE */
section.pozemek-staladek-bg {
  background-color: #fff;
}
.pozemek-staladek .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.pozemek-staladek .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.pozemek-staladek .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  width: 80%;
}
.pozemek-staladek .text {
  padding-bottom: 40px;
}
.pozemek-staladek .btn.btn-border {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.pozemek-staladek .btn.btn-border:hover {
  background-color: #1d1d1f;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .pozemek-staladek .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .pozemek-staladek .text p {
    width: 100%;
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .pozemek-staladek .nadpis h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 600px) {
  .pozemek-staladek .nadpis h2 {
    font-size: 19px;
  }
  .pozemek-staladek .text p {
    font-size: 14px;
    line-height: 1.5;
  }
}


.pozemek-kontakt-nadpis{
	margin-top: 60px;
}

@media all and (max-width: 552px){
	.pozemek-staladek-bg .middle a:first-child{
		margin-bottom: 24px;
	}
}


/*--------------------------------------------------------------
# BARRANDOV STUDIO - NATACENI
--------------------------------------------------------------*/
/* NATACENI  HLAVICKA */
section.nataceni-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
.nataceni-hlavicka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.nataceni-hlavicka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.nataceni-hlavicka .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .nataceni-hlavicka .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .nataceni-hlavicka .text p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.nataceni-hlavicka-bg {
    padding-top: 100px;
  }
  .nataceni-hlavicka .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .nataceni-hlavicka .nadpis h1 {
    font-size: 20px;
  }
  .nataceni-hlavicka .text p {
    font-size: 14px;
  }
}

/* NATACENI BOXY */
section.nataceni-boxy-bg {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 0;
}
.nataceni-boxy {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 25px;
  padding-top: 25px;
}
.nataceni-boxy .nat-box {
  padding: 24px;
  background-color: #FAFAFA;
  margin: 5px;
}
.nataceni-boxy .nat-box img {
  width: 16%;
  height: auto;
  padding-bottom: 25px;
}

.nataceni-boxy .nat-box p{
  font-weight: 400;
  line-height: 24px;
  color: #1d1d1f;
  position: relative;
  top: 15px;
}

.nataceni-boxy .nat-box p strong {
  font-size: 64px;
	font-weight: 400;
}
.nataceni-boxy .nat-box p span {
  font-size: 16px;
}
.nataceni-boxy .nat-box h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  padding-top: 26px;
}
.nataceni-boxy .nat-box {
  display: inline-grid;
}
@media only screen and (max-width: 1199px) {
  .nataceni-boxy {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .nataceni-boxy .nat-box {
    width: auto;
  }
  .nataceni-boxy .nat-box h3 {
    font-size: 15px;
  }
  .nataceni-boxy .nat-box p span  {
    font-size: 15px;
  }
  .nataceni-boxy .nat-box p {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .nataceni-boxy .nat-box p {
    font-size: 50px;
  }
  .nataceni-boxy .nat-box img {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .nataceni-boxy .nat-box p {
    font-size: 30px;
  }
  .nataceni-boxy .nat-box img {
    padding-bottom: 5px;
  }
  .nataceni-boxy .nat-box h3 {
    font-size: 14px;
  }
  .nataceni-boxy .nat-box p span  {
    font-size: 14px;
    line-height: 1.2;
  }
  .nataceni-boxy .nat-box {
    padding: 15px;
  }
  .nataceni-boxy .nat-box p {
    top: 0;
  }
}
@media only screen and (max-width: 425px) {
  .nataceni-boxy {
    grid-template-columns: 1fr 1fr;
  }
  .nataceni-boxy .nat-box h3 {
    line-height: 1.2;
    font-size: 13px;
  }
  .nataceni-boxy .nat-box p span {
    font-size: 13px;
  }
  .nataceni-boxy .nat-box p {
    font-size: 25px;
  }
  .nataceni-boxy .nat-box img {
    width: 12%;
  }
}

/* Zazemi barrandov */

.zazemi-barrandov-hlavicka-bg{
	background-color: #fff;
    padding-top: 160px;
    padding-bottom: 0;
}

.zazemi-barrandov-hlavicka-bg .text p{
	color: rgba(29,29,31,0.88);
}


.zazemi-barrandov-boxy-bg{
	background-color: #fff;
    padding-top: 20px;
    padding-bottom: 0;
}

.zazemi-barrandov-boxy{
	    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding-bottom: 25px;
    padding-top: 25px;
}

@media all and (max-width: 992px){
	.zazemi-barrandov-boxy{
		display: grid;
		grid-template: auto / 1fr 1fr;
	}
}

@media all and (max-width: 575px){
	.zazemi-barrandov-boxy{
		grid-template: auto / auto;
	}
}

.zazemi-barrandov-box{
	    display: inline-grid;
	    padding: 24px;
    background-color: #FAFAFA;
    margin: 5px;
	align-content: space-between;
}

.zazemi-barrandov-box img{
	margin-bottom: 24px;
}

.zazemi-barrandov-box p{
	    font-family: 'Readex Pro', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1d1d1f;
}

.zazemi-barrandov-box p strong{
	font-size: 64px;
    font-weight: 400;
    line-height: 24px;
    color: #1d1d1f;
}

/* ONAS OBRAZEK */
section.nataceni-obrazek-bg {
  padding-bottom: 0;
}
.nataceni-obrazek {
  padding: 0;
}


/* NATACENI DEKORACE */
section.nataceni-dekorace-bg {
  background-color: #fff;
}
.nataceni-dekorace .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.nataceni-dekorace .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.nataceni-dekorace .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
}
.nataceni-dekorace .text {
  padding-bottom: 40px;
}
.nataceni-dekorace .left-side img {
  width: 90%;
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
}
.nataceni-dekorace .right-side h5 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #1d1d1f;
  padding-bottom: 24px;
  padding-top: 24px;
}
.nataceni-dekorace .right-side p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
}
section.pozemek-reference-bg {
  background-color: #fff;
  padding-top: 0
}
.pozemek-reference .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.pozemek-reference .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.pozemek-reference .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
}
.pozemek-reference .text {
  padding-bottom: 40px;
}
.pozemek-reference .wp-block-image.size-full img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover
  vertical-align: bottom;
}
.pozemek-reference .wp-block-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  vertical-align: bottom;
}
.pozemek-reference .wp-block-image {
   position: relative;
    margin: auto;
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
}
.pozemek-reference .wp-block-image img {
    max-width: 100%;
    transition: all 2s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}
.pozemek-reference .wp-block-image:hover img {
}
.pozemek-reference p {
  font-family: 'readex Pro', sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #1d1d1f;
  padding-top: 24px;
}
@media only screen and (max-width: 991px) {
  .nataceni-dekorace .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .nataceni-dekorace .text {
    padding-bottom: 20px;
  }
  .nataceni-dekorace .text p {
    font-size: 15px;
  }
  .nataceni-dekorace .left-side img {
    width: 100%;
  }
  .nataceni-dekorace .right-side {
    padding-top: 20px;
  }
  .nataceni-dekorace .right-side h5 {
    font-size: 20px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .nataceni-dekorace .right-side p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .nataceni-dekorace .nadpis h2 {
    font-size: 21px;
    padding-bottom: 20px;
  }
  .nataceni-dekorace .right-side br {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .nataceni-dekorace .nadpis h2 {
    font-size: 19px;
  }
  .nataceni-dekorace .right-side p {
    font-size: 14px;
  }
}

/* ATRAKTIVNI MISTO */
section.atraktivni-misto-bg {
  background-color: #fff;
  padding-top: 0
}
.atraktivni-misto .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.atraktivni-misto .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.atraktivni-misto .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
  text-align: left;
}
.atraktivni-misto .text {
  padding-bottom: 40px;
}
.atraktivni-misto .wp-block-image.size-full img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  vertical-align: bottom;
}
.atraktivni-misto .wp-block-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  vertical-align: bottom;
	height: 360px;
}
.atraktivni-misto .wp-block-image {
   position: relative;
    margin: auto;
    width: 100%;
    border-radius: 8px;
}
.atraktivni-misto .wp-block-image img {
    max-width: 100%;
    transition: all 2s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
	height: 360px;
}

.atraktivni-misto p {
  font-family: 'readex Pro', sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #1d1d1f;
  padding-top: 24px;
}

@media only screen and (max-width: 991px) {
  .atraktivni-misto .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .atraktivni-misto .text p {
    font-size: 15px;
  }
  .atraktivni-misto p {
    font-size: 19px;
  }
}
@media only screen and (max-width: 768px) {
  .atraktivni-misto .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
  .atraktivni-misto .text p {
    padding-top: 10px;
  }
  .atraktivni-misto p {
    font-size: 16px;
    padding-top: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .atraktivni-misto .nadpis h2 {
    font-size: 19px;
  }
  .atraktivni-misto .text p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 599px) {
  .atraktivni-misto .atraktivni-misto1 img, .atraktivni-misto .atraktivni-misto2 img, .atraktivni-misto .atraktivni-misto3 img, .atraktivni-misto .atraktivni-misto4 img, .atraktivni-misto .atraktivni-misto5 img {
    height: 300px;
  }
  section.atraktivni-misto-bg {
    padding-bottom: 0;
  }
}

/* NATACENI V CR KONTAKTY */
.atraktivni-misto h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.atraktivni-misto h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.atraktivni-misto .wp-block-advgb-accordions {
  padding-left: 70px;
  padding-right: 70px;
}
.atraktivni-misto .wp-block-advgb-accordions p strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1d1d1f;
}
.atraktivni-misto .wp-block-advgb-accordions p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #8e8e8f;
    padding-bottom: 0;
    padding-top: 0;
}
.atraktivni-misto .wp-block-advgb-accordions a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1d1d1f;
}
.atraktivni-misto .wp-block-advgb-accordions:hover {
    color: #1d1d1f;
    text-decoration: none;
}
.atraktivni-misto .wp-block-advgb-accordions a:hover {
    text-decoration: underline;
}
.atraktivni-misto .wp-block-advgb-accordions a {
    color: #8e8e8f;
}
.atraktivni-misto .wp-block-advgb-accordions a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1d1d1f;
}
@media only screen and (max-width: 991px) {
  .atraktivni-misto h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .atraktivni-misto .wp-block-advgb-accordions {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .atraktivni-misto h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .atraktivni-misto h2 {
    font-size: 19px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - 404
--------------------------------------------------------------*/
/* ERROR 404 */
section.error-bg {
  background-color: #fff;
  padding-top: 160px;
}
.error .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.error .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.error .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  color: #1d1d1f;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.error .tlacitko {
  margin-top: 40px;
}
.error .tlacitko .btn.btn-border {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.error .tlacitko .btn.btn-border:hover {
  background-color: #1d1d1f;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .error .nadpis h1 {
    font-size: 29px;
  }
  .error .text p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .error .nadpis h1 {
    font-size: 23px;
  }
  .error .tlacitko {
    margin-top: 20px;
  }
  section.error-bg {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .error .nadpis h1 {
    font-size: 20px;
  }
  .error .text p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 425px) {
  .error .tlacitko .btn.btn-border {
    padding: 14px 30px;
    font-size: 15px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - KLASICKA PODSTRANKA
--------------------------------------------------------------*/
/* KLASICKA PODSTRANKA */
section.klasicka-podstranka-bg {
  background-color: #fff;
  padding-top: 160px;
}
.klasicka-podstranka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.klasicka-podstranka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.klasicka-podstranka .text p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  color: #1d1d1f;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.klasicka-podstranka .text a {
  color: #1d1d1f;
  text-decoration: underline;
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - HISTORIE
--------------------------------------------------------------*/
/* HLAVICKA */
section.historie-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
.historie-hlavicka .obrazek img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 40px;
}
.historie-hlavicka-bg .text-wide p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1d1d1f;
}
.historie-hlavicka-bg .text-wide {
  padding-bottom: 40px;
  padding-bottom: 40px;
}
.historie-hlavicka-bg .left-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 45px;
}
.historie-hlavicka-bg .right-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
@media only screen and (max-width: 1399px) {
  .historie-hlavicka-bg .left-side p {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .historie-hlavicka .obrazek img {
    height: 300px;
    margin-bottom: 20px;
  }
  .historie-hlavicka-bg .text-wide p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .historie-hlavicka-bg .right-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
  .historie-hlavicka-bg .left-side p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.historie-hlavicka-bg {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .historie-hlavicka-bg .left-side p {
    font-size: 14px;
    line-height: 1.5;
  }
  .historie-hlavicka-bg .text-wide p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* RADEK 3 */
.historie-hlavicka-bg .radek3 {
  padding-top: 40px;
  margin-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFBFD;
  border: 50px solid #FBFBFD;
}
.historie-hlavicka-bg .radek3 .left-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
.historie-hlavicka-bg .radek3 .right-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 45px;
}
@media only screen and (max-width: 1399px) {
  .historie-hlavicka-bg .radek3 .right-side p {
    padding-top: 0;
  }
  .historie-hlavicka-bg .radek3 {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    border: 25px solid #FBFBFD;
  }
}
@media only screen and (max-width: 991px) {
  .historie-hlavicka-bg .radek3 .right-side p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .historie-hlavicka-bg .radek3 .left-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .historie-hlavicka-bg .radek3 .right-side p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* PARALLAX1 */
section.parallax1-bg {
  background-attachment: fixed;
  padding-top: 0;
}
@media only screen and (max-width: 1199px) {
  section.parallax1-bg {
    height: 300px;
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  section.parallax1-bg {
    height: 280px;
    background-size: cover;
  }
}
@media only screen and (max-width: 425px) {
  section.parallax1-bg {
    height: 200px;
    background-size: cover;
  }
}

/* RADEK4 */
section.radek4-bg {
  background-color: #fff;
  padding-bottom: 0;
}
.radek4-bg .radek4 .right-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
.radek4-bg .radek4 .left-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 45px;
}
@media only screen and (max-width: 1399px) {
  .radek4-bg .radek4 .left-side p {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .radek4-bg .radek4 .left-side p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .radek4-bg .radek4 .right-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .radek4-bg .radek4 .left-side p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* RADEK5 */
.radek5-bg {
  padding-top: 40px;
  margin-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFBFD;
  border: 50px solid #FBFBFD;
}
.radek5-bg .left-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
.radek5-bg .right-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 20px;
}
@media only screen and (max-width: 1399px) {
  .radek5-bg .right-side p {
    padding-top: 0;
  }
  .radek5-bg {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    border: 25px solid #FBFBFD;
  }
}
@media only screen and (max-width: 991px) {
  .radek5-bg .right-side p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .radek5-bg .left-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .radek5-bg .right-side p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* PARALLAX2 */
section.parallax2-bg {
  background-attachment: fixed;
  padding-top: 0;
}
@media only screen and (max-width: 1199px) {
  section.parallax2-bg  {
    height: 300px;
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  section.parallax2-bg  {
    height: 280px;
    background-size: cover;
  }
}
@media only screen and (max-width: 425px) {
  section.parallax2-bg {
    height: 200px;
    background-size: cover;
  }
}

/* RADEK6 */
section.radek6-bg {
  background-color: #fff;
  padding-bottom: 0;
}
.radek6-bg .radek6 .right-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
.radek6-bg .radek6 .left-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 45px;
}
@media only screen and (max-width: 1399px) {
  .radek6-bg .radek6 .left-side p {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .radek6-bg .radek6 .left-side p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .radek6-bg .radek6 .right-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .radek6-bg .radek6 .left-side p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* RADEK7 */
.radek7-bg {
  padding-top: 40px;
  margin-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFBFD;
  border: 50px solid #FBFBFD;
}
.radek7-bg .left-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
.radek7-bg .right-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 70px;
}
@media only screen and (max-width: 1399px) {
  .radek7-bg .right-side p{
    padding-top: 0;
  }
  .radek7-bg {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    border: 25px solid #FBFBFD;
  }
}
@media only screen and (max-width: 991px) {
  .radek7-bg .right-side p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .radek7-bg .left-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .radek7-bg .right-side p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* PARALLAX3 */
section.parallax3-bg {
  background-attachment: fixed;
  padding-top: 0;
}
@media only screen and (max-width: 1199px) {
  section.parallax3-bg  {
    height: 300px;
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  section.parallax3-bg  {
    height: 280px;
    background-size: cover;
  }
}
@media only screen and (max-width: 425px) {
  section.parallax3-bg {
    height: 200px;
    background-size: cover;
  }
}

/* RADEK8 */
section.radek8-bg {
  background-color: #fff;
  padding-bottom: 0;
}
.radek8-bg .radek8 .right-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
.radek8-bg .radek8 .left-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 45px;
}
@media only screen and (max-width: 1399px) {
  .radek8-bg .radek6 .left-side p {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .radek8-bg .radek6 .left-side p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .radek8-bg .radek8 .right-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .radek8-bg .radek8 .left-side p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* RADEK9 */
.radek9-bg {
  padding-top: 40px;
  margin-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFBFD;
  border: 50px solid #FBFBFD;
}
.radek9-bg .left-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
.radek9-bg .right-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 70px;
}
@media only screen and (max-width: 1399px) {
  .radek9-bg .right-side p{
    padding-top: 0;
  }
  .radek9-bg {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    border: 25px solid #FBFBFD;
  }
}
@media only screen and (max-width: 991px) {
  .radek9-bg .right-side p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .radek9-bg .left-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .radek9-bg.right-side p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* PARALLAX4 */
section.parallax4-bg {
  background-attachment: fixed;
  padding-top: 0;
}
@media only screen and (max-width: 1199px) {
  section.parallax4-bg  {
    height: 300px;
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  section.parallax4-bg  {
    height: 280px;
    background-size: cover;
  }
}
@media only screen and (max-width: 425px) {
  section.parallax4-bg {
    height: 200px;
    background-size: cover;
  }
}

/* RADEK10 */
section.radek10-bg {
  background-color: #fff;
  padding-bottom: 0;
}
.radek10-bg .radek10 .right-side img {
  width: 100%;
  height: 355px;
  border-radius: 8px;
  object-fit: cover;
}
.radek10-bg .radek10 .left-side p {
  font-family: 'Readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6f6f70;
  padding-top: 45px;
}
@media only screen and (max-width: 1399px) {
  .radek10-bg .radek10 .left-side p {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .radek10-bg .radek10 .left-side p {
    font-size: 15px;
    margin-bottom: 0;
  }
  .radek10-bg .radek10 .right-side img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .radek10-bg .radek10 .left-side p {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* HISTORIE REFERENCE */
section.historie-reference-bg {
  background-color: #fff;
}
section.historie-reference-bg .reference {
  padding-top: 4px;
}
section.historie-reference-bg .reference .wp-block-image.size-full img {
  width: 100%;
  height: 510px;
  border-radius: 8px;
  object-fit: cover;
  vertical-align: bottom;
}
section.historie-reference-bg .reference .wp-block-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  vertical-align: bottom;
}
section.historie-reference-bg .reference .wp-block-image {
   position: relative;
    margin: auto;
    width: 100%;
    border-radius: 8px;
}
section.historie-reference-bg .reference .wp-block-image img {
    max-width: 100%;
    transition: all 2s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

section.historie-reference-bg .reference p {
  font-family: 'Readex Pro', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #1d1d1f;
  padding-top: 24px;
}

section.historie-reference-bg.historie-reference-bg .historie-reference1 img {
  height: 512px;
  width: 100%;
}
section.historie-reference-bg.historie-reference-bg  .historie-reference2 img {
  height: 320px;
  width: 100%;
}
section.historie-reference-bg.historie-reference-bg .historie-reference3 img {
  height: 336px;
  width: 100%;
}
section.historie-reference-bg.historie-reference-bg  .historie-reference4 img{
  height: 400px;
  width: 100%;
}
section.historie-reference-bg.historie-reference-bg .historie-reference5 img {
  height: 336px;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  section.historie-reference-bg.historie-reference-bg p {
    font-size: 19px;
  }
}
@media only screen and (max-width: 768px) {
  section.historie-reference-bg.historie-reference-bg p {
    font-size: 16px;
    padding-top: 5px;
  }
}
@media only screen and (max-width: 600px) {
  section.historie-reference-bg.historie-reference-bg p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 599px) {
  .atraktivni-misto .atraktivni-misto1 img, .atraktivni-misto .atraktivni-misto2 img, .atraktivni-misto .atraktivni-misto3 img, .atraktivni-misto .atraktivni-misto4 img, .atraktivni-misto .atraktivni-misto5 img {
    height: 300px;
  }
  section.historie-reference-bg {
    padding-bottom: 0;
    padding-top: 20px;
  }
}



/*--------------------------------------------------------------
# BARRANDOV STUDIO - DETAIL ATELIER
--------------------------------------------------------------*/

.page-template-atelierjedna .header, .page-template-atelierpet .header, .page-template-ateliermax .header, .page-template-atelierhostivar .header, .page-template-atelierykpronajmu .header{
	padding: 0 0;
    background-color: #1d1d1f;
    -webkit-box-shadow: 0px 0px 32px -20px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 32px -20px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 32px -20px rgb(0 0 0 / 75%);
    height: 100px;
}

/* ATELIER HLAVICKA */
section.hlavicka-atelier-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.56)), url('/wp-content/uploads/2021/12/atelier-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 160px;
}
.hlavicka-atelier .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: #a79e92;
  line-height: normal;
  padding-bottom: 40px;
  width: 60%;
}
.hlavicka-atelier .nadpis h1 strong {
  font-weight: 400;
  color: #fff;
}
.hlavicka-atelier .informace .informace-row {
  height: 110px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 30px;
}
.hlavicka-atelier .informace .informace-row p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  text-align: left;
}
.hlavicka-atelier .informace .informace-row .left-side img {
  padding-right: 25px;
  height: auto;
  width: 11%;
}
.hlavicka-atelier .informace .informace-row .left-side span {
  font-family: 'Readex Pro', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-align: left;
}

/* ACCORDION MOBILE */
.tabs {
  overflow: hidden;
}
.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label span {
  font-family: 'readex Pro', sans-serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  /* Icon */
  position: absolute;
  margin-left: 61px;
}
.tab-label {
  font-family: 'readex Pro', sans-serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  padding: 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 2px;
  cursor: pointer;
  /* Icon */
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: left;
  transition: all 0.35s;
  transform: rotate(-270deg);
}
.tab-content {
  font-family: 'readex Pro', sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  max-height: 0;
  padding: 0 1em;
  transition: all 0.35s;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  cursor: pointer;
}
input:checked + .tab-label::after {
  transform: rotate(270deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1px;
  margin-top: 15px;
}
input#chck1, input#chck2, input#chck3, input#chck4, input#chck5 {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .hlavicka-atelier .informace .informace-row .left-side img {
    width: 17%;
  }
}
@media only screen and (max-width: 991px) {
  .hlavicka-atelier .nadpis h1 {
    font-size: 29px;
    padding-bottom: 80px;
    width: 100%;
  }
  .hlavicka-atelier .informace .informace-row .left-side img {
    width: 8%;
  }
  .hlavicka-atelier .informace .informace-row p {
    font-size: 13px;
    line-height: 1.2;
  }

}
@media only screen and (max-width: 768px) {
  section.hlavicka-atelier-bg  {
    padding-top: 100px;
  }
  .hlavicka-atelier .nadpis h1 {
    font-size: 23px;
    padding-bottom: 40px;
  }
  .hlavicka-atelier .informace .informace-row p {
    font-size: 15px;
    line-height: 1.2;
  }
  .hlavicka-atelier .informace .informace-row {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 767px) {
  .hlavicka-atelier.mobile {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .hlavicka-atelier.desktop {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .hlavicka-atelier.mobile {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .hlavicka-atelier .nadpis h1 {
    font-size: 20px;
  }
  .hlavicka-atelier .informace .informace-row p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 425px) {
  .hlavicka-atelier .nadpis h1 {
    font-size: 18px;
    padding-bottom: 20px;
  }
  .hlavicka-atelier .informace .informace-row p {
    font-size: 13px;
  }
  .tab-label span {
    font-size: 17px;
  }
}

/* DETAIL ATELIER */
section.detail-atelier-bg {
  background-color: #FAFAFA;
}
.atelier-box {
  margin-bottom: 50px;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 50px;
}

.detail-atelier .left-side{
	padding-right: 32px;
}
.detail-atelier .popis-atelier h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
  color: #1d1d1f;
  margin-bottom: 40px;
}
.detail-atelier .popis-atelier img {
  padding-right: 5px;
}
.detail-atelier .popis-atelier span {
  font-family: 'Readex Pro', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #1d1d1f;
}
.detail-atelier .popis-atelier p {
  padding-top: 8px;
  color: #1d1d1f;
  line-height: 24px;
  font-size: 16px;
}
.detail-atelier .popis-atelier hr.linka {
  opacity: 1;
  border: 1px solid #A4A4A4;
  margin-bottom: 40px;
  margin-top: 40px;
}
.detail-atelier .popis-atelier p {
  font-family: 'Readex Pro', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1f;
}
.detail-atelier .popis-atelier .tlacitko {
  margin-top: 40px;
}
.detail-atelier .popis-atelier .tlacitko .btn.btn-border {
  font-family: 'Readex Pro', sans-serif;
  color: #1d1d1f;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}
.detail-atelier .popis-atelier .tlacitko .btn.btn-border:hover {
  background-color: #1d1d1f;
  color: #fff;
}
.detail-atelier .left-side img {
  width: 100%;
  height: 350px;
  border-radius: 8px;
}
.detail-atelier .left-side .gallery {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 35px;
}
.detail-atelier .left-side .gallery li {
  list-style: none;
  padding-right: 5px;
}
.detail-atelier .left-side .gallery img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 8px;
}
/* [1] The container */
.detail-atelier .left-side .gallery a {
  height: auto; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
/* [2] Transition property for smooth transformation of images */
.detail-atelier .left-side .gallery a img {
  transition: transform .5s ease;
}
/* [3] Finally, transforming the image when container gets hovered */
.detail-atelier .left-side .gallery a:hover img {
  
}
@media only screen and (max-width: 1199px) {
  .detail-atelier .popis-atelier h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .detail-atelier .popis-atelier hr.linka {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .techinfo .techinfo-box {
    width: 30%;
  }
  .detail-atelier .popis-atelier p {
    font-size: 15px;
  }
  .detail-atelier .popis-atelier .tlacitko {
    margin-top: 20px;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .detail-atelier .popis-atelier .tlacitko .btn.btn-border {
    font-size: 15px;
  }
  .detail-atelier .left-side .gallery img {
    height: 90px
  }
}
@media only screen and (max-width: 600px) {
  .detail-atelier .popis-atelier p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 425px) {
  .techinfo .techinfo-box {
    width: 50%;
    margin-bottom: 15px;
  }
  .detail-atelier .popis-atelier p {
    font-size: 15px;
  }
  .detail-atelier .popis-atelier .tlacitko {
    margin-top: 20px;
    margin-bottom: 80px;
  }
}

/* ATELIER KONTAKT */
section.atelier-kontakt-bg {
  background-color: #fff;
}
.atelier-kontakt .nadpis h2 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.atelier-kontakt .nadpis h2 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.atelier-accordion .accordion {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 991px) {
  section.atelier-kontakt-bg  {
    padding-bottom: 20px;
  }
  .atelier-kontakt .nadpis h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .atelier-accordion .accordion {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .atelier-kontakt .nadpis h2 {
    font-size: 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .atelier-kontakt .nadpis h2 {
    font-size: 19px;
  }
}

/*--------------------------------------------------------------
# BARRANDOV STUDIO - ATELIERY K PRONAJMU
--------------------------------------------------------------*/
section.detail-atelier-bg.shadow {
  background-color: #FAFAFA;
}
section.detail-atelier-bg.white {
  background-color: #fff;
  padding-bottom: 0;
}

/*--------------------------------------------------------------
# LOGIN WORDPRESS
--------------------------------------------------------------*/
body.login {
  background-image:url("/wp-content/uploads/2021/12/login-bg.jpg");
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
}
#login h1 a {
  background-image: url("/wp-content/uploads/2021/12/barrandov_logo.svg");
  background-size: 150px;
  width: auto;
}
.login form{
  box-shadow:none;
  padding:20px;
}
#login {
  background: #ffffff;
  margin: 50px auto;
  padding: 40px 20px;
  width: 400px;
  border-radius: 80px 40px 80px 0;
}
.login label {
  font-weight: 700;
  color: #1d1d1f;
  font-size: 14px;
}
.login form .forgetmenot{
  float:none;
}
#login form p.submit{
  margin-top:15px;
}
.login.wp-core-ui .button-primary {
  background: #1d1d1f;
  border-color:#1d1d1f;
  box-shadow: 0 1px 0 #1d1d1f;
  color: #ffffff;
  text-shadow: none;
  float: none;
  clear: both;
  display: block;
  width: 100%;
  padding: 7px;
  height: auto;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
}
.login.wp-core-ui .button-primary:hover {
  background: #fff;
  border-color:#1d1d1f;
  box-shadow: none;
  color: #1d1d1f;
  transition: 1s;
}
.login form {
    border: none;
}
.login form .input, .login form input[type=checkbox], .login input[type=text] {
    background: #c4c4c4;
}
.login form .input, .login input[type=password], .login input[type=text] {
    font-size: 24px;
    line-height: 1.33333333;
    width: 100%;
    border-width: .0625rem;
    padding: .1875rem .3125rem;
    margin: 0 6px 16px 0;
    min-height: 40px;
    max-height: none;
    border: 2px solid #1d1d1f;
    border-radius: 3px;
}
p#backtoblog {
  display: none;
}
.privacy-policy-page-link a {
    font-size: 16px;
    color: #434e5d;
    font-weight: 400;
}
.login #nav a {
  font-weight: 500;
  text-decoration: none;
  color: #434e5d;
}
.login #nav a:hover {
  color: #1d1d1f;
}


/*--------------------------------------------------------------
# BARRANDOV STUDIO - REFERENCE
--------------------------------------------------------------*/
/* POZEMEK  HLAVICKA */
section.reference-hlavicka-bg {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 0;
}
.reference-hlavicka .nadpis h1 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 40px;
}
.reference-hlavicka .nadpis h1 strong {
  font-weight: 400;
  color: #1d1d1f;
}
@media only screen and (max-width: 991px) {
  .reference-hlavicka .nadpis h1 {
    font-size: 29px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  section.reference-hlavicka-bg {
    padding-top: 100px;
  }
  .pozemek-hlavicka .nadpis h1 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .pozemek-hlavicka .nadpis h1 {
    font-size: 20px;
  }
}

/* REFERENCE BOXY */

.reference-grid{
	display: grid;
  	grid-template: auto / 1fr 1fr 1fr;
  	gap: 24px;
}

@media all and (max-width: 1024px){
	.reference-grid{
		grid-template: auto / 1fr 1fr;
	}
}

@media all and (max-width: 767px){
	.reference-grid{
		grid-template: auto / auto;
	}
}


.referencebox-detail{
	background-color: #FAFAFA;	
	border-radius:8px;
}
.referencebox-detail img {
  height: 240px;
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 8px;
	  border-top-right-radius: 8px;
}
	.popis-reference {
    justify-content: center;
    align-items: center;
}

.referencebox-detail .text{
	padding: 24px;
    height: calc(100% - 240px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.referencebox-detail h3 {
  font-family: 'Readex Pro', sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 40px;
  color: rgba(29, 29, 31, 0.5);
  line-height: normal;
  padding-bottom: 20px;
}
.referencebox-detail h3 strong {
  font-weight: 400;
  color: #1d1d1f;
}
.referencebox-detail p {
  font-family: 'readex pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(29, 29, 31, 0.64);
  padding-bottom: 24px;
}
.referencebox-detail .btn.btn-border {
    font-family: 'Readex Pro', sans-serif;
    color: #1d1d1f;
    background-color: #fff;
    border: 1px solid rgba(29, 29, 31, 0.5);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    transition: all 0.8s,color 0.3s 0.3s;
}
.referencebox-detail .btn.btn-border:hover {
    background-color: #1d1d1f;
    color: #fff;
}
.referencebox-detail {
  margin-bottom: 40px;
}

.popis-reference{
	padding: 24px;
	border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
}

@media only screen and (max-width: 1199px) {
  .referencebox-detail .left-side img {
    height: 400px;
  }
  .referencebox-detail .right-side p {
    line-height: 1.4;
  }
}
@media only screen and (max-width: 991px) {
  .referencebox-detail .left-side img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    margin-bottom: 15px;
  }
	.popis-reference {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .referencebox-detail .left-side img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 15px;
  }
  .right-side .popis-reference {
    height: auto;
  }
}
@media only screen and (max-width: 425px) {
  .referencebox-detail .left-side img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 15px;
  }
  .referencebox-detail .right-side p {
    font-size: 14px;
    padding-bottom: 18px;
  }
  .referencebox-detail .right-side h3 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .referencebox-detail .btn.btn-border {
    font-size: 14px;
  }
}



.pagination {
  position: absolute !important;
  width: 100%;
  text-align: center;
  right: 0;
  padding: 0 !important;
  bottom: 280px;
  z-index: 999;
}
.pagination__item {
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  opacity: 0.5;
  border-radius: 50px;
  margin: 0 5px;
  transition: 0.2s ease-in-out;
  float: right;
}
.pagination__item.is-current, .pagination__item:hover {
  background-color: #fff;
  opacity: 1;
}

.container {
  position: relative;
  margin: 0 auto;
}


.background-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-size: cover;
}

.hero{
	height: 100vh;
    width: 100%;
    display: flex;
    position: relative;
}

.hero .bg{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.hero .slick-list, .hero .slick-track{
	height:100%;
}

.hero .bg img{
	display: flex;
	height: 100vh;
	width: 100%;
	object-fit: cover;
}

.hero .overlay{
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.4;
}

.hero .user-container{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
    justify-content: space-between;
	padding-top: 176px;
	padding-bottom: 80px;
}

.hero .user-container h1{
	  font-family: 'Readex Pro', sans-serif;
	color: white;
	font-size: 56px;
	font-weight: 600;
	max-width: 992px;
	margin-bottom: 40px;
}

.hero .user-container .btn-fill{
	font-family: 'Readex Pro', sans-serif;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(29, 29, 31, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  transition: all 0.8s,color 0.3s 0.3s;
}

.hero .hero__bottom{
	display: flex;
	flex-direction: column;
	width: 100%;
	color: white;
}


.hero__bottom-header{
	display: flex;
	flex-direction:row;
	justify-content: flex-end;
	padding-bottom: 24px;
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(255,255,255, 0.5);
}

.hero__bottom-header .slick-dots{
	position: relative;
	bottom: unset;
	width: auto;
	order: 1;
	margin-right: 80px;
}

.slick-dots li{
	position: relative;
    width: 12px;
    height: 12px;
    margin-right: 24px;
    cursor: pointer;
    list-style: none;
    border: 1px solid #FFF;
    border-radius: 100%;
    transition: 200ms ease;
}

.slick-dots li:last-child{
	margin-right: 0;
}

.slick-dots li.slick-active{
	background-color: white;
}

.slick-dots li button{
	display: none;
}

.hero__bottom-header .check-more{
	order:2;
	font-weight: 200;
		display: flex;
}

.hero__bottom-header .check-more::after{
	content: "";
	background-image: url("http://barrandov.wavedigital.cz/wp-content/uploads/2022/01/white-arrow.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 24px;
	width: 24px;
	height: 24px;
	display: flex;
}

.hero__bottom .hero__bottom-main{
	display: flex;
	height: 120px;
}

.hero__bottom-main-arrows{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 132px;
}

.hero__bottom-main-arrows .arrows{
	display: flex;
}

.arrows .slick-arrow{
	cursor: pointer;
}

.arrows .slick-arrow::before{
	content: "";
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	width:24px;
	display: flex;
}

.arrows .prev-arrow{
	margin-right: 16px;
}

.arrows .next-arrow::before{
	background: url("http://barrandov.wavedigital.cz/wp-content/uploads/2022/01/white-arrow.svg");
	transform: rotate(-90deg);
}

.arrows .prev-arrow::before{
	background: url("http://barrandov.wavedigital.cz/wp-content/uploads/2022/01/white-arrow.svg");
	transform: rotate(90deg);
}

.hero__bottom-main h3{
	font-size: 32px;
	font-weight:400;
}

.hero__bottom-main-items{
	width: 100%;
	height: 100%;
	max-width: 1096px;
}

.hero__bottom-main .hero__bottom-main-items .hero__bottom-main-item{
	position: relative;
	margin: 0 8px;
	display: flex;
	align-items: flex-end;
	border-radius: 8px;
	padding: 16px;
	z-index: 0;
	color: white;
}

/*

.hero__bottom-main-item{
	height:120px;
	overflow: hidden;
	align-items: flex-end;
	border-radius: 8px;
	padding: 16px;
	z-index: 0;
	color: white;
	position: relative;
	margin-right:16px;
}

.hero__bottom-main-item:last-child{
	margin-right:0;
}

.hero__bottom-main-item:hover span{
	color: white;
}
*/

@media all and (max-width: 1440px){
	.hero .container h1{
		max-width: 600px;
	}
	
	.hero__bottom-main-items{
	max-width: calc(100% - 127px);
	}
}



@media all and (max-width: 767px){
	.hero .container h1{
		font-size: 40px;
	}
	
	.hero__bottom{
		margin-top: 80px;
	}
	
	.hero__bottom .hero__bottom-main{
		flex-direction: column;
	}
	
	.hero__bottom-header{
		flex-direction: column;
		align-items: flex-end;
	}
	
	.hero__bottom-main-arrows{
		flex-direction: row;
		align-items:center;
		margin-bottom: 40px;
	}
	
	.hero__bottom-main-items{
	max-width: 100%;
	}
	.hero__bottom-main-item{
		height: 120px;
	}
	
	.hero__bottom-header .slick-dots{
		margin-right:0;
		padding-right:6px;
		margin-bottom: 16px;
	}
	
	.hero .user-container{
		padding-top: 120px;
		padding-bottom: 140px;
	}
	.hero .bg img, .hero{
		height: 100%;
	}
}

.hero__bottom-main-item img{
	object-fit: cover;
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: inherit;
}

.hero__bottom-main-item .overlay{
	    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    border-radius: inherit;
	z-index: -1;
}


/* OLD */
.c-header-home_heading {
  line-height: 1;
}

@media (max-height: 500px) {
  .c-header-home_heading {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 699px) {
  .c-header-home_heading {
    font-size: 40px;
    margin-bottom: 150px;
  }

  .c-header-home.-full .c-header-home_heading {
    margin-bottom: 30px;
  }
}
@media (min-width: 700px) {
  .c-header-home_heading {
    font-size: 5.625rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 700px) and (max-width: 749px) {
  .c-header-home_heading {
    font-size: 4.375rem;
  }
}
@media (min-width: 1600px) {
  .c-header-home_heading {
    font-size: 6.25rem;
  }
}
.c-header-home_heading.-full {
  width: 100%;
}

.c-header-home_subheading {
  display: inline-block;
  padding: 1.875rem 0;
}

.c-header-home_subheading.-load {
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transform: translate3d(0, 3.75rem, 0);
}

.is-loaded .c-header-home_subheading.-load {
  transform: translate3d(0, 0, 0);
}

body[data-route-option=prev-section] .c-header-home_subheading.-load, body[data-route-option=next-section] .c-header-home_subheading.-load {
  transform: translate3d(0, 0, 0);
}


.borderbot-slide {
  z-index: 3;
  position: absolute;
  right: 0;
  bottom: 250px;
  left: 0;
}
.c-header-home_footer {
  z-index: 3;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.c-header-home_controls, .c-header-home_buttons {
  margin-left: 0;
  letter-spacing: normal;
  font-size: 0;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, 100%, 0);
}

@media (max-width: 699px) {
  .c-header-home_controls, .c-header-home_buttons {
    padding-bottom: 40px;
  }
}
@media (min-width: 700px) {
  .c-header-home_controls, .c-header-home_buttons {
    padding-bottom: 5.625rem;
  }
}
@media (min-width: 700px) and (max-width: 749px) {
  .c-header-home_controls, .c-header-home_buttons {
    padding-bottom: 3.75rem;
  }
}
.is-loaded .c-header-home_controls, .is-loaded .c-header-home_buttons {
  transform: translate3d(0, 0, 0);
}

body[data-route-option=prev-section] .c-header-home_controls, body[data-route-option=prev-section] .c-header-home_buttons, body[data-route-option=next-section] .c-header-home_controls, body[data-route-option=next-section] .c-header-home_buttons {
  transform: translate3d(0, 0, 0);
}

.c-header-home_controls {
  transition-delay: 0.65s;
}

@media (min-width: 700px) {
  .c-header-home_controls {
    float: left;
  }
}
.c-header-home_buttons {
  transition-delay: 0.75s;
}

@media (max-width: 699px) {
  .c-header-home_buttons {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1000px) {
  .c-header-home_buttons {
    float: right;
  }
}
@media (max-width: 699px) {
  .c-header-home_button {
    width: 50% !important;
  }
}
@media (min-width: 700px) {
  .c-header-home_button {
    width: 15.625rem;
  }
}
button, .c-header-filters_button,
.o-button {
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: none;
  color: inherit;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button:hover, .c-header-filters_button:hover,
.o-button:hover {
  text-decoration: none;
}

@media (min-width: 1200px) {
  .o-scroll {
    height: 100%;
  }
}
::-moz-selection {
  background: #0084c0;
  color: #ffffff;
}

::selection {
  background: #0084c0;
  color: #ffffff;
}

img, svg {
  max-width: 100%;
}

a, .o-link {
  color: #1a0dab;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover, .o-link:hover {
  color: #13097c;
}

a.-normal, .o-link.-normal {
  color: currentColor;
  text-decoration: none;
}

a.-normal:hover, .o-link.-normal:hover {
  text-decoration: underline;
}

a.-blue:hover, .o-link.-blue:hover {
  text-decoration: none;
  color: #0084c0;
}

a.-hover, .o-link.-hover {
  position: relative;
  text-decoration: none;
  color: #ffffff;
}

a.-hover::after, .o-link.-hover::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center left;
}

a.-hover:hover::after, .o-link.-hover:hover::after {
  transform: scaleX(1);
}

p {
  margin: 0;
}

.o-wrap {
  overflow: hidden;
}

.o-page.-anim {
  transform: translate3d(0, 9.375rem, 0);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.is-loaded .o-page.-anim {
  transform: translate3d(0, 0, 0);
}

.o-barba, .o-barba_container {
  height: 100%;
}

strong {
  font-weight: 700;
}

.js-parallax {
  transform: translateZ(0);
  will-change: transform;
}

.scroll-content {
  overflow: hidden;
}

.o-blockquote.-nomargin {
  margin: 0;
}

.o-action-link {
  display: block;
  padding-top: 12.8125rem;
  padding-bottom: 7.5rem;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 699px) {
  .o-action-link {
    font-size: 40px;
    padding-top: 120px;
  }
}
@media (max-width: 1199px) {
  .o-action-link {
    color: #1e1e22;
  }
}
@media (min-width: 700px) {
  .o-action-link {
    font-size: 5.625rem;
  }
}
@media (min-width: 1200px) {
  .o-action-link {
    color: #ffffff;
  }
}
.o-action-link:hover {
  color: #ffffff;
}

.o-action-link_label {
  display: inline-block;
  position: relative;
}

.o-action-link_label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 0.1875rem solid;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.o-action-link:hover .o-action-link_label::after {
  transform: scaleX(1);
}

.o-h, h1, .o-h1, h2, .o-h2, h3, .o-h3, h4, .o-h4, h5, .o-h5, h6, .o-h6 {
  font-weight: 700;
  margin-top: 0;
  line-height: 1.1;
}

@media (max-width: 699px) {
  h1, .o-h1 {
    font-size: 26px;
  }
}
@media (min-width: 700px) {
  h1, .o-h1 {
    font-size: 60px;
  }
}
@media (min-width: 1600px) {
  h1, .o-h1 {
    font-size: 4.375rem;
  }
}
@media (max-width: 1599px) {
  h2, .o-h2 {
    font-size: 1.5625rem;
  }
}
@media (min-width: 1600px) {
  h2, .o-h2 {
    font-size: 2.25rem;
  }
}
h3, .o-h3 {
  font-size: 1.5625rem;
}

h4, .o-h4 {
  font-size: 1rem;
}

h5, .o-h5 {
  font-size: 0.8125rem;
}

h6, .o-h6 {
  font-size: 0.6875rem;
}

.o-hsub {
  font-size: 0.75rem;
  padding: 1.25rem 0;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
}

.o-hsub::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid;
  width: 1.5rem;
  background-color: #1e1e22;
  margin-right: 1.125rem;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center left;
}

.o-hsub.-link {
  color: #ffffff;
  text-decoration: none;
}

.o-hsub.-link:hover::before, .o-hsub-wrap:hover .o-hsub.-link::before {
  transform: scaleX(1.5);
}

.o-hsub.-link.-dark {
  color: #1e1e22;
}

.o-hsub.-link.-dark:hover {
  color: #1e1e22;
}

.o-hsub.-h {
  vertical-align: middle;
}

@media (max-width: 699px) {
  .o-hsub.-h {
    display: block;
    margin-top: 20px;
  }
}
@media (min-width: 700px) {
  .o-hsub.-h {
    margin-left: 2.5rem;
  }
}
.o-hsub_label {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateZ(0);
  display: inline-block;
}

.o-hsub.-link:hover .o-hsub_label, .o-hsub-wrap:hover .o-hsub_label {
  transform: translateX(20px);
}

.is-loaded .o-loader {
  visibility: hidden;
  transition-delay: 0.6s;
}

.o-container {
  position: relative;
  margin: 0 auto;
}

@media (max-width: 699px) {
  .o-container {
    padding-right: 40px;
    padding-left: 40px;
  }

  .o-container.-small {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 700px) and (max-width: 1599px) {
  .o-container {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
    max-width: 140rem;
  }
}
@media (min-width: 1600px) {
  .o-container {
    padding-right: 9.5625rem;
    padding-left: 9.5625rem;
    max-width: 144.125rem;
  }
}
.o-section {
  position: relative;
}

.o-section.-offset {
  margin-top: -9.375rem;
  background-color: #f6f6f6;
}

.o-section.-padding {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.o-section.-padding-top {
  padding-top: 7.5rem;
}

@media (max-width: 699px) {
  .o-section.-bottom {
    padding-bottom: 60px;
  }
}
@media (min-width: 700px) {
  .o-section.-bottom {
    padding-bottom: 7.5rem;
  }
}
.o-section.-left {
  margin-right: 15rem;
}

.o-section.-right {
  margin-left: 15rem;
}

.o-section.-left-large {
  margin-right: 22.5rem;
}

.o-section.-right.-padding {
  padding-left: 9.5625rem;
}

.o-section_image {
  position: relative;
  overflow: hidden;
}

.o-section_image.-small {
  padding-bottom: 57.144%;
}

.o-section_image.-large {
  padding-bottom: 55%;
}

.o-section_image.-padding-left {
  margin-left: 7.5rem;
}

.o-section_image.-left {
  margin-right: 15rem;
}

@media (max-width: 1599px) {
  .o-section_image.-left {
    margin-left: -7.5rem;
  }
}
@media (min-width: 1600px) {
  .o-section_image.-left {
    margin-left: -9.5625rem;
  }
}
.o-section_image.-right {
  margin-left: 15rem;
}

@media (max-width: 1599px) {
  .o-section_image.-right {
    margin-right: -7.5rem;
  }
}
@media (min-width: 1600px) {
  .o-section_image.-right {
    margin-right: -9.5625rem;
  }
}
.o-section_image img {
  width: 100%;
}

.o-grid {
  margin-left: 0;
  letter-spacing: normal;
  font-size: 0;
}

.o-grid.-margin {
  margin-left: -3.75rem;
}

.o-grid_item {
  display: inline-block;
  padding-left: 0;
  width: 100%;
  vertical-align: top;
  font-size: 1rem;
}

@media (max-width: 699px) {
  .o-grid_item.-button {
    width: 100%;
  }
}
@media (min-width: 700px) and (max-width: 999px) {
  .o-grid_item.-button {
    margin-bottom: 60px;
  }
}
@media (min-width: 1000px) {
  .o-grid_item.-button {
    width: 18.75rem;
  }
}
@media (max-width: 699px) {
  .o-grid_item.-button-content {
    margin-bottom: 30px;
  }
}
@media (min-width: 700px) and (max-width: 999px) {
  .o-grid_item.-button-content {
    margin-bottom: 60px;
  }
}
@media (min-width: 1000px) {
  .o-grid_item.-button-content {
    width: calc(100% - 18.75rem);
  }
}
.o-grid.-margin .o-grid_item {
  padding-left: 3.75rem;
}

@media (min-width: 700px) {
  .o-grid_item.-half {
    width: 50%;
  }
}
@media (min-width: 700px) and (max-width: 1199px) {
  .o-grid_item.-half.-large {
    width: 100%;
  }
}
@media (min-width: 700px) and (max-width: 999px) {
  .o-grid_item.-half.-medium {
    width: 100%;
  }
}
@media (min-width: 700px) and (max-width: 1199px) {
  .o-grid_item.-third {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .o-grid_item.-third {
    width: 33.3333333333%;
  }
}
.o-form {
  padding-bottom: 11.25rem;
}

@media (max-width: 699px) {
  .o-form_item {
    margin-bottom: 35px;
  }
}
@media (min-width: 700px) {
  .o-form_item {
    margin-bottom: 2.9375rem;
  }
}
.o-form_fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

@media (max-width: 699px) {
  .o-form_fieldset {
    margin-bottom: 20px;
  }
}
@media (min-width: 700px) {
  .o-form_fieldset {
    margin-bottom: 3.75rem;
  }
}
.o-form_button {
  text-align: right;
}

.o-label {
  display: block;
  height: 100%;
  color: #b3b3b3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.875rem;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 699px) {
  .o-label {
    font-size: 9px;
  }
}
@media (min-width: 700px) {
  .o-label {
    font-size: 0.5625rem;
  }
}
.o-input-wrap .o-label {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.o-input:focus ~ .o-label, .o-select:focus ~ .o-label, .o-textarea:focus ~ .o-label, .o-label.is-active {
  transform: translateY(-1.875rem);
}

.o-input.has-error ~ .o-label, .has-error.o-select ~ .o-label, .has-error.o-textarea ~ .o-label {
  color: #cc3d3d;
}

.o-input-wrap {
  position: relative;
}

.o-input, .o-select, .o-textarea {
  padding: 0.875rem;
  background-color: transparent;
  border-bottom: 1px solid #b3b3b3;
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 699px) {
  .o-input, .o-select, .o-textarea {
    font-size: 14px;
  }
}
@media (min-width: 700px) {
  .o-input, .o-select, .o-textarea {
    font-size: 0.875rem;
  }
}

.o-input:-ms-input-placeholder, .o-select:-ms-input-placeholder, .o-textarea:-ms-input-placeholder {
  color: #b3b3b3;
}

.o-input::-moz-placeholder, .o-select::-moz-placeholder, .o-textarea::-moz-placeholder {
  color: #b3b3b3;
}

.o-input::placeholder, .o-select::placeholder, .o-textarea::placeholder {
  color: #b3b3b3;
}

.o-input.-search, .-search.o-select, .-search.o-textarea {
  background-color: transparent;
  color: #ffffff;
  font-weight: 700;
  border-bottom: none;
}

@media (max-width: 699px) {
  .o-input.-search, .-search.o-select, .-search.o-textarea {
    font-size: 26px;
  }
}
@media (min-width: 700px) {
  .o-input.-search, .-search.o-select, .-search.o-textarea {
    font-size: 3.75rem;
  }
}

.o-input.-search:-ms-input-placeholder, .-search.o-select:-ms-input-placeholder, .-search.o-textarea:-ms-input-placeholder {
  color: #000000;
}

.o-input.-search::-moz-placeholder, .-search.o-select::-moz-placeholder, .-search.o-textarea::-moz-placeholder {
  color: #000000;
}

.o-input.-search::placeholder, .-search.o-select::placeholder, .-search.o-textarea::placeholder {
  color: #000000;
}

.-mobile .o-input.-search, .-mobile .-search.o-select, .-mobile .-search.o-textarea {
  font-size: 26px;
  padding: 0;
}

.o-input.-search.-light, .-search.-light.o-select, .-search.-light.o-textarea {
  color: #1e1e22;
}

.o-input.-search.-light:-ms-input-placeholder, .-search.-light.o-select:-ms-input-placeholder, .-search.-light.o-textarea:-ms-input-placeholder {
  color: #b3b3b3;
}

.o-input.-search.-light::-moz-placeholder, .-search.-light.o-select::-moz-placeholder, .-search.-light.o-textarea::-moz-placeholder {
  color: #b3b3b3;
}

.o-input.-search.-light::placeholder, .-search.-light.o-select::placeholder, .-search.-light.o-textarea::placeholder {
  color: #b3b3b3;
}

.o-input.has-error, .has-error.o-select, .has-error.o-textarea {
  border-color: #cc3d3d;
}

.o-input:focus, .o-select:focus, .o-textarea:focus {
  outline: none;
}

.o-input-line {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #1e1e22;
  transform: scaleX(0);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center left;
}

.o-input:focus ~ .o-input-line, .o-select:focus ~ .o-input-line, .o-textarea:focus ~ .o-input-line {
  transform: scaleX(1);
}

.o-input-lines::before, .o-input-lines::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-right: 1px solid #b3b3b3;
  height: 0.375rem;
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.o-input.has-error ~ .o-input-lines::before, .has-error.o-select ~ .o-input-lines::before, .has-error.o-textarea ~ .o-input-lines::before, .o-input.has-error ~ .o-input-lines::after, .has-error.o-select ~ .o-input-lines::after, .has-error.o-textarea ~ .o-input-lines::after {
  border-color: #cc3d3d;
}

.o-input-lines::before {
  left: 0;
  transition-delay: 0.3s;
}

.o-input-lines::after {
  right: 0;
}

.o-input:focus ~ .o-input-lines::before, .o-select:focus ~ .o-input-lines::before, .o-textarea:focus ~ .o-input-lines::before, .o-input:focus ~ .o-input-lines::after, .o-select:focus ~ .o-input-lines::after, .o-textarea:focus ~ .o-input-lines::after {
  border-color: #1e1e22;
}

.o-input:focus ~ .o-input-lines::before, .o-select:focus ~ .o-input-lines::before, .o-textarea:focus ~ .o-input-lines::before {
  transition-delay: 0s;
}

.o-input:focus ~ .o-input-lines::after, .o-select:focus ~ .o-input-lines::after, .o-textarea:focus ~ .o-input-lines::after {
  transition-delay: 0.3s;
}

.o-checkbox, .o-radio {
  position: absolute;
  width: 0;
  opacity: 0;
}

.o-checkbox:checked + .o-checkbox-label::after, .o-radio:checked + .o-checkbox-label::after, .o-checkbox:checked + .o-radio-label::after, .o-radio:checked + .o-radio-label::after {
  transform: scale(1);
}

.o-checkbox-label, .o-radio-label {
  position: relative;
  display: inline-block;
  margin-right: 0.5em;
  line-height: 1.4;
  margin-right: 4.0625rem;
  cursor: pointer;
  padding-top: 0.125rem;
}

@media (max-width: 699px) {
  .o-checkbox-label, .o-radio-label {
    font-size: 12px;
    padding-left: 27px;
  }
}
@media (min-width: 700px) {
  .o-checkbox-label, .o-radio-label {
    font-size: 0.875rem;
    padding-left: 1.1875rem;
  }
}
.o-checkbox-label.-uppsercase, .-uppsercase.o-radio-label {
  text-transform: uppercase;
}

.o-checkbox-label::before, .o-radio-label::before, .o-checkbox-label::after, .o-radio-label::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  padding: 0;
  content: "";
  border: 1px solid;
  transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 699px) {
  .o-checkbox-label::before, .o-radio-label::before, .o-checkbox-label::after, .o-radio-label::after {
    width: 12px;
    height: 12px;
    margin-top: -6px;
  }
}
@media (min-width: 700px) {
  .o-checkbox-label::before, .o-radio-label::before, .o-checkbox-label::after, .o-radio-label::after {
    margin-top: -0.28125rem;
    width: 0.5625rem;
    height: 0.5625rem;
  }
}
.o-checkbox-label::after, .o-radio-label::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #1e1e22 transparent transparent transparent;
  transform: scale(0);
  transform-origin: top left;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 699px) {
  .o-checkbox-label::after, .o-radio-label::after {
    border-width: 12px 12px 0 0;
  }
}
@media (min-width: 700px) {
  .o-checkbox-label::after, .o-radio-label::after {
    border-width: 0.5625rem 0.5625rem 0 0;
  }
}
.o-checkbox-label.has-error::before, .has-error.o-radio-label::before {
  border-color: #cc3d3d;
}

.o-checkbox-label_text {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateZ(0);
}

.o-checkbox-label:hover .o-checkbox-label_text, .o-radio-label:hover .o-checkbox-label_text {
  transform: translateX(0.3125rem);
}

.o-radio-label::before, .o-radio-label::after {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.o-radio-label::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20enable-background%3D%22new%200%200%2013%2013%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%23424242%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%2F%3E%3C%2Fsvg%3E");
  background-size: 6px;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(0);
  transform-origin: center;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
}

.o-radio:checked + .o-radio-label::after {
  transform: scale(1);
}

.o-select {
  position: relative;
  z-index: 1;
  padding-right: 2.5rem;
}

.o-select:focus {
  border-bottom-color: #1e1e22;
}

.o-select-wrap {
  position: relative;
}

.o-select-wrap::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2211.3%22%20viewBox%3D%220%200%2013%2011.3%22%20enable-background%3D%22new%200%200%2013%2011.3%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23b3b3b3%22%20points%3D%226.5%2011.3%203.3%205.6%200%200%206.5%200%2013%200%209.8%205.6%20%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}

.o-textarea-wrap {
  position: relative;
}

.o-textarea {
  min-height: 9.375rem;
}

.o-button {
  position: relative;
  display: inline-block;
  text-align: center;
  border: 1px solid #1e1e22;
  white-space: nowrap;
  font-size: 0;
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}

.o-button:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.o-button > * {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  font-size: 1rem;
}

@media (max-width: 699px) {
  .o-button {
    height: 60px;
    padding: 0 20px;
  }
}
@media (min-width: 700px) {
  .o-button {
    height: 3.75rem;
    padding: 0 1.875rem;
  }
}
.o-button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1e1e22;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}

.o-button:hover {
  color: #ffffff;
  transition-delay: 0s;
}

.o-button:hover::after {
  transform: scaleX(1);
  transition-delay: 0s;
}

@media (min-width: 1200px) {
  .o-button.-anim {
    border-color: transparent;
  }
}
.o-button.-left::after {
  transform-origin: center right;
}

.o-button.-white {
  border-color: #ffffff;
}

.o-button.-white::after {
  background-color: #ffffff;
}

.o-button.-white:hover {
  color: #000000;
}

@media (max-width: 699px) {
  .o-button.-width {
    width: 100%;
  }
}
@media (min-width: 700px) {
  .o-button.-width {
    width: 15rem;
  }
}
.o-button.-form {
  width: 11.25rem;
}

.o-button.-form:focus {
  color: #ffffff;
  transition-delay: 0s;
}

.o-button.-form:focus::after {
  transform: scaleX(1);
  transition-delay: 0s;
}

.o-button.-square {
  padding: 0;
}

@media (max-width: 699px) {
  .o-button.-square {
    width: 60px;
  }
}
@media (min-width: 700px) {
  .o-button.-square {
    width: 3.75rem;
  }
}
.o-button-group .o-button + .o-button {
  border-left: none;
}

@media (max-width: 699px) {
  .o-button.-padding {
    padding: 1.25rem;
  }
}
@media (min-width: 700px) {
  .o-button.-padding {
    padding: 1.25rem 2.5rem;
  }
}
.o-button_label {
  display: inline-block;
  position: relative;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0);
  line-height: 1.4;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
  font-size: 0.75rem;
}

.o-button:hover .o-button_label {
  transform: translateX(0.5rem);
  transition-delay: 0.075s;
}

.o-button.-left:hover .o-button_label {
  transform: translateX(-0.5rem);
}

.o-button.-square:hover .o-button_label {
  transform: translateX(0.375rem);
}

.o-button.-left.-square:hover .o-button_label {
  transform: translateX(-0.375rem);
}

.o-button-group {
  margin-left: 0;
  letter-spacing: normal;
  font-size: 0;
}

.o-button_icon {
  position: relative;
  width: 1.1875rem;
  height: 1.1875rem;
  fill: #1e1e22;
  transition: fill 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s;
}

.o-button.-white .o-button_icon {
  fill: #ffffff;
}

.o-button:hover .o-button_icon {
  fill: #f6f6f6;
  transition-delay: 0s;
}

.o-button.-white:hover .o-button_icon {
  fill: #1e1e22;
}

.o-button_line::before, .o-button_line::after {
  content: "";
  position: absolute;
  background-color: #1e1e22;
}

.is-mobile .o-button_line::before, .is-mobile .o-button_line::after {
  display: none;
}

.o-button_line::before {
  width: 1px;
  top: 0;
  bottom: 0;
  transform: scaleY(0);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.o-button_line::after {
  height: 1px;
  right: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.o-button_line:first-of-type::before {
  left: 0;
  transform-origin: center bottom;
}

.o-button_line:first-of-type::after {
  top: 0;
  transform-origin: center left;
}

.o-button_line:last-of-type::before {
  right: 0;
  transform-origin: center top;
}

.o-button_line:last-of-type::after {
  bottom: 0;
  transform-origin: center right;
}

.o-button.is-inview .o-button_line::before {
  transform: scaleY(1);
}

.o-button.is-inview .o-button_line::after {
  transform: scaleX(1);
}

.o-button.is-inview .o-button_line:first-of-type::before {
  transition-delay: 1.15s;
}

.o-button.is-inview .o-button_line:first-of-type::after {
  transition-delay: 0.1s;
}

.o-button.is-inview .o-button_line:last-of-type::before {
  transition-delay: 0.55s;
}

.o-button.is-inview .o-button_line:last-of-type::after {
  transition-delay: 0.7s;
}

.c-header-home_footer {
  z-index: 3;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.c-header-home_controls, .c-header-home_buttons {
  margin-left: 0;
  letter-spacing: normal;
  font-size: 0;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate3d(0, 100%, 0);
}

@media (max-width: 699px) {
  .c-header-home_controls, .c-header-home_buttons {
    padding-bottom: 40px;
  }
}
@media (min-width: 700px) {
  .c-header-home_controls, .c-header-home_buttons {
    padding-bottom: 5.625rem;
  }
}
@media (min-width: 700px) and (max-width: 749px) {
  .c-header-home_controls, .c-header-home_buttons {
    padding-bottom: 3.75rem;
  }
}
.is-loaded .c-header-home_controls, .is-loaded .c-header-home_buttons {
  transform: translate3d(0, 0, 0);
}

body[data-route-option=prev-section] .c-header-home_controls, body[data-route-option=prev-section] .c-header-home_buttons, body[data-route-option=next-section] .c-header-home_controls, body[data-route-option=next-section] .c-header-home_buttons {
  transform: translate3d(0, 0, 0);
}

.c-header-home_controls {
  transition-delay: 0.65s;
}

@media (min-width: 700px) {
  .c-header-home_controls {
    float: left;
  }
}
.c-header-home_buttons {
  transition-delay: 0.75s;
}

@media (max-width: 699px) {
  .c-header-home_buttons {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1000px) {
  .c-header-home_buttons {
    float: right;
  }
}
@media (max-width: 699px) {
  .c-header-home_button {
    width: 50% !important;
  }
}
@media (min-width: 700px) {
  .c-header-home_button {
    width: 15.625rem;
  }
}



.tlacitko-slider {
  padding-top: 80px;
}
.btn.slider.btn-border {
    font-family: 'Readex Pro', sans-serif;
    color: #1d1d1f;
    background-color: #fff;
    border: 1px solid rgba(29, 29, 31, 0.5);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    transition: all 0.8s,color 0.3s 0.3s;
}
.btn.slider.btn-border:hover {
  background-color: #1d1d1f;
  color: #fff;
}


.fotogalerie-radek img{
	max-height: 200px;
	height:100%;
	object-fit: cover;
	margin-bottom: 16px
}

.fotogalerie-radek h4{
	font-family: 'Readex Pro', sans-serif;
	color: #1D1D1F;
	font-weight: 400;
}