/* *{margin: 0 auto; padding: 0px}*/


body {
  margin: 0;
  padding: 0;
  font-family:  Helvetica, Trebuchet MS, Arial;
}

h1 {
  font-size: 35px;
  font-weight: bold;
  color: #42B3F1;
  margin-top: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
}

h2 {
  font-size: 25px;
  font-weight: bold;
  color: #EC4E8C;
  padding-bottom: 10px;
}

h3 {
  font-size: 18px;
  font-weight: bold;
  color: #635947;
/*  padding-left: 14px;*/
  padding-bottom: 10px;
  margin-left: 0px;
  margin-top: 15px;
}

a {
  color: #42B3F1;
  text-decoration: underline;
}

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

ul {
 padding-left: 50px;
}

li {
line-height: 150%;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVQYlWPYEiz8nxjMMKqQvgoB5eXRxegy4EQAAAAASUVORK5CYII=");
}


p {
  padding-top: 10px;
  padding-bottom: 15px;
}


p.errors, ul.errors {
  font-size: 10px;
  clear: both;
	color: #8B0000!important;
	margin-top: 5px;
/*	border: 1px solid #8B0000;
	background: #ffec7b;
	padding: 5px;       */
	width: 208px;
	margin-left: 0px!important;
	padding-left: 0px!important;
}

ul.errors {
	list-style-position: inside;
}


#hlavni {
    margin: 0 auto;
    min-width: 1200px;
    position: absolute;
    top: 0;
    width: 100%;
}


.paytype {
    width: 100%;
    padding: 15px;
    border: 2px dashed #CA6B13;
    margin-top: 25px;
    margin-bottom: 15px;
}

.paytype .btn {
    height: 50px;
    width: 240px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;

    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
        padding-right: 12px;
        padding-left: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 0px!important;
    text-transform: uppercase;
    transition: background-color .6s;
}


#info-line {
  width: 100%;
  height: 30px;
  padding-top: 10px;
  background-color: #8a4a20;
  color: #fff;
  font-size:14px;
  border-bottom: 3px solid rgb(233,233,233);
  border-top: 4px solid #AF6737;
}

#info-line span {
  padding-right: 15px;
}

#jazyk {
  float: right;
}

.sirka {
  width: 1200px;
  margin: 0 auto;
}

#logo {
  float: left;
}

#menu-line {
  height: 95px;

}

.topmenu {
  margin-left: 20px;
  width: 960px;
  padding-top: 30px;
  float: left;
}

.menupol {
  font-weight: bold;
  float: left;
  padding: 5px 15px 5px 15px;
  border : 2px solid #fff;
}
.menupol:hover {
  border : 2px solid #8A4A20;
  border-radius: 5px;
 }

.menupol a:hover {
  color: #8A4A20;
 }

#menu-tlacitka {
  margin-top: 5px;
  float: right;
  font-size: 13px;
  font-weight: bold;
}

#menu-tlacitka .button {
  color: #fff;
  margin-top: 5px;
  padding-top: 5px;
  background-color: #8a4a20;
  height: 30px;
  width: 200px;
}

#menu-tlacitka a {
  text-decoration: none;
}

#menu-tlacitka .button:hover {
  background-color: #AF6737;
}

#menu-tlacitka .button2 {
  color: #fff;
  margin-top: 5px;
  padding-top: 5px;
  background-color: #75b41a;
  height: 30px;
  width: 200px;
}

#menu-tlacitka .button2:hover {
  background-color: #92ED84;
}

#menu-tlacitka img{
  margin: 0 5px 0 5px;

}

.header1 {
 background: rgb(255,255,255) url(../images/pohoda1.jpg) center top no-repeat;
 /*background: rgb(255,255,255) url(/public/images/pohoda-zima.jpg) center top no-repeat;*/
 height: 500px;
 border-top: 2px solid #7A9DB1;
}

.header2 {
 background: rgb(255,255,255) url(../images/pohoda2.jpg) center top no-repeat;
/* background: rgb(255,255,255) url(/public/images/pohoda2-zima.jpg) center top no-repeat;*/
 height: 340px;
 border-top: 2px solid #7A9DB1;
}


#header-forms {
    float: right;
    margin: 0 auto;
    width: 360px;
}

#find-reservation {
  margin-top: 15px;
  width: 360px;
  height: 310px;
  float: right;
  background-color: rgba(0,0,0,0.60);

}

#find-reservation .nadpis {
  color: #fff;
  text-align: left;
  font-size: 26px;
  font-weight: bold;
  padding: 15px;
  height: 35px;
  background-color: rgba(138, 74, 32, 0.85)

}

