@media screen and (min-width: 320px) and (max-width:767px) and (orientation: landscape) {html{background:#000 url(../../n8gaming/image/mobile.gif) no-repeat center center; background-size: 220px; width:100%; height: 80vh; }
}

@media screen and (min-width: 320px) and (max-width:767px) and (orientation: landscape) {
  body{
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;/**/
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
    transform-origin: left top;
	 display:none;
  }
}


/* common css */

.mob-progress-bar{display:none;}
.mob-booking-summary{display:none;}
/*::-webkit-scrollbar {width: 3px !important;}*/
.labels-two label{display:none;}
.labels-two br{display:none;}

input:focus{background:transparent;}
input:after{background:transparent;}
/*-----------------------------------------------*/
.other-info-bx{display:none;}
.select2-container{width:100% !important; padding-bottom: 5px;}
.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border:0 !important; border-bottom: 1px solid #5f4a17 !important; 
    border-radius: 0px !important;
    /*  */
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 35px !important; }

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 11px 0 !important;
    color: #f2f2f2 !important;
    line-height: 0px !important;
}

.valid-label{display:inline-block; letter-spacing: 0.48px; width:100%; padding-top:25px;
	color: #9d8e67;
	font: 400 12px/20px 'muli', sans-serif;}

#deltin-booking{padding:60px 0;}
#deltin-booking h1{padding:50px 0; color: #eadab0; font: 200 30px/42px 'Oswald', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; padding-bottom: 30px;}

#deltin-booking .booking-form-box{width:40%; float:left; border:0px solid red; padding:5px; }
.booking-panel{padding-bottom:70px;}
#deltin-booking .offer-box{width:48%; float:right; border:0px solid blue; padding:9px 0 0 0;}
#deltin-booking .booking-date-box .booking-select-box{position:relative; width:56%;float:left;} /*MODIF20221213 Used to be 47%*/

