.fL{ float:left !important; } .fR{ float:right !important; } .fC{ margin: 0 auto !important; } .ffix{ float:none; width:auto; overflow: hidden;}
.cL{ clear:both; } .vertical-text { transform: rotate(90deg); transform-origin: left top 0; } .nowrap{ white-space: nowrap; }
.w20{ width: 20% !important; } .w25{ width: 25% !important; } .w50{ width: 50% !important; } .w100{ width: 100% !important; }
.w23{ width: 23% !important; } .w2{ width: 2% !important; } .w33{ width: 33.33% !important; } .w49{ width: 49% !important; }
.tdw50{ width: 50px;} .tdw80{ width: 80px;} .tdw100{ width: 100px !important; } .tdw120{ width: 120px !important; } .tdw180{ width: 180px !important; }
.maxw40{ max-width: 40px !important;} .maxw50{ max-width: 50px !important;} .maxw60{ max-width: 60px !important;} .maxw80{ max-width: 80px !important;} .maxw100{ max-width: 100px !important; } .maxw180{ max-width: 180px !important; } .maxw250{ max-width: 250px !important; } .maxw300{ max-width: 300px !important; }
.tl{ text-align: left !important; } .tc{ text-align: center !important; } .tr{ text-align: right !important; } .tb{ font-weight: bold; } .tj{ text-align: justify;}
.dbl { display: block; } .dinl { display: inline; } .hide { display:none; }  .veralm{ vertical-align: text-top; } .imgv{ vertical-align: middle; }
.mr10 { margin-right: 10px; } .ml10{ margin-left: 10px; } .ml30{ margin-left: 30px; } .m10{ margin: 10px; } .m20{ margin: 20px; } .m5 { margin: 0 5px 0 5px; }
.m3_3 { margin:3px 0 3px 0; } .mp10{ margin-top: 10px; } .text_no_b{ font-weight: normal; }
.p3{ padding: 3px !important; } .p5{ padding: 5px !important; } .p10{ padding: 10px !important; } .p15{ padding: 15px !important; } .p20{ padding: 20px !important; }
.pb5{ padding-bottom: 5px;} .pl5{ padding-left: 5px !important; } .pl15{ padding-left: 15px !important; } .pl3{ padding-left: 3px !important; }
.plr5{ padding-left: 5px !important; padding-right: 5px !important; }
.h_1 { height: 1px; } .h_2 { height: 2px; } .h_5 { height: 5px; } .h_7 { height: 7px; }
.h_10 { height: 10px; } .h_15 { height: 15px; } .h_20 { height: 20px; } .h_25 { height: 25px; } .h_30 { height: 30px; } .h_35 { height: 35px; } .h_40 { height: 40px; } .h_60 { height: 60px; } .h_90 { height: 90px; }

