@import url('https://fonts.googleapis.com/css?family=Anaheim|Antic|Cagliostro');



@import url('https://fonts.googleapis.com/css2?family=Orelega+One&display=swap');
@import url('bootstrap.min.css');
@import url('font-awesome.min.css');

/************ Start Body Section ************/
*{font-family: 'Antic', sans-serif;-webkit-font-smoothing:antialiased;}
body{letter-spacing: normal;background-color:#8c0101;;width:auto;font-size: 18px; }
body a:hover{opacity:.8;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all}
::selection{background:#111224;color:#fff;}
a{text-decoration:none;/*font-size:13px;*/font-weight:bold;}
a:hover, a:focus{text-decoration:none;outline:none;color:#AB183D;}
h1,h2,h3,h4,h5,h6{font-family:"Dancing Script", cursive;}
.title {text-align: center;text-transform: uppercase;padding-bottom: 0px;margin-bottom: 14px;font-size: 25px;text-shadow: 2px 1px 2px #000000;}
.title h1{font-size: 25px;margin: 0px;padding: 0px}
.title:first-letter{color: #ef454d;}
.title span{font-size: 12px;display: block;font-style: italic;}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{color: #ef454d;}
/*
.container{width:1200px;margin:0 auto;}
@media screen and (max-width: 650px) {.container{width:100%;margin:0px;padding:0px}}
*/
.btn{border-radius: 5px;transition: all 0.25s ease-out;flex: 1;box-shadow: 0px 1px 5px #ccc;color:#fff}
.btn:hover{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);transform: scale(1.03)}
.btn{border: 1px solid #ccc;text-align: center;font-size: 17px;width: auto;padding: 5px 30px;margin: 10px 0 10px 0;}
.btn:hover{border-radius: 20px;}
/************ End Body Section ************/
@media screen and (max-width:767px) {
	.logo-img{display:none}
}

.logo-img{ position: absolute; z-index: -1; width: 60%;  top: 0px; right: 0%; }
.logo-img img{ max-width: 100%; width: 100px}

/************ Start Header Section ************/
.header .logo .container{width:99.9%;margin-top:1.7em;position:absolute;}
.header .logo a{font-family:"Dancing Script", cursive;}
.header .logo .email a{float:left;color:#fff;}
.header .logo .phone a{ float:right;color:#fff;}
.header .logo .email a, .header .logo .phone a{border:1px solid #ccc;padding:5px 10px;border-radius: 5px;background: linear-gradient(135deg,  #cf0404 0%,#ff7919 100%);}
.header .logo .fa{color:white;margin-right:5px}
@media screen and (max-width: 900px){.header .logo .container{display:none}}
.header{text-align:center;width:auto;height:auto;/*background-color:#ef454d;background: linear-gradient(45deg, rgb(124, 95, 95) 0%, rgb(135, 58, 58) 36%, rgb(147, 54, 97) 66%, rgb(68, 1, 157) 100%);*/}
.header .logo{border:1px solid transparent;height:auto;width:auto;padding-top:0.8%;padding-bottom:1%;}
.header .logo .title{font-family: 'Orelega One', cursive; font-size:3rem;color:#fff; text-shadow:5px 5px 5px #000;}
.header .logo .title:first-letter{color:#004b8d}
.header .logo .site-url{margin-top:0.8%;font-weight:bold;font-size:25px;color:#ffffff;text-shadow:5px 5px 5px black;}
.header .menu {position:relative;width:100%;font-size:15px;border-top:1px #ccc solid;border-bottom:1px #ccc solid;box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
background: linear-gradient(45deg, rgb(124, 95, 95) 0%, rgb(135, 58, 58) 36%, rgb(147, 54, 97) 66%, rgb(68, 1, 157) 100%)}
.header .menu li {display:inline-block;padding:0px;}
.header .menu li a,.dropbtn {text-decoration:none;color:#fff;font-size:16px;font-weight:bold;display:inline-block;padding:10px 16px;min-height:10px;}
.header .menu li.current-menu-item a{background-color:#fff;color:#ad0d0d;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.header .menu li a:hover, .menu .dropdown:hover .dropbtn {/*border:thin #ad0d0d solid;*/background:white;color:black}
.header .menu li.dropdown {display:inline-block;background-color:black;}
.header .menu .dropdown-content {display:none;position:absolute;background:black;min-width:230px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);}
.header .menu .dropdown-content a {color:white;padding:10px 16px;text-decoration:none;display:block;text-align:left;}
.header .menu .dropdown-content a:hover {background-color:#ad0d0d;color:white;}
.header .menu .dropdown:hover .dropdown-content {display:block;}
.navbar-brand{display:none;}
@media screen and (max-width: 600px){
	.header .menu .navbar-brand {float:left;display:block;}
	.header .menu .navbar-brand {position:absolute;right:auto;top: 0;}
	.header .menu #MenuNavBar li {border:none;padding:8px 18px;transition:0.3s;text-align:center;width:100%;}
	.header .menu #MenuNavBar li a {text-decoration:none;color:#fff;font-size:15px;font-weight:bold;display:inline-block;width:100%;padding:4px;border:thin solid #fff;border-radius:5px}
	.header .menu #MenuNavBar li a:hover {background:white;color:black}
	.header .menu li.current-menu-item a{background-color:#ccc;}
}
.header .menu .navbar-header button {float:right}
.header .menu .navbar-toggle {border:thin solid #fff;border-radius:5px;}
.header .menu .navbar-toggle:hover {background-color: white;}
.header .menu button.navbar-toggle > span.icon-bar {background: #fff;}
.header .menu .navbar-toggle:hover> span.icon-bar {background: black}
.header .menu .navbar-header .navbar-brand {color:#fff;font-size:18px;font-weight:bold;}
/************ End Header Section ************/

/************ Start Footer Section ************/
.footer{border-top:1px solid #ccc;padding-top: 1em;padding-bottom: 0.8em;font-size: 1.5rem;color: white;background: linear-gradient(45deg, rgb(124, 95, 95) 0%, rgb(135, 58, 58) 36%, rgb(147, 54, 97) 66%);}
.footer .container{width: 100%}
.footer .about{margin: 0;padding: 0 0 0px 0;position: relative;width:100%;}
.footer .about .title{font-size:20px;text-align:center;padding-bottom:0em}
.footer .about .title:first-letter{color: white}
.footer .about .about-us{text-align: center;padding-left: 3em;padding-right: 3em;}
.footer .about .contact-info{list-style: none;font-size: 25px;position:relative;width:100%;text-align:center;padding:10px;background-color: transparent;border:none}
.footer .about .contact-info li{display: inline-block;margin:10px}
.footer .about .contact-info .fa{color:white;border: 1px solid white;padding: 10px;border-radius: 5px;height: auto;width: 70px;transition: all 0.25s ease-out;flex: 1;}
.footer .about .contact-info .fa:hover{box-shadow: 0px 1px 5px #000;}
.footer .about .contact-info .fa-phone:hover{background-color: #3b5998;color: white}
.footer .about .contact-info .fa-whatsapp:hover{background-color: #25D366;color: white}
.footer .about .contact-info .fa-envelope-o:hover{background-color: #D44638;color: white}
.footer .menu{text-align:center;padding:0.8em;background-color: #b5bac0;border:1px solid #fff;border-radius:5px;}
.footer ul.menu li{display: inline-block;font-weight: 600;}
.footer .menu li a{font-size:0.8em;text-transform:uppercase;color: #000;}
.footer .menu li a:hover{color:#fff;}
.footer .menu li::after{content: "";margin:0 20px;border-left:1px solid #fff;}
.footer .menu li:last-child:after{content: "";border-left:none;}
.footer .copyright{text-align:center}
@media screen and (max-width: 767px){
	.footer .menu{padding:0px;margin: 0px;margin-bottom: 10px}
	.footer .menu li{padding: 5px 0 5px 0;}
	.footer .menu li::after{content: "";margin:0 5px;border-left:0px solid #999;}
	.footer {text-align: left;}
	.brand-centered {justify-content: flex-start;}
	.navbar-main li a{border-bottom: solid 1px #424242 !important;border: none;}
	.footer{ padding-top: 30px;}
	.footer .row {margin-bottom: 30px;}
	.footer .about .contact-info{display: block;position: fixed;bottom: 0px;width: 100%;z-index: 999;text-align: center;background-color:black;padding:0px;margin:0px;margin-left:-15px;border-top:1px #ccc solid}
	.footer .about .contact-info .fa-phone{background-color:#3b5998}
	.footer .about .contact-info .fa-whatsapp{background-color:#25D366; display:none}
	.footer .about .contact-info .fa-envelope-o{background-color:#D44638;display:none}
	.copyright{margin-bottom: 70px;}
	.footer .about{padding-bottom:20px}
}
/************ End Footer Section ************/

/************ Start Home Banner Section ************/
.banner{width: 100%;padding: 0px;border-top: 0px #ccc solid;background: linear-gradient(180deg, rgba(236,239,241,1) 0%, rgba(255,255,255,1) 100%);}
.banner img{width: 100%;height:auto}
.banner .img-responsive.mobile{display:none}@media only screen and (max-device-width:450px){.banner .img-responsive{display:none}.banner .img-responsive.mobile{display:block}}
/************ End Home Banner Section ************/

/************ Start Profiles Section ************/
.profiles{width: 100%;padding: 10px;}
.profiles .item{overflow: hidden;position: relative;border: 2px solid #ccc;margin-bottom:10px;flex: 1;color:#fff;background: radial-gradient(circle, rgba(255,111,97,1) 0%, rgba(249,103,20,1) 50%, rgba(155,27,48,1) 100%);}
.profiles .item:hover{}
.profiles img{width: 100%;max-height:300px;border-bottom:2px solid #ccc;}
.profiles .item .title{font-size: 1em;margin: 0;padding: 10px 0 10px 0;font-weight:bold;color:;text-shadow: 0px 0px 0px;color:#000}
.profiles .item .title:first-letter{color: #000}
.profiles .item ul{margin: 0px;padding: 0px;font-size: 15px;}
.profiles .item .price{font-size: 30px;padding: 5px;}
.profiles .item li{list-style: none;text-align: center;padding: 5px;border-bottom: 2px #ccc solid}
.profiles .item li:last-child{content: '';border-bottom: 0px}
/************ End Profiles Section ************/

/************ Start Home About Section ************/
@media screen and (max-width: 767px){.home-about .col-md-9, .home-about .col-md-3, .profiles .col-md-4, .hotels .col-md-4{margin-left:-15px;margin-right:-15px}}
.profiles .title, .hotels .title{color:#fff}
.profiles .title:first-letter, .hotels .title:first-letter{color: #000;}
.home-about h1:first-letter,.home-about h2:first-letter,.home-about h3:first-letter,.home-about h4:first-letter,.home-about h5:first-letter,.home-about h6:first-letter{color: #000;}
.home-about{width: 100%;padding: 20px; color:#fff}
.home-about h1,.home-about h2,.home-about h3,.home-about h4,.home-about h5,.home-about h6{font-size: 2.8rem; text-align: center; padding: 10px 0 10px 0;margin: 0px;color:#fff;}
.home-about .page-sidebar{position: -webkit-sticky;position: sticky;top: 2%;margin-top:0px;margin-bottom:20px}
.home-about .page-sidebar .title{padding:4px;margin-bottom: 10px;border-radius: 5px;background: linear-gradient(120deg, rgba(98,67,214,1) 0%, rgba(163,53,131,1) 50%, rgba(255,169,77,1) 100%);border:1px #ccc solid}
.home-about .page-sidebar .gallery-item{border:none}
.home-about .page-sidebar .gallery{border:0px solid #ccc}
.home-about .page-sidebar{}
.home-about .page-sidebar img{border: 1px #ccc solid;width: 100%;max-height:300px;border-radius: 5px 5px 0px 0px;}
.home-about .page-sidebar .gallery-caption{color:#000;margin-bottom: 10px;border: 1px #ccc solid;border-top:none;padding:4px;border-radius: 0px 0px 5px 5px;background: radial-gradient(circle, rgba(219,133,28,1) 0%, rgba(255,0,0,1) 100%);}
/************ End Home About Section ************/

/************ Start Unique Links Section ************/
.unique-links a{ color: #fff;font-size:15px}
.unique-links ul{ padding: 0;list-style: none;display: flex;flex-direction:row;flex-wrap: wrap;margin: 0 auto;padding: 10px;text-align: justify;list-style: none;}
.unique-links ul li{position: relative;margin: 3px;border: 0px solid #fff;border-radius: 5px;overflow: hidden;text-align: center;background: gold;color: #000;padding: 5px 10px;}
.unique-links ul li:nth-child(n+1){flex-grow: 1;}
.unique-links ul li:nth-child(2n){background: green;}
.unique-links ul li:nth-child(3n){background: gray;}
/************ End Unique Links Section ************/

/************ Start Hotels Section ************/
.hotels{width: 100%;padding: 20px;text-align:center}
.hotels .item{border-radius: 5px;overflow: hidden;position: relative;border: 1px solid #ccc;margin-bottom:30px;transition: all 0.25s ease-out;flex: 1;background-color:#fff;}
.hotels .item:hover{box-shadow: 0px 1px 5px #ccc;}
.hotels img{width: 100%;height: 280px;border-bottom:1px solid #ccc}
.hotels .item .title{text-align: center;font-size: 1em;margin: 0;padding: 10px;font-weight:bold;text-shadow: 0px 0px 0px;height:70px}
.hotels .item .title a{color: black;font-size:1em}
.hotels .item .title:first-letter{color: black;}
.hotels .item .dec{text-align: left;font-size: 1em;margin: 0;padding: 10px;color: black;}
img.hotel{height: auto;border: 1px solid #ccc;border-radius: 0px;margin-bottom: 20px;width:100%;max-height:430px;border-radius: 5px;}
.page-section .blog-sidebar{position: -webkit-sticky;position: sticky;top: 2%;margin-top:20px;margin-bottom:20px}
.page-section .blog-sidebar .title{padding:2px;background-color: #b5bac0;color: white;box-shadow: none;text-transform: none;font-weight: normal;margin-bottom: 0px;border-radius: 5px 5px 0px 0px;background: linear-gradient(120deg, rgba(98,67,214,1) 0%, rgba(163,53,131,1) 50%, rgba(255,169,77,1) 100%);}
.page-section .blog-sidebar ul{border: 1px solid #ccc;margin: 0px;padding: 0px;border-radius: 0px 0px 5px 5px;margin-bottom:20px}
.page-section .blog-sidebar li{list-style: none;padding: 8px;border-bottom: 1px solid #b5bac0;font-size:16px;}
.page-section .blog-sidebar li a{font-size:16px;}
.page-section .blog-sidebar li:last-child{content: '';border-bottom: 0px}
.page-section .details .fa{padding-bottom:10px;padding-right:5px}
@media screen and (max-width: 990px) {.hotels .item .title{height: auto}}
/************ End Hotels Section ************/

/************ Start Page Section ************/
.page-section .container{background-color:white;border-left:1px solid #ccc;border-right:1px solid #ccc}
.page-section .title{padding:20px;border:0px solid;border-radius:0px;}
.page-section .details{margin:12px 10px;font-size:18px; display: inline-block;width: 97%;}
.page-section h1,h2,h3,h4,h5,h6{font-size:20px}
/************ End Page Section ************/

/************ Start Error Section ************/
.error-404{text-align:center;padding:4em 0 4em 0;color:#fff}
.error-404 h2{color:;font-size:130px;line-height:1;text-shadow:3px 3px 3px black;}
.error-404 h2:first-letter{color:#fff;}
.error-404 p{font-size:16px}
/************ End Error Section ************/

/************ Start Table Section ************/
table{/*border-collapse:separate;*/border-spacing:0;border:0 solid black;width:100%;margin-bottom:10px}
table,caption,tbody,tfoot,thead,tr,th,td,figure{text-align:center;border:thin solid black}
table thead .note{width:100%;border:thin solid black;border-radius:0}
table th{background-color:#edeef4;color:black;font-weight:bold}
caption,th,td{font-weight:400;padding:5px}
/************ End Table Section ************/

/************ Start Social Snap Lite Section ************/
.ss-inline-share-wrapper{margin:0px;padding:0px;margin-bottom:-1em;}
.ss-social-icons-container li{border:0;}
.ss-social-icons-container{margin:0px;padding:0px}
/************ End Social Snap Lite Section ************/

/************ Start Contact Section ************/
.page-section .contact-info{width:100%;background: #f2f2f2;border: 1px solid #e1e1e1;padding: 5px;margin-bottom:5px;border-radius: 5px;text-align: center;}
.page-section .contact-info .fa{display:block;padding-bottom:5px;font-size:1.5em}
.page-section .contact-info a{font-weight:normal;color:#333333}
/************ End Contact Section ************/

/************ Start Gallery Section ************/
.page-section .gallery{display: flex;flex-wrap: wrap;padding: 10px 0px 10px 0px;margin-bottom: 20px;}
.columnx{flex: 33.33333%;padding: 0 10px;}
.columnx img{border: 1px solid #ccc;border-radius: 5px;margin-bottom: 20px;width: 100%;height: auto;}
@media screen and (max-width: 479px) {
	.page-section .gallery{display: flex;flex-wrap: wrap;padding: 0 4px;}
    .columnx{flex: 100%;padding: 0 4px;}
    .columnx img{margin-bottom: 20px;vertical-align: middle;}
}
/************ End Gallery Section ************/



/*
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400&family=Orelega+One&display=swap');
@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
*{ margin: 0px; padding: 0px;}
body{font-family: 'Frank Ruhl Libre', serif; font-size:16px; font-weight:400; background-color:#8c0101;}
.header .logo .title{font-family: 'Orelega One', cursive; font-size: 2.8rem;text-shadow: 2px 1px 2px #000;}
.header .logo .site-url{}*/

.sex-position{
	width:100%;
}
.sex-position img{
	width:100%;
}
.hotels p{
	color:#666;
}
.price_table{
	width:100%;
}
.price_table ul{
	list-style:none;
	width:90%;
	margin:0px auto;
}
.price_table li {
    width: 32%;
    display:inline-block;
}
.progress_bar{
	width:100%;
}
.progress_bar img{
	width:100%;
}
.mar50{
	margin-top:50px;
}
.pro_bar{
	padding-left:15px;
}
.dropdown {
  position: relative;
  display: inline-block;
  width:100%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #8c0101;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 12px;
    z-index: 1;
    border: 4px solid aliceblue;
}
.dropdown_main .top_drop ul{
	list-style:none;
}
.dropdown_main .top_drop li{
	float:left;
	width:24%;
	margin-right: 11px;
}
.dropdown_main .top_drop {
	width:100%;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown_main .dropdown button{
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
    border: 4px solid;
	background:#8c0101;
}
.dropdown_main .dropdown .dropdown-content a{
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid;
    font-size: 15px;
    text-transform: capitalize;
    color: #fff;
}
/*///////////////////////////////////////////////////////
					Responsive Phone
//////////////////////////////////////////////////////*/

@media only screen and (min-width:290px) and (max-width:766px){
.price_table li{
	width:70%;
	border-bottom:1px solid #333;
}
.dropdown_main .top_drop li{
	width:89%;
	margin-bottom:15px;
}
.copyright img{
	width:100% !important;
}
}