.booking-panel label{letter-spacing: 0.48px; color: #9d8e67; font: normal 13px/18px 'muli', sans-serif;}
.selected {
	/* The select box */
	display: inline-block;
	width:100%;
	background: #000;
	color: #f2f2f2;
	border-bottom: 1px solid #5f4a17;
	font:400 13px/19px 'muli', sans-serif;
	letter-spacing: 0.3px;
	padding:11px 0px;
	width: 100%;
	cursor: pointer;
	user-select: none;
	 
}
 .selected.arrow-up:after {
	/* The "dropdown" arrow */
	 content: '';
	 box-sizing: content-box;
	 display: inline-block;
	 float: right;
	 width: 20px;
	 height: 20px;
	 background: url(../../n8gaming/image/icons-sprites.png) -5px -1.5px;
	 background-size: 170px; background-repeat: no-repeat;
	 
}
.selected.arrow-down:after {
	/* The "dropdown" arrow */
	 content: '';
	 box-sizing: content-box;
	 display: inline-block;
	 float: right;
	 width: 20px;
	 height: 20px;
	 background: url(../../n8gaming/image/icons-sprites.png) -5px -1.5px;
	 background-size: 170px; background-repeat: no-repeat;
	 -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE 9 */
    -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
    transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

 .fancy-select {
	/* Dropdown options container */
	 list-style: none;
	 width: 100%;
	 margin:0px 0 0 0px;
	 display: block;
	 border: 1px solid #be952e;
	 border-top:0;
	 background-color: #ffffff;
	 overflow-y:auto;
	 overflow-x: hidden;
	 position: absolute;
	 z-index: 2;
	 user-select: none;
	/* height:200px; */
	 overflow:auto;
}
.fancy-select::-webkit-scrollbar {
  width: 8px;
}

/* Track */
 .fancy-select::-webkit-scrollbar-track {
  background:#757576 ; 
}
 
/* Handle */
 .fancy-select::-webkit-scrollbar-thumb {
  background:#1d1d1e; 
}

/* Handle on hover */
 .fancy-select::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
 .fancy-select .fancy-option {
	/* Individual options */
	letter-spacing: 0.3px;
     padding: 14.5px 15px;
	background: white;
    color: #242424;
	 cursor: pointer;
	 font: normal 15px/20px 'muli', sans-serif;
	 width: 100%;
}
 .fancy-select .fancy-option:hover {
	 background: #eadab0;
	 color: #212121;
	 font: bold 15px/20px 'muli', sans-serif;
}

#deltin-booking .booking-outer .booking-date-box {
    border: 0px solid blue;
    width: 45%;
    float: left; padding: 0px;}
.booking-panel .date-box{width:40%; float:right;} /*MODIF20221213: Used to be 45%*/
.booking-panel .datepicker-box{border:0; border-bottom: 1px solid #5f4a17;  font:normal 13px/19px 'muli', sans-serif; color:#f2f2f2; letter-spacing: 0.3px; padding: 10.5px 0px; float: right;  margin-right: 0; width: 100%;}
.booking-panel .datepicker-box::placeholder {color:#f2f2f2;}
.booking-panel .datepicker-box:-ms-input-placeholder {color:#f2f2f2;}
.booking-panel .datepicker-box::-ms-input-placeholder {color:#f2f2f2;}
.booking-panel .datepicker-box{background: url(../../n8gaming/image/icons-sprites.png);
	background-size: 170px; background-repeat: no-repeat;
background-position:right -10em top -1173.5px, 0 0;}
.booking-panel .datepicker-box:hover{cursor:pointer;}

.offer-box .off-icon{height:24px; float:left; position: relative; top: 14px;}
.offer-box h3{letter-spacing: 1px;
    color: #eadab0;
    font: 400 19px/24px 'Oswald', sans-serif;
    text-transform: uppercase;
    float: left;
    padding: 10px 0 10px 10px;
    width: 93%;}
.line{ width: 450px; height: 1px; background-image: linear-gradient(to right, #000000, #2e2626, #594744, #866c61, #b1967e, #b1967e, #b1967e, #b1967e, #866c61, #594744, #2e2626, #000000); position: relative; left: -20px;}

#deltin-booking .booking-outer{border:0px solid red; padding: 15px 0 0 0;}
#deltin-booking .booking-outer .packages-container{border:0px solid blue; width:73%; float:left; padding:0px;}
#deltin-booking .booking-outer .booking-form-box{border:0px solid blue; width:27%; float:left; padding:0px;}
.packages-container .package-box{width:100%; padding-bottom: 40px;}
.packages-container .package-box h2{font:300 25px/30px 'Oswald', sans-serif; letter-spacing: 1.28px; text-transform:uppercase;  color: #9d8e67;}
.package-box h2 span{letter-spacing: 0.6px; color: #eadab0; opacity: 0.8; font: 300 14px/18px 'muli', sans-serif; text-transform: initial; float: right; position: relative; top: 12px;}
.packages-container .package-box .package-icon{height: 40px; float: left; position: relative; top: -9.5px;}
.packages-container .package-box .package-types{width:100%; padding-top: 20px;}
.package-box .package-types .single-package{border: solid 1px #756d58; background-color: #0b0b0b; width:calc(33.33% - 13.5px); padding:20px 25px 0px 25px; float:left; margin-bottom:22px; opacity:0.7;}
.package-box .package-types .single-package:nth-child(3n+1){margin-right:10px;}
.package-box .package-types .single-package:nth-child(3n+2){margin:0 10px;}
.package-box .package-types .single-package:nth-child(3n+3){margin-left:10px;}
.package-types .single-package h3{ background-image: linear-gradient(to right, #f2f2f2 40%, rgba(255, 255, 255, 0) 20%); background-position: bottom; background-size: 3px 1.6px; background-repeat: repeat-x;  padding-bottom:14px; margin-bottom:15px;}
.package-types .single-package h3 span{text-transform:uppercase;/**/ font: 400 18px/24px 'Oswald', sans-serif; letter-spacing: 1px; color: #f2f2f2;}
.package-types .single-package h3 span.price{float:right;}
.package-types .single-package ul{margin:0 0 10px 0; padding-left: 20px;}
.package-types .single-package ul li{/*letter-spacing: 0.6px; color: #eadab0; font: 400 14px/18px 'muli', sans-serif; padding:0 0 6px 0;*/
    letter-spacing: 0.3px;
    color: #eadab0;
    font: 400 13px/18px 'muli', sans-serif;
    padding: 0 0 5px 0;
    text-decoration: none;
    border: 0;
}
.package-types .single-package ul li a{/*letter-spacing: 0.6px; color: #eadab0; font: 400 14px/18px 'muli', sans-serif; padding:0 0 6px 0; text-decoration:none;  border:0;*/
    letter-spacing: 0.3px;
    color: #eadab0;
    font: 400 13px/18px 'muli', sans-serif;
    padding: 0 0 5px 0;
    text-decoration: none;
    border: 0;
}
.package-types .single-package ul li strong{font-weight:600;}
.package-types .single-package ul li::before {
    content: "";
    background: url(../../n8gaming/image/icons-sprites.png) -4px -54px;
    background-size: 130px;
    display: inline-block;
    width: 1.5em;
    height: 17px;
    margin-left: -1.5em;
    position: relative;
    top: 2px;
}
.popup-btn{/*font: normal 15px/1.47 'muli', sans-serif; letter-spacing: 0.6px;*/ color: #be952e; border-bottom: 1px solid #be952e; padding-bottom: 1px; margin-left:20px;
    font: 400 14px/24px 'Oswald', sans-serif;
    letter-spacing: 1.44px;
    text-transform: uppercase;
}

.package-details{/*height:250px;height:265px;height:255px;*/ overflow: hidden;height:170px;}

.package-btn-box{width:100%; padding-top: 15px;}
.package-btn-box .min-box{width:27%; float:left;}
.package-btn-box .count-box{width:45%; float:left; text-align:center; font: 400 26px/28px 'Oswald', sans-serif; padding:11px 0 0 0;}
.package-btn-box .count-box span{font: 400 18px/28px 'Oswald', sans-serif;}
.package-btn-box .plus-box{width:27%; float:left;}

.package-box .package-types .single-package .package-btn-box button{width:100%; border: solid 1px #756d58; background:transparent; color:#756d58; position: relative; bottom: -1px; padding:9px 0; }
.package-box .package-types .single-package .package-btn-box .plus-box button{border: solid 1px #be952e !important; color:#be952e !important;}
.package-box .package-types .single-package .package-btn-box button:hover{border: solid 1px #be952e; color:#be952e; }
.package-box .package-types .single-package .package-btn-box .min-box button{font: bold 18px/28px 'Oswald', sans-serif;}
.package-box .package-types .single-package .package-btn-box .plus-box button{font: bold 32px/28px 'Oswald', sans-serif;}


/* Clicked css styling of packages*/
.package-box .package-types .single-package.clicked{border: solid 1px #be952e; color: #be952e; background:#212121; opacity:1;}
.package-box .package-types .single-package.clicked .package-btn-box button{border: solid 1px #be952e; color: #be952e;}
.package-box .package-types .single-package.clicked .package-btn-box .count-box{color: #f2f2f2;}

.info-box{margin-top:-10px;}
.info-box span{float:left; padding-right:3px; color:#eadab0; font: 400 14px/18px 'muli', sans-serif; color:#eadab0;}
.info-box p{color:#eadab0; font: 400 14px/18px 'muli', sans-serif; padding-left: 5px;
    display: inline;}
.info-box ul{margin:0; padding:30px 0 0 0;}
.info-box ul li{display:inline-block; padding-right:40px; font: 400 18px/28px 'Oswald', sans-serif; letter-spacing: 1px; text-transform:uppercase;
 color: #be952e; }
 .info-box ul li a{ font: 400 14px/20px 'Oswald', sans-serif; letter-spacing: 1px; color: #be952e; border-bottom: 1px solid #be952e; padding-bottom:4px; text-transform:uppercase;}

.booking-form{background:#fffee2; margin:0px 0 0 20px; padding:20px 15px 15px 15px; position:relative;}
.booking-form h3{text-transform: uppercase; font:600 16px/24px 'Oswald', sans-serif; letter-spacing: 1px; color: #000000; padding-bottom:20px; position:relative;}

.property-info{/*border-bottom:1px solid #ece9cb;*/ margin:0 0 3px 0;}
.property-info .info:nth-child(1){width:50%; float:left;}
.property-info .info:nth-child(2){width:43%; float:right;}
.property-info .info label{letter-spacing: 0.48px;  /*color: #000000; opacity:0.7;*/ font: 400 14px/18px 'muli', sans-serif; color: #8E8E8E; opacity: 1; }
.property-info .info p{letter-spacing: 0.3px; color: #000000; font: 400 13px/18px 'muli', sans-serif; margin:0; padding:5px 0 20px 0;}

/*.booking-form .summary{width:100%; border:0; border-collapse:collapse;}
.booking-form table th{color:#4d4d44; padding:4px 12px; text-align:left; font: 400 14px/1.47 'muli', sans-serif;}
.booking-form table th:nth-child(1){padding:4px 0px;}
.booking-form table th:nth-child(3){text-align:right; padding:5px 0 5px 12px;}
.booking-form table td{color:#807f71; padding:4px 12px; text-align:left; font: 400 15px/1.47 'muli', sans-serif;}
.booking-form table td:nth-child(1){width: 50%; padding:4px 0px; color:#000;}
.booking-form table td:nth-child(1) span{padding:4px 0px; color:#807f71; font: 400 14px/1.47 'muli', sans-serif;}
.booking-form table td:nth-child(2)	{width: 25%;}
.booking-form table td:nth-child(3){width: 25%;text-align:right; padding:4px 0 4px 12px; color:#000;}
.dotted-border{border:0; border-top:1px dotted #000; border-bottom:1px dotted #000; width:100%;}*/

.package-list-box label{color:#4d4d44; text-align:left; font: 400 13px/1.47 'muli', sans-serif;/*font: 400 14px / 22px 'muli', sans-serif;*/font: 400 16px / 20px 'muli', sans-serif;color: #8E8E8E;opacity: 1;}
.package-list-box .package-name{width:50%; float:left; text-align:left; padding:2px 0;}
.package-list-box .package-name h5{margin:0; padding: 0 5px 0 0px; font: 400 15px/20px 'muli', sans-serif; color:#000; }
.package-list-box .package-name h5 span{color:#807f71; font: 400 14px/1.47 'muli', sans-serif;}
.package-list-box .package-otpc{width:25%; float:left; text-align:right; padding: 5px 10px 5px 0;}
.package-list-box .package-otpc p{margin:0; padding:0; color:#807f71; font: 400 14px/18px 'muli', sans-serif;}
.package-list-box .package-amount{width:25%; float:left; text-align:right;/* padding:5px 0;*/padding: 2px 0;}
.package-list-box .package-amount h6{margin:0; padding:0; color:#000; font: 400 14px/18px 'muli', sans-serif;}
.dotted-line{background-image: linear-gradient(to right, #9d8e67 40%, rgba(179, 112, 112, 0) 20%); background-position: bottom; background-size: 3px 1.6px; background-repeat: repeat-x; padding:5px 0 0 0; margin:5px 0 8px 0; width:100%;}
.dotted-line:first-child{margin-top:10px;}
.package-list-box.total-box .package-name h5{font: 700 15px/1.47 'muli', sans-serif; letter-spacing:0.5px;}
.package-list-box.total-box .package-otpc p{color:#000;}
.package-list-box.total-box .package-amount h6{ font: 700 15px/1.47 'muli', sans-serif;}
.proceed-box{width:100%;}
.proceed-box button{background: #be952e; text-transform: uppercase; border: 1px solid #be952e; color: #fff; font: 400 15px/20px 'Oswald', sans-serif; letter-spacing: 1px; padding:15px 0; width:100%; margin:8px 0 0 0;}

.package-list-box .package-name{width:30%; float:left; text-align:left; /*padding:2px 0;*/ padding: 5px 0;}
.package-list-box .package-otpc{width:35%; float:left; text-align:right; padding: 5px 10px 5px 0;}
.package-list-box .package-amount{width:35%; float:left; text-align:right; /*padding:5px 0;*/padding: 2px 0;}

.events-booking .package-list-box .package-name{
    width:60%;
}
.events-booking .package-list-box .package-amount{width:40%;}

/* popup modal */
.close {
    float: right;
    font-size: 21px;
    font-weight: 300;
    line-height: 1;
    color: #be952e;
    
}

.close:focus,
.close:hover {
    color: #be952e;
    text-decoration: none;
    cursor: pointer;
    
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:100050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
	
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
	background: url("../../n8gaming/image/header-bck.png");
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
	top: 25%;
	background-color: #212121;
}

.modal-content {
    position: relative;
    background-color: #212121;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 0px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px;
	position: absolute;
    top: 20px;
    right: 20px;
}

.modal-title {
    margin: 0;
    font: 300 28px/34px 'Oswald', sans-serif;
	letter-spacing: 1.64px;
    color: #eadab0;
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-body ul{}
.modal-body ul li{letter-spacing: 0.3px;
    color: #eadab0;
    font: 400 13px/18px 'muli', sans-serif;
    padding-bottom: 8px;}
.modal-body ul{margin-bottom:0;}
.modal-body ul li:last-child{padding-bottom:0;}
.modal-body ul li::before {
    content: "";
    background: url(../../n8gaming/image/icons-sprites.png) -4px -54px;
    background-size: 130px;
    display: inline-block;
    width: 1.5em;
    height: 17px;
    margin-left: -1.5em;
    position: relative;
    top: 2px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

/*popup know more styling*/
#know-more .modal-dialog{top: 22%;}
#know-more .modal-content{}
#know-more .modal-header .package-heading{width:73%; float:left;}
#know-more .modal-header .package-heading h3{margin: 0; font: 300 32px/36px 'Oswald', sans-serif; letter-spacing: 1.64px; color: #eadab0; text-transform:uppercase;}
#know-more .modal-header .package-heading h3 span{font: 300 20px/24px 'Oswald', sans-serif; color:#f2f2f2;}
#know-more .modal-header .pack-details{width:32%; float:right; position: relative; top: -12px;}

#know-more .modal-header .pack-details h6{width:50%; float:left; font: 400 23px/28px 'Oswald', sans-serif; letter-spacing: 1px; color: #f2f2f2;}
#know-more .modal-header .pack-details h6 span{/*letter-spacing: 0.48px; color:#eadab0; opacity: 0.7; text-transform: uppercase; font: 400 14px/1.47 'muli', sans-serif;*/
    color: #9d8e67;
    font: 400 15px/24px 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
#know-more .modal-header .pack-details h6:nth-child(2) {
    float: right;
}
#know-more .modal-body {position: relative; padding: 0px 15px 15px 15px; height: 460px;
    overflow: auto;}

#know-more .modal-body h4{color: #9d8e67;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font: 400 15px/24px 'Oswald', sans-serif;
    padding-bottom: 25px;}

.package-include-list{width:100%; /*padding-bottom: 20px;*/}
.package-include-list .package-include{width:33.33%; float:left; height: 45px; margin-bottom: 10px}
.package-include-list .package-include:nth-child(3n){clear:right; }
.package-include-list .package-include img{height:24px; float:left; margin-right:10px; position: relative;top: -5px; /*top: 2px;*/}
.package-include-list .package-include p{/*letter-spacing: 0.6px; */color: #eadab0;font: 300 13px/18px 'muli', sans-serif;/* font: 300 14px/18px 'muli', sans-serif;*/}
.white-dotted-line{background-image: linear-gradient(to right, #f2f2f2 40%, rgba(255, 255, 255, 0) 20%); background-position: bottom; background-size: 3px 1.6px; background-repeat: repeat-x; padding: 5px 0 0 0;  margin: 5px 0 8px 0; width: 100%;}
.drinks-list{width:100%; position:relative;}
.drinks-list p{/*letter-spacing: 0.6px; color: #9d8e67; font: 300 15px/18px 'muli', sans-serif; padding:10px 0 5px 0;*/
    color: #eadab0;
    font: 400 13px/18px 'muli', sans-serif; letter-spacing: 0.6px;   padding:10px 0 5px 0;clear: left;    margin-bottom: 0.25rem;
}

/*
.drinks-list p:last-child {
  margin-bottom: 2.25rem;
}*/

#food-div {
    margin-top: 2.25rem;
}

.rates{width:100%; position:relative; margin-top:40px;}
#know-more .modal-body h5.package-sub-heading{color: #9d8e67;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font: 400 15px/24px 'Oswald', sans-serif;
    position: absolute;
    top: -12px;
    background: #212121;
    padding-right: 7px;}
#know-more .modal-body ul{padding-top:13px;}
#know-more .modal-body .drinks-list ul li{width:33.33%; float:left; padding-right: 35px;
   height: 45px;
 /*  margin-bottom: 20px; */
    
}
#know-more .modal-body .rates ul li b{font:400 15px/20px 'muli', sans-serif;}
#know-more .modal-body .rates ul li span{font:400 15px/20px 'muli', sans-serif; color:#ffffff;}

/*--------------------------------*/

/* progress bar*/
.progress-bar{width:100%; padding:103px 0 20px 0; border:0px solid red;}
.progress-block {width:25%; float:left; text-align: center; position:relative;}
.progress-block  label{letter-spacing: 0.48px; color: #a29779; font:400 12px/15px 'muli', sans-serif; }
.progress-block .round-one{width: 16px; height: 16px;  border: solid 1px #a3987b; border-radius:50%; margin: 10px auto; background:#000; text-align: center;}
.progress-block .round-two{display:none; width: 6px; height: 6px; opacity: 1;  border: solid 0px #eadab0; border-radius:50%; margin: 4px auto; background:#eadab0;}
.progress-block .p-line{height:1px; width:81%; float:right; background:#e7d6aa; position: absolute; right: -32px; bottom: 17.8px; z-index: -1; margin:0; padding:0; opacity:0.7;}

.progress-block .completed-icon{display:none; width: 12px; padding: 2px 0; margin: 0 auto;}

.progress-block.ongoing label{color:#eadab0;}
.progress-block.ongoing label:hover{cursor:pointer;}
.progress-block.ongoing .round-one{border: solid 1px #eadab0;}
.progress-block.ongoing .round-two{display:block;}

.progress-block.completed label{color:#be952e;}
.progress-block.completed label:hover{cursor:pointer;}
.progress-block.completed .round-one{border: solid 1px #be952e;}
.progress-block.completed .completed-icon{display:block; }
.progress-block.completed .p-line{background:#be952e;}
/*-------------------------------*/

.back-btn{width: 13%;
    padding: 10px 0;
    background: transparent;
    border: 1px solid #be952e;
    color: #be952e;
    text-transform: uppercase;
    font: 400 18px/24px 'Oswald', sans-serif;
    letter-spacing: 1px;
    margin-top: -3px;
    float: right;}
.back-btn:hover{background: #be952e;
    color: #f2f2f2;}

/* guest page*/
.guest-box h4{font: 300 25px/30px 'Oswald', sans-serif; padding-bottom:30px; letter-spacing: 1.28px; text-transform: uppercase; color: #9d8e67;}
.guest-list{padding:40px 40px; width:104%; background: #0e0e0e; margin-bottom:50px; margin-left:-40px;}

.single-guest {padding-bottom:45px;}
.single-guest h5{text-transform: uppercase; font: 400 18px/24px 'Oswald', sans-serif; letter-spacing: 1px; color: #eadab0; padding-bottom:0px;}
.guest{width:28%; float:left; margin-right:35px; position:relative;}
.single-guest .guest:nth-child(2){width:28%;}
.single-guest .guest:nth-child(4){width:26%;}
.delete-box{height: 20px;  width: 20px; float:right; position:relative; bottom: -30px;}
.guest label{letter-spacing: 0.48px;
    color: #9d8e67;
    font: 400 12px/20px 'muli', sans-serif;}
.guest .input-box{width:100%; background:transparent; border:0; border-bottom:1px solid #5f4a17; color:#f2f2f2; padding:9px 0px; margin-top:0px; font: normal 15px/20px 'muli', sans-serif;}
.guest .input-box:after{width:100%; background:transparent; border:0; border-bottom:1px solid #5f4a17; color:#f2f2f2; padding:9px 0px; margin-top:0px; font: normal 15px/20px 'muli', sans-serif;}	
.guest select{background:#0e0e0e; font: normal 15px/20px 'muli', sans-serif;}
.guest .selected{background:#0e0e0e; padding: 9px 0px; letter-spacing: 0.3px; color: #f2f2f2; }

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 30px;
  transition: 0.2s ease all;
  color:#808080;
  letter-spacing: 0.3px;
  color:#808080;
  font: normal 15px/20px 'muli', sans-serif;
}

input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
	top: 3px;
	bottom:0px;
	left: 0px;
	letter-spacing: 0.48px;
	color: #9d8e67;
	font: 400 12px/20px 'muli', sans-serif;
}

.float-label{padding-top:20px; margin-top:0px;}


#deltin-booking .booking-outer.guest-box .booking-form-box {
    border: 0px solid blue;
    width: 27%;
    float: left;
    padding: 0px;
    margin-top: -133px;
}

.guest-btn{width:30%; padding:12px 0; background:transparent; border:1px solid #be952e; color:#be952e; text-transform: uppercase; font: 400 18px/24px 'Oswald', sans-serif; letter-spacing: 1px; margin-top:5px;}
.guest-btn:hover{ background:#be952e; color:#f2f2f2;}

.guest-box .info-box p {
    color: #eadab0;
    font: 300 15px/22px 'muli', sans-serif;
    padding-left: 15px;
}
.guest-box .info-box h3{
    font: 300 25px/30px 'Oswald', sans-serif;
    padding:50px 0 15px 0;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    color: #9d8e67;
}

.tick-box{width:20px; height:20px; border:1px solid #be952e; margin-bottom: 10px; float:left; background:transparent; position:relative; overflow:hidden;}
.unchecked img{position: absolute; left: -20px; top: 1px; width: 20px;}
.checked img{position: absolute; left: -1px; top: 1px; width: 20px;}

.guest-box .info-box h6{letter-spacing: 0.6px; color: #eadab0; float: left; padding: 0 0 0 15px; font: 300 15px/20px 'muli', sans-serif;}
.guestsame{position:relative; width: 10%; float:left;}
.guest-box .info-box .selected {width: 100%; text-transform: capitalize; margin-left: 10px;  padding-top: 0;}
.guest-box .info-box .fancy-select{width:100px;}
.guest-box .info-box ul{margin:0; padding:0;}
.guest-box .info-box ul li{text-transform:capitalize;}
.edit-icon{width: 20px; float: right; margin-right: 5px; margin-top:4px;}

.invalid .input-box{border-bottom: 1px solid #f54343;}
.invalid  h6{letter-spacing: 0.48px; color: #f54343; font: normal 12px/20px 'muli', sans-serif; padding:2px 0 0 0px;}
.invalid h6 .alert-icon{width:16px; position: relative; top: 4px; margin-right: 5px;}
/*------------------------*/


/* guest summary page*/
.booking-form .big-dotted-box{border-bottom: 11px dotted #000000; position: absolute; left: 0px; right: 0;  bottom: -4.5px; height: 10px; width: 96%; margin: 0 auto;}

.biller-info{padding-bottom: 15px;}
.biller-info label{letter-spacing: 0.48px; color: #000000; opacity: 0.7;  font: 400 13px/1.47 'muli', sans-serif;}
.biller-info p{padding: 0 5px 0 0px; font: 400 16px/20px 'muli', sans-serif; color: #000; margin: 0 0 15px 0;}
.booking-sum-block .head-info{width:100%;}
.head-info .property-info{width:27%; float:left; border:0px solid red;}
.head-info .day-date{width:27%; float:left; border:0px solid blue;}
.head-info .edit-block{width:20%; float:right; border:0px solid green; text-align:right; padding-top:20px;}
.head-info .edit-block a{text-transform: uppercase; font:400 14px/18px 'Oswald', sans-serif; letter-spacing: 1px; color: #be952e}
.head-info .edit-block a .icon-edit{width:18px; position: relative; top: 1px; margin-right:1px;}

.property-info label{letter-spacing: 1px; color: #9d8e67; font: 400 14px/20px 'muli', sans-serif;}
.property-info h3{letter-spacing: 0.5px; color: #f2f2f2; font: 400 14px/18px 'muli', sans-serif; font-stretch: normal;
  font-style: normal;}
.day-date label{letter-spacing: 1px; color: #9d8e67; font:400 14px/20px 'muli', sans-serif;}
.day-date h3{letter-spacing: 0.5px; color: #f2f2f2; font:400 14px/18px 'muli', sans-serif; font-stretch: normal;
  font-style: normal;}
.dotted-white-line{    background-image: linear-gradient(to right, #f2f2f2 40%, rgba(255, 255, 255, 0) 20%);
 background-position: bottom; background-size: 3px 1.6px; background-repeat: repeat-x; padding: 5px 0 0 0; margin:0px 0 10px 0; width: 100% }
.booking-sum-block h5{color: #9d8e67; font: 200 18px/24px 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; padding:20px 0 15px 0; }

/*.booking-sum-block table{width:100%; border-collapse:collapse; margin-bottom: 16px;}
.booking-sum-block th{text-align:left; padding:8px 0; letter-spacing: 0.6px; color:#a89d7f; font: 400 14px/1.47 'muli', sans-serif;}
.booking-sum-block th:nth-child(5), .booking-sum-block th:nth-child(6){text-align:right;}
.booking-sum-block td{text-align:left; padding:12px 0; color:#808080; font: normal 15px/1.47 'muli', sans-serif;}
.booking-sum-block td:nth-child(5), .booking-sum-block td:nth-child(6){text-align:right;}
.booking-sum-block td:nth-child(1), .booking-sum-block td:nth-child(6){color:#f2f2f2;}

.booking-sum-block th:nth-child(1), .booking-sum-block td:nth-child(1){width:22%; border:0px solid #fff;}
.booking-sum-block th:nth-child(2), .booking-sum-block td:nth-child(2){width:25%; border:0px solid #fff;}
.booking-sum-block th:nth-child(3), .booking-sum-block td:nth-child(3){width:16%; border:0px solid #fff;}
.booking-sum-block th:nth-child(4), .booking-sum-block td:nth-child(4){width:16%; border:0px solid #fff;}
.booking-sum-block th:nth-child(5), .booking-sum-block td:nth-child(5){width:10%; border:0px solid #fff;}
.booking-sum-block th:nth-child(6), .booking-sum-block td:nth-child(6){width:11%; border:0px solid #fff;}
*/
.guest-sum-container{padding-bottom:18px;}
.mob-left-section{width:79%; float:left; border:0px solid red;}
.mob-right-section{width:21%; float:left; border:0px solid blue;}
.booking-sum-block .tab-head{float:left; padding:0 0 0px 0; }
.booking-sum-block .tab-head label{letter-spacing: 0.6px; color:#a89d7f; font: 400 14px/1.47 'muli', sans-serif;}
.booking-sum-block .tab-head p{color:#808080; font:400 14px/18px 'muli', sans-serif; margin: 0; padding: 15px 0 10px 0; word-break: break-word;}
/**/.booking-sum-block .tab-content{float:left; text-align:left; padding:12px 0; color:#808080; font: 400 14px/18px 'muli', sans-serif;}
.mob-left-section .tab-head:nth-child(1){width:38%;}
.mob-left-section .tab-head:nth-child(1) p{color:#f2f2f2;}



.mob-left-section .hide-mobv .tab-head:nth-child(1){width:39%; padding: 0 15px 0 0;}
.mob-left-section .hide-mobv .tab-head:nth-child(2){width:19%;}
.mob-left-section .hide-mobv .tab-head:nth-child(3){width:24%;}

.mob-right-section .tab-head:nth-child(1){width:42%; text-align:right;}
.mob-right-section .tab-head:nth-child(2){width:58%; text-align:right;}
.mob-right-section .tab-head:nth-child(2) p{color:#f2f2f2;}

.total-box{padding:15px 0 25px 0;}
.total-box .head-box{width:79%; float:left; text-align:left;}
.total-box .head-box h6{letter-spacing: 0.5px; color: #9d8e67; font:400 20px/24px 'Oswald', sans-serif; font-stretch: normal; font-style: normal; text-transform:uppercase;}
.total-box .otpc-box{width:10%; float:left; text-align:right;}
.total-box .otpc-box h6{color:#808080; letter-spacing: 0.5px; font:400 20px/24px 'Oswald', sans-serif; font-stretch: normal; font-style: normal;}
.total-box .price-box{width:11%; float:left; text-align:right;}
.total-box .price-box h6{color:#f2f2f2; letter-spacing: 0.5px; font:400 20px/24px 'Oswald', sans-serif; font-stretch: normal; font-style: normal;}
.coupon-box{padding-top:10px;}
.coupon-txt{background:transparent; letter-spacing: 0.3px; color: #f2f2f2; font: normal 15px/1.47 'muli', sans-serif; border:1px dashed #be952e; padding:10px 12px; text-align:center; margin-bottom: 40px;}
.coupon-applied{width:100%;}
.coupon-applied p.coupon-code{letter-spacing: 0.6px; color: #beb190; padding:5px 0; font: 400 14px/1.47 'muli', sans-serif; margin:0; width:79%; float:left;}
.otpc-applicable{width:21%; float:left;}
.otpc-applicable .coupon-otpc{width: 42%;float:left; text-align: right;}
.otpc-applicable .coupon-otpc p{color: #808080; font: normal 15px/1.47 'muli', sans-serif;  margin: 0; padding:5px 0;}
.otpc-applicable .coupon-price{width: 58%;float:left; text-align: right;}
.coupon-btn{background:transparent; color:#be952e; border:0; text-transform:uppercase; font:500 16px/20px 'Oswald', sans-serif; letter-spacing: 1px; margin-left:15px; padding-top:3px;}

.btns-block p{letter-spacing: 0.6px; color: #beb190; float: left; padding: 0 0 0 15px; font: 400 12px/1.47 'muli', sans-serif;}

.pay-btn{width:30%; padding:12px 0; border:1px solid #be952e; background:#be952e; color:#f2f2f2;  text-transform: uppercase; font: 400 18px/24px 'Oswald', sans-serif; letter-spacing: 1px; margin-top:5px; opacity:0.5;}
.pay-btn.agreed{ opacity:1; }

#sub-contact-page {
    padding: 0px 0 30px 0;
}
.bs-img {
    position: absolute;
    top: 37px;
    right: 10px;
    height: 60px;
}

/*-----------------------------------*/

/* bookings payment page*/
.payment-page{}
.payment-block .tile
{
  width:100%;
  margin:0px 0;
}
.payment-block #tile-1 .tab-pane
{
  padding:25px 40px 35px 40px;

}
.payment-block #tile-1 .nav-tabs
{
  position: relative;
    border: 0;
    background-color: transparent;
    border-radius: 0px;
    margin: 0;
    width: 60%;
    float: left;
}
.payment-block #tile-1 .nav-tabs li
{
	margin: 0px 0 0 -1px;
    position: relative;
    border: 1px solid #be952e;
    width: 25%;
    color: #be952e;
}
.payment-block #tile-1 .nav-tabs li a
{
    position: relative;
    margin-right: 0px;
    padding: 9px 0 9px 0px;
    text-align: center;
    border: none;
    color: #be952e;
    font: 400 16px/22px 'Oswald', sans-serif;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.payment-block #tile-1 .nav-tabs a:hover
{
  background-color:transparent;
  border:none;
}
.payment-block #tile-1 .slider
{
    display: inline-block;
    width: 30px;
    height: 100%;
    border-radius: 0px;
    background-color: #be952e;
    position: absolute;
    z-index:8;
    bottom: 0;
    transition: all .2s linear;
  
}
.payment-block #tile-1 .nav-tabs .active
{
	background-color:transparent!important;
	position: absolute;
	z-index: 9;
	left: 0;
	right: 0;
	color:#fff;
}

.payment-block .tab-content{background:#0e0e0e; margin-top:30px; width: 90%; margin-left: -40px;}
.credit-form-block{width:100%; position:relative;}
.payment-block h3{text-align:right; letter-spacing: 0.6px; color: #eadab0; color: #a89d7f; font: 400 15px/1.47 'muli', sans-serif;}
.payment-block h3 span{letter-spacing: 1px; color: #f2f2f2; font: 400 14px/20px 'Oswald', sans-serif;}
.payment-form{position:relative; width:45%; margin-top:-25px;}
.payment-form  .input-block{position:relative;}
.payment-form .form-input{background:transparent; width: 100%; border: 0; border-bottom: 1px solid #5f4a17; color: #f2f2f2; padding: 0px 0px 10px 0; margin:7px 0 10px 0; font: normal 15px/20px 'muli', sans-serif;}
.payment-form .selected{background:transparent; font: 400 15px/1.47 'muli', sans-serif; margin-top:10px;}
.payment-form .spacer{margin-top:10px;}

.payment-form .datepicker-box {
    background: url(../../n8gaming/image/icons-sprites.png);
    background-size: 165px;
    background-repeat: no-repeat;
    background-position: right -8.53em top -1134.5px, 0 0;
}
.payment-form .datepicker-box {
    border: 0;
    border-bottom: 1px solid #5f4a17;
    font: normal 15px/20px 'muli', sans-serif;
    color: #f2f2f2;
    letter-spacing: 0.3px;
    padding: 10.5px 0px;
    float: right;
    margin-right: 0;
    width: 100%;
}

.payment-form .info-icon {
    background: url(../../n8gaming/image/icons-sprites.png);
    background-size: 185px;
    background-repeat: no-repeat;
    background-position: right -10em top -700.5px, 0 0;
}
.payment-form span.note-label{letter-spacing: 0.6px; color: #beb190; padding: 15px 5px 10px 0px; font: 400 14px/1.47 'muli', sans-serif; float:left;}
.payment-form p.note-txt{letter-spacing: 0.6px; color: #beb190; padding: 15px 0 10px 45px; font: 400 14px/1.47 'muli', sans-serif; }
.payment-form .pay-btn{width:100%; margin-top:15px;}


.payment-form .select-box-month{width:calc(50% - 13px); float:left; position:relative;}
.payment-form .select-box-year{width:calc(50% - 13px); float:right; position:relative;}
.payment-form .select-box-month .selected.arrow-up:after, 
.payment-form .select-box-month .selected.arrow-down:after,
.payment-form .select-box-year .selected.arrow-up:after, 
.payment-form .select-box-year .selected.arrow-down:after{display:none;}
.payment-form .select-box-month .selected{
    background: url(../../n8gaming/image/icons-sprites.png);
    background-size: 165px;
    background-repeat: no-repeat;
    background-position: right -8.53em top -1134.5px, 0 0;
}
.payment-form .select-box-year .selected{
    background: url(../../n8gaming/image/icons-sprites.png);
    background-size: 165px;
    background-repeat: no-repeat;
    background-position: right -8.53em top -1134.5px, 0 0;
}
.b-total{display:none;}

/*----------------------------------*/

/* Confirmation page*/
.confirmation-page h1{text-align:center;}
.success-icon{width:56px; height:56px; background:transparent; overflow:hidden; margin:0 auto; display: inline-block; position: relative; top: 10.5px; left: -10px;}
.success-icon img{width:100%;}

.ticket-block{width:80%; margin:0 auto; padding:0px 45px 0px 25px; border:0px solid red; background:#212121; border:0;  position:relative; display: flex; border:0px solid red;}
.ticket-border{border-left: 15px dotted #000; width: 20px;  max-height: 1000px; height: 100%; position: absolute; top: 15px; left: -6px; margin: 0px 0;}
.ticket-block .left-ticket-box{width:42%; float:left; border:0px solid cyan; padding:18px 0 40px 0; position:relative;}
.ticket-block .left-ticket-box img{width:95%;}
.ticket-block .mid-ticket-box{width:10%; float:left; border:0px solid pink; position:relative; padding:10px 0; overflow:hidden;}
.ticket-block .right-ticket-box{width:48%; float:left; border:0px solid yellow; padding:40px 0 40px 5px;}
.ticket-sm-border{}
.ticket-sm-border:after {
    content:"";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1.2px dotted #000;
}

.top-circle{width:45px; height:45px; background:#000000; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; margin:0 auto; position:absolute; top:-23px; left:0; right:0;}

.bottom-circle{width:45px; height:45px; background:#000000; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; margin:0 auto; position:absolute; bottom:-23px; left:0; right:0;}

.booked-block .booked-list{width:100%; border:0px solid red; position:relative;}
.booked-list .booked-left-side{width:65%; float:left; border:0px solid blue;}
.booked-list .booked-right-side{width:35%; float:left; border:0px solid pink; text-align:right;}

.booked-list .booked-left-side .booked-info:nth-child(1){width:55%; float:left; border:0px solid cyan;}
.booked-list .booked-left-side .booked-info:nth-child(2){width:45%; float:left; border:0px solid cyan;}
.booked-list .booked-right-side .booked-info:nth-child(1){width:45%; float:left; border:0px solid cyan;}
.booked-list .booked-right-side .booked-info:nth-child(2){width:55%; float:left; border:0px solid cyan;}

.booked-block .booked-list h6{letter-spacing: 0.6px;color: #a89d7f; font: 400 14px/1.47 'muli', sans-serif; padding:0 0 14px 0; margin:0;}
.booked-block .booked-list p{color: #808080; font: normal 14px/1.47 'muli', sans-serif; margin: 0; padding:0 0 12px 0;}
.booked-list .booked-left-side .booked-info:nth-child(1) p{color:#f2f2f2;}
.booked-list .booked-right-side .booked-info:nth-child(2) p{color:#f2f2f2;}
.label-hide h6{display:none;}


.bonus-block{border-top:1px solid #545454; border-bottom:1.5px dotted #545454; width:100%; margin:10px 0 0 0; }
.bonus-block .bonus-bx{padding:15px 0;}
.bonus-block .bonus-bx:nth-child(1){width:65%; float:left; border:0px solid cyan;}
.bonus-block .bonus-bx:nth-child(2){width:35%; float:left; border:0px solid cyan;}
.bonus-block .bonus-bx .b-otpc{width:45%; float:left; text-align:right;}
.bonus-block .bonus-bx .b-price{width:55%; float:left; text-align:right;}
.bonus-block .bonus-bx p{margin:0; letter-spacing: 0.3px; font: normal 15px/1.47 'muli', sans-serif; color:#f2f2f2;}
.bonus-block .bonus-bx .b-otpc p{margin:0; letter-spacing: 0.3px; font: normal 14px/1.47 'muli', sans-serif; color: #808080;}

.total-block{width:100%; margin:0px 0 0 0; }
.total-block .total-bx{padding:15px 0;}
.total-block .total-bx:nth-child(1){width:65%; float:left; border:0px solid cyan;}
.total-block .total-bx:nth-child(2){width:35%; float:left; border:0px solid cyan;}
.total-block .total-bx .b-otpc{width:45%; float:left; text-align:right;}
.total-block .total-bx .b-price{width:55%; float:left; text-align:right;}
.total-block p{margin:0; letter-spacing: 0.3px; font: normal 17px/1.47 'muli', sans-serif;}
.total-block .total-bx:nth-child(1) p{color:#9d8e67;}
.total-block .total-bx .b-otpc p{color:#f2f2f2;}
.total-block .total-bx .b-price p{color:#f2f2f2;}

.voucher-info{width:100%; padding:100px 0 0 0;}
.voucher-info .voucher-bx:nth-child(1){width:38%; float:left;}
.voucher-info .voucher-bx:nth-child(2){width:30%; float:left;}
.voucher-info .voucher-bx:nth-child(3){width:17%; float:right;}
.voucher-info .voucher-bx label{letter-spacing: 0.6px; color: #a89d7f; font: 400 13px/18px 'muli', sans-serif;}
.voucher-info .voucher-bx p{font: normal 13px/18px 'muli', sans-serif; margin: 0; padding: 5px 0 0px 0; color:#f2f2f2;}

.booking-id-block{padding:20px 0 0 20px; position:relative;}
.booking-id-block h3{color: #9d8e67; font: 200 16px/20px 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; position: absolute; top: 19px; right: 0;}
.booking-id-block h3 span{font: 400 16px/20px 'Oswald', sans-serif;}


.property-summary{width:100%; /*padding:40px 0 0 20px;*/padding:40px 0 20px 20px; position: absolute; bottom: 40px;}
.property-summary .property-bx:nth-child(1){width:38%; float:left;}
.property-summary .property-bx:nth-child(2){width:30%; float:left;}
.property-summary .property-bx:nth-child(3){width:17%; float:right;}
.property-summary .property-bx label{/*letter-spacing: 0.6px;*/ color: #a89d7f; font: 400 13px/18px 'muli', sans-serif;}
.property-summary .property-bx p{font:400 13px/18px 'muli', sans-serif; margin: 0; padding: 5px 0 0px 0; color:#f2f2f2;}

.share-bx{width:80%; margin:0 auto; padding-bottom:50px; text-align:right;}
.voucher-btn{width: 25%; padding: 12px 0; background: transparent; border: 1px solid #be952e; color: #be952e; text-transform: uppercase; font: 400 18px/24px 'Oswald', sans-serif; letter-spacing: 1px;  margin-top: 25px; margin-left:35px;}
.voucher-btn:hover{background:#be952e; color:#ffffff;}
.share-bx .view-link{font: 400 18px/24px 'Oswald', sans-serif;}
.share-bx .share-icon{height:23px; position: relative; top: 7px; left: -1px;}

.voucher-alert{width:80%; margin:0 auto; text-align:center;}
/*.voucher-alert .success-box{width: 47%; margin: 0 auto; background: #212121; padding:11px 0 17px 0;}*/
.voucher-alert .success-box{width: 65%; margin: 30px auto 0 auto; background: #212121; padding:11px 0 17px 0;}
.voucher-alert .success-box p{margin:0; letter-spacing: 0.3px; color: #4fae40; font: 600 16px/1.47 'muli', sans-serif;}
.voucher-alert .success-box p .done-icon{width: 23px; position: relative; top: 6px; left: -6px;}
.booked-block h4{display:none;}
.book-banner-block{width:100%}
.book-banner-block img {width: 50%; float: left; padding: 0 6px;}


/*------------------------------*/

#warn-popup #tblock{letter-spacing: 0.3px;
    color: #eadab0;
    font: 400 15px/20px 'muli', sans-serif;
    padding-bottom: 0px;}

#warn-popup .modal-footer .left-btn{width:48% !important; float:left;}
#warn-popup .modal-footer .right-btn{width:48% !important; float:right;}
#warn-popup .modal-footer .proceed-box button{margin:0 !important;}


.booking-offer-block{border:dotted 2px #be952e;
    background-color: #000;
    margin: 25px 0 0 20px;
    padding: 15px 15px 15px 15px; text-align: center;}
.booking-offer-block p{
    letter-spacing: 0.6px;
    color: #eadab0;
    font: 400 13px/18px 'muli', sans-serif;
    padding: 0 0 0px 0;
    text-decoration: none;
    border: 0; margin:0;
}
.booking-offer-block p span{
      font:500 13px/18px 'muli', sans-serif;
}

.pre-offer-bx{padding: 12px 0 10px 0;
    border: 2px dotted #be952e;
    border-left: 0;
    border-right: 0;
    position: relative;
    margin: 10px 0 0 0; text-align: center;}

.pre-offer-bx p{letter-spacing: 0.3px;
    color:#666666;
    font: 400 11px/13px 'muli', sans-serif;
    margin: 0;
}

.noofguests{font: 400 11px/13px 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #b3b3b3;
    margin-bottom: -2px;
    margin-top: 3px;}

.pre-offer-bx p span{ font: 500 11px/13px 'muli', sans-serif; color:#000;}

.pre-offer-bx h5{letter-spacing: 1.4px;
    font: 400 14px/20px 'Oswald', sans-serif;
    color: #be952e;
    text-transform: uppercase;
    background: #fffee2;
    position: absolute;
    top: -12px;
    padding: 0 5px 0 5px;
    left: 0;
    right: 0;
    width:42%;
    margin: 0 auto;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 700px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		padding:20px 30px;
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.event-booking-block .booking-panel{padding-bottom: 45px;}
.packages-container .package-box.event-package .package-types {
    width: 100%;
    padding-top: 0px;
}
.package-box.event-package .package-types .single-package {
    border: solid 1px #756d58;
    background-color: #0b0b0b;
    width: calc(100% - 13.5px);
    padding: 20px 25px 0px 25px;
    float: left;
    margin-bottom:35px;
    opacity: 0.7;
}
.package-box.event-package .package-types .single-package:nth-child(3n+1) {
    margin-right: 0px;
}
.package-box.event-package .package-types .single-package:nth-child(3n+2) {
    margin-left: 0px; margin-right: 0px;
}
.package-box.event-package .package-types .single-package:nth-child(3n+3) {
    margin-left: 0px;
}
.event-pack-info{display:flex;}
.event-pack-info .event-imgbx{width:42%; float:left; padding-bottom: 0;
    height:180px;
    overflow: hidden;
    margin: 0 0 25px 0;}
.event-pack-info .event-imgbx img{width:100%;}

.event-pack-info .event-contentbx{width: 58%; float: right; padding: 0 0 0 20px; display:flex;}

.event-pack-info .event-contentbx .e-content-bx{width:50%; float:left; position:relative;}
.event-contentbx .e-content-bx .package-details {
    height:180px;
    overflow: hidden; padding: 5px 12px 0 0;
}
.event-contentbx .e-content-bx .package-btn-box {
    width: 100%;
    padding-top: 15px;
    position: absolute;
    bottom: 0;
}

.event-contentbx .e-content-bx .package-details p {
    color: #eadab0;
    font: 400 14px/20px 'muli', sans-serif; margin: 0 0 12px 0;}
    
.event-contentbx .e-content-bx .package-details p strong{
    font-weight: 600;
}

.event-contentbx .e-content-bx .event-price{
    width:100%;
    font: 400 20px/24px 'Oswald', sans-serif;
    letter-spacing: 1px;
    color: #f2f2f2;
    text-align: center;
    padding: 15px 0;
    border: 1.5px solid #f2f2f2;
    margin: 7px 0 0 0;
}

.pre-offer-bx{}



@media screen and (max-width:1200px){
	
	#deltin-booking .booking-outer .booking-date-box {width: 46%;}
	.offer-box h3 {font: 400 15px/20px 'Oswald', sans-serif;
    width: 90%;}
	.line {width: 360px;}
	
	.progress-block .p-line {right: -27px; bottom: 17.8px;}
	
	.package-box .package-types .single-package{padding: 10px 15px 0px 15px;}
	.package-box .package-types .single-package:nth-child(3n+1){margin-right:7px;}
	.package-box .package-types .single-package:nth-child(3n+2){margin:0 7px;}
	.package-box .package-types .single-package:nth-child(3n+3){margin-left:7px;}
	
	.booking-form h3{/*padding-bottom: 15px;*/padding: 0px 0 3px 0 !important; font: 500 14px / 24px 'Oswald', sans-serif;}
	.booking-form {margin: 0px 0 0 2px; padding: 10px 10px 10px 10px;}
	.property-info .info label {/*font: 400 14px/22px 'muli', sans-serif;*/font: 400 16px / 20px 'muli', sans-serif;}
	.property-info .info p {font: 400 14px/1.47 'muli', sans-serif; padding: 5px 0 17px 0;}
	.package-list-box .package-name h5 {/*font: 400 14px/1.47 'muli', sans-serif;*/font: 400 16px / 20px 'muli', sans-serif;}
	.package-list-box.total-box .package-name h5{font: 700 14px/1.47 'muli', sans-serif; letter-spacing:0.5px;}
	.package-list-box.total-box .package-amount h6{ font: 700 14px/1.47 'muli', sans-serif;}
	.proceed-box button{margin: 15px 0 0 0;}
	
	.guest-list {padding: 35px 20px; width: 98%; margin-bottom: 50px; margin-left: 0px;}
	.guest {margin-right: 25px;}
	.guestsame {width: 14%;}
	
	.selected.arrow-up:after {right: 0px;}
	.head-info .property-info{width:30%; float:left; border:0px solid red;}
	.head-info .day-date{width:30%; float:left; border:0px solid blue;}
	.head-info .edit-block{width:20%; float:right; border:0px solid green; text-align:right; padding-top: 28px;}
	
	.booking-sum-block .tab-head label {
        letter-spacing: 0.6px;
        color: #a89d7f;
        font: 400 13px/1.47 'muli', sans-serif;
    }
	.booking-sum-block .tab-head p{font: normal 13px/1.47 'muli', sans-serif;}
	
	
	.total-box .otpc-box h6{color:#808080; letter-spacing: 1px; font:500 21px/28px 'Oswald', sans-serif; font-stretch: normal; font-style: normal;}
	.total-box .price-box h6{color:#f2f2f2; letter-spacing: 1px; font:500 21px/28px 'Oswald', sans-serif; font-stretch: normal; font-style: normal;}
	.payment-block .tab-content{margin-left: 0px;}
	.payment-form {width: 55%;}
	
	.ticket-block {width: 90%;}
	.share-bx {width: 90%;}
	
	.voucher-alert .success-box p {font: 600 15px/1.47 'muli', sans-serif;}
	.voucher-alert .success-box { width: 55%; padding: 10px 0 15px 0;}
	.event-contentbx .e-content-bx .event-price {
    font: 400 18px/24px 'Oswald', sans-serif;
    padding: 11px 0;}
    .event-pack-info .event-imgbx {
    width: 42%;
    float: left;
    padding-bottom: 0;
    height: 150px;}
    .event-contentbx .e-content-bx .package-details {
    height: 147px;
    overflow: hidden}
    .event-contentbx .e-content-bx .package-details p {
        font: 400 12px/20px 'muli', sans-serif;
        margin: 0 0 10px 0;
    }
    .event-package .package-types .single-package ul li {
        letter-spacing: 0.6px;
        color: #eadab0;
        font: 400 12px/14px 'muli', sans-serif;
        padding: 0 0 4px 0;
    }
    .package-details {
    height: 350px;}
}


@media screen and (max-width:991px){
	
	#deltin-booking .booking-form-box {width: 48%;}
	#deltin-booking .offer-box {width: 100%; padding: 55px 0 0 0;}
	.offer-box .off-icon {height: 22px;}
	.line {width: 440px;}
	.offer-box h3{font: 400 20px/30px 'Oswald', sans-serif;}
	
	.mob-progress-bar{display:block; padding:40px 0;}
	.progress-bar {width: 75%;}
	.progress-block label{font: 400 13px/15px 'muli', sans-serif;}
	.progress-block label br{display:none;}
	.progress-block .round-one{margin: 15px auto;}
	.progress-block .p-line {right: -67px; bottom: 23.5px; width:95%;}
	
	#deltin-booking .booking-outer .booking-form-box{display:none;}
	.guest-summary-page .booking-outer .booking-form-box{display:block !important; margin-top: 0 !important; width: 40% !important;}
	.guest-summary-page .booking-outer .booking-form-box .progress-bar{display:none;}
	.guest-summary-page .booking-form{display:block;}
	
	#deltin-booking .booking-outer .packages-container {width: 100%; float: none;}
	.packages-container .package-box .package-types{padding-top: 10px;}
	.package-box .package-types .single-package{width: calc(33.33% - 10px);}
	#know-more .modal-body {height: 400px;}
	
	.property-info .info:nth-child(1){width:40%; float:left;}
	.property-info .info:nth-child(2){width:35%; float:left;}
	.mob-booking-summary{display:block; position: fixed; left: 0px; width: 100%; z-index: 9;/**/}
	.sum-bottom{bottom:-1%;}
	.short-info-bx{width:55%; float:left; /*padding: 15px 0 5px 0;*/}
	.summary-toggle{display:none;}
	.btn-booking{float: right; width: 25% !important; margin:0 !important;}
	.sum-top{bottom:0;}
	.proceed-box {width: 50%; /*margin:20px auto 0px auto;*/ /*padding: 15px 0 5px 0;*/}
	.booking-form h3 {padding-bottom:0px;float: left; /*width: 100%;*/}
	.booking-form { margin: 0px 0 0 0px; /*padding:15px 15px 16px 15px;*//*padding: 5px 15px 10px 15px;*/padding: 10px 15px 15px 15px;}
	.view-summary{/*padding:0px 0 10px 0px; color:#000; float: right; width:100%;*/
        padding: 0px 0 0px 0px;
        color: #000;
        float: right;
        width: 100%;
        /* border-bottom: 1px solid #8E8E8E; */
        /* border-bottom: 2px solid #ece9cb; */
    }
	.property-info .info p {padding: 3px 0 8px 0;}
	
	.short-summary .package-list-box .package-name{width:30%; float:left; text-align:left; padding:5px 0 0 0;}
	.short-summary .package-list-box .package-otpc{width:35%; float:left; text-align:right; padding: 5px 0px 0px 0;}
	.short-summary .package-list-box .package-amount{width:35%; float:left; text-align:right; padding:5px 0 0 0;}
	.short-summary .proceed-box button {
    font: 400 14px/20px 'Oswald', sans-serif !important;
    letter-spacing: 1px;
    padding: 8px 0 !important; 
    margin: 0px 0 0 0 !important; /*margin: 6px 0 0 0 !important;*/}
	.view-summary.arrow-up:after {
		/* The "dropdown" arrow */
		 content: '';
		 box-sizing: content-box;
		 display: inline-block;
		 float: right;
		/* width: 20px;
		 height: 20px;
		 background: url(../../n8gaming/image/icons-sprites.png) -5px -1.5px;
		 background-size: 170px;*/ background-repeat: no-repeat;
		 width: 25px;/* height: 17px*/height:22px;
            background: url('../../n8gaming/image/book-icons.png') -55px -10px;
		  -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
		-moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
		-ms-transform: rotate(180deg);  /* IE 9 */
		-o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
		transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
		 
	}
	.view-summary.arrow-down:after {
		/* The "dropdown" arrow */
		 content: '';
		 box-sizing: content-box;
		 display: inline-block;
		 float: right;
		 width: 20px;
		 height: 20px;
		  /* background: url('../../n8gaming/image/book-icons.png') -55px -10px; */
        background: url(../../n8gaming/image/book-icons.png) -57px -3px;
		/* background: url(../../n8gaming/image/icons-sprites.png) -5px -1.5px;
		 background-size: 170px;*/ background-repeat: no-repeat;
		
	}
	
	.guest-list {padding: 25px 20px; width: 100%;}
	.edit-icon {margin: 6px 0 0 10px;}
	.edit-block span{display:none;}
	
	.booking-sum-block .tab-head p{padding: 17px 0 5px 0;}
	
	.payment-block .tab-content { width: 100%;}
	
	.coupon-applied p.coupon-code{padding:5px 0;}
	.otpc-applicable .coupon-otpc p{padding:5px 0 0 0;}
	
	.ticket-block {width: 100%;}
	
	.voucher-btn {width: 35%;}
	.ticket-block .left-ticket-box img {width: 100%;}
	.booking-id-block h3 {font: 200 11px/20px 'Oswald', sans-serif; top: 15px; right: -10px;}
	.booking-id-block h3 span {font: 400 11px/20px 'Oswald', sans-serif;}
	
	.total-block p {font: normal 14px/1.47 'muli', sans-serif;}
	.booked-block .booked-list p {font: normal 13px/1.47 'muli', sans-serif;}
	.booked-block .booked-list h6{font: 400 13px/1.47 'muli', sans-serif; padding: 0 0 12px 0;}
	.bonus-block .bonus-bx p {font: normal 14px/1.47 'muli', sans-serif;}
	.bonus-block .bonus-bx .b-otpc p {font: normal 13px/1.47 'muli', sans-serif;}
	
	
	.property-summary .property-bx:nth-child(1){width:40%; float:left;}
	.property-summary .property-bx:nth-child(2){width:35%; float:left;}
	.property-summary .property-bx:nth-child(3){width:17%; float:right;}
	.property-summary .property-bx label{font: 400 12px/1.47 'muli', sans-serif;}
	.property-summary .property-bx p{font: normal 11px/1.47 'muli', sans-serif;}
	
	.voucher-info .voucher-bx:nth-child(1){width:38%; float:left;}
	.voucher-info .voucher-bx:nth-child(2){width:30%; float:left;}
	.voucher-info .voucher-bx:nth-child(3){width:20%; float:right;}
	.voucher-info .voucher-bx label{letter-spacing: 0.6px; color: #a89d7f; font: 400 12px/1.47 'muli', sans-serif;}
	.voucher-info .voucher-bx p{font: normal 12px/1.47 'muli', sans-serif; margin: 0; padding: 5px 0 0px 0; color:#f2f2f2;}
	
	.share-bx {width: 100%;}
	.voucher-alert .success-box {width: 70%; padding: 7px 0 12px 0;}
	.voucher-alert .success-box p .done-icon { width: 21px; top: 5px;  left: -6px;}
	
	.payment-form {padding-top: 50px;}
	.b-total{display:block; position: absolute; top: 0; left: 0;}
	.b-total label{font: 400 13px/1.47 'muli', sans-serif; letter-spacing: 0.6px; color: #a89d7f;}
	.b-total p{font: 500 16px/1.47 'muli', sans-serif; color:#f2f2f2;}
	.payment-block h3 span { font: 500 16px/28px 'Oswald', sans-serif;}
	
	.modal-dialog {top: 22%;}
	.package-box.event-package .package-types .single-package:nth-child(3n+1) {
        margin-right: 0px;
    }
    .package-box.event-package .package-types .single-package:nth-child(3n+2) {
        margin-left: 0px; margin-right: 0px; margin-bottom:35px;
    }
    .package-box.event-package .package-types .single-package:nth-child(3n+3) {
        margin-left: 0px;
    }
}


@media screen and (max-width:740px){
	
	#deltin-booking .booking-outer .booking-date-box {width: 100%;}
	#deltin-booking h1 {font: 200 26px/34px 'Oswald', sans-serif; padding: 30px 0 20px 0;}
	#deltin-booking .booking-form-box {width: 100%;}
	#deltin-booking .booking-form-box .booking-select-box {width: 48%;}
	#deltin-booking .offer-box {width: 100%; padding-top: 60px;}
	.line{width:100%; left: -10px;}
	
	.packages-container .package-box h2 {font: 300 22px/30px 'Oswald', sans-serif;}
	.package-box .package-types .single-package{width: 100%; margin-bottom:20px;}
	.package-box .package-types .single-package{padding: 20px 25px 0px 25px;}
	.package-box .package-types .single-package:nth-child(3n+1){margin-right:0px;}
	.package-box .package-types .single-package:nth-child(3n+2){margin:0 0px 20px 0;}
	.package-box .package-types .single-package:nth-child(3n+3){margin-left:0px;}
	
	.package-box h2 span {font: 300 12px/18px 'muli', sans-serif; float: none; position: relative; top: 12px; display: block; padding: 0 0 18px 40px;}
	
	.info-box p {padding-left: 0px;}
	.info-box ul li{padding:15px 45px 15px 0;}
	
	.modal-dialog {top: 40%;}
	.modal-title {margin: 0;font: 300 22px/26px 'Oswald', sans-serif; padding-top:15px;}
	.modal-body {padding: 5px 15px 15px 15px;}
	.modal-body ul li {font: 400 13px/18px 'muli', sans-serif; padding-bottom: 8px;}
	#know-more .modal-header .package-heading {width: 100%;}
	#know-more .modal-header .pack-details {width: 100%; float: none; position: relative; top: 20px; padding: 0 0 25px 0;}
	
	.guest-booking-info .guest-list {padding: 0; width: 100%; background:transparent; text-align: center;}
	.container.reset-padding{padding-right: 0px !important; padding-left: 0px !important;}
	.info-box{padding:0 15px;}
	.guest-box h4{padding: 0 15px 30px 15px;}
	.guest {width: 100%;}
	.single-guest .guest:nth-child(2){width: 100%;}
    .single-guest .guest:nth-child(4){width: 100%;}
	.guest-mob-box{background: #0e0e0e; padding: 20px 15px; text-align: left; position:relative; margin-bottom: 20px;}
	.guest{margin-right: 0px;  margin-bottom: 15px; text-align: left;}
	
	.back-btn {
        width: 100%;
        padding: 7px 0 8px 0;
        background: transparent;
        border: 1px solid #be952e;
        color: #be952e;
        text-transform: uppercase;
        font: 400 14px/20px 'Oswald', sans-serif;
        letter-spacing: 1px;
        margin-top: -5px;
        float: none;
        display: block;
        margin-bottom: 25px;
    }
	
	.single-guest h5 {font: 400 20px/24px 'Oswald', sans-serif;}
	.invalid h6 {
		letter-spacing: 0.48px;
		color: #f54343;
		font: normal 12px/20px 'muli', sans-serif;
		padding: 2px 0 0 15px;
	}
	.delete-box {
		height: 20px;
		width: 20px;
		float: right;
		position: relative;
		right: 6px;
		bottom: -8px;
	}
	.guest-toggle-box{display: none;}
	.guest-btn {width: 80%; margin-top: 25px;}
	
	.guestsame{width: 25%;}
	.mob-guest-arrow.arrow-up:after {
		content: '';
		box-sizing: content-box;
		display: inline-block;
		float: right;
		width: 20px;
		height: 20px;
		background: url(../../n8gaming/image/icons-sprites.png) -5px -1.5px;
		background-size: 170px;
		background-repeat: no-repeat; position: absolute; right: 20px; top: 23px;
	}
	.mob-guest-arrow.arrow-down:after {
		/* The "dropdown" arrow */
		 content: '';
		 box-sizing: content-box;
		 display: inline-block;
		 float: right;
		 width: 20px;
		 height: 20px;
		 background: url(../../n8gaming/image/icons-sprites.png) -5px -1.5px;
		 background-size: 170px; background-repeat: no-repeat;
		 -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
		-moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
		-ms-transform: rotate(180deg);  /* IE 9 */
		-o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
		transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
		position: absolute; right: 20px;	top: 22px;
	}
	
	.guest-summary-page .guest-list{padding:25px 0 30px 0; background:#212121;}
	.property-info{margin: 0px 0 5px 0;}
	.head-info .day-date{margin:0px 0 0 0;}
	.head-info .edit-block{padding-top: 18px;}
	
	.booking-sum-block h5{ padding:15px 15px 5px 15px;}
	
	.dotted-white-line {margin: 7px 15px 10px 15px; width: calc(100% - 30px);}
	
	
	.head-info{padding:0 15px; text-align:left;}
	.mob-guest-sum-box{background:#212121; margin:15px 0; padding:0 15px;}
	.booking-sum-block .tab-content{padding: 6px 0;}
	
	
	.total-box{padding: 15px 15px 25px 15px;}
	
	.coupon-box{padding: 10px 15px 0 15px;}
	.coupon-txt{float:left;}
	.coupon-btn{float: left; padding: 9px 0;}
	
	.btns-block{text-align:center;}
	.btns-block .tick-box{float:none;}
	.btns-block p{float:none; display: inline-block; position: relative; top: -3px; padding: 0 0 0 10px; margin: 0 0 10px 0;} 
	.pay-btn{width: 40%;}
	
	.guest-summary-page .booking-outer .booking-form-box {width:calc(100% - 30px ) !important; margin:0 15px;}
	
	.ticket-block{display: block; padding: 0px 0px 0px 0px; width:80%;}
	.ticket-block .left-ticket-box {width: 100%; float: none; height:470px;}
	.ticket-border {
		border: 0;
		border-top: 15px dotted #000;
		width: 100%;
		max-height: unset;
		height: 20px;
		position: absolute;
		top: -5.5px;
		left: 15px;
		margin: 0px 0;
	}
	.ticket-block .left-ticket-box img {width: 100%; padding-right: 25px;}
	.booking-id-block {padding: 25px 20px 0 30px;}
	.booking-id-block h3 {font: 200 16px/20px 'Oswald', sans-serif; top: 23px; right: 35px;}
	.booking-id-block h3 span {font: 400 16px/20px 'Oswald', sans-serif;}
	
	.property-summary {padding: 40px 30px 0 30px;}
	.property-summary .property-bx:nth-child(1){width:55%;}
	.property-summary .property-bx:nth-child(2){width:45%;}
	.property-summary .property-bx:nth-child(3) {display: none;}
	.property-summary .property-bx label {font: 400 14px/1.47 'muli', sans-serif;}
	.property-summary .property-bx p {font: normal 14px/1.47 'muli', sans-serif;}
	
	.ticket-block .mid-ticket-box {
		width: 100%;
		float: none;
		height: 45px;
		border: 0px solid pink;
		position: relative;
		padding: 10px 0;
		overflow: hidden;
	}
	
	.ticket-sm-border:after {
		content: "";
		position: absolute;
		z-index: 0;
		top: 50%;
		bottom:unset; 
		left: 0;
		right: 0;
		border-bottom: 1.2px dotted #000;
	}
	
	
	
	.top-circle {
		width: 45px;
		height: 45px;
		background: #000000;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin: 0 auto;
		position: absolute;
		top: 0px;
		left: -23px;
		right: unset;
	}
	
	.bottom-circle {
		width: 45px;
		height: 45px;
		background: #000000;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin: 0 auto;
		position: absolute;
		bottom: unset;
		top: 0;
		left: unset;
		right: -23px;
	}
	
	.ticket-block .right-ticket-box {width: 100%; float: none; padding: 40px 15px 30px 15px;}
	
	.booked-list .booked-left-side {width: 50%;}
	.booked-list .booked-right-side {width: 40%;}
	.voucher-info {display: none;}
	.label-hide h6 {display: block;}
	.booked-block .booked-list h6 {
    font: 400 13px/1.47 'muli', sans-serif; padding: 0 0 3px 0;}
	.booked-list .booked-left-side .booked-info:nth-child(1) {width: 60%; float: left;}
	.booked-list .booked-left-side .booked-info:nth-child(2) {width: 40%; float: left;}
	
	.booked-list{background:#242424; padding:15px; margin-bottom:15px;}
	.share-bx {width: 80%;}
	.voucher-btn {width:45%;}
	.voucher-alert .success-box {width: 75%; padding: 7px 0 12px 0;}
	.booked-block h4{display:block; color: #9d8e67; font: 200 18px/24px 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; padding:0px 0 20px 0;}
	.booked-block h4 span{font: normal 15px/1.47 'muli', sans-serif; color:#f2f2f2; padding:0 0 0 5px; text-transform:uppercase;}
	
	.guest-box .info-box p { font: 300 13px/18px 'muli', sans-serif;}
}

@media screen and (max-width:680px){
    .bs-img {
        position: relative;
        top: -15px;
        right: 0;
        height: 60px;
    }
    .self-declaration h1 {
        font: 200 24px/34px 'Oswald', sans-serif !important;
        padding: 30px 0 20px 0;
        text-align: left;
    }
    .self-declaration ol {
        text-align: left;
        margin: 0 0 15px 25px;
        padding: 0 15px;
    }
    .self-declaration .btns-block p{display:inline;}
    .self-declaration .btns-block{text-align: left; padding: 0 15px;}
    .self-declaration .btns-block .tick-box { margin: -1.5px 0 3px 0;}
	.mob-progress-bar {padding: 20px 0;}
	.progress-bar {width: 100%;}
	.progress-block .p-line {width: 98%;}
	
	.labels-two{display:block;}
	.dotted-white-line{display:none;}
	.booking-sum-block h5{display:none;}
	.mob-guest-sum-box{background:#242424; padding:15px; position:relative;}
	
	.labels-two label{display:block;}
	.labels-two br{display:none;}
	.mob-left-section {width: 70%;}
	
	.mob-left-section .tab-head:nth-child(1){width:100% !important; }
	.mob-left-section .tab-head:nth-child(2){width:39%; display:none !important;}
	.mob-left-section .tab-head:nth-child(3){width:26%;}
	.mob-left-section .tab-head:nth-child(4){width:26%;}

	.mob-right-section .tab-head:nth-child(1){width:42%; text-align:right;}
	.mob-right-section .tab-head:nth-child(2){width:58%; text-align:right;}
	
	.booking-sum-block .tab-head p {padding: 2px 0 0px 0;}
	
	/*.tab-hide{height: 75px; overflow: hidden;}
	.tab-show{height: auto; overflow: hidden; }*/
	.mob-hidden{display:none; padding-top:25px !important;}
	.tog-arrow.arrow-up:after {
		content: '';
		box-sizing: content-box;
		display: inline-block;
		float: right;
		width: 20px;
		height: 20px;
		background: url(../../n8gaming/image/icons-sprites.png) -5px -1.5px;
		background-size: 170px;
		background-repeat: no-repeat; position: absolute; right: 20px; top: 23px;
	}
	.tog-arrow.arrow-down:after {
		/* The "dropdown" arrow */
		 content: '';
		 box-sizing: content-box;
		 display: inline-block;
		 float: right;
		 width: 20px;
		 height: 20px;
		 background: url(../../n8gaming/image/icons-sprites.png) -5px -1.5px;
		 background-size: 170px; background-repeat: no-repeat;
		 -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
		-moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
		-ms-transform: rotate(180deg);  /* IE 9 */
		-o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
		transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
		position: absolute; right: 20px;	top: 22px;
	}
	
	.payment-block #tile-1 .nav-tabs {width: 90%;  margin: 0 auto; float: none;}
	.payment-block #tile-1 .nav-tabs li a {padding: 9px 0 9px 0px; font: 500 16px/20px 'Oswald', sans-serif; letter-spacing: 1px;}
	.payment-form {width: 100%; margin-top: -5px;}
	.payment-block #tile-1 .tab-pane {padding: 25px 20px 35px 20px;}
	.payment-form p.note-txt {padding: 15px 0 10px 0px;}
	
	.booked-list .booked-left-side .booked-info:nth-child(1) {width: 100%; float: none;}
	.booked-list .booked-left-side .booked-info:nth-child(2) {width: 100%; float: none;}
	
	.ticket-block .left-ticket-box {width: 100%; float: none; height:450px;}
	.coupon-applied { padding: 15px 0 15px 15px;}
	.coupon-applied p.coupon-code {width: 69%;}
	.total-box .head-box {width: 70.5%;}
	.booked-block .booked-list p{padding: 0 0 0px 0;}
	.bonus-block .bonus-bx:nth-child(1) {width: 51.3%;}
	.total-block .total-bx:nth-child(1) {width: 52.1%;}
	/*.hide-mobv{display:none;}*/
	.other-info-bx{display:block;}
	.other-info-bx .tab-head:nth-child(1) {
        float: left;
        width:45%;
    }
    .other-info-bx .tab-head:nth-child(2) {
        float: left;
        width: 25%;
    }
    .other-info-bx .tab-head:nth-child(3) {
        float: left;
        width:30%;
    }
    
    .event-pack-info {
        display: block;
    }
    .event-pack-info .event-imgbx {
        width: 100%;
        float: none;
        padding-bottom: 0;
        height: 230px;
    }
    .event-pack-info .event-contentbx {
        width: 100%;
        float: right;
        padding: 0 0 0 0px;
        display: flex;
    }
    
    .package-details {
        height: auto;
        margin: 0 0 20px 0;
    }
    
    .txt-format-bx{text-align: left !important; padding:10px 15px;}
    .txt-format-bx .btns-block{text-align: left !important;     display: flex;}
    .txt-format-bx .tick-box{margin-bottom: 15px; margin: -1.5px 5px 15px 0;}
    .txt-format-bx .btns-block p{top:-1px;}
}

@media screen and (max-width:480px){
	
	.progress-bar{padding: 10px 0 15px 0;}
	.progress-block .p-line {right: -46px;}
	.progress-block label {font: 400 12px/15px 'muli', sans-serif;}
	.progress-block label br{display:block;}
	
	.modal-dialog {top: 27%;}
	
	.modal-dialog {position: relative; width: auto; margin: 15px;}
	.modal-body{height: 465px; overflow: auto; margin-bottom: 15px;}
	.package-include-list .package-include {width: 50%;float: left; height: auto; margin-bottom: 5px;}
	.package-include-list .package-include p{padding-right: 10px;}
	.package-include-list .package-include p br{display:none;}
	
	#know-more .modal-dialog {top: 27%;}
	#know-more .modal-body {height: 350px;}
	#know-more .modal-body h4 {color: #9d8e67;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font: 400 15px/24px 'Oswald', sans-serif;}
	#know-more .modal-header .package-heading h3 {font: 300 24px/30px 'Oswald', sans-serif;}
	#know-more .modal-header .pack-details h6 span {font: 400 15px/24px 'Oswald', sans-serif;}
	#know-more .modal-header .pack-details h6 {font: 400 22px/28px 'Oswald', sans-serif;}
	#know-more .modal-body .drinks-list ul li {width: 50%; float: left;margin-bottom: 30px;}
	#know-more .modal-body .drinks-list ul li:nth-child(odd){padding-right:20px; padding-left:0;}
	#know-more .modal-body .drinks-list ul li:nth-child(even){padding-left:20px; padding-right:0;}
	
	.proceed-box {width: 100%; /*margin: 15px auto 0px auto;*/}
	/*.sum-bottom{bottom:-50.5%;}*/
	
	.head-info .property-info{width:43%; margin-right:0px;}
	/*.property-info label {font: 600 14px/26px 'Oswald', sans-serif;}
	.property-info h3 {font: 500 18px/26px 'Oswald', sans-serif;}
	.head-info .day-date{width:40%; padding-left:5px;}
	.day-date label {font: 600 14px/26px 'Oswald', sans-serif;}
	.day-date h3 {font: 500 18px/26px 'Oswald', sans-serif;}*/
	.head-info .day-date { width: 35%;}
	.property-info label{letter-spacing: 1px; color: #9d8e67; font: 400 12px/20px 'muli', sans-serif;}
	.property-info h3{letter-spacing: 0.5px; color: #f2f2f2; font: 500 13px/18px 'muli', sans-serif; font-stretch: normal;
	  font-style: normal;}
	.day-date label{letter-spacing: 1px; color: #9d8e67; font:400 12px/20px 'muli', sans-serif;}
	.day-date h3{letter-spacing: 0.5px; color: #f2f2f2; font: 500 13px/18px 'muli', sans-serif; font-stretch: normal;
	  font-style: normal;}
	
	.booking-sum-block .tab-head label {font: 400 13px/1.47 'muli', sans-serif;}
	
	.mob-left-section {width: 50%;}
	.mob-right-section {width: 38%;}
	
	.mob-left-section .tab-head:nth-child(1){width:100%; }
	.mob-left-section .tab-head:nth-child(2){width:100%;}
	.mob-left-section .tab-head:nth-child(3){width:50%;}
	.mob-left-section .tab-head:nth-child(4){width:50%;}
	
	.tog-arrow.arrow-up:after{right: 15px;}
	.tog-arrow.arrow-down:after{right: 15px;}
	.guest-sum-container {padding-bottom: 10px;}
	
	.total-box { padding: 0px 15px 15px 15px;}
	.events-booking-mobile .total-box{padding: 0px 0px 15px 0px;}
	.total-box .head-box {width: 57%;}
	.total-box .price-box {width: 21.5%;}
	.total-box .head-box h6 {font: 500 18px/28px 'Oswald', sans-serif;}
	.total-box .otpc-box h6 {font: 500 18px/28px 'Oswald', sans-serif;}
	.total-box .price-box h6 {font: 500 16px/26px 'Oswald', sans-serif;}
	
	.coupon-txt{padding: 8px 5px; margin-bottom: 50px;}
	.coupon-btn {font: 600 16px/24px 'Oswald', sans-serif;}
	
	.pay-btn{width: 90%;}
	.ticket-block {width: 100%;}
	.ticket-block .left-ticket-box img {width: 100%; padding-right: 15px;}
	.payment-block h3 {font: 400 13px/1.47 'muli', sans-serif;}
	.payment-block h3 span {font: 400 14px/28px 'Oswald', sans-serif;}
	.coupon-applied p.coupon-code {width: 53.5%; font: 400 13px/1.47 'muli', sans-serif;}
	.ticket-block .left-ticket-box { height:380px;}
	.success-icon{display: block; margin-bottom: 15px;}
	.share-bx {width: 100%;}
	.booked-list .tog-arrow.arrow-up:after {right: 12px;}
	.bonus-block .bonus-bx p {font: normal 13px/1.47 'muli', sans-serif;}
	.share-bx {text-align: center; position:relative; height:190px;}
	.voucher-btn { width: 90%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 45px;}
	.share-bx span{position: absolute;width: 100%;left: 0; right: 0; top: 105px;}
	.voucher-alert {width: 100%;}
	.voucher-alert .success-box {width: 90%;}
	.booked-block h4 {font: 200 16px/24px 'Oswald', sans-serif;}
	.booking-id-block {padding: 20px 20px 0 20px;}
	.booking-id-block h3 span {font: 400 14px/20px 'Oswald', sans-serif;}
	.booking-id-block h3 { font: 200 14px/20px 'Oswald', sans-serif; top: 17px; right: 16px;}
	.property-info .info:nth-child(1){width:50%; float:left;}
	.property-info .info:nth-child(2){width:50%; float:left;}
	.short-info-bx{width:65%; float:left;/*padding: 15px 0 5px 0;*/}
	.btn-booking{float: right; width: 30% !important; margin:0 !important;}
	.guest-box .info-box h3 {
    font: 300 23px/30px 'Oswald', sans-serif;
    padding: 50px 0 10px 0;}
	.guest-box .info-box p { font: 300 13px/18px 'muli', sans-serif;}
		.other-info-bx .tab-head:nth-child(1) {
        float: left;
        width:76%;
    }
    .other-info-bx .tab-head:nth-child(2) {
        float: left;
        width: 24%;
    }
    .other-info-bx .tab-head:nth-child(3) {
        float: left;
        width:100%;
    }
    
    .event-pack-info .event-imgbx {
        width: 100%;
        float: none;
        padding-bottom: 0;
        height: auto;
        margin: 0 0 15px 0;
    }
    .event-pack-info .event-contentbx {
        width: 100%;
        float: none;
        padding: 0 0 0 0px;
        display: block;
    }
    .event-pack-info .event-contentbx .e-content-bx {
        width: 100%;
        float: none;
        position: relative;
    }
    
    .event-contentbx .e-content-bx .package-btn-box {
        width: 100%;
        padding-top: 25px;
        position: relative;
        bottom: 0;
    }
    .event-contentbx .e-content-bx .event-price {
        margin: 0 0 5px 0;
        font: 400 20px/24px 'Oswald', sans-serif;
        padding: 14px 0;
    }
    .package-box.event-package .package-types .single-package{padding: 16px 20px 0px 20px;}
    
    .event-package .package-types .single-package h3 span.price {
        float: right;
        width: 100%;
        font: 400 14px/24px 'Oswald', sans-serif;
        padding: 5px 0 0 0;
    }
    .package-types .single-package h3{padding-bottom: 12px;}
    .event-contentbx .e-content-bx .package-details {
        height: auto;
        padding: 0 0 15px 0;
        overflow: hidden;
    }
}


@media screen and (max-width:400px){
	.progress-block .p-line {right: -43px;}
	.voucher-alert .success-box {width: 100%;}
	.voucher-alert .success-box p {font: 600 13px/1.47 'muli', sans-serif;}
	.voucher-alert .success-box p .done-icon {width: 20px; top: 5.5px; left: -4px;}
	.ticket-block .left-ticket-box { height:360px;}
	.offer-box h3 {
		font:400 15px/20px 'Oswald', sans-serif;
	}
	.other-info-bx .tab-head:nth-child(1) {
        float: left;
        width: 71%;
    }
}

.reset-style-txt{
    color: #eadab0 !important;
    letter-spacing: 0.3px !important;
    font: 400 14px/19px 'muli', sans-serif !important;
    padding: 0 0 15px 0 !important;
}



.tariff-btn-bx .tariff-btn {
    background: #be952e;
    text-transform: uppercase;
    border: 1px solid #be952e;
    color: #fff;
    font: 400 15px/20px 'Oswald', sans-serif;
    letter-spacing: 1px;
    padding: 13px 0;
    width: 100%;
    margin: 10px 0 0 0;
}



#cat_G .package-details{
    height: 180px !important;
}


/*10062024*/
    .success-text{
        font: 400 16px / 25px 'muli', sans-serif !important;
        color: white !important;
    }
    
    .success-text b{
        font: 600 16px / 25px 'muli', sans-serif !important;
    }
    
    .border-m .modal-content{
        border: 1px solid #707070;
    }
/*10062024*/	    


.short-summary{
    padding: 5px 0 5px 0;
}


.b1{
    text-transform: uppercase;
    font: 600 16px / 24px 'Oswald', sans-serif;
    letter-spacing: 1px;
    color: #000000;
}


.modalcontent1{
     background-color: #b48a32;
    color: white;
    background-image: linear-gradient(to right, #B68A29, #84641C);
    border-radius: 20px;
    font: 600 16px / 24px 'Oswald', sans-serif;
}


@media screen and (max-width: 991px) {
    #mobbill .view-summary.arrow-up:after {
        content: '';
        box-sizing: content-box;
        display: inline-block;
        float: right;
        background-repeat: no-repeat;
        width: 15px;
        /* height: 17px; */
        height: 15px;
        background: url(../../n8gaming/image/arrowdownnew.png) 0px 3px;
        background-repeat: no-repeat;
        /* -webkit-transform: rotate(180deg); */
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(0deg);
    }

        .view-summary.arrow-down:after {
        content: '';
        box-sizing: content-box;
        display: inline-block;
        float: right;
        width: 20px;
        height: 20px;
        /* background: url(../../n8gaming/image/book-icons.png) -55px -10px; */
        background: url(../../n8gaming/image/book-icons.png) -57px -3px;
        background: url(../../n8gaming/image/arrowdownnew.png) 0px 2px;
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }
}