/*Style by Just B */

/* obecne */
html {
    font-size: 13px;
}
body{background-color:#1b1b27}

.section.no-pad-bot {
    padding-bottom: 0;
}
h1{
    font-size: 3.5em;
}
h2{
    font-size: 2.8em;
}
h3{
    font-size: 2.2em;
}

h4{
    font-size: 1.4em;
}
/*Barvy hoteloveho domu*/
.mkorange{background-color:#e85125}
.mkorange-text{color:#e85125}
.mkgrey{background-color:#1b1b27}
.mkgrey-text{color:#1b1b27}
.mkblue{background-color:#18174b}
.mkblue-text{color:#18174b}

a {
    color: #696969;
	text-decoration: underline;
}
a:hover {
    color: #e68232;
	text-decoration: underline;
}
footer a {
    color: #ccc;
	text-decoration: underline;
}
footer a:hover {
    color: #e68232;
	text-decoration: underline;
}
a.btn-large:hover {
    color:#F9E5B6;
	text-decoration: none;
}
a.logo img {
    height: 50px;
	margin-top: 5px;
}

/* ilustrace */
.indexil {
    height: 400px;
	background: #e85125 url(../img/bg-slide.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
}

.indexil img.levy {
  -webkit-animation: move 9s infinite linear;
          animation: move 9s infinite linear;
  will-change: transform;
	position: absolute;
		width: 70%;
	top: 200px;
	left: 15%;
				z-index: 8;

}

@-webkit-keyframes move {
  3% {
    -webkit-transform: translateY(0px) translateX(50px);
            transform: translateY(0px) translateX(50px);
  }
  9% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }
  15% {
    -webkit-transform: translateY(0px) translateX(-50px);
            transform: translateY(0px) translateX(-50px);
  }
  21% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }	
}

@keyframes move {
  3% {
    -webkit-transform: translateY(0px) translateX(50px);
            transform: translateY(0px) translateX(50px);
  }
  9% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }
  15% {
    -webkit-transform: translateY(0px) translateX(-50px);
            transform: translateY(0px) translateX(-50px);
  }
  21% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }	
}
.indexil img.pravy {
  -webkit-animation: move2 9s infinite linear;
          animation: move2 9s infinite linear;
  will-change: transform;
	position: absolute;
	width: 70%;
	top: 200px;
	left: 15%;
	z-index: 8;
}

@-webkit-keyframes move2 {
  3% {
    -webkit-transform: translateY(0px) translateX(-50px);
            transform: translateY(0px) translateX(-50px);
  }
  9% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }
  15% {
    -webkit-transform: translateY(0px) translateX(50px);
            transform: translateY(0px) translateX(50px);
  }
  21% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }	
}

@keyframes move2 {
 3% {
    -webkit-transform: translateY(0px) translateX(-50px);
            transform: translateY(0px) translateX(-50px);
  }
  9% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }
  15% {
    -webkit-transform: translateY(0px) translateX(50px);
            transform: translateY(0px) translateX(50px);
  }
  21% {
    -webkit-transform: translateY(0px) translateX(0px);
            transform: translateY(0px) translateX(0px);
  }	
}





/* uvod */
.greytop {
      background: url(../img/sipka-white.svg);
	background-position: center top;
	background-repeat: no-repeat;
background-size: cover;
	background-color: #EFEFEF;
	margin-top: -13px;
		margin-bottom: -33px;
}
ul.sluzby li {
	margin-top: 1.5em;
}

/* partner */
.partner h3 {
    font-weight: 100;
	text-transform: uppercase;
	font-size: 1.5em;
	letter-spacing: 0.1em;
}

/* kontakt */

.kontakt {
    background: url(../img/sipky-grey-bg.svg);
	background-position: center top;
	background-repeat: no-repeat;
background-size: cover;
	background-color:#d5d5d5;
}
form.contactpack .error label{color:#990000;font-weight:bold;}
form.contactpack .requiredlabel{color:#BFBFBF;font-size:10px;padding-left:5px;}
form.contactpack .error .requiredlabel{}
input.required.error{background-color:#ff8f00;}
textarea.error{background-color:#ff8f00;}

/* pata */

.pata {
    background: url(../img/sipka-lightgrey.svg);
	background-position: 90% -50px;
	background-repeat: no-repeat;
background-size: contain;
	background-color:#1b1b27;
	height: 400px;
}
@media only screen and (min-width: 2200px) {

	.indexil img.pravy {
	width: 50%;
	top: 150px;
	left: 25%;
	z-index: 8;
}
		.indexil img.levy {
	width: 50%;
	top: 150px;
	left: 25%;
	z-index: 8;
}
.indexil {
    height: 600px;
}
	}
@media only screen and (max-width: 2199px) {

	.indexil img.pravy {
	width: 65%;
	top: 100px;
	left: 17.5%;
	z-index: 8;
}
		.indexil img.levy {
	width: 65%;
	top: 100px;
	left: 17.5%;
	z-index: 8;
}
.indexil {
    height: 600px;
}	
}
@media only screen and (max-width: 1900px) {

	.indexil img.pravy {
	width: 70%;
	top: 100px;
	left: 15%;
	z-index: 8;
}
		.indexil img.levy {
	width: 70%;
	top: 100px;
	left: 15%;
	z-index: 8;
}
.indexil {
    height: 500px;
}	
}
@media only screen and (max-width: 1600px) {

	.indexil img.pravy {
	width: 75%;
	top: 175px;
	left: 12.5%;
	z-index: 8;
}
		.indexil img.levy {
	width: 75%;
	top: 175px;
	left: 12.5%;
	z-index: 8;
}
.indexil {
    height: 500px;
}	
}
@media only screen and (max-width: 992px) {

	.indexil img.pravy {
	width: 85%;
	top: 200px;
	left: 7.5%;
	z-index: 8;
}
		.indexil img.levy {
	width: 85%;
	top: 200px;
	left: 7.5%;
	z-index: 8;
}	
}
@media only screen and (max-width: 600px) {
.greytop {
	margin-top:  0px;
		margin-bottom: 0px;
}
	.indexil img.pravy {
	width: 90%;
	top: 100px;
	left: 5%;
	z-index: 8;
}
		.indexil img.levy {
	width: 90%;
	top: 100px;
	left: 5%;
	z-index: 8;
}
.indexil {
    height: 200px;
	background: #e85125 url(../img/bg-slide.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
}	
}