#find-reservation input {
  margin-bottom: 10px;
}

#find-reservation p {
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 auto;
  padding: 0px
}

#form-rezervace {
  color: #fff;
  padding: 25px;
}

#form-rezervace input[type="text"] {
    background: rgba(0, 0, 0, 0) url("../images/input2.png") repeat scroll 0 0;
    font-size: large;
    border: 0 none;
    color: #000;
    height: 33px;
    padding: 0 5px;
    width: 290px;
}


#find-tlc {
 margin-top: 10px;
 text-align: center;
 font-size: 22px;
 width: 270px;
 height: 25px;
 border: 3px solid #fff;
 border-radius: 5px;
 padding: 15px;
 cursor:  pointer;

}

#menu2-line {
  height: 191px;
  background: rgb(255,255,255) url(../images/pozadimenu.jpg)  center top repeat;
}

#menu2-line2 {
  height: 60px;
  background: white;
}


#menu2 {
  margin: 0 auto;
  width: 1200px;

}

#menu2 a {
  text-decoration: none;
    color: white;
}

#layout {
  background-color: rgb(255,255,255);
 /* padding: 20px;
  margin-top: 10px;*/
}

#content{
  padding: 20px;
  margin-top: 10px;
}

#reference {
  padding: 20px;
  margin-top: 10px;
}

#articles {
  padding: 20px;
  margin-top: 10px;
}

#slideshow2 {
  clear: both;
  height: 260px;
}
#slideshow p{
  padding-top: 0px;
  padding-bottom: 0px;
}

#slideshow3 {
  clear: both;
  height: 399px;
  background: rgb(255,255,255) url(../images/slideshow3.jpg)  center top repeat;
}

#slideshow3 p {
margin-top: 0px;
margin-bottom: 30px;
padding-bottom: 0px;
padding-top: 20px;
font-size: 40px;
}

#reference {
 padding: 0px;

}

#reference .text {
  font-size: 22px;
  font-style: italic;
  color: #888888;
  margin: 0 auto;
  padding: 20px;
  width: 779px;
  height: 134px;
  overflow-y: auto;
}

#reference .jmeno {
  text-align: center;
  padding-top: 50px;
  margin: 0 auto;
  font-weight: bold;
}

#reference .type {
  text-align: center;
  padding-top: 10px;
  margin: 0 auto;
  font-weight: normal;
  color: #8A4A20;
}

#oceneni {
  padding-top: 30px;
  height: 300px;
}
#oceneni p {
  font-size: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0 auto;
  padding: 0px
}

#mapa {
  height: 300px;
}

#links {
  clear: both;
  height: 80px;
  padding-top: 20px;
}


#facebook {
  background-image: url(../images/facebook-off.png);
  height: 62px;
  width: 152px;
  float: left;
  margin-left: 20px;
}
#facebook:hover {
  background-image: url(../images/facebook-on.png)
}

#tripadvisor {
  background-image: url(../images/tripadvisor-off.png);
  height: 62px;
  width: 224px;
  float: left;
  margin-left: 110px;
}
#tripadvisor:hover {
  background-image: url(../images/tripadvisor-on.png)
}

#holidaycheck {
  background-image: url(../images/holidaycheck-off.png);
  height: 62px;
  width: 210px;
  float: left;
  margin-left: 110px;
}
#holidaycheck:hover {
  background-image: url(../images/holidaycheck-on.png)
}

#booking {
  background-image: url(../images/booking-off.png);
  height: 62px;
  width: 221px;
  float: left;
  margin-left: 100px;
}
#booking:hover {
  background-image: url(../images/booking-on.png)
}


#footer {
  clear: both;
  width: 100%;
  margin: auto 0;
  padding-top: 10px;
  color: #fff;
  height: 265px;
  background: #8a4a20 url(../images/footer.jpg)  center top no-repeat;
}

#footer p {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0 auto;
  padding: 0px
}

.footer_nadpis {
 color: white;
 font-size: 24px;
 font-weight: bold;
 padding: 30px 0 20px 0;
}

#footer table td {
  vertical-align: top;
  margin-left: 20px;
}

#footer_menu{
  margin-top: 60px;
}

.footer_input{
 float: left;
 padding-left: 10px;
 height: 45px;
 font-size: 16px;
}

#footer .button1{
  cursor: pointer;
  padding-top: 15px;
  float: left;
  height: 32px;
  width: 120px;
  background-color: #8cd127;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-left: 15px;
}

