/* @override 
	http://localhost:8888/paradordealcalaoaxaca/css/theme.css
	https://paradordealcalaoaxaca.mx/css/theme.css
*/

/*!
 * Start Bootstrap - Full Slider (https://startbootstrap.com/template-overviews/full-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-slider/blob/master/LICENSE)
 */
body { margin: 0; padding: 0; font-family: "Muli", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; color: #727272;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background-color: #000;}
a { color: #000;}
a:hover { color:#FFCC33; text-decoration:none;}
input:focus { outline:none;}
textarea:focus { outline: none;}
.rsp-img-center { margin: 0 auto;}
.active-color { color: #FFCC33;}
h1 { font-family:Varela Round; font-size:32px; line-height:40px; color:#000; letter-spacing:0.0825em;}
h2 { font-family:Varela Round; font-size:26px; line-height:28px; color:#000; letter-spacing:0.0825em; padding-top:15px;}
h3 { font-family:Varela Round; font-size:21px; line-height:23px; color:#000; letter-spacing:0.0825em; padding-top:15px;}
h4 { font-family:Varela Round; font-size:18px; line-height:18px; color:#000; letter-spacing:0.0825em;}
h5 { font-family:Varela Round; font-size:15px; line-height:17px; color:#000; letter-spacing:0.0825em;}
h6 { font-family:Varela Round; font-size:12px; line-height:14px; color:#000; letter-spacing:0.0825em;}
.pos-center { text-align: center;}
.content{ background:#FFFFFF; line-height:25px;}

/* NAVBAR
-------------------------------------------------- */
.navbar{ height:auto !important; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; display:inline;}
.navbar .container{ clear:both;}
/*header 1*/
.navbar .adreesHeader{ width:100%; height:40px; float:left; clear:both; background-color:transparent;}

.navbar-brand{ float:left; clear:none; margin-left:0; text-align:right;}
.navbar-brand img{ height:95px;}

.navbar-collapse{}
.navbar-collapse .navbar-nav{ margin-left:3%;}
	
.pre-header{ width:100%; font-size:11px; height:40px; font-family:Varela Round; background:url(../images/white-pattern.png) rgba(255,255,255,0.3);}
.pre-header ul, 
.pre-header p{ padding-top: 8px;}
.pre-header ul li { float: left; margin-right: 20px; list-style-type:none;}
.pre-header i { padding-right: 5px;}
.pre-header .pull-left{ float:left;}

.pre-link-boxCtrl{}
.pre-link-box{ margin-left:10px; line-height:25px; font-size:1.1em;}
.pre-link-box li a{ color:#FFFFFF !important;}
.pre-link-box li a:hover{ color:#666666 !important; transition:all .2s ease-in-out;}
.pre-address-b{ height:auto; padding:10px 0 0 0; font-size:1.1em; color:#FFF; opacity:0.8;}

/* Alternative Menu */
.pre-header .button-style-1 a{ color:#000000;}
.button-style-1 a { background:#FFCC33; padding:12px 20px; font-family:Varela Round; font-size:12px; color:#000; letter-spacing:0.0725em; transition:all 0.4s;}
.button-style-1 i { padding-right:12px;}
.button-style-1 a:hover { background:#CCCCCC; color:#5c5c5c;}

.pre-header .flagsCtrl{ float:right; clear:none; padding-top:5px;}

@media(max-width:768px){
	.navbar-brand img{ height:40px;}
	.pre-link-boxCtrl{ width:100%;}
	.pre-header{ width:100%; height:auto;}
	.pre-header ul li{ margin-right:5px;}
	.navbar .adreesHeader{ width:100%; height:auto; float:left; clear:both;}
	.pre-address-b{ width:100%; padding:10px 3% 0 3%; text-align:center; font-size:12px;}
	.pre-link-box{ width:auto; float:left; clear:none; padding:0; line-height:12px; font-size:12px;}
	.pre-header .button-style-1{ display:none;}
	.pre-header .flagsCtrl{ float:right; padding-right:3%; padding-top:0; text-align:right;}
}

/* SF Menu */
.sf-menu li a{ font-family: Varela Round; text-transform:uppercase;}
.sf-menu ul{position:absolute; display:none; top:109px; left:0; z-index:99;}
.sf-menu ul li ul { position:absolute; display:none; top:100%; left:100%; z-index:99;}
.sf-menu li:hover > ul, .sf-menu li.sf-menuHover > ul { display:block; padding-left:0;}
.sf-menu ul li { width:100%; min-width:200px;}
.sf-menu .parent-menu ul { float: none;}
.sf-menu .parent-menu { position: relative;}

/*.sf-menu .parent-menu:after{ content: "\f078"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000 !important; font-size:9px; padding-right: 0.5em; position: absolute; top:45%; right:10px;}
.sf-menu .parent-menu:hover:after{ content: "\f078"; font-family:  "Font Awesome 5 Free"; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size:9px; padding-right: 0.5em; position: absolute; top:45%; right:10px;}
.sf-menu .parent-menu.active:after{ content: "\f078"; font-family:  "Font Awesome 5 Free"; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size:9px; padding-right: 0.5em; position: absolute; top:45%; right:10px;}*/
/*SF Menu */
.sf-menu .parent-menu:after{ font-style: normal; font-weight: normal; text-decoration: inherit; color: #000 !important; font-size:9px; padding-right: 0.5em; position: absolute; top:45%; right:10px;}
.sf-menu .parent-menu:hover:after{ font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size:9px; padding-right: 0.5em; position: absolute; top:45%; right:10px;}
.sf-menu .parent-menu.active:after{ font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff !important; font-size:9px; padding-right: 0.5em; position: absolute; top:45%; right:10px;}
.sf-menu .parent-menu .fas{ position:absolute; right:10px; top:45%; font-size:9px;}

.navMnu ul li { float: left; position: relative; transition: all 0.3s;}
.navMnu ul li:last-child{ margin-right: 20px;}
.navMnu ul li.active { background: #0c242e; position: relative;}
.navMnu ul li:hover { background: #0c242e; transition: all 0.4s;}
.navMnu ul li:hover a { color: #fff;}
.navMnu ul.sf-menu > li:before { content:""; position:absolute; top:73px; left:50%; margin-left:-12px; height:2px; width:0; background:#FFCC33; border:none; transition:all 0.4s;} 
.navMnu ul.sf-menu > li:hover:before { content:""; position:absolute; top:73px; left:50%; margin-left:-12px; height:2px; width:25px; background:#FFCC33; border:none;
 transition:all 0.4s;}
.navMnu ul.sf-menu > li.active:before { position:absolute; top:73px; left:50%; height:2px; width:25px; background:#FFCC33; border:none;}
.navMnu ul li.active a { color: #FFF;}
.navMnu ul li a { font-size: 10px; letter-spacing: 0.1525em; color: #000; padding: 47px 14px; display: inline-block;}
.navMnu ul li.parent-menu a { padding-right: 32px;}
.navMnu ul li ul li{ background: #0c242e; line-height: 20px; border-bottom: 1px solid rgba(240,240,240, 0.05); list-style-type:none;}
.navMnu ul li ul li:last-child{ border-bottom: 0;}
.navMnu ul li ul li a{ display:inline-block; font-family:Varela Round !important; width:100%; height:100%; font-size:11px; padding:12px 20px; transition:all 0.4s;}
.navMnu ul li ul li a:hover{ background:#FFCC33; transition: all 0.4s;}
/* Alternative Menu */
#home{ width:100%; float:left; clear:both; padding:0 5%; background:url(../images/white-pattern.png) rgba(255,255,255,0.2);}
#home .main-header{ background: url(../images/white-pattern.png);}
#home .navMnu ul li.active { background: rgba(0,0,0,0.6);}
#home .navMnu ul li.active a { color: #FFCC33;}
#home .navMnu ul li a { color: #FFFFFF;}
#home .sf-menu .parent-menu.active:after{ color:#FFCC33 !important;}
#home .sf-menu .parent-menu:after{ color:#FFFFFF !important;}
#home .navMnu ul li:hover { background: rgba(0,0,0,0.6);}
#home .navMnu ul li:hover a { color: #FFCC33;}
#home .sf-menu .parent-menu:hover:after{ color: #FFCC33 !important;}
#home .navMnu ul li ul li a{ color: #fff !important;}
#home .navMnu ul li ul li{ background: rgba(0,0,0,0.9); list-style-type:none;}
#home .pre-header p{ color: #C9C9CB;}
#home .pre-header ul li a{ color: #C9C9CB;}
#home .language-box ul{ background: transparent;}
#home .language-box ul li{ background: rgba(0,0,0,0.8); border-bottom: 1px solid rgba(255,255,255,0.1); line-height: 25px;}
#home .language-box ul li:first-child{ background: transparent;}
#home .language-box ul:hover li:first-child{ background: rgba(0,0,0,0.8);}
#home .language-box { border-left:1px solid rgba(255,255,255,0.1);}

/* /Alternative Menu */
@media(max-width:768px){
	#home{ width:100%; float:left; clear:both; padding:10px 1%;}
	.navbar-brand{ float:left; clear:none;}
	.navbar-toggler{ float:right; clear:none; color:#FFCC33; margin-right:15px; cursor:pointer;}
	.navbar-toggler .navbar-toggler-icon{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 204, 51, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); cursor:pointer;}
	
	.ml-auto, .mx-auto,
	.navbar-nav{ width:100%;}
	
	.navMnu ul li a { padding: 24px 24px;}
	.navMnu ul li.parent-menu a { padding-right: 32px;}
	.navMnu ul li ul li{ line-height: 10px; }
	.navMnu ul li ul li:last-child{ }
	.navMnu ul li ul li a{ padding:15px 25px; }

	.navMnu ul.sf-menu > li:before { top:45px; left:50%; margin-left:-12px; height:2px;} 
	.navMnu ul.sf-menu > li:hover:before { top:45px; left:50%; margin-left:-12px; height:2px; width:25px;}
	.navMnu ul.sf-menu > li.active:before { top:45px; left:50%; height:2px; width:25px;}
	
	.sf-menu ul{position:absolute; display:none; top:60px; left:0; z-index:99;}
	.sf-menu .parent-menu:after{ font-size:15px; top:40%; right:10px;}
	.sf-menu .parent-menu:hover:after{ font-size:15px; top:40%; right:10px;}
	.sf-menu .parent-menu.active:after{ font-size:15px; top:40%; right:10px;}
	
}
/*-----------------------------------------------------------------------------------*/
/*  INDEX
/*-----------------------------------------------------------------------------------*/
.indxTxt{ text-align:center;}
.indxTxt p{ width:100%; clear:both; text-align:center; padding-bottom:0; padding-left:0; padding-right:0; padding-top:5px;}
.indxTxt ul{ width:100%; list-style-type:none; padding-bottom:0; padding-left:0; padding-right:0; padding-top:5px;}
.indxTxt ul li{ width:100%; list-style-type:none; padding-bottom:0; padding-left:0; padding-right:0; padding-top:5px;}
/* RESRVATION
-------------------------------------------------- */
.book-slider{ width:100%; padding-top:0; background-color:transparent;}
.book-slider .book-sliderCtrl{ width:100%; height:100px; position:absolute; top:149px; left:0; z-index:999; padding:15px 0; background-color:transparent; opacity: 0.9; background:url(../images/slider-book-now.png);}
.book-slider ul{ display: inline-block;}
.book-slider ul li label{ text-align: left; font-size:1em; font-weight:lighter; color:#FFF;}
.book-slider ul li { float: left; margin-right: 55px;}
.book-slider ul li.sec-input { margin-right: 40px;}
.book-slider ul li:last-child{ margin-right: 0;}
.book-slider input, 
.book-slider select { color: #fff; }
.sod_select{ width: 75px; padding: 0; padding-left: 10px; border: solid 1px rgba(228, 178, 72, 0.6); height: 30px; background: transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #fff; padding-top: 8px;}
.sod_select.open{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.sod_select .sod_list_wrapper{ border: solid 1px rgba(228, 178, 72, 0.6);}
.book-slider input, .book-slider ul li.li-input{ width: 200px; background-color:transparent; border-color:rgba(228, 178, 72, 0.6);}
.book-slider select, .book-slider ul li.li-select{ width: 75px;}
::-webkit-input-placeholder { color: #FFF; font-size: 11px;}
.book-slider .button-style-1 { margin-top: 28px; padding: 1px 20px;}
.bottom-book-slider {  width:100%; height:60px; display:none; visibility:hidden; position:absolute; /*top:56%*/ bottom:0; line-height:60px; background: url(../images/bottom-slider-book-now.png); border-bottom: solid 3px #FFCC33;}
.bottom-book-slider { color:#FFF; font-size:12px; letter-spacing:0.0725em;}
.bottom-book-slider ul li { width:25%; float:left; border-right:solid 1px rgba(255, 255, 255, 0.1);}
.bottom-book-slider ul li:last-child { border-right:none;}
.bottom-book-slider i { font-size:13px; color:#FFCC33; padding-right:20px;}
.date-selector::-webkit-input-placeholder{ color:#FFCC33;}
.date-selector:-moz-placeholder{ color:#FFCC33;}
.date-selector::-moz-placeholder{ color:#FFCC33;}
.date-selector:-ms-input-placeholder{ color:#FFCC33;}
.reservation-confirm{ max-width:700px; padding:0 20px; margin:0 auto; margin-top:20px; font-family:Varela Round; font-size:16px; color:#fff;}
.reserve-form-area ul{ list-style:none;}
@media(max-width:768px){
	.book-slider{ width:100%; padding-top:0; background-color:transparent;}
	.book-slider .book-sliderCtrl{ width:100%; height:auto; position:absolute; top:134px; left:0;}	
	.reservation-confirm{ max-width:inherit; padding:0 20px; margin:0 auto; margin-top:0px;}
	.reserve-form-area ul{ list-style:none; padding-left:0;}
	.reserve-form-area ul li{ float:left; clear:none;}
	.book-slider input, .book-slider ul li.li-input{ width:135px;}
	.book-slider select, .book-slider ul li.li-select{ width:65px;}
	.book-slider ul li { margin-right:10px;}
	.book-slider ul li.sec-input { margin-right:40px;}
	.book-slider ul li .button-style-1{ right:0; margin-top:35px;}
}

/*Datetimepicker*/
.gj-datepicker-bootstrap [role=right-icon] button{ width:38px; position:relative; padding-bottom:0; padding-top:0; border:1px solid rgba(228, 178, 72, 0.6); font-size:16px; color:rgba(228, 178, 72, 0.6); line-height:none;}
.custom-select { position: relative; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; background:none; border:none;}
.custom-select select { visibility:hidden; display:none; /*hide original SELECT element: */}
.select-selected { background: transparent;}
/* Style the arrow inside the select element: */
.select-selected:after { width:75px; height:38px; position:absolute; top:0; left:0; padding:10px 0 0 8px; content:""; border:1px solid rgba(228, 178, 72, 0.6); border-radius:5px; text-align:center;}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after { border-color:transparent transparent #fff transparent; top:7px;}
/* style the items (options), including the selected item: */
.select-items div,
.select-selected { color:#ffffff; padding:8px 16px; border:1px solid transparent; border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer;}
/* Style items (options): */
.select-items { position:absolute; background-color:#FFFFFF; top:100%; left: 0; right: 0; z-index: 99;}
.select-items div{ color:#000000;}
/* Hide the items when the select box is closed: */
.select-hide { display:none;}
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);} 

/* CAROUSEL
-------------------------------------------------- */
.carousel > .carousel-inner{ width:100%; height:100vh;}
.carousel > .carousel-inner > .carousel-item{
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
}
.carousel-control-next, 
.carousel-control-prev{ padding-top:50px;}
@media(max-width:768px){
	.carousel > .carousel-inner > .carousel-item{ background: no-repeat center center scroll; background-attachment:scroll;}
	.carousel-control-next, 
	.carousel-control-prev{ padding-top:190px;}
}

/* promos carousel */
.promosCtrl{ width:290px; height:170px; position:absolute; right:10%; bottom:20%; border-radius:30px; opacity:0.9; background-color:transparent;}
.promosCtrl .rounded-carousel{ border-radius:0px;}
.promosCtrl > .carousel{ height:170px;}
.promosCtrl > .carousel > .carousel-inner{ height:170px;}
.promosCtrl > .carousel > .carousel-inner > .carousel-item{ width:290px; height:170px; cursor: pointer;
background-size:290px 170px;
background-position:left top;
background-image:inherit;
background-attachment: local;}
.promosCtrl .carousel .carousel-control .promoCtrl{ padding-top:0; margin-top:0;}
.promosCtrl .carousel .carousel-inner .item img{ border-radius:30px;}
.promosCtrl .carousel .carousel-control .controlArrowTin{}
.promosCtrl .carousel .carousel-control .controlArrowTin.cc-lf{ padding-top:0; position:absolute; top:0;}
.promosCtrl .carousel .carousel-control .controlArrowTin.cc-rg{ padding-top:0; position:absolute; top:0;}
@media (max-width: 768px){
    .promosCtrl{ width:50%; height:100px; position:absolute; right:22%; bottom:30%; border-radius:30px; opacity:0.9; background-color:transparent;}
}

/* nulling promos banner*/
/*#promos{ visibility: hidden; display:none;}*/

/*-----------------------------------------------------------------------------------*/
/*  About Info
/*-----------------------------------------------------------------------------------*/
.title-shape { margin-top:15px; margin-bottom:15px;}
.about-title p { width:100%; margin:0 auto;font-size:15px; color:#666;}
.title-style-1 hr {  width:23px; height:1px; background:#FFCC33; float:left; margin:0; margin-top:13px;}
.title-style-1 h5{ line-height:15px;}
.title-style-2 hr { width:23px; height:2px; background:#FFCC33; margin:0 auto; margin-top:13px;}
.flex-control-paging li a { width:10px; height:10px; background:#f0f0f0; box-shadow:none !important;}
.flex-control-paging li a.flex-active { background:#FFCC33;}
@media(max-width: 768px){
	.about-title{ text-align:center;}
}
.pos-center { text-align: center; margin:0 auto;}
/*-----------------------------------------------------------------------------------*/
/*  Newsletter
/*-----------------------------------------------------------------------------------*/
.newsletter-wrapper{ display: inline-block;}
.newsletter-top { width: 60%; border-bottom: solid 1px #f1f1f1; margin: 0 auto; padding-bottom: 30px;}
.newsletter-section { margin:0 auto; padding-top:15px;}
.newsletter-form h2 { font-family: Shadows Into Light; color: #666666; margin-right: 40px;}
.newsletter-form  input { width: 280px; height: 41px; padding-left: 10px;}
input[type="submit"] { width: 110px; padding: 6px 0; margin-left: 20px; border: solid 1px #FFCC33; background: #FFCC33; text-align: center; font-family: Varela Round; font-size: 12px; color: #FFF; letter-spacing: 0.0725em; transition: all 0.2s;}
input[type="submit"]:hover { background: #0c242e; border: solid 1px #0c242e;}
.newsletter-form  ::-webkit-input-placeholder { color:#959595;}

/*-----------------------------------------------------------------------------------*/
/*  Parallax
/*-----------------------------------------------------------------------------------*/
.parallax{ width: 100%; position:relative;
background-attachment: fixed !important;
background-size: cover !important;
background-repeat: repeat-y;
background-position: top center;}
.parallax-one { height:380px; padding:100px 0; background:url('../images/parallax.jpg');}
/*-----------------------------------------------------------------------------------*/
/*  Support
/*-----------------------------------------------------------------------------------*/
.support-box { position:relative; background:rgba(255,255,255,0.95); padding:10px 15px; padding-top:60px;}
.support-box-title { width:60px; height:60px; position: absolute; background: #FFCC33; text-align: center; border-radius: 50%; top: -30px; left: 50%; margin-left: -30px;}
.support-box-title i { color:#FFF; font-size:18px; padding-top:22px;}

/*-----------------------------------------------------------------------------------*/
/*  servivcios 
/*-----------------------------------------------------------------------------------*/
.serOpc{ margin:15px 0 0 0;  background-color:#222222; opacity:0.8;}
.serOpc a{ color:#FFF;}
.serOpc a:hover{ color:#FFF;}

/*-----------------------------------------------------------------------------------*/
/*  Contact Form
/*-----------------------------------------------------------------------------------*/
.contact-form input[type="text"]{ width:60%; margin-bottom:10px; height:46px; border:solid 1px #f1f1f1; padding-left:10px; padding-top:10px;}
.contact-form textarea { width:100%; border:solid 1px #f1f1f1; height:300px; padding-left:10px; padding-top:10px;}
.contact-form  ::-webkit-input-placeholder { color:#666; font-weight: 500; font-size: 12px;}
.error-page-container { margin-top:15%;}
.maps{ width:100%; height:300px;}

/*-----------------------------------------------------------------------------------*/
/*  Room
/*-----------------------------------------------------------------------------------*/
.home-room-box{ margin-bottom: 60px; margin-top:15px;}
.home-room-details ul li{ margin-top: 5px; float: left; margin-right: 17px; list-style-type:none;}
.home-room-details a { color: #444; font-size: 20px;}
.home-room-details i{ color: #FFCC33; font-size:1.8em;}
.room-rating ul li { float: left; margin-right: 5px;}
.room-rating ul li i { color: #FFCC33; font-size:1.8em;}
.room-rating ul li i.inactive { color: #c6c6c6;}
.room-image { position: relative; overflow: hidden;}
.home-room-box:hover .home-room-details{ height: 70px; transition: all .4s;}
.home-room-details { width:100%; height:40px; position:absolute; bottom:0px; padding:7px 10px 10px 10px; background:rgba(255,255,255,0.9); transition:all .4s;}
.room-details { min-height:120px; margin: 25px 0;}
.room-bottom h4 { color: #FFCC33;}
.room-bottom-time { font-size: 9px; color: #979797;}
.room-features { position:absolute; background:rgba(0,0,0,0.8); color:#FFF; font-size:1.5em; top:9px; right:10px; letter-spacing:0.0725em; transition: all 0.2s; padding:5px 10px;}
.room-features i { padding-right:10px;}
.home-room-box:hover  .room-features { background: rgba(0,0,0,1);}
.verimgHabBtn{ position:absolute; top:40%; left:45%; opacity:0.5; font-size:2.4em; width:50px; height:50px; padding-top:10px; border-radius:25px; background-color:#000000; text-align:center;}
.verimgHabBtn a{ text-decoration:none; transition: all 0.5s ease; color:#FFFFFF;}
.verimgHabBtn a:hover{ text-decoration:none; transition: all 0.5s ease; color: #FFCC33;}
@media(max-width: 768px){
	.about-title{ text-align:center;}
	.room-details { min-height:inherit; margin: 25px 0;}
}
.flexslider-thumb .flex-control-nav li{ width: 126px;}
.flexslider-thumb{ margin-bottom: 30px;}
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

/*-----------------------------------------------------------------------------------*/
/*  FOOTER
/*-----------------------------------------------------------------------------------*/
.footer { padding-top:40px; background:#e1e1e1;}

.main-footer { padding:30px 60px; font-size:12px; border-bottom:1px solid #eeeeee;}
ul.footer-links { margin-left:0; margin-top:30px; padding-left:0; list-style-type:none;}
ul.footer-links li { padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0; line-height:none;}
ul.footer-links li a{ padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0; line-height:none;}

ul.footer-links li i { color:#FFCC33; padding-right:10px; font-size:3em;}
.footer-logo { height: 160px; line-height:normal;}
.footer-logo a{ padding-top:20px; float:left; clear:none; transition:all 0.5s ease;}
.footer-logo a:hover{ opacity:0.7; transition:all 0.5s ease;}
.footer-logo img { display:inline-block;}
.pre-footer { font-size:12px; padding:10px 0; background-color:#000000;}
.pre-footer ul{ list-style-type:none;}
.pre-footer ul li { float: left; margin-right:5px;}
.pre-footer p { color:#333; margin-right: 10px; margin-top: 2px;}
@media (max-width: 768px){
	.main-footer { padding:10px 3%; font-size:12px; border-bottom:1px solid #eeeeee;}
}

/*-----------------------------------------------------------------------------------*/
/*  MODAL
/*-----------------------------------------------------------------------------------*/
.redModal{ width:100%; height:auto; padding:15px; background:#FFCC33; color:#FFF;}
.redModal p{ font-size:1.2em;}
.redModal .noMargSide{ padding-left:0; padding-right:0; margin-left:0; margin-right:0;}

.modal .closeBtn{ width:30px; height:30px; border-radius:15px; position:absolute; top:15px; right:15px; color:#e21018; background-color:#FFF; font-size:1.5em; text-align:center;}
.modal .closeBtn a{ color:#e21018; text-decoration:none;}
.modal .closeBtn a:hover{ color:#e21018; text-decoration:none;}

.redModal .carousel .carousel-control{ background-image:none; background:none;}
.redModal .carousel .carousel-control .controlArrow{ padding-top:109px; font-size:2.5em;}
.redModal > .carousel > .carousel-inner{ height:auto;}
.redModal > .carousel > .carousel-inner > .carousel-item{ height:auto;}

.modal-dialog{ pointer-events:auto; max-width:1190px;}

.redModal iframe{ width:560px; height:315px; margin:0 auto; float:none; text-align:center;}

@media (max-width: 768px){
	.modal{ top:20px;}
	.redModal{ width:100%; height:auto; max-height:350px; padding:10px; background:#FFCC33; color:#FFF;}
	.redModal > .carousel > .carousel-inner > .carousel-item{ width:100%; height:auto;}
	.redModal > .carousel > .carousel-inner > .carousel-item img{ width:100%; height:auto;}
}

/*-----------------------------------------------------------------------------------*/
/*  GENERAL
/*-----------------------------------------------------------------------------------*/
.paddTp150{ padding-top:150px;}

.goDown{ width:50px; height:50px; padding-top:8px; border-radius:25px; background-color:#000000; opacity:0.7; position:absolute; bottom:10%; left:48%; color:#FFFFFF; font-size:2em; text-align:center;}
.goDown a{ opacity:0.9; color:#FFFFFF;}
.goDown a:hover{ opacity:0.9; color:#FFCC33;}

.forList ul{ list-style-type:none;}
.forList ul li{ list-style-type:none;}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div{ background-color:#FFCC33; border-color:#FFCC33;}

.py-5{ background-color:#FFFFFF;}

/*gallery weddyng*/
.page-item.active .page-link{ background-color:#222222;; border-color:#222222;}
.page-link{ color:#222222;}

/*modal*/
.modal-backdrop { opacity: 0.8 !important; /*background-color: rgba(255,204,51,1);*/}
.modal_getProd{}
.modal_getProd h3{ font-size: 1.5em; font-weight: 600; color: #FFFFFF;}
.modal_getProd a,
.modal_getProd a:hover{ width: 100%; text-align: center; color: #FFFFFF; font-size: 1.5em; font-weight: 600;}
.modal_getProd p{ color: #FFFFFF; text-align: justify;}
.modal_getProd .modal-dialog{ margin-top: 5%;}
.modal_getProd.mdlLsMT .modal-dialog{ margin-top: 5%;}
.modal_getProd .modal-content{ width: 650px; margin-left: auto; margin-right: auto; background-color: rgba(255,204,51,0.95); border-radius: 18px;}
.modal_getProd .modal-content .congratsMDL{ text-align: center; color: #FFFFFF;}
.modal_getProd .modal-header{ padding-bottom: 33px; border-bottom:none;}
.modal_getProd .modal-header .close{ position:absolute; right:15px; top:15px; font-size:25px; color: #FFFFFF;}
/* modal (content)*/
.codeSenddModal{ padding: 0px 30px 60px 30px; color: #FFFFFF; text-align: justify;}
.codeSenddModal span{ color: #caa22a;}

/*whats-btn 05092021*/
.btn_whatsapp_container{ position: fixed; top: 8.5%; right: 3%; z-index: 9999;}
.btn_whatsap{ width: 60px; height: 60px; display: block; background-image: url("../images/whatsapp_border2.svg"); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
@media (max-width: 768px){
	.btn_whatsapp_container{ top: 27%; right: 3%; position: absolute; z-index: 1000;}
}

ul  {
  padding-left: 0;
}
ul li {
   list-style-position: inside;
}

ol  {
  padding-left: 0;
	
}
ol li {
   list-style-position: inside;
	
}