/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/

/*--reset--*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*--start editing from here--*/

a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}

/* text align right */

.txt-lt {
    text-align: left;
}

/* text align left */

.txt-center {
    text-align: center;
}

/* text align center */

.float-rt {
    float: right;
}

/* float right */

.float-lt {
    float: left;
}

/* float left */

.clearfix {
    clear: both;
}

/* clear float */

.pos-relative {
    position: relative;
}

/* Position Relative */

.pos-absolute {
    position: absolute;
}

/* Position Absolute */

.vertical-base {
    vertical-align: baseline;
}

/* vertical align baseline */

.vertical-top {
    vertical-align: top;
}

/* vertical align top */

nav.vertical ul li {
    display: block;
}

/* vertical menu */

nav.horizontal ul li {
    display: inline-block;
}

/* horizontal menu */

img {
    max-width: 100%;
}

/*--end reset--*/

body a:hover {
    text-decoration: none;
}

.clearfix {
    clear: both;
}

/* content */

body {
    background: url(../images/1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    font-family: 'PT Sans', sans-serif;
}

.text-center {
    text-align: center;
}
.w3ls-main {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
h1 {
    font-size: 2em;
    color: #fff;
    text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.57);
    letter-spacing: 3px;
    margin:10px auto;
    font-family: 'PT Sans', sans-serif;
    flex-basis: 100%;
	text-transform:uppercase;
}

h2,
h3,h4 {
    color: #fff;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: capitalize;
	text-align: center;
}

.responsive_tabs.w3ls_tab {
    max-width: 700px;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
textarea {
    min-height: 100px;
}
/*-- Pay-page --*/

.tab-grid p {
    color: #8B8B8B;
    font-size: 0.95em;
    line-height: 1.8em;
    font-weight: 400;
    margin: 10px 0;
}

.w3ls_tab input[type="email"],
.w3ls_tab input[type="name"],
.w3ls_tab textarea,
.creditly-wrapper .form-control {
    display: block;
    width:100%;
	box-sizing:border-box;
    padding: 15px 10px;
    height: auto;
    font-size: 14px;
    color:#000 ;
    background:#fff;
    border:none;
    margin-bottom: 25px;
    outline: none;
    font-family: 'PT Sans', sans-serif;
}

.w3ls_tab input[type="email"]:focus,
.w3ls_tab input[type="name"]:focus,
.w3ls_tab textarea:focus,
.creditly-wrapper .form-control:focus {
    border-color: #66afe9;
    outline: 0;
}

.w3ls_tab input[type="submit"] {
    outline: none;
    padding: 10px 20px;
    background: #000;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    border: none;
    text-transform: capitalize;
    letter-spacing: 1px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.w3ls-main input[type="submit"]:hover {
    background: #000;
}

.form-control {
    border-radius: 0;
}

.btn-primary {
    color: #000;
    background-color: #e6aa3c;
    border-color: #e6aa3c;
    padding: 5px 10px;
}

button.submit{
    outline: none;
    padding: 10px 28px;
    background:#ff3a26;
    font-size: 1.1em;
	    text-align: center;
    border-radius: 7px;
    font-weight: 400;
    color: #fff;
    border: none;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-family: 'PT Sans', sans-serif;
	cursor:pointer;
	flex-basis: 13%;
    margin: 0 auto;
}

button.submit:hover {
    background: #e85342;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
p {
    flex-basis: 100%;
    font-size: 18px;
    line-height: 1.8em;
    color: #fff;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 2em;
}
/*-- social-icons --*/
.agileinfo-social-grids {
    margin-top: 0em;
    flex-basis: 100%;
    text-align: center;
}
.agileinfo-social-grids ul{
	padding:0;
	margin:0;
}
.agileinfo-social-grids ul li{
    display: inline-block;
}
.agileinfo-social-grids ul li a {
	color: #fff;
    text-align: center;
}
.agileinfo-social-grids ul li a span.fa{
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo-social-grids ul li a span.fa.fa-facebook:hover {
    color: #3b5998;
}
.agileinfo-social-grids ul li a span.fa.fa-twitter{
	margin:0 1em;
}
.agileinfo-social-grids ul li a span.fa.fa-twitter:hover{
	color: #55acee;
}
.agileinfo-social-grids ul li a span.fa.fa-rss{
	margin:0 1em 0 0;
}
.agileinfo-social-grids ul li a span.fa.fa-rss:hover{
	color: #f26522;
}
.agileinfo-social-grids ul li a span.fa.fa-vk:hover{
	color: #45668e;
}
.section_room_pay {
    margin-bottom: 2em;
}
.copy-wthree {
    margin: 3em 0em;
    flex-basis: 100%;
}

.copy-wthree p {
    color: #fff;
    font-size: 15px;
    letter-spacing: 2px;
	margin-bottom:0;
}

.copy-wthree a {
    color:#ff3a26;
}
.gallery {
    flex-basis: 70%;
    text-align: left;
    margin: 10px auto;
    padding: 3vw;
    background: rgba(255, 255, 255, 0.28);
}
.paypal_agile {
    margin-top: 1.5em;
}
/*--placeholder-color--*/

.w3ls_tab input[type="email"]::-webkit-input-placeholder,.w3ls_tab input[type="name"]::-webkit-input-placeholder,.w3ls_tab textarea::-webkit-input-placeholder {
	color: #000;
}

.w3ls_tab input[type="email"]:-moz-placeholder,.w3ls_tab input[type="name"]:-moz-placeholder,.w3ls_tab textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #000;
}

.w3ls_tab input[type="email"]::-moz-placeholder,.w3ls_tab input[type="name"]::-moz-placeholder,.w3ls_tab textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #000;
}

.w3ls_tab input[type="email"]:-ms-input-placeholder,.w3ls_tab input[type="name"]:-ms-input-placeholder,.w3ls_tab textarea:-ms-input-placeholder {
	color: #000;
}

/*--//placeholder-color--*/
@media (max-width: 1024px) {
}

@media (max-width:800px) {
.responsive_tabs.w3ls_tab {
    padding: 2vw 5vw;
}
h1 {
    font-size: 3em;
}
}
@media (max-width:667px) {
p {
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 2px;
}
h1 {
    font-size: 2.5em;
}
form {
    flex-basis: 80%;
}
.copy-wthree p {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
}
}
@media (max-width: 480px) {
    .copy-wthree p {
        line-height: 1.7;
    }
    .copy-wthree {
        margin: 2em 0;
    }
	p {
    font-size: 14px;
    letter-spacing: 1px;
}
h1 {
    font-size: 2em;
}
form {
    padding: 5vw;
}
}
@media (max-width: 414px) {
}
@media (max-width: 384px) {
h1 {
    font-size: 2.2em;
}
}
@media (max-width: 320px) {
h1 {
    font-size: 1.6em;
}
form {
    flex-basis: 80%;
}
.copy-wthree {
    margin: 1.5em 0 0;
}
}

/*--light box--*/
/* Reset some default styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

/* Trigger Text Styling */
.trigger-text {
  font-size: 20px;
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
}

.trigger-text:hover {
  color: #0056b3;
}

/* Lightbox Overlay */
.lightbox-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
/* Close Button */
.close-btn {
  position:relative;
  top: 5px; /* Adjust as needed for spacing */
  right: 15px; /* Adjust as needed for spacing */
  font-size: 40px;
  color: #333;
  cursor: pointer;
  z-index: 1001; /* Make sure it is above other elements */
}

/* Add some padding to the lightbox content */
.lightbox-content {
  position: relative;
  max-width: 800px;
  width: 90%;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  padding: 10px; /* Add padding for aesthetics */
}

/* Slide Wrapper */
.slide-wrapper {
  position: relative;
  display: flex;
  align-items: center; /* Center align the slides vertically */
  justify-content: center; /* Center align the slides horizontally */
  overflow: hidden;
}

/* Slide Styles */
.slide {
  display: none; /* Hide slides by default */
  text-align: center;
  position: relative;
  max-width: 100%; /* Prevents the slide from exceeding the wrapper */
  max-height: 100%; /* Prevents the slide from exceeding the wrapper */
}

/* Slide Image Styles */
.slide img {
  max-width: 100%; /* Make images responsive */
  max-height: 100%; /* Constrain height based on wrapper size */
  object-fit: contain; /* Maintain aspect ratio */
}

/* Caption Styles */
.caption {
  padding: 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

/* Navigation Buttons */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: white;
  cursor: pointer;
  padding: 10px;
  user-select: none;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 30px;
  color: #333;
  cursor: pointer;
}
/* Show the active slide */
.active {
  display: block;
}

@media (max-width: 768px) {
  .lightbox-content {
    width: 100%;
  }

  .prev, .next {
    font-size: 20px;
  }
}
/* Tooltip Styles */
    .tooltip {
      visibility: hidden; /* Hide by default */
      width: 160px;
      background-color: rgba(252,72,75,0.67);
      color: #fff;
      text-align: center;
      border-radius: 5px;
      padding: 5px;
      position: absolute;
      z-index: 1000;
      bottom: 100%; /* Position above the text */
      left: 50%;
      transform: translateX(-50%);
      margin-bottom: 10px; /* Space between tooltip and text */
      opacity: 0; /* Initially invisible */
      transition: opacity 0.3s; /* Fade in/out effect */
    }

    /* Show tooltip on hover */
    .trigger-text:hover .tooltip {
      visibility: visible;
      opacity: 1; /* Make it visible */
    }

    /* Gallery Styles for positioning */
    .gallery {
      position: relative; /* Ensure tooltip is positioned correctly */
      display: inline-block; /* Allow the link to act as a block for tooltip */
    }