.bottommenu {
 padding-top: 50px;

}

.bottommenu .polozky{
    border-right: 1px solid #fff;
    float: left;
    padding: 0px 15px;

}
.bottommenu .polozky:last-child{
    border-right: 1px none #fff;
}
.bottommenu .polozky a{
     color: #fff;
     font-weight: normal;
     text-decoration: none;
}

.bottommenu .polozky a:hover{
     color: #d3d3d3;
     font-weight: normal;
}

#copy{
  width: 100%;
  height: 30px;
  padding-top: 10px;
  background-color: #333333;
}

#copy p {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0 auto; padding: 0px
}


#copyright {
  width:1200px;
	color: #fff;
  margin: 0 auto;
	color: #fff;
	padding-top:0px;
	font-size:13px;
}

#copyright a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#copyright a:hover {
	/*color: #D1188D;*/
	font-weight: bold;
	text-decoration: underline;
}

#copyright p.copy_left {
        float:left;
}

#copyright p.copy_right {
        float:right;
}

.top-section {
  text-transform: uppercase;
  /*font-variant: small-caps;*/
  font-weight: bold;
}



/* Menu TABS */

main {
  min-width: 320px;
  max-width: 1200px;
  padding: 0px;
  margin: 0 auto;
 // background: #fff;
}

section {
  color: #fff;
  display: none;
  padding: 20px;
  border-top: 1px solid #ddd;
}

section a {
  color: #fff;
}

section a:hover {
  color: #D3D3D3;
}


#menu2-line input {
  display: none;
}

#menu2-line2 input {
  display: none;
}


#menu2 label {
  width: 240px;
  display: inline-block;
  margin: 0 0 -1px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 24px;
  text-align: center;
  color: #fff;
  border: 0;

}

#menu2 label[for="tab0"], #content0 { background-color: #42B3F1;}
#menu2 label[for="tab1"], #content1 { background-color: #EC4E8C;}
#menu2 label[for="tab2"], #content2 { background-color: #F9DF4C;}
#menu2 label[for="tab3"], #content3 { background-color: #E04C2C;}
#menu2 label[for="tab4"], #content4 { background-color: #62CD58;}

#menu2 label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}


#menu2 label:hover {
  color: #D3D3D3;
  cursor: pointer;
}


#tab0:checked ~ #content0,
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  #menu2 label {
    font-size: 0;
  }

  #menu2 label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  #menu2 label {
    padding: 15px;
  }
}




/*  M E N U  */

