@charset "UTF-8";

@font-face {
  font-family: 'PTSans-Regular';
  src: url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/PTSans-Regular.woff') format('woff'), url('../fonts/PTSans-Regular.ttf')  format('truetype'), url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSans-Bold';
  src: url('../fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/PTSans-Bold.woff') format('woff'), url('../fonts/PTSans-Bold.ttf')  format('truetype'), url('../fonts/PTSans-Bold.svg#PTSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'merriweatherbold';
    src: url('../fonts/merriweather-bold-webfont.eot');
    src: url('../fonts/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather-bold-webfont.woff2') format('woff2'),
         url('../fonts/merriweather-bold-webfont.woff') format('woff'),
         url('../fonts/merriweather-bold-webfont.ttf') format('truetype'),
         url('../fonts/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'merriweatheritalic';
    src: url('../fonts/merriweather-italic-webfont.eot');
    src: url('../fonts/merriweather-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather-italic-webfont.woff2') format('woff2'),
         url('../fonts/merriweather-italic-webfont.woff') format('woff'),
         url('../fonts/merriweather-italic-webfont.ttf') format('truetype'),
         url('../fonts/merriweather-italic-webfont.svg#merriweatheritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'merriweatherlight_italic';
    src: url('../fonts/merriweather-lightit-webfont.eot');
    src: url('../fonts/merriweather-lightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweather-lightit-webfont.woff2') format('woff2'),
         url('../fonts/merriweather-lightit-webfont.woff') format('woff'),
         url('../fonts/merriweather-lightit-webfont.ttf') format('truetype'),
         url('../fonts/merriweather-lightit-webfont.svg#merriweatherlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family:'PTSans-Regular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.list_imp03 { font-family:'PTSans-Bold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.box_imp01 h3, .footer h2 { font-family:'merriweatheritalic',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box, .rslider_content h1 { font-family:'merriweatherlight_italic',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box small, .rslider_content h1 small { font-family:'merriweatherbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:100%;
	scroll-behavior: smooth;
}
body {
	font-size:95%;
	color:#231F20;
	line-height:1.7em;
	-webkit-font-smoothing:antialiased;
	background-color:#FFF;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#231F20;
}
a:hover {
	color:#E86A25;
	text-decoration:none;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Base-styles ............................. */

.content {
	position:relative;
	overflow:hidden;
}
.box_margin {
	margin-bottom:30px;
}
.box_margin2 {
	margin-bottom:15px;
}
.box_margin3 {
	margin-bottom:60px;
}
.box_padding {
	padding-left:120px;
	padding-right:120px;
}

.title_box {
	position:relative;
	color:#231F20;
}
.title_box_wht {
	color:#FFF;
}
.title_box > * {
	position:relative;
	line-height:1.2em;
}
.title_box h2 {
	font-size:270%;
}

/* Header ............................................................... */

.header {
	position:relative;
	padding-top:8px;
	padding-bottom:8px;
	z-index:1000;
}
.header_content {
	position:relative;
	padding-right:170px;
}

.navigation {
	position:relative;
	padding-top:42px;
}
.navigation .navbar-collapse {
	padding-left:0;
}
.navigation .navbar-collapse > ul > li { 
	display:inline-block;
}
.navigation .navbar-collapse > ul > li > a {
	position:relative;
	display:inline-block;
	font-size:120%;
	color:#231F20;
	line-height:40px;
	margin-left:10px;
}
.navigation .navbar-collapse > ul > li:first-child > a {
	margin-left:0 !important;
}
.navigation .navbar-collapse > ul > li > a:after {
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	width:100%;
	height:3px;
	background-color:#E86A25;
	opacity:0;
}
.navigation .navbar-collapse > ul > li > a:hover:after {
	bottom:-3px;
	opacity:1;
}
.navigation .navbar-collapse > ul > li.active > a:after {
	bottom:-3px;
	opacity:1;
}

.navigation .dropdown-menu {
	text-align:left !important;
	background-color:#231F20;
	margin-top:0;
	padding:0 !important;
	border:0 solid #FFF;
	border-radius:0;
}
.navigation .dropdown-menu:before {
	position:absolute;
	top:-7px;
	right:10px;
	content:"";
	width:0;
	height:0;
	display:block;
	border-style:solid;
	border-width:0 7.5px 10px 7.5px;
	border-color:transparent transparent #231F20 transparent;
}
.navigation .dropdown-menu li {
	width:100%;
}
.navigation .dropdown-menu a {
	position:relative;
	font-size:105%;
	color:#FFF;
	text-transform:none !important;
	height:auto;
	margin:0 !important;
	padding:8px 15px 6px 15px !important;
	border-bottom:1px solid #3F3B3C !important;
}
.navigation .dropdown-menu li:last-child a {
	border-bottom:0 solid #FFF !important;	
}
.navigation .dropdown-menu a:hover,
.navigation .dropdown-menu a:focus {
	color:#FFF !important;
	background:#E86A25;
}
.navigation .dropdown-menu li.active a {
	color:#FFF !important;
	background-color:#E86A25;
}

.header_lang {
	position:absolute;
	top:42px;
	right:0;
	display:inline-block;
}
.header_lang li {
	display:inline-block;
}
.header_lang a {
	position:relative;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	color:#231F20;
	text-align:center;
}
.header_lang a:hover {
	color:#E86A25;
}
.header_lang a:after {
	position:absolute;
	top:-10px;
	right:0;
	width:1px;
	height:60px;
	content:"";
	background:#E86A25;
}
.header_lang li:last-child a:after {
	display:none;
}

/* Rslider ............................................................... */

.rslider_wrapper {
	position:relative;
	height:650px;
	background-color:#000;
}
.rslider_wrapper_in {
	height:250px;
}
.rslides, .rslides_li, .rslider_img {
	height:100%;
}
.rslider_img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
/*.rslider_img:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	background:rgba(35,31,32,0.15);
}*/
.rslider_wrapper_in .rslider_img:before {
	display:none;
}

.rslider_content {
	position:absolute;
	bottom:0px;
	left:0;
	width: 40%;
	height: 100%;
	/*background:url("../images/slider-back.png") left top no-repeat;
	background-size:cover;
    background: rgba(0,0,0,.5);*/
	color:#231F20;
}
.rslider_content .obsahslidera  {
    bottom: 30%;
    position: inherit;	
}
.rslider_content h1 {
	font-size:450%;
	line-height:110%;
	letter-spacing:-2px;
}
.rslider_content p {
	font-size:150%;
}

.rslides_tabs {
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	text-align: center;
}
.rslides_tabs li {
	display:inline-block;
}
.rslides_tabs li a {
	border-radius: 50%;
}
.rslides_tabs a {
	position:relative;
	display:inline-block;
	width:12px;
	height:12px;
	background-color:#FFF;
	margin-left:10px;
	margin-right:10px;
	opacity:0.5;
	z-index:100;
	text-indent: -9999px;
}
.rslides_tabs a:hover, .rslides_here a {
	opacity:1;
}

.odkaz-slider a:link, .odkaz-slider a:visited {
    display: inline-block;
    padding: 15px 25px;
    background: #e76a25;
    color: #fff;
    margin-top: 30px;	
}
.odkaz-slider a:hover {
    background: #90502d;
    color: #fff;
}

/* Container_x1 ............................................................... */

.container_x1 {
	position:relative;
}
.container_x1_in {
	padding-top:80px;
	padding-bottom:40px;
}
.container_x1_left {
	padding-right:70px;
}
.container_x1_right {
	padding-left:70px;
}
.container_bg:before, .container_bg:after {
	position:absolute;
	font-family:'merriweatherbold';
	font-size:190px;
	line-height:1em;
	color:#F6F6F6;
	z-index:-1;
}
.container_bg01:before {
	top:-15px;
	right:0;	
	content:"GRAND";
}
.container_bg02:after {
	bottom:-30px;
	left:0;	
	content:"STONE";
}

.c_x_bg {
	position:absolute;
	top:0;
	width:32%;
	height:100%;
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.c_x_bg_left {
	left:0;
}
.c_x_bg_right {
	right:0;
}

.box_imp01 {
	position:relative;
}
.box_imp01 a {
	display:block;
	color:#231F20;
}
.box_imp01 h3 {
	font-size:170%;
	line-height:1.3em;
	margin-top:15px;
}
.box_imp01 a .box_imp01_img {
	position:relative;
	display:inline-block;
}
.box_imp01 a:hover .box_imp01_img img {
	-ms-transform:scale(1.05); 
	-webkit-transform:scale(1.05);
	transform:scale(1.05);	
	-webkit-filter:grayscale(100%); 
	filter:grayscale(100%);
}

/* Container_x2 ............................................................... */

.container_x2 {
	position:relative;
	background:#231F20 url("../images/bg_container_x2.jpg") center 50% no-repeat;
	background-size:cover;
	padding-top:60px;
	padding-bottom:40px;
}

.list_imp03 a {
	display:block;
	color:#FFF;
}
.li03_01 {
	font-size:350%;
}
.list_imp03 a:hover .li03_01 {
	color:#E86A25;
}
.li03_02 {
	position:relative;
	font-size:90%;
	letter-spacing:3px;
	margin-top:50px;
	padding-top:30px;
}
.li03_02:before {
	position:absolute;
	top:0;
	left:50%;
	width:130px;
	height:2px;
	content:"";
	background:#E86A25;
	margin-left:-65px;
}

/* Container_x3, Container_x4 ............................................................... */

.container_x3 {
	position:relative;
}
.container_x3:before {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	content:"";
	display:block;
	background:url("../images/bg_container_x3.jpg") top right no-repeat;
	background-size:contain;
	z-index:-1;
}
.c_x3_content {
	padding-top:40px;
	padding-bottom:40px;
}
.container_x4 {
	position:relative;
	padding-top:40px;
	padding-bottom:190px;
}

.box_imp03 {
	position:relative;
	background-color:#FFF;
	margin-right:85px;
	padding:30px 15px 0 0;
}
.box_imp03 a {
	position:relative;
	display:block;
	background-color:#000;
	margin-bottom:30px;
	overflow:hidden;
}
.box_imp03 a:hover img {
	-ms-transform: scale(1.05); 
	-webkit-transform: scale(1.05);
	transform: scale(1.05);	
	opacity:0.7;
}

.gallery a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}
.gallery a:before {
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	content:"";
	background:rgba(35,31,32,0.3);
	opacity:0;
}
.gallery a:hover:before {
	left:0;
	opacity:1;
}
#grid-gallery img {
	padding-bottom: 30px;
}
.gal_box01 {
	height:386px;
}
.gal_box02 {
	height:182px;
}
.gal_box_margin {
	margin-bottom:22px;
}

/* Footer ............................................................... */

.footer {
	position:relative;
	font-size:90%;
	background-color:#F5F5F5;
	padding-top:30px;
	padding-bottom:30px;
}
.footer h2 {
	font-size:150%;
	color:#000;
	line-height:1.2em;
}
.footer_nav {
	position:relative;
	margin-top:30px;
	padding-top:15px;
}
.footer_nav:before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:190px;
	height:2px;
	background-color:#E86A25;
}
.footer_nav li {
	display:inline-block;
}

/* Map ............................. */

#canvas1 {
	position:relative;
	width:100%;
	height:300px;
}
#map {
	width:100%;
	height:100%;
}
.scrolloff {
	pointer-events:none;
}

.olMap {
	position:relative;
	width:100%;
	height:300px;
}

.table td p {
	margin:0px !important;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #e86a25; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* Effects ............................. */

a, .navigation .navbar-collapse > ul > li > a:after, .box_imp01 a .box_imp01_img img, .list_imp03 a .li03_01, .box_imp03 a img, .gallery a:before {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

/* POSTUP ............................. */
.postup {
	overflow: hidden;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}
.postup-item { 
	display: inline-block;
	width: 16%;
    text-align: center;
	z-index:1;
}
.postup-item .cislo {
	width: 40px;
    height: 40px;
    margin: auto;
    line-height: 40px;
    background: #e66925;
    border-radius: 20px;
    color: #fff;
	display: block;
}
.postup:before {
	position: absolute;
    top: 20px;
	width: 84%;
    left: 8%;
    height: 1px;
    content: "";
    background: #000;
}


/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1600px) {
	.box_padding { padding-left:80px; padding-right:80px; }

}

@media screen and (max-width: 1366px) {
	.box_margin { margin-bottom:15px; }
	.box_margin3 { margin-bottom:30px; }
	.box_padding { padding-left:50px; padding-right:50px; }
	.title_box h2 { font-size:220%; }
	.header {	padding-top:5px; padding-bottom:5px; }
	.header_content {	padding-right:140px; }
	.main_logo img { max-width:300px; }
	.navigation {	padding-top:25px; }
	.navigation .navbar-collapse > ul > li > a {	font-size:110%;	line-height:34px; margin-left:10px; }
	.header_lang {	top:25px; }
	.header_lang a { width:34px; height:34px; line-height:34px; }
	.header_lang a:after {	top:-5px;	height:44px; }
	.rslider_wrapper {	height:600px; }
	.rslider_wrapper_in { height:200px; }
	.rslider_content h1 {	font-size:400%;	}
	.rslider_content p { font-size:130%; }
	.rslides_tabs {	bottom:15px; }
	.rslides_tabs a {	width:10px;	height:10px;	margin-left:5px; margin-right:5px; }
	.container_x1_in { padding-top:40px; padding-bottom:15px;	}
	.container_x1_left { padding-right:50px; }
	.container_x1_right { padding-left:50px; }
	.container_bg:before, .container_bg:after { font-size:120px;	}
	.c_x_bg { width:27%; }
	.box_imp01 h3 { font-size:140%;	margin-top:10px; }
	.box_imp01 a .box_imp01_img img { width:70px; }
	.container_x2 {	padding-top:30px; padding-bottom:15px; }
	.li03_01 { font-size:250%;	}
	.li03_02 {	margin-top:30px; padding-top:15px;	}
	.li03_02:before {	width:100px;	margin-left:-50px; }
	.c_x3_content { padding-top:15px; padding-bottom:15px; }
	.container_x4 {	padding-top:30px;	padding-bottom:100px; }

}
  
@media screen and (max-width: 1200px) {
	.box_padding { padding-left:30px; padding-right:30px; }
	.title_box h2 { font-size:180%; }
	.header_content {	padding-right:120px; }
	.main_logo img { max-width:220px; }
	.navigation {	padding-top:15px; }
	.navigation .navbar-collapse > ul > li > a {	font-size:105%;	line-height:30px; margin-left:5px; }
	.header_lang {	top:15px; }
	.header_lang a { width:30px; height:30px; line-height:30px; }
	.header_lang a:after {	top:-2px;	height:34px; }
	.rslider_wrapper {	height:450px; }
	.rslider_wrapper_in { height:170px; }
	.rslider_content h1 {	font-size:350%;	}
	.rslider_content p { font-size:115%; }
	.rslides_tabs {	bottom:0px; }
	.rslides_tabs a {	margin-left:2px; margin-right:2px; }
	.container_x1_in { padding-top:15px; padding-bottom:15px;	}
	.container_x1_left { padding-right:30px; }
	.container_x1_right { padding-left:30px; }
	.gal_box01 { height:254px; }
	.gal_box02 { height:120px; }
	.gal_box_margin { margin-bottom:14px; }
	.footer { padding-top:15px; padding-bottom:15px; }
	.footer h2 { font-size:130%; }
	#canvas1 {	height:250px; }

}

@media screen and (max-width: 991px) {
	.box_margin3 { margin-bottom:15px; }
	.box_padding { padding-left:15px; padding-right:15px; }
	.header { padding-top:0; padding-bottom:0; }
	.main_logo img { position:absolute; top:5px; left:10px;	width:150px; z-index:100; } 
	.header_content {	padding-right:15px; }
	.navigation { padding-top:0; }
	.navigation .navbar-collapse {	padding-left:0; padding-right:30px; }
	.navigation .navbar-collapse > ul { width:100%; text-align:center; margin-top:15px; margin-bottom:15px; }
	.navigation .navbar-collapse > ul > li { width:100%; margin-left:0; margin-bottom:5px; }
	.navigation .navbar-collapse > ul > li > a { display:inline-block; line-height:30px; margin:0 !important; }
	.navigation .navbar-collapse > ul > li > a:after {	height:1px; }
	.navigation .dropdown-menu { position:static; float:none; width:auto; text-align:center !important; line-height:11px; margin-top:10px; border:0; box-shadow:none; }
	.navigation .dropdown-menu:before { display:none; }
	.navigation .dropdown-menu li { margin-bottom:0; }
	.navigation .dropdown-menu a { display:block; white-space:normal; z-index:1000; }
	.navigation .navbar-header { float: none; }
	.navigation .navbar-toggle { position:relative; display: block; z-index:300; }
	.navigation .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0); }
	.navigation .navbar-collapse.collapse:not(.in) { display: none!important; }
	.navigation .navbar-default { background-color:transparent !important; }
	.navigation .navbar-default .navbar-toggle { border-color:#000; margin-right:0; }
	.navigation .navbar-default .navbar-toggle:hover,
	.navigation .navbar-default .navbar-toggle:focus { background-color:#000; }
	.navigation .navbar-default .navbar-toggle .icon-bar { background-color:#E86A25; }
	.navigation .navbar-default .navbar-collapse,
	.navigation .navbar-default .navbar-form { border-color:#000; }
	.header_lang { top:13px; right:65px; }
	.header_lang a { width:26px; height:26px; line-height:24px; }
	.header_lang a:after {	top:0;	height:26px; }
	.container_x1_left { padding-right:15px; }
	.container_x1_right { padding-left:15px; }
	.container_bg:before, .container_bg:after { font-size:90px;	}
	.c_x_bg { width:22%; }
	.box_imp01 h3 { font-size:125%;	margin-top:5px; }
	.box_imp01 a .box_imp01_img img { width:50px; }
	.container_x3:before { display:none; }
	.box_imp03 { margin-right:-15px; padding:0; }
	.container_x4 {	padding-top:15px;	padding-bottom:70px; }
	.rslider_content h1 {font-size: 300%;}
		
}

@media screen and (min-width: 991px) {
	.navigation .dropdown .dropdown-menu { display:block; visibility:hidden; opacity:0; -moz-transition:all 0.3s  ease; -o-transition:all 0.3s  ease; -ms-transition:all 0.3s  ease; transition:all 0.3s  ease; }
	.navigation .dropdown:hover .dropdown-menu { visibility:visible; opacity:1; }
	.navigation .dropdown { display:inline-block; }

}
 
@media screen and (max-width: 767px) {
	.navigation .navbar-collapse {	padding-right:0; }
	.rslider_wrapper {	height:300px; }
	.rslider_wrapper_in { height:150px !important; }
	.rslider_content { width: 100%; text-align:center;}
	.rslider_content .obsahslidera { bottom: 50px; position: inherit; width: 100%; margin-left: -15px;}
	.rslider_content h1 {	font-size:300%;	}
	.rslider_content p { font-size:105%; }
	.c_x_bg {	position:relative; left:0;	width:100%; height:200px; }
	.container_x2 {	padding-top:15px; }
	.li03_01 { font-size:200%;	}
	.li03_02 {		font-size:85%; letter-spacing:0; margin-top:15px; padding-top:10px;	}
	.gal_box01 { height:190px; }
	.gal_box02 { height:90px; }
	.gal_box_margin { margin-bottom:10px; }
	.footer_box { margin-bottom:15px; }
	.rslider_content {color:#fff;}
	.rslider_img:before {position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:rgba(35,31,32,0.15);}

}

@media screen and (max-width: 550px) {
	.rslider_img:before {	background:rgba(35,31,32,0.35); }
	.rslider_content h1 {	font-size:220%;	}
	#canvas1 {	height:200px; }
	.postup {display: block;}
	.postup-item {width: 100%; margin-bottom: 15px;}
	.postup:before {display:none;}
 
}

@media screen and (max-width: 375px) {
	.gallery_in { width:100%; }
	.gal_box01, .gal_box02 { height:110px; margin-bottom:10px !important; }
 
}

@media screen and (max-width: 360px) {
	.title_box h2 { font-size:140%; }
	.main_logo img { top:8px; width:120px; }
	.container_bg:before, .container_bg:after { font-size:70px;	}
	.box_imp01_in, .list_imp03_in { width:100%; }
	.box_imp03 { margin-left:-7px; margin-right:-7px; }
	.box_imp03 > div { padding-left:7px; padding-right:7px; }
	.box_imp03 a {	margin-bottom:14px; }
	.container_x4 {	padding-top:0;	padding-bottom:40px; }
	.footer_nav {	margin-top:10px;	padding-top:10px; }

}