img { border: none; }
H1, H2, H3, H4, H5, H6 { padding: 0px; margin: 0px; font-size: 14px; }
a { color: #ba2025; font-weight: normal; text-decoration: none; } a:hover {  color: #FFFFFF; text-decoration: none; }
.linkfix { color: #66ff00; font-weight: normal; text-decoration: none; text-decoration: underline; } .linkfix:hover { color: #ff0008;  text-decoration: none; }
.no_a_line{ text-decoration: none; } .no_a_line:hover{ text-decoration: none; }
.no_b_text{ font-weight: normal !important; }
.form-check-btn, .post_form_btn, .kpoint { cursor: pointer; }
ul{ margin: 0; padding: 0px; }
.fem08 { font-size: 0.8em; } .fem1 { font-size: 1em; } .fem12 { font-size: 1.2em; }
.fs10 { font-size: 10px !important; } .fs11 { font-size: 11px !important; } .fs12 { font-size: 12px !important; } .fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; } .fs16 { font-size: 16px !important; } .fs18 { font-size: 18px !important; } .fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; } .fs26 { font-size: 26px !important; } .fs30 { font-size: 30px !important; } .fs40 { font-size: 40px !important; }
.fs60 { font-size: 60px !important; }
.brad10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.brad3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.brad5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.act_step { border: solid 1px #008900; } .act_step2 { border: solid 1px #999999; }
.zero_excess_box { border: solid 1px #999999; width: 220px; color: #333333; } .border_top_add_perioxi { border-top: solid 1px #999999; }
.hotel_info_box { width: 630px; border: solid 1px #A50000; color: #e00024; display: none;  }
.tbrad10 { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.bbrad10 { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
.bbrad6 { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.lbrad10 { -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
.shadowbox1{ -webkit-box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75); }
.shadowbox1:hover{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.b { font-weight: bold; } 

.skia_1 { text-shadow: 1px 3px 5px rgba(50, 50, 50, 0.75); } .skia_2 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } .skia_3 { text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.3); }
 
html, body { position: relative; height: 100%; margin: 0; padding: 0;  }
body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #fff;  }

.full_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%;  background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1;  }
.full_text {  position: relative; z-index: 2;  padding: 160px 60px 60px 60px;  max-width: 1200px; margin: 0 auto; }

.swiper {  width: 100%; height: 100%;  }
.swiper-slide { position: relative; background-size: cover; background-position: center; padding: 40px 60px; box-sizing: border-box;  }
.title {  font-size: 41px; font-weight: 300;  }
.subtitle {  font-size: 21px;  }
.text {  font-size: 14px; max-width: 400px; line-height: 1.3;   }
.navigation{ z-index: 2; }
.slide-caption { position: absolute; bottom: 30px; left: 30px; z-index: 10; background-color:rgba(0, 0, 0, 0.2); border-radius: 15px; padding: 20px; }
.maintext_box { position: absolute; top: 130px; left: 60px; z-index: 10; background-color:rgba(0, 0, 0, 0.2); border-radius: 15px; padding: 20px; }
.title2 {  font-size: 41px; font-weight: 300;  }
.title3 {  font-size: 41px; font-weight: bold; background-color:rgba(0, 0, 0, 0.2); border-radius: 15px; padding: 20px; text-align: center; }
.text3 {  font-size: 14px; max-width: 1200px; line-height: 1.3;   }

.fixdate{  float:right !important; margin-right: 50px;  }

.main-nav { position: fixed; top: 0; width: 100%; height: 140px;  z-index: 1000; display: flex; align-items: center; font-family: 'Anton', sans-serif; }
.nav-container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 30px; display: flex; justify-content: space-between; align-items: center;  }

.logo img { height: 130px; }
.nav-links { list-style: none; display: flex; gap: 30px; }
.nav-links li { position: relative;  text-shadow: 1px 1px 2px black;  font-weight: bold; font-size: 18px;  text-align: center; display: block; margin-left: 10px; }  
.nav-links li:hover, .nav-links li:focus {  text-shadow: none; }  
.nav-links li a { display: block; width: 100%; padding: 10px 15px; border: 2px solid transparent; border-radius: 15px; text-decoration: none;  font-weight: bold; color: #ffffff; background: none; transition: color 0.3s, background-color 0.3s; }

.nav-links li a:hover { color: #000000; font-style: none; border: 2px solid rgb(255, 255, 255); background-color: #ffffff; }

.hamburger { display: none; flex-direction: column; cursor: pointer; }
.hamburger span { height: 3px; width: 25px; background: white; margin: 4px 0; transition: all 0.3s; }

#gallery  { width: 100% !important; float: right; background-color:rgba(0, 0, 0, 0.2); border-radius: 10px; box-shadow: 0 10px 10px rgb(0 0 0 / 10%); border: 2px solid #eee; overflow: hidden; padding: 10px; }
#text3  { width: 95% !important; float: right; background-color:rgba(0, 0, 0, 0.2); border-radius: 10px; box-shadow: 0 10px 10px rgb(0 0 0 / 10%); border: 2px solid #eee; overflow: hidden; padding: 10px; font-size: 16px; }


.after-title { padding: 10px 0 10px; display: flex; align-items: stretch;  }

.after-title .single-block {
 text-align: center; padding: 20px; background-color:rgba(0, 0, 0, 0.6);  border-radius: 10px; box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
 border: 1px solid #eee; flex: 0 0 auto; width: 49%; float: left; margin-right: 1%;
}
.after-title .single-block .icon {
 width: 60px; height: 60px; color: #fff; border-radius: 30%; font-size: 28px; display: flex; flex-flow: column; align-items: center;
 justify-content: center; margin: -50px auto 10px; background: #eee; overflow: hidden;
}
address { display: block; color: #eee; margin-bottom: 1rem; font-style: normal; line-height: inherit;  } 
address .single-contact {  text-align: left; padding: 2px 0 0 30px; margin-bottom: 20px; position: relative; padding-left: 56px !important; font-size: 16px;  }
address .single-contact span {
  padding: 0; padding-top: 7px; width: 45px; height: 35px; font-size: 16px; line-height: 40px; border-radius: 30px; margin-right: 15px; text-align: center;
  background-color: #eee; color: #fff; display: block; position: absolute; left: 0; top: 0px;
}
select, textarea, input[type=date], input[type=number], input[type=password], input[type=email], input[type=text] {
  min-height: 25px; border-radius: 10px; width: 80%; padding: 10px 27px; font-size: 14px; color: #000; line-height: 16px; box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
  border: 1px solid #e7edf3; margin-bottom: 10px;
}
#Contact_form_div{ padding: 10px 0px; }
.btn-default:hover { color: #aa0000; background-color: #ffffff; }
.btn-default { display: inline-block; font-size: 17px; line-height: 21px; font-weight: 600; text-align: center; min-width: 160px; border: none; box-shadow: none; cursor: pointer; padding: 16px 25px; border-radius: 10px;  color: #fff; background-color: #aa0000;
  transition: all 0.2s ease-in-out; transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; text-decoration: none; position: relative; text-transform: capitalize;
}
.testimonials_box{ position: absolute; bottom: 130px; right: 10px; z-index: 2; background-color:rgba(255, 255, 255, 0.6); border-radius: 15px; }
.testimonials_box2{ background-color:rgba(255, 255, 255, 0.8); border-radius: 15px; z-index: 10; position: relative; display: inline-block;  }
.morelinkbox{ background-color:rgba(255, 255, 255, 0.6); border-radius: 10px; padding: 5px; }
.morelinkbox strong{  padding: 15px 15px; }

/* Responsive */
@media (max-height: 800px) {
  .maintext_box { position: absolute; top: 150px; left: 30px; right: 30px; z-index: 2; background-color:rgba(0, 0, 0, 0.2); border-radius: 15px; padding: 10px; height: 300px; overflow-y: auto;  }
  .title2 {  font-size: 22px; font-weight: 300;  }
  .title {  font-size: 30px; font-weight: 300;  }
}
@media (max-width: 1200px) {
.nav-links { 
  position: absolute; right: 0; top: 70px; height: calc(100vh - 70px); width: 200px; flex-direction: column; background-color: rgba(0,0,0,0.95); 
  align-items: center; justify-content: center; transform: translateX(100%); transition: transform 0.3s ease-in-out; 
}
.nav-links.active { transform: translateX(0%); }
.nav-links li a { padding: 5px 3px; }

.hamburger { display: flex; background-color:rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px; }
}
@media (min-width:1201px) and (max-width:1400px){ 
  .logo img { height: 130px; }
  .nav-links li { font-size: 16px; } 
}
@media (min-width:1400px){ 
  .nav-container { padding: 0 10px;  }
}


@media (max-width:390px) {
 
} 
@media (min-width:569px) and (max-width:1400px){ 
  .logo img { height: 130px; } 
}
@media (max-width:568px) { 
  .logo img { height: 80px; }
  .title3 {  font-size: 30px; padding: 5px;  }
  .full_text { padding: 110px 10px 10px 10px; margin: 0 auto; }
  .after-title { flex-direction: column !important; padding: 0 !important; }
  .single-block { padding: 10px !important; width: 93% !important; clear: both; margin-top: 45px;  }
  #gallery  { width: 95% !important; }
} 
@media (min-width:569px) and (max-width:1024px){ 
 
}
@media (max-width:1079px) { 
 
}  
@media (min-width:1080px) { 
 
}
@media (max-width:900px) { 
 
} 
 
@media (min-width:941px) and (max-width:1024px){ 
 
}
@media (min-width:1025px) and (max-width:1200px){ 
 
}
@media (min-width:1201px) and (max-width:1440px){ 
 
}