.menu-link { display: none;}
.menu {
  float: left;
  margin-left: 20px;
  width: 960px;
  padding-top: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu ul {
  height: 26px;
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a {
   display: block;
   text-decoration: none;
   color: #000;
   font-size: 17px;
   padding: 5px 15px 5px 25px;
   border : 2px solid #fff;
   }
.menu ul li > a { height:28px; padding: 19px 7px; }
.menu ul ul {
  display: none;
  position: absolute;
  top:100%;
  min-width: 190px;
  background-image: url(../images/bg_submenu.png);
  padding-top: 7px;
}
.menu ul li {list-style: none url();}
.menu ul li:hover > ul { display: block; }
.menu ul li a:hover { color: #333333; text-decoration: underline }
.menu ul ul > li { position: relative;}
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #fff; font-size: 14px;}
.menu ul ul > li a:hover { background-color: #8A4A20; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; background-image:none;}

@media all and (max-width: 768px) {
  .example-header .container { width: 100%; }

  a.menu-link { display: block; color: #fff; background-color: #333; float: right; text-decoration: none; padding: 19px 10px;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; height:58px; padding: 19px 18px 19px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}


.topmenu {
  margin-left: 20px;
  width: 760px;
  padding-top: 30px;
  float: left;
}

.menupol {
  font-weight: bold;
  float: left;
  padding: 5px 15px 5px 15px;
  border : 2px solid #fff;
}
.menupol:hover {
  border : 2px solid #8A4A20;
  border-radius: 5px;
 }

.menupol a:hover {
  color: #8A4A20;
 }


 /* text slideshow */
#textSlideshow {
  background-color: rgba(138, 74, 32, 0.9);
  width: 360px;
  height: 150px;
  margin-top: 10px;
  float: right;
	position:relative;

}

#slideshow #slidesContainer {
  margin:0 auto;
  width:360px;
  height:130px;
  overflow:auto; /* allow scrollbar */
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:300px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:150px;
}

/**
 * Slideshow controls style rules.
 */

.control {
  display:block;
  width:39px;
  height:130px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.png) no-repeat 0 0;
}

.slide h2 {
  color:#fff;
  margin: 10px 5px 0px;
  font-size: 18px;
  color:#fff;
  letter-spacing:-1px;
  padding-bottom: 0;
  padding-left: 40px;

}

.slide p {
  color:#fff;
  margin: 5px 5px 5px 5px;
  padding-left: 40px;
}
.slide .datum {
  color:#444444;
  margin: 0px 5px 5px 5px;
}


#makeMeScrollable
{
			width:100%;
			height: 260px;
			position: relative;
}

#makeMeScrollable div.scrollableArea img
{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;

}
/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

.slide a {
  color:#fff;
  text-decoration: underline;
}

.slide a:hover {
  color:#d3d3d3;
}

.menu-button {
  border: 0 ;
  width: 240px;
  height: 190px; /*230px*/
  float: left;

}


/* ------ Image Menu ----------*/

#button_0 { background-image: url(../images/button_0.png); }
#button_1 { background-image: url(../images/button_1.png); }
#button_2 { background-image: url(../images/button_2.png); }
#button_3 { background-image: url(../images/button_3.png); }
#button_4 { background-image: url(../images/button_4.png); }

a:hover #button_0 { background-image: url(../images/button_0_mono.png); }
a:hover #button_1 { background-image: url(../images/button_1_mono.png); }
a:hover #button_2 { background-image: url(../images/button_2_mono.png); }
a:hover #button_3 { background-image: url(../images/button_3_mono.png); }
a:hover #button_4 { background-image: url(../images/button_4_mono.png); }

#menu-label_0 { color: #b55314 }
#menu-label_1 { color: #d1a601 }
#menu-label_2 { color: #19a7b3 }
#menu-label_3 { color: #75b41b }
#menu-label_4 { color: #9f3632 }

.menu-label {
  margin: 120px 10px 0 10px; /*140px 10px 0 10px;*/
  padding: 7px;
  font-size: 24px;
  color: #8A4A20;
  background-color: #fff;
  display: inline-block;

}


article {display: flex; background-color: rgb(226,226,226); margin-bottom: 15px;  min-height: 120px;}
article .img {max-height: 120px; width: 20%; overflow: hidden;  padding: 0; float: left; min-height: 1px;}
article .img img { max-width: 110%; vertical-align: middle; border: 0 none; box-sizing: border-box;}

article .reference { width: 30%; overflow: hidden;  padding: 10px; float: left; min-height: 100px;}

article .info-reference {box-sizing: border-box; width: 70%; float: left; box-sizing: border-box; position: relative;  padding: 10px;}
article .info {box-sizing: border-box; width: 79%; float: left; box-sizing: border-box; position: relative; }
article .info .date { color: #8a4a20; font-family: Arial; font-size: 14px; font-weight: 400; margin-bottom: 2px; margin-top: 12px;}

article .info a {color: #75b41a; font-family: Arial; font-size: 20px; font-weight: 800; text-decoration: none;}
article .info a:hover {color: #8a4a20; text-decoration: underline; }


#pages {
	font-size:15px;
  text-align:center;
  margin-top: 30px;
	margin-bottom:10px;
}

#pages a {
	padding-top:4px;
	width:30px;
	height:26px;
	color:#2e3192;
	text-decoration:none;
	font-weight:normal;
	display:inline-block;
	border-radius:15px;
}

#pages .currentpage {
	padding-top:4px;
	width:30px;
	height:26px;
	background-color:#b45313;
	color:#fff;
	display:inline-block;
	border-radius:15px;
}

#pages a:hover {
	background-color:#b45313;
	color:#fff;
	font-weight:normal;
}

.vice { font-style: italic; }
.vpravo { float: right; margin: 3px 5px 5px 3px;}
article .vpravo a {color: #8a4a20; font-family: Arial; font-size: 14px; text-decoration: none;}
article .vpravo a:hover {color: #75b41a; text-decoration: underline; }
article p {padding-bottom: 0px; padding-top: 0px;}

#layout .article-blok { margin-top: 20px; }
#layout .article-obr { display: table-cell; }
#layout .article-text { display: table-cell; padding-left: 25px; vertical-align: top; }
#layout .article-text p {text-align: justify; padding-right: 35px;}

.fb-comments { margin-bottom: 50px; }


#rezervation .rooms_title {
   background-color: #8a4a20;
   height: 40px;
   color:#fff;
   text-align: center;
   font-size: 25px;
   font-weight: bold;
   margin-top: 10px;
   margin-right: 10px;
   padding-top: 10px;
}

#rezervation .rooms_termin {
   background-color: #8a4a20;
   height: 40px;
   color:#fff;
   text-align: center;
   font-size: 25px;
   font-weight: bold;
   margin-top: 10px;
   padding-top: 10px;
}



#rezervation .room {
  display: inline-block;
  padding: 10px ;
  /*margin-bottom: 10px;*/
  margin-right: 10px;
  border: 1px solid #b8b8b8;
}

#rezervation .contact{
  padding: 15px ;
  margin-bottom: 10px;
  border: 1px solid #b8b8b8;
}

