@charset "UTF-8";
/* CSS Document */
@font-face {
	  font-family: Montserrat-Ultra-Light;
	  src: url(../fonts/Montserrat/Montserrat-UltraLight.otf);
}
@font-face {
	  font-family: Montserrat;
	  src: url(../fonts/Montserrat/Montserrat-Light.otf);
}
@font-face {
	  font-family: Montserrat-Bold;
	  src: url(../fonts/Montserrat/Montserrat-Regular.otf);
}

@font-face {
	font-family: DM_Sans;
	src: url(../fonts/DM_Sans/DMSans-Medium.ttf);
}
@font-face {
	font-family: DM_Sans_Nomal;
	src: url(../fonts/DM_Sans/DMSans-Normal.woff2);
}
@font-face {
	font-family: fontello;
	src: url(../fonts/fontello.woff2);
}

body, html {
	padding: 0px;
	margin: 0px;
	font-family: "Montserrat",sans-serif;
    font-size: 16px;
	line-height: 30px;
    font-weight: 100;
    color: #6E6D68;
    background-color: #FFF;
    -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5 {
	font-family: "DM_Sans",sans-serif;
	font-weight: 700;
}
h1 {
	font-size: 3.3em;
	letter-spacing: -1.8px;
	margin-bottom: 40px;
	color:#000000;	
}
h2 {
	font-size:3.3em;
	letter-spacing: -1.8px;
	color:#000000;
	margin-top: 20px!important;
	margin-bottom: 30px;
}
.fade-nadpis h2{
	font-size: 3.3rem;
	margin-bottom: 3rem;
	font-weight: 700;
}
h3, h4 {
	margin-top: 20px!important;
	margin-bottom: 30px!important;
	font-size: 24px;
	font-weight: 600;
	color:#6c6c6c;
}
h4 {
	font-size:24px;
	margin-bottom: 20px;
}
a {
	color: rgb(142, 177, 31);
	-webkit-transition-duration: 0.3s;            /* Chrome, Safari */
	-moz-transition-duration: 0.3s;               /* Mozilla Firefox */
	}
	.carousel-caption .actions a:hover{
		background-color: #23A455;
}
a:hover {
	color: #23A455;
	-webkit-transition-duration: 0.3s;            /* Chrome, Safari */
	-moz-transition-duration: 0.3s;               /* Mozilla Firefox */
}
p {
	display: block;
	text-align:justify;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
p strong, ul strong, ol strong, li strong {
	font-family: "Montserrat", Roboto, Arial, Verdana, sans-serif;
	font-weight: 700!important;
	color:#6c6c6c;
}
ol li{
	margin-bottom: 20px;
}
ol .tucne {
	font-weight: 700!important;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align: center!important;
	margin: 0 auto!important;
}
.container-fluid {
	margin: 0;
	padding: 0;
}
.wrap {
	width: 100%;
	max-width: 1290px;
	margin: 0 auto;
	padding: 40px 10px;
}
.kotva {
	margin-top:-90px;
	padding-bottom:90px;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.bold {
	font-weight: 700;
}
ol, ul {
padding-left: 2rem!important;
}

/* MENU */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}
.nabidka {
	width: 90%;
	margin: 0 auto;
}
a.navbar-brand {
	display: block;
	width: 350px;
	height:150px;
	margin-top: 55px;
	margin-left: 0px;
	padding: 0;
	background:url(../images/A7B_Bohemia_logo_grey.png) no-repeat;
	background-size: 80%;
}
.navbar {
display: block;
position: absolute;
width: 100%;
padding-top: 0px;
background: transparent;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;            /* Chrome, Safari */
-moz-transition-duration: 0.3s;               /* Mozilla Firefox */
 transition-timing-function: linear;
z-index: 100;
border: 0;
border-radius: 0px;
}
.navbar-light .navbar-nav .nav-link {
	font-family: "Montserrat";
	color: white;
	text-transform: uppercase;
}
.fixed.navbar-light .navbar-nav .nav-link {
	font-family: "Montserrat";
	color: #545454;
	text-transform: uppercase;
}
.navbar.fixed {
position: fixed;
width:100%;
padding: 13px 0 10px;
background-color:#fff;
visibility: visible !important;
top: 0px;
box-shadow: 0 1px 15px rgba(192, 191, 191, 0.9);
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;            /* Chrome, Safari */
-moz-transition-duration: 0.3s;               /* Mozilla Firefox */
 transition-timing-function: linear;
-webkit-transition-timing-function: linear; /* Chrome, Safari */
-moz-transition-timing-function: linear;    /* Mozilla Firefox */
z-index: 100;
}
.fixed a.navbar-brand {
	width: 350px!important;
	height:70px;
	margin-top: 0px;
	margin-left: 0px;
	background:url(../images/A7B_Bohemia_logo_color.png) no-repeat;
	background-size: 48%;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.2rem;
padding-left: 1.2rem;
}
.hledej {
  padding: 2px 20px !important;
  margin-top: 3px;
  margin-left: 20px;
  font-size: 90%;
  color:grey !important;
  border:2px solid rgb(142, 177, 31)!important;
  border-radius:80px;
}
.blur {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom right, rgba(1, 29, 46, 0.1), rgba(153, 178, 185, 0.1));
	z-index: 1;
}


/* CUSTOMIZE THE CAROUSEL
 -------------------------------------------------- */
 .full-screen {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }
.carousel-item {
  overflow: hide!important;
   height: 100vh;
   min-height: 350px;
   background: no-repeat center center scroll;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   z-index: 100;
 }
 /* CAROUSEL SLIDER INNER TEXT */
 .header.carousel {
	 height: 100%;
 }
 .carousel-indicators {
	 bottom: 0;
 }
 .carousel-control.right,
 .carousel-control.left {
	 background-image: none;
 }
 .carousel-fade,
 .carousel-fade .carousel-inner,
 .carousel-fade .carousel-inner .item,
 .carousel-fade .carousel-inner .item img {
   height: 100%;
   overflow: hidden;
 }
 .zoom {
	 animation:zoomIn 10s linear infinite alternate;
	 background-position: center;
	 background-size:cover;
 }
 @keyframes zoomIn {
   0% {
	 transform:scale(1);
   }
   100% {
	 transform:scale(1.2);
   }
 }
 .carousel-caption {
   max-width: 1280px;
   margin-bottom: 3rem;
   text-align: left;
   z-index: 10;
 }
 .carousel-caption h1 {
	font-family: "Montserrat-Bold", Roboto, Arial, Verdana, sans-serif; 
	font-size: 5rem;
	color: white!important;
	text-align: center;
	text-transform: none;
	//text-shadow: 0 0 0.3em rgba(0,0,0,0.4), 0 0 0.3em rgba(0,0,0,0.4), 0 0 0.3em rgba(0,0,0,0.4);
 }
 .carousel-caption h2 {
	font-family: "Montserrat-Ultra-Light", Roboto, Arial, Verdana, sans-serif;
	color: white;
	font-size: 1.4rem;
	font-weight: 500;
	margin-top: 1srem;
	line-height: 2.2rem;	
	text-align: center!important ;
	//text-shadow: 0 0 0.4em rgba(0,0,0,0.4), 0 0 0.4em rgba(0,0,0,0.4), 0 0 0.4em rgba(0,0,0,0.4);
  }
 
 .top_overlay {
   position: absolute;
   width: 100%;
   height:60%;
   background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0, 0, 0, 0.5));
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   /*border: 1px solid red;*/
   z-index: 10;
 }
