@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 200;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url("../font/RobotoCondensed-Regular.ttf") format('truetype');
}
@font-face {
  font-family: "Penelope Anne";
  font-style: normal;
  font-weight: 400;
  src: local('Penelope Anne'), local('Penelope Anne'), url("../font/Penelope Anne.ttf") format('truetype');
}
@font-face {
  font-family: "Trench";
  font-style: normal;
  font-weight: 400;
  src: local('trench100free'), local('trench100free'), url("../font/trench100free.otf") format('truetype');
}
@font-face {
  font-family:"CF Boston";
  font-style: normal;
  font-weight: 400;
  src: local('CFBoston-Regular'), local('CFBoston-Regular'), url("../font/CFBoston-Regular.ttf") format('truetype');
}
@font-face {
  font-family:"DorovarFLF-Carolus";
  font-style: normal;
  font-weight: 400;
  src: local('DorovarFLF-Carolus'), local('DorovarFLF-Carolus'), url("../font/DorovarFLF-Carolus.ttf") format('truetype');
}
@font-face {
  font-family:"Conthrax Sb";
  font-style: normal;
  font-weight: 600;
  src: local('conthrax-sb'), local('conthrax-sb'), url("../font/conthrax-sb.ttf") format('truetype');
}
@font-face {
  font-family:"Courgette";
  font-style: normal;
  font-weight: 600;
  src: local('Courgette-Regular'), local('Courgette-Regular'), url("../font/Courgette-Regular.ttf") format('truetype');
}
body {
	background:url(../images/27_big.jpg) no-repeat center;
	background-attachment:fixed;
	background-size:cover;
	color:#000;
	}
ul, li {
	list-style-type:none;
	}
a, a:hover {
	text-decoration:none;
	}
.cle {
	clear:both;
	margin:0;
	padding:0;
	}	
.hotel {
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	margin-top: 20%;
	padding:40px 0px;
	border-bottom: 3px solid #ff0024;
}	
.hotel h2 {
	color: #fff;
	font-weight: 600;
	font-family:"Conthrax Sb";
	font-size: 25px;
	line-height: 35px;
	margin: 10px 0 10px 0;
}	
	
	.hotel p {
	color: #fff;
	font-weight: 400;
	font-family:"Courgette";
	font-size: 18px;
	
}	
.enter {
margin-top: 30px;
position: absolute;
width: 95%;
}
.enter a {
	color: #fff;
	background: #ff0024;
	padding: 10px 30px;
	border-radius: 29px;
	font-weight: 600;
	font-size: 16px;
}

.hotel1 {
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	margin-top: 100px;
	padding:15px 0px;
	border: 1px solid #ff0024;
}	
.hotel1 h1 {
	color: #fff;
	font-family:"Conthrax Sb";
	font-size: 23px;
}
.hotel1 h1 a {
	color: #ff0024;
}
.modal-head {
	background: #ff0024;
	    padding: 0 10px 0 0;
}
.modal-head h2 {
	float: left;
	color: #fff;
	margin: 0;
	padding: 13px 0 13px 25px;
	font-family:"Conthrax Sb";
	font-size: 25px;
}
.close {
   
    font-size: 23px;
   
    line-height: 2;
   
    filter: alpha(opacity=50);
    opacity: .5;
}
.title h3 {
	margin:0;
	color:  #ff0024;
	font-family:"Conthrax Sb";
	font-size: 19px;
	margin-top: 15px;
}
.panel-heading p {
	font-size: 19px; 
	font-weight: 600;
	color: #000;
	margin-top: 15px;
}




h1 {
 font-size:23px;
 font-family:"Conthrax Sb";
 user-select:none;
 font-weight: 600;
}

h1 span { display:inline-block; animation:float .2s ease-in-out infinite; }
 @keyframes float {
  0%,100%{ transform:none; }
  33%{ transform:translateY(-1px) rotate(-2deg); }
  66%{ transform:translateY(1px) rotate(2deg); }
}
h1:hover span { animation:bounce .6s; }
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}



h1 span:nth-child(2){ animation-delay:.05s; }
h1 span:nth-child(3){ animation-delay:.1s; }
h1 span:nth-child(4){ animation-delay:.15s; }
h1 span:nth-child(5){ animation-delay:.2s; }
h1 span:nth-child(6){ animation-delay:.25s; }
h1 span:nth-child(7){ animation-delay:.3s; }
h1 span:nth-child(8){ animation-delay:.35s; }
h1 span:nth-child(9){ animation-delay:.4s; }
h1 span:nth-child(10){ animation-delay:.45s; }
h1 span:nth-child(11){ animation-delay:.5s; }
h1 span:nth-child(12){ animation-delay:.55s; }
h1 span:nth-child(13){ animation-delay:.6s; }
h1 span:nth-child(14){ animation-delay:.65s; }
h1 span:nth-child(15){ animation-delay:.7s; }
h1 span:nth-child(16){ animation-delay:.75s; }
h1 span:nth-child(17){ animation-delay:.8s; }
h1 span:nth-child(18){ animation-delay:.85s; }
h1 span:nth-child(19){ animation-delay:.9s; }
h1 span:nth-child(20){ animation-delay:.95s; }
h1 span:nth-child(21){ animation-delay:1.0s; }
h1 span:nth-child(22){ animation-delay:1.05s; }
h1 span:nth-child(23){ animation-delay:1.1s; }
h1 span:nth-child(24){ animation-delay:1.15s; }
h1 span:nth-child(25){ animation-delay:1.2s; }
h1 span:nth-child(26){ animation-delay:1.25s; }
h1 span:nth-child(27){ animation-delay:1.3s; }
h1 span:nth-child(28){ animation-delay:1.35s; }
h1 span:nth-child(29){ animation-delay:1.4s; }
h1 span:nth-child(30){ animation-delay:1.45s; }
h1 span:nth-child(31){ animation-delay:1.5s; }
h1 span:nth-child(32){ animation-delay:1.55s; }