#rezervation .room label{
   padding: 0px ;
   color: #000;
   display: inline;
   font-size: 16px;
   margin: 0px;
   text-align: left;
   width: auto;
}


#rezervation td {
 padding: 5px ;
}

#rezervation .price {
 font-size: 18px;
 font-weight: bold;
 color: #75b41a;
 padding-bottom: 0;
 padding-top: 0;
 margin: 5px;
}

#ikony {
  height: 596px;
  background: rgb(255,255,255) url(../images/ikony.jpg) center top no-repeat;
}

#ikony p {
  display: inline;
}

#ikony td {
   padding-left: 200px;
   font-size: 19px;
}

#ikony .check {
   font-family: 'Lucida Sans Unicode', sans-serif;
   font-size: 46px;
   color: #b45313;
   padding-left: 140px;
}

#ikony .time {
   font-family: 'Lucida Sans Unicode', sans-serif;
   font-size: 46px;
   padding-left: 20px;
}

#ikony .left {
   padding-left: 0px;
}

#ikony td .karty {
   font-size: 12px;
}

#rezervation .button {
 width: 170px;
 height: 30px;
 text-align: left;
 float: right;
 margin: 5px 0 5px 0;
 padding: 10px 5px 0 10px;
}


#rezervation .button label{
 color: #ffffff;
 font-size: 13px;
 font-weight: bold;
}

#rezervation .green {
 background-color: #75b41a;
}

#rezervation .brown {
 background-color: #b45313;
}

#rezervation .area{
  padding: 0;
  margin: 5px;
  font-weight: bold;
}

.green {color:#75b41a;}

.brown {color:#b45313;}

#rezervation .kapacita {padding: 0; font-weight: bold;}

#rezervation h3 {
   padding: 0px;
   margin: 0px;
 }


#rezervation .content p {
 text-align: justify;
 }

.contact label{
   color: #000;
   font-size: 14px;
   width: auto;
   }

input[type="submit"] {
    background-color: #75B41A;
    font-weight: bold;
    font-size: large;
    border: 1 solid;
    color: #fff;
    cursor: pointer;
    height: 70px;
    width: 200px;
    margin-top: 10px;
    margin-left: 110px;
}
.suma{
   display: inline-block;
   border: 1px solid #b8b8b8;
   padding: 10px ;
}

.suma p{
    padding: 5px ;

  }

#gallery .photo {
 display:inline-block;
 margin-right: 10px;
}

#gallery p, #gallery h2{
    padding-bottom: 0px;
    padding-top: 0px;
}

#tit-video {
  float:right;
}


#vouchers label {
  width: 690px;
  display: inline-block;
  margin: 0 0 -1px;
  padding-top: 10px;
  padding-bottom: 0px;
  font-size: 16px;
  text-align: left;
  color: #000;
  border: 0;
}

#vouchers label:before {
  content: "";
  display: inline-block;

  width: 26px;
  height: 26px;

  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #aaa;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

#vouchers h2 {
 padding-bottom: 0px;
}

#vouchers input[type="text"], #vouchers textarea {
    width:22em;
    height: 35px;
    border-radius:2px;
    border: solid 1px #ccc;
    padding:0.4em;
    background-color: #fff;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
    margin: 3px 0 3px 0;
}

#vouchers textarea {
    height: 90px;
}


#vouchers input[type="submit"], input[type="button"] {
    width: 300px;
    font-size: 24px;
    margin-left: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    border-radius:4px;
    border: solid 1px #ccc;
    padding:0.3em 0.5em;
}

.potvrzeni {
 margin: 0 auto;
 width: 1100px;
}

#button-voucher {
  margin-top: 6px;
  color: #fff;
  background-color: red;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 9px 5px 9px 5px;
  font-size: 14px;
  font-weight: bold;
  width: 135px;
}