.bottom_overlay {
  position: absolute;
   width: 100%;
   height: 25rem;
   margin-top: -25rem;
   background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)));
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 20;
}
.carousel-caption .actions {
	margin-top: 5rem;
}
.carousel-caption .actions a{
	margin: 0 auto;
	margin-top:100px!important;
	color:white;
	padding: 20px 40px;
	font-family: "monseratt", Roboto, Arial, Verdana, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	background-color: rgb(142, 177, 31);
	border-radius: 8px;
	text-decoration: none;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;            /* Chrome, Safari */
	-moz-transition-duration: 0.3s;               /* Mozilla Firefox */
	
	z-index: 100;
}
.carousel-caption .actions a:hover{
	background-color: #5F7B07;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;            /* Chrome, Safari */
	-moz-transition-duration: 0.3s;               /* Mozilla Firefox */
}	
	
/* CUSTOMIZE THE CAROUSEL END */


/* CONTENT */
section {
	padding-top: 100px;
}
.kotva {
	margin-top:-70px;
	padding-bottom:70px;
}
.page {
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.content_right {
	padding-left: 3rem;
} 
.content_left {
	padding-right: 3rem;
}
.omne, .kontakt {
	background: #ececec!important;
}
.kontakt {
	background: #4e9fa2!important;
	color: white!important;
}
.kontakt H2 {
	color: white;
	text-align: center;
}
.kontakt H3 {
	color: white;
	text-align: center;
}
.kontakt a {
	color: white;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.kontakt a:hover {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Produkty na uvodni strance */
.produkty_index {
	background: rgb(142, 177, 31);
	padding-bottom: 0px;
	margin-bottom: -2em;
}
.produkty_index a {
	text-decoration: none;
}

.produkty_index H2, .produkty_index H3{
	color: white;
	text-decoration: none;
}
.produkty_index H2 {
	font-size: 1.3em;
	font-weight: 300;
	margin-top: 3em;
	margin-bottom: -0.5em;
}
.produkty_index H3 {
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 600;
}
h3.nazev {
	font-size: 22px;
}
.card-body {
	position: relative;
	bottom: 0;
	left: 0;
}
.index_box_produkt {
	
}
.zvire_index {
	margin: 0 auto;
	width: 15em;
	height: 15em;
	background: white;
	border-radius: 15em;
}
.zvire_index img {
	position: relative;
	margin: 0 auto;
	width: 18em;
	height: auto;
	margin-top: -1em;
	margin-left: -1em;
}

/* Produkty na produktové strance */
.zvire {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 225px;
	margin-top: 0px;
	border: 3px solid #A6985B;
	border-radius: 120px;
	background-color: white;
}
.zvire img {
	width: 106%;
	height: 106%;
	margin: 0 auto;
	margin-left: -5px;
	margin-top: -10px;
	vertical-align: middle;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.odkazy_sukategory {
	margin-top: 0px;
}
.odkazy_sukategory ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0!important;
	overflow: hidden;
}
.odkazy_sukategory ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.odkazy_sukategory ul li a{
	padding: 0 10px;
	border: 1px solid #8eb11f;
	border-radius: 20px;
	color: #8eb11f;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.odkazy_sukategory ul li a:hover {
	padding: 0 10px;
	text-decoration: none!important;
	color: white;
	background-color: #8eb11f;
	border: 1px solid #8eb11f;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.odkazy_sukategory ul ul {
  display: none;
  position: relative;
  top: 100%;
}
.odkazy_sukategory ul li a:hover>ul {
  display: inherit;
  padding: 0;
  margin: 0;
  transition: all .3s ease;
}
.odkazy_sukategory ul ul li {
  min-width: 170px;
  display: list-item;
  position: relative;
}
.odkazy_sukategory ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1000;
}
.odkazy {
	position: relative;
	z-index: 10;
}
.odkazy ul {
  padding: 0!important;
  margin: 0!important;
  list-style: none;
  position: relative;
}

.odkazy ul li {
  display: inline-block;
  float: none;
  white-space: nowrap;
}
.odkazy ul li:hover > ul {
	display: block;
}
.odkazy a {
  display: block;
  padding: 0 10px;
  margin-bottom: 5px;
  font-size: 16px!important;
  color: #8eb11f;
  border: 1px solid #8eb11f;
  border-radius: 20px;
  background-color: white;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
  transition: all .3s ease;
}
.odkazy a:hover {
  color: white;
  background-color: #8eb11f;
  transition: all .3s ease;
}
.odkazy ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 70px;
  border: 0px solid black;
  z-index: 20;
}

.odkazy ul li:hover>ul {
  display: inherit;
  transition: all .3s ease;
}

.odkazy ul ul li {
  display: list-item;
  position: relative;
}
.odkazy ul ul li a {
	margin-bottom:3px;
}
.odkazy ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

.nadpis-produkt {
	font-family: "DM_Sans",sans-serif;
	font-weight: 700;
	font-size: 22.5em;
}
.nadpis_filter {
	margin-bottom: 3rem!important;
}
.produkt_box {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 1em;
	overflow: hidden;
	cursor: pointer;
}
.produkt_box {
	vertical-align: middle;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-size: cover;
	z-index: 0!important;
}

.produkt_box img {
	width: 100%;
	height: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.card {
	position: unset;
	z-index: -100!important;
}
.produkt_box,
.card {
	position: relative;
	z-index: 1;
}
.card-img-top {
	overflow: hidden;
	width: 70%;
	height: 70%;
	margin: 0 auto;
	margin-top: 0.5em;
}
.modal-header {
	border-bottom: 0;
}
.Obrazek_Modal {
	display: flex;
	overflow: hidden;
}
.Obrazek_Modal img {
	width: 90%;
	height:90%;
	margin: 0 auto;
}
.tab-content {
	padding: 20px 30px;
}
.data {
	font-size: 14px;
	line-height: 26px;
}
.znacka {
	margin-top: -1em;
}
.znacka span {
	color: #8eb11f;
}

/* Novinky Blog na uvodni strance */
.fade-nadpis span {
	margin: 0 auto;
	text-align: center !important;
	color: #A6985B;
	text-transform: uppercase;
}
.fade-nadpis h2 {
	margin-top: 0.9rem!important;
}
.blok {
	display: block;
	position: relative;
	height:28rem;
	padding: 0!important;
	overflow: hidden;
	background-size: cover;
}
.blok img {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blok:hover img {
	height: 100%;
	transform:scale(1.1);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mask {
	position: absolute;
	width: 100%;
	height: 29rem;
	margin-top: -29rem;
	opacity: 0.9;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.8) 100%);
	background-size: cover;
}
.blok-info {
	position: absolute;
	overflow: hidden;
	backface-visibility: hidden;
	padding: 2.5rem;
	width: 100%;
	height: 29rem;
	margin-top: -29rem;
	line-height: 1.3em;
	color: white! important;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	z-index: 1;
}
.post_categories {
	display: inline-block!important;
	font-size: 0.8em;
	color: white;
}
.post_categories:after {
	content: '\e83c';
	font-family: "fontello";
	display: inline-block;
	vertical-align: baseline;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	margin: 0 0.75em;
}
.blog-detail .post_categories  {
	font-size: 1em;
	color: rgb(142, 177, 31);
	text-decoration: none!important;
}
.blog-detail .post_categories:after {
	content: '\e83c';
	font-family: "fontello";
	display: inline-block;
	vertical-align: baseline;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	margin: 0 0.75em;
}
.blog-detail .post_date {
	display: inline-block!important;
	font-size: 1em;
	color: rgb(195, 195, 195);
	margin-left: -5px;
}
.post_date {
	display: inline-block!important;
	font-size: 0.9em;
	color: rgb(195, 195, 195);
	margin-left: -5px;
}
.blok-info .blok-nadpis h3 {
	color: white;
	font-weight: 400;
	padding-bottom: 0;
	margin-bottom: 0!important;
}
.blok .blok-info i {
	will-change: transform;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.arrow {
	width: 16px;
}
.blok:hover .arrow {
	width: 40px;
	will-change: transform;
}
.arrow {
	margin-top: 19px;
	display: inline-block;
	width: 16px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	will-change: transform;
}
.arrow:before {
	top: 0;
	right: 1px;
	position: absolute;
	display: block;
	font-family: "fontello";
	color: #ffffff;
	font-size: 11px;
	font-weight: 400;
	line-height: 20px;
	content: '\e9e2';
}
.blok:hover .blok-info i1 {
	transform: translateX(7px);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.picture_news_detail{
	display: block;
	position: relative;
	padding: 0!important;
	overflow: hidden;
	background-size: cover;
}
	
.content_vice {
	color: rgb(142, 177, 31);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.content_vice:hover {
	color: #5F7B07;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.vice_info {
text-decoration: none!important;
color: rgb(142, 177, 31);
font-weight: 700;
}
.vice_info:hover {
text-decoration: none!important;
color: #5F7B07;
}
.vice_info_gold {
	color: #A6985B!important;
	font-weight: 700;
}
.vice_info_gold:hover {
	color: #908246;
}
.vice_info i, .vice_info_gold i {
	color: #A6985B!important;
	margin-left: 0.5em;
	-webkit-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;
}
.vice_info:hover i, .vice_info_gold:hover i {
  transform: translateX(15px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.mt-n2 {
  margin-top: -2.5rem !important;
}

/* Responsive Styles Tablet na vysku 768x1024 (991)*/
@media(max-width:834px) {
	.fade-nadpis h2 {
		font-size: 2em;
		font-weight: 400!important;
	}
	.blok {
		display: block;
		position: relative;
		margin: 0;
		margin-bottom: 1.5rem;
		padding: 0;
		overflow: hidden;s
	}
	.blok img {
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 0;
	}
}

.tlacitko {
	display:inline-block;
	position: relative;
	padding: 1em 2rem;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	border-radius: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.green {
	background: rgb(142, 177, 31);
	color: white!important;
}
.green:hover {
	background: #5F7B07;
	color: white;
}
.gold {
	background: #A6985B;
	color: white!important;
}
.gold:hover {
	background: #908246;
	color: white!important;
}



.clients .swiper-slide img {
opacity: 0.5;
transition: 0.3s;
filter: grayscale(100);
}
.clients .swiper-slide img:hover {
opacity: 1;
transition: 0.3s;
filter: none;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.clients .swiper-pagination {
margin-top: 20px;
position: relative;
}


/* FOOTER */
.footer {
	background: #787878;
	color:white;
	text-align: center!important;
}
.footer a {
	color: white;
	text-decoration:underline;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footer a:hover {
	color: #ed690d!important;
	text-decoration: underline !important;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.social {
	margin-top: 0px;
	text-align: left;
}

#StoTop {
	display:block;
	width:40px;
	height:40px;
	background:#6E6D68;
	position:fixed;
	right: 23px;
	bottom:80px;
	padding-top:0px;
	padding-left:0px;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	z-index: 1000;
	color:#fff !important;
}
#StoTop:hover {
	background:#5F7B07;
	color:#FFF !important;
	-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#StoTop:hover i {
	color:white;
	-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#StoTop i {
	margin-top:18px;
	margin-left:12px;
	padding:0;
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Cookies Box */

/* Element pro rozliseni pro mobilni zarizeni */
@media(max-width:1180px) {
	.masthead h1 {
		text-align: left;
		font-size: 2.4rem;
		margin: 0;
		margin-top: -100px!important;
		padding: 0;
	}
	.masthead h2 {
		text-align: left;
		font-size: 2.6rem;
	}
}
/* Responsive Styles Tablet na sirku 1024x768 */
@media(max-width:1000px) {
}

/* Responsive Styles Tablet na vysku 768x1024 (991)*/
@media(max-width:834px) {
	.hide {
		display: none;
	}
	h2, h3 {
		text-align: center;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
	}
	h3 .text-left {
		text-align: left!important;
	}
	.navbar {
		padding-top: 0;
		right: 0;
		left: 0;
		z-index: 100;
	}
	.navbar, .fixed {
	position: fixed;
	width:100%;
	padding: 13px 0 10px;
	background-color:#fff;
	z-index: 0;
	visibility: visible !important;
	}
	
	a.navbar-brand, .fixed a.navbar-brand {
		width: 180px!important;
		height: 40px;
		margin-left: 10px!important;
		margin-top: 2px;
	}
	ol, ul {
	padding-left: 1.8rem!important;
	}
	.masthead {
		max-height: 55rem;
		padding-top: 30rem;
		background-position: 70% center;
	}
	p {
		text-align: left!important;
	}
	.masthead h1 {
		text-align: center;
	  font-size: 2.4rem;
	  margin: 0;
		margin-top: -380px!important;
	  padding: 0;
	}
	.masthead h2 {
		text-align: center;
		margin-top: 250px!important;
		font-size: 2.6rem;
	}
	.btn-outline-success {
		margin-top: 30px;
	}
	.cenik_nadpis, .cenik_cena {
		text-align: center!;
	}
	.kontakt, .kontakt h3  {
		text-align: center!important;
	}
	.footer, .footer p {
		text-align: center!important;
	}
	.fb-page {
		margin-top: 20px;
	}
	.copy {
		margin-top: 30px!important;
		text-align: center!important;
	}
	.developer {
		margin-top: 20px;
		font-size: 80%;
	}
}

@media(max-width:769px) {
	.footer {
	margin-bottom: 20px;
	text-align:center!important;
	}
	.copyright {
		text-align: center!important;
	}
}
/* Responsive Styles Telefon na sirku 480x320 (767)*/
@media(max-width:667px) {
}
/* Responsive Styles Telefon na vysku 320x480 (480)*/
@media(max-width:320px) {
	.cc_container {
		width: 280px;
		height:263px;
	}
	.cc_btn, .cc_btn_accept_all {
		max-width: 240px !important;
		margin-top: 190px;
	}
}


/* Kontaktni formular */
.container-form {
	background: #d6d5d5;
	padding: 30px 0;

}
.contakt_form {
	width: 900px;
	padding-top: 70px;
}
.contakt_form h4 {
	text-align: center;
	color: white;
}
.contakt_form h4>a {
	color: white !important;
}
.form_data {
	position: absolute !important;
	margin-top:1px;
}
.pole {
	margin-bottom: 40px;
}

#spc {
display:none;
}
a.button, .tlacitko_odeslat {
	display: block;
	position: relative;
	text-align: center;
	font-size: 21px;
	color: white;
	margin: 0 auto;
	width:250px;
	margin-top: 20px;
	padding: 10px 20px;
	border: 2px solid #fd7e14;
	background: #fd7e14;
	border-radius: 80px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.button:hover, .tlacitko_odeslat:hover {
	color: white;
	background:#c75d05;
	text-decoration:none;
	border: 2px solid #c75d05;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor:pointer;
}
.formular h1 {
	font-size: 30px;
	letter-spacing: -1.0px;
	font-weight: 300;
}
.formular h2 {
	font-size: 20px;
	color: #333;
	letter-spacing: -1.0px;
	font-weight: 300;
}
.formular i {
	font-size: 1.5em;
	margin-left: 0.5rem;
	margin-right: 0.9rem;
	color: #5F7B07;
	
}
.formular, .formular input, .formular textarea{
	font-size: 14px;
	color: #333;
}
.formular input{
	padding: 10px 15px;
}
.formular label {
	position: relative;
}

.gdpr {
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: left!important;
}
.container_gdpr {
	display: block;
	position: relative;
	font-size: 14px;

	margin-left: 2rem!important;
	margin-bottom: 0rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight:normal;
}

/* Hide the browser's default checkbox */
.gdpr .container_gdpr input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	margin-right: 1rem;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 6px;
	left: -30px;
	height: 18px;
	width: 18px;
	padding-left: 0;
	background-color: white;
	border: 1px solid #686868;
	border-radius: 3px;
}
.checkmark_grey{
	position: absolute;
	top: 6px;
	left: -30px;
	height: 18px;
	width: 18px;
	padding-left: 0;
	background-color: white;
	border: 1px solid #c4ced5;
	border-radius: 3px;
}
/* On mouse-over, add a grey background color */
.container_gdpr:hover input ~ .checkmark {
	background-color: white;
	border-radius: 3px;
}

/* When the checkbox is checked, add a blue background */
.container_gdpr input:checked ~ .checkmark {
	background-color: white;
}
.container_gdpr a {
	color: #333;
	text-decoration: underline;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	font-family: 'Font Awesome 6 Free';
	font: var(--fa-font-solid);
	content: '\f00c';
	color:#333;
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container_gdpr input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container_gdpr .checkmark:after {
	left: 2.5px;
	top: 2px;
	width: 5px;
	height: 10px;
}
.social- {
	display:block;
	width: 100%;
	text-align:left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.jssocials-share-link { border-radius: 50%; }

.grey, .grey .checkmark, .grey input {
  color: #919ea6;

}
/* SRANKOVANI */
.strankovani {
	display:block;
	text-align:center;
	margin:10px;
	padding:0;
}
.strankovani li {
	display: inline-block;
	color: #A6985B;
}
li.page-item {
	border:1px solid #A6985B;
	border-radius: 80px;
	width: 40px;
	height: 40px;
	margin: 3px;
	padding: 4px 0 5px 0;
	vertical-align:middle;
	text-align:center;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
li.page-item:hover {
	background:#776a34;
	color:#FFF;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.strankovani .active {
	background:#A6985B;
	color:#FFF !important;
}
li.PrevPage, li.NextPage {
	color:#A6985B;
}
.PrevPage {
	margin-right: 10px;
}
.PrevPage:hover, .NextPage:hover {
	color:#A6985B;
}

.NextPage {
	margin-left:10px;
}