#button-menu {
    margin-top: 10px;
    color: #fff;
    background-color: #D1A601;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 8px 5px 8px 5px;
    font-size: 14px;
    font-weight: bold;
    width: 135px;
}

.grid {
 margin: 0 auto;
 max-width: 400px;
  padding: 15px ;
  margin-bottom: 10px;
  border: 1px solid #b8b8b8;
  display: inline-block;
}

.grid::before {
    content: "";
    display: table;
    line-height: 0;
}
.grid::after {
   clear: both;
}

.grid_cell {
    background-color: #EFEFEF;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 15px;
    position: relative;
    width: 50%;
    border: 1px solid rgb(223,223,223);
    border-radius: 8px;
}
.box_label {
    text-align: center;
    color: #000;
    font-size: 0.92143em;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin: 0 12px 5px;
    padding: 0;
    text-transform: none;
    display: block;
}

.grid input {
    /*background: #75B41 none repeat scroll 0 0;*/
    background: rgb(255,255,255) url("../images/calendar.png") 95% center no-repeat;
    border: medium none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1b2634;
    /*font-family: "sofia-pro",Helvetica,Arial,sans-serif;*/
    font-size: 1.15714em;
    font-weight: 400;
    height: 50px;
    letter-spacing: 0.05em;
    line-height: 50px;
    padding: 0 10px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    cursor: pointer;

 }


dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0
}
dt {
  float: left;
  width: 30%;
  height: 3.5em;
  padding: 0;
  margin: 0
}
dd {
  float: left;
  width: 70%;
  height: 3.5em;
  padding: 0;
  margin: 0
}

.sekce dt {width: 50%;  height: 2.5em;}
.sekce dd {width: 50%;  height: 2.5em;}
.sekce dl {padding-top: 10px;}

.contact label{display: inline-block; width: 37%; margin-left: 50%;}
.contact input[type="text"] {width: 97%;}
.contact ul{padding-left: 15px;}

#note { width: 97%;}

.grayBox{
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:99999999999999999999999999999998;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.box_content {
	position: fixed;
	top: 50%;
	left: 50%;
/*	margin-top: -288px;
	margin-left: -400px;
	width: 800px;
	height: 567px; */
	padding: 20px;
	z-index:99999999999999999999999999999999;
	overflow: hidden;
	background-color:#FFFFFF;
	text-align:center;
}

.contact input[type="text"]{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    height: 17px;
    margin: 3px 0;
    padding: 0.4em;
    width: 95%;
}

.contact textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    height: 170px;
    margin: 3px 0;
    padding: 0.4em;
    width: 95%;
}

.success {
  padding-top: 30px ;
  width: 100%;
  height: 80px;
  background-color: #75B41A;
}

.success ul {
  width: 1200px;
  margin: 0 auto;
}

.success li {
    font-size: 20px;
    font-weight: bold;
    list-style: none;
}

.youtube {
 float:right;
 width: 640px;
 height: 360px;
}

#rezervation .zakaznik p {
  padding-bottom: 0px;
  padding-top: 0px

}

#rezervation .pokoje {
  clear: both;

}

#rezervation .zakaznik {
 clear: both;
 margin: 5px 15px 5px 15px;
 border: 1px solid #b8b8b8;
}
.p-rekapitulace {
    padding-bottom: 0px;
    padding-top: 0px;
}



.clearfix{
    clear: both;
}
.menus{
    display: flex;
    flex-wrap: wrap;
}
.menus::before{
    content: "";
    display: none;
}
.menu-list{
    width: 33.3333%;
    float: left;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    float: none;
}
.menu-list h3{
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: rgb(180, 83, 19);
}
.menu-list table{
    width: 96%;
    padding: 2%;
}
.menu-list table tr{
    border-bottom: 1px dashed #cacaca;
    padding-top: 15px;
    padding-bottom: 15px;
}
.menu-list table tr td{
    padding-top: 10px;
    padding-bottom: 10px;

}
.menu-list table tr td:nth-child(1){
    font-size: 15px;
    color: rgba(0, 0, 0, .32);
    width: 8.33333%;
    position: relative;
    min-height: 1px;
}
.menu-list table tr td:nth-child(2){
    font-size: 15px;
    width: 90.66667%;
    min-height: 1px;
}
.menu-list table tr td:last-child{
    border-bottom: none !important;
}
.menu-list table tr td small{
    color: rgb(180, 83, 19);
}






/**** bootstrap *****/

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
 /* padding-right: 15px;
  padding-left: 15px;*/
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}