:root {
--backpink: #fff;
--pinklight:#f1b0bc;
--backgreen : #6bb275;
--lightgrey : #dfdfdf;
--btnred: #c34b5d;
--textred : #a20b28;

--backyellow: #FFE71E;
--backblue: #1C75BC;
--backgrey: #434342;
--backblack: #000000;
--backwhite: #ffffff;
--textheading:#000000;
--textsubheading:#000000;
--textcolor:#333;
--blueborder: #1C75BC;
--border-radius:15px;
--box-padding:15px 10px;
--textkink:#2474EC;
--btnback:#0060AC;
--textwhitecolor:#fff;

}
span.error-text{color: #ff0000; font-size: 14px; margin-top: 5px; display: block;}
.vReturnMsg{ display: none;}

/**, a:active, a:hover, a:focus{ outline:none;}a{ text-decoration:none; color:#000;}*/
html,body,div,span,object,iframe, h1,h2, h3,h4, h5, h6, p, blockquote, pre, abbr, address,cite, code, del, dfn,em, img, ins, kbd, q, samp, small, strong,sub, sup, var, b,i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,hgroup, menu, nav, section,summary, time, mark, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}     
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; }
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] { display: none; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: 'Open Sans', sans-serif; }
a:active,a:hover { outline: 0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn, i, em { font-style: italic; }
li {list-style: none}
hr { -moz-box-sizing: content-box; box-sizing: content-box;height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0;  vertical-align: baseline; *vertical-align: middle;} 
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
li {list-style: none}
*{ margin:0; padding:0; box-sizing:border-box; outline:none;}
/*body{font-family: 'Roboto', sans-serif;font-weight: 400;color: #000; font-size:62.5%;}*/
li {list-style: none}
div#main-container{max-width:100%;}
.flex{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;justify-content: center;width: 100%;margin: 0 auto;}
.container-fluid{ width:100%; float:left;}
.container1340{ width:100%; max-width:1340px; margin:0 auto; padding:0 1%;}
.nowrap{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.justify-start{justify-content: start;}
.justify-start{justify-content: start;}
.justify-space-between{justify-content:space-between;}
.justify-space-evenly{justify-content: space-evenly;}
.flex-direction{flex-direction:column;}
.align-items{align-items: center;}
.row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;width: 100%;margin: 0 auto;}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto{position:relative;width:100%;min-height:1px;}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;}
.container{ width:100%; max-width:1340px; margin:0 auto;}

/*Header css*/
.grey{background: #343b53;}
.pink{ background:#ffd2d9; background:var(--backpink); box-shadow:0 0 30px rgb(0 0 0 / 10%); margin-bottom:5px;}
.header{ width:100%; display:flex; flex-wrap:nowrap; padding:15px 0;}
.header .row{align-items:center;}
ul.read{ display:flex; width:100%; justify-content:flex-start; align-items:center; position:relative;}
ul.read li{ flex:0 0 auto; }
ul.read li a{font-size:1.4em; padding:0 10px; text-transform:uppercase; font-weight:500; text-align:center; display:block;}
ul.read li a:hover{ text-decoration:underline;}
ul.read li a span{ display:inline-block; padding:0 5px; vertical-align:bottom;}
div.openhours{ text-align:right; font-size:1.5em; position:absolute; top:0; right:15px;}

/*Footer*/
strong.heading{ font-size:4em; width:100%; max-width:1340px; display:flex; padding:20px 0; justify-content:center; text-align:center; margin:0 auto; font-weight:400; clear:both;}
/*Newsletter Signup*/
.newslettersocial{ width:100%; display:flex; flex-wrap:nowrap; padding:50px 0;}
.newslettersocial .newsletter{ text-align:center;}
.newslettersocial .newsletter strong{ font-size:2em; font-weight:400; display:block; padding:10px 0; color:#fff;}
.newslettersocial .newsletter .subscribe{ width:80%; display:flex; flex-wrap:nowrap; justify-content:center; margin:0 auto;}
.newslettersocial .newsletter .subscribe input[type="text"]{ flex:0 0 80%; max-width:80%; background:#fff; font-family:inherit; font-size:1.5em; height:48px; line-height:48px; padding:0 10px; border:0;}
.newslettersocial .newsletter .subscribe input[type="submit"]{flex:0 0 18%; max-width:18%; margin-left:10px; font-family:inherit; font-size:1.5em; height:48px; line-height:48px; padding:0 10px; background:#ffa500; color:#fff; border:0;}
/*Social Media*/
.newslettersocial{ width:100%; display:flex; flex-wrap:nowrap; padding:50px 0;}
.newslettersocial .socialmedia { text-align:center;}
.newslettersocial .socialmedia strong{ font-size:2.5em; font-weight:400; display:block; padding:10px 0; color:#fff;}
.newslettersocial .socialmedia ul{ display:flex; flex-wrap:nowrap; justify-content:center; margin:0 auto;}
.newslettersocial .socialmedia ul li img{width: 40px;height: 42px;}
.newslettersocial .socialmedia ul li svg{ width:48px; height:48px; fill:#fff;}
/*Why Book with us*/
.whybookwithus{ width:100%; display:flex; flex-wrap:wrap; padding:50px 0; justify-content:center; text-align:center; margin:0 auto;}
.whybookwithus h2{ font-size:2.5em; font-weight:400;}
.whybookwithus p{ padding:1% 10%; line-height:25px; font-weight:300; font-size:1.2em;}
.whybookwithus ul{display:flex; flex-wrap:nowrap; justify-content:center; margin:15px auto;}
.whybookwithus ul li{flex:0 0 auto; margin:0 20px; width:222px; padding:20px; border-radius:10px; box-shadow:1px 1px 11px #ccc;}
.whybookwithus ul li span{ display:block; font-size:1em}
.whybookwithus ul li img{ width:122px; height:122px;}
/*footerlink*/
.flink{ border-top:1px solid #ddd;}
.footerlink{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin:0; padding:10px 0;}
.footerlink ul{width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto;}
.footerlink ul li{ flex: 0 0 auto; padding:0 10px; font-size:1.4em; border-right:1px solid #333;}
.footerlink ul li a{ color:#000;}.footerlink ul li a:hover{ text-decoration:underline;}
.footerlink ul li:last-child{ border:none;}
.copyright{ display:block; font-size:1.2em; padding:10px 0;}
.atol-certi{ display:block; font-size:1.2em; padding:10px 0;}
.atol-certi p {text-align: center;font-size: 11px;color: gray;}

/* Custom checkbox */
.customcheck{display: block; position: relative; padding-left:25px; cursor: pointer; font-size:1.2em;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; font-weight:600;}
.customcheck input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark{position:absolute; top:-4px; left:0; height:18px; width:18px; background-color: #fff; box-shadow: 1px 2px 2px #999 inset;
border-radius: 3px;}
.customcheck:hover input ~ .checkmark {background-color:#efefef;}
.customcheck input:checked ~ .checkmark {}
.checkmark:after {content: ""; position: absolute; display: none;}
.customcheck input:checked ~ .checkmark:after {display: block;}
.customcheck .checkmark:after {left:7px; top:3px; width: 4px; height:8px; border: solid black; border-width: 0 2px 2px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.customcheck2{display: block; position: relative; padding-left:28px; cursor: pointer; font-size:1.4em;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; font-weight:500; line-height:18px;}
.customcheck2 input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.customcheck2 .checkmark{position: absolute; top: -4px;left: 0;height: 20px; width: 20px; background-color: #fff; box-shadow: none;
border-radius: 0; border:1px solid #a1a1a1;}
.customcheck2:hover input ~ .checkmark {background-color:#efefef;}
.customcheck2 input:checked ~ .checkmark {background-color:#2474ec;}
.checkmark:after {content: ""; position: absolute; display: none;}
.customcheck2 input:checked ~ .checkmark:after {display: block;}
.customcheck2 .checkmark:after {left:6px; top:2px; width:5px; height:9px; border: solid white; border-width: 0 2px 2px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


/* Custom RadioBox */
.customradio {display: block; position: relative; padding-left:25px; cursor: pointer; font-size:1.2em;
-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; font-weight:600;}
.customradio input { position: absolute; opacity: 0; cursor: pointer;}
.customradio .checkmark { position:absolute; top:-4px; left:0; height:18px; width:18px; background-color: #fff;  box-shadow: 1px 2px 2px #999 inset; border-radius: 50%;}
.customradio:hover input ~ .checkmark {background-color:#efefef;}
.customradio input:checked ~ .checkmark {}
.checkmark:after {content: ""; position: absolute; display: none;}
.customradio input:checked ~ .checkmark:after {display: block;}
.customradio .checkmark:after {top:7px; left:6px; width:6px; height:6px; border-radius: 50%; background: black;}

/* Custom RadioBox2 */
.customradio2 {display: block; position: relative; padding-left:25px; cursor: pointer; font-size:1.2em;
-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; font-weight:600;}
.customradio2 input { position: absolute; opacity: 0; cursor: pointer;}
.customradio2 .checkmark { position:absolute; top:-4px; left:0; height:20px; width:20px; background-color: #fff; border-radius: 50%; border:1px solid grey; box-shadow: none;}
.customradio2:hover input ~ .checkmark {background-color:#efefef;}
.customradio2 input:checked ~ .checkmark {background-color: #2474ec;}
.checkmark:after {content: ""; position: absolute; display: none;}
.customradio2 input:checked ~ .checkmark:after {display: block;}
.customradio2 .checkmark:after {top:6px; left:6px; width:6px; height:6px; border-radius: 50%; background:white;}
div.filtersection{overflow: auto;}
div.filtersection::-webkit-scrollbar {width: 5px; height: 5px;}
div.filtersection::-webkit-scrollbar-thumb {border-radius: 5px; -webkit-box-shadow: inset 0 0 6px #000000;}
div.filtersection:hover::-webkit-scrollbar-thumb {border-radius: 5px; -webkit-box-shadow: inset 0 0 6px #a20b28;}
div.filtersection::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.6); border-radius: 5px;}



/* Cookies CSS */
.wrapperbtm{display:flex; flex-flow: row wrap;width: 100%;margin: 0 auto;max-width: 1800px;padding: 0 20px;padding-right: 0;background:#e2e2e2;position: fixed;z-index: 9999; bottom:0; left:0; right:0;}
.cookies-btm{color: #fff;padding:7px;bottom: 0;max-width:800px; width:100%;display: none; margin:0 auto; }
.cookies-btm .cookies-text{color: #000;line-height: 20px; font-size:1em; position:relative; padding:0 0 0 35px; font-size:1.4em;}
.cookies-btm .cookies-text:before{ content:url('assets/images/about-us.svg'); width:30px; height:30px; font:normal normal normal 14px/1 FontAwesome; position:absolute; top:5px; left:0px; font-size:2em; color:#636363;}
.cookies-btm a{color: #007cde;display: inline-block;}
.cookies-btm button.cks{border-radius: 4px;border: 1px solid #fff;width: 111px;color: #fff;cursor: pointer;height: 40px;background: #a20b28;
    background: var(--btnred); font-family:inherit; font-size:1.3em;}
.cookies-btm span.clscookies{border-radius: 4px;border: 1px solid #fff;width: 111px;color: #fff;cursor: pointer;height: 40px;background-color: #e02f2f;margin-left: 10px;line-height: 40px;text-align: center;font-size: 1.5em;}
/* Cookies CSS */


.introBx {padding:20px 0;}
.introBx .lbox {padding:0; text-align:center;}
.introBx .rbox img {border-radius:10px;}
.introBx .lbox strong {font-size:2em; font-family:"Rubik", sans-serif; text-align:center; width:100%; display:block; padding:0 0 10px; color:#103356; font-weight:400;}
.introBx .lbox p {font-size:1em; text-align:center; line-height:1.5em;}
.introBx .lbox a {background:#c34b5d; color:#fff; border-radius:5px; padding:8px 30px; font-size:1.2em; margin:20px auto 0; display:inline-block; text-align:center;}


.navicon, span.fclose, span.closemodify{ display: none;}{display:none;}

 @media screen and (max-width:1024px){
	ul.read li a{ font-size: 1.3em;}
	.ui-widget-content{ max-height: 100%!important;}
	 .header{flex-wrap:wrap;}
	 .header .row .col-3, .header .row .col-9{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	 div.openhours{ top:-30px;}
	 ul.read{justify-content: flex-end;}
	  .banner{ width:100%; float:left;}
	 .gridcontainer{flex-wrap:wrap;}
	 .price-list, .d-format{flex: 0 0 100%;max-width: 100%;}
	 .price-list ul{flex-wrap: nowrap; overflow:scroll; padding-bottom:15px;}
	 .price-list ul > li{flex: 0 0 20%;max-width: 20%;}
	 .newslettersocial .newsletter strong{ font-size:1.4em;}
	 .newslettersocial .newsletter .subscribe input[type="text"]{flex: 0 0 70%;max-width: 70%;}
	 .newslettersocial .newsletter .subscribe input[type="submit"]{flex: 0 0 30%;max-width: 30%;}
}
  @media screen and (max-width:767px){
	.pgrid ul li.returning{ font-size:.8em;} 
	.price-list ul > li{flex: 0 0 30%;max-width: 30%;}
	.d-format{ padding:0;}.d-format .d-right{ padding:15px 0}
	.newslettersocial, .whybookwithus ul{flex-wrap:wrap;}
	.newslettersocial .col-6{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.whybookwithus p{ font-size:1em;}
	
	ul.read{ display:none; flex-wrap: wrap; background-color: #dfdfdf; z-index:99999; position:absolute; top:12px;}  
	ul.read li{flex: 0 0 100%; max-width:100%; border-bottom: 1px solid #ffffff;}
	ul.read li a{text-align:left; padding:14px 0 14px 52px;}
	ul.read li a span{ position:absolute; left:10px;}
	.header{ height:100px;}
	.navicon{display: block; width: 40px; position: absolute; right: 18px; top: 0; cursor:pointer;}
    .navicon span{ height:3px; background-color:#343b53; display:block; margin:5px 0px;}
	
	.header .row {align-items: start;}
	div.openhours{background-color: #c34b5d; padding: 8px 0; text-align: center; color: #ffffff; font-size: 1.4em; position:static; margin-top:10px;}
	strong.heading, .customer-review h3{font-size: 2.8em;}
	.whybookwithus h2{font-size:1.6em;}
}

/*bof-please-wait-loader*/
.masking, .wait-masking{ width:100%; display:none;}
.loader_container{position: fixed; left: 0;  top: 0; background-color: #000; opacity: 0.5; display: block; width: 100%; height: 100%; z-index:9999;}
.masking .waitings, .wait-masking .waitings{color: #fff; background: #2a82db; text-align: center;font-size: 16px; width:80%; position: fixed; max-width: 600px; top: 50%; left: 0; right: 0; margin: auto; border: 7px solid; padding: 20px; z-index: 9999; transform: translateY(-50%);}
.masking .waitings p, .wait-masking .waitings p{ display:block; text-align:center; line-height:20px;}

.moduleload{margin-top:10px;}
.dot{display:inline-block;width:14px;height:14px;animation:loadpoint 1s calc(((var(--i) + var(--o,0))/var(--n) - 1) *1s) infinite;background:#ffffff;margin:5px 3px 3px}.dot:after{--o: 1;background:#ffffff;content:""}.loadpoint.waiting_load{}.loadpoint.waiting_load{}.loadpoint.waiting_load .dot{background:rgb(14 113 184);margin:0 3px}.loadpoint.waiting_load .dot,.loadpoint.waiting_load .dot:after{width:1.5em;height:1.5em}.loadpoint.waiting_load .dot:after{background:rgb(14 113 184)}@keyframes loadpoint{0%,50%{transform:scale(0)}}@media only screen and (max-width:767px){.loadpoint.waiting_load .dot,.loadpoint.waiting_load .dot:after{width:1em;height:1.2em}.dot{width:.8em;height:.8em}#UpdateProgress1 .prowrap #pro-cont-main p{padding:0}}.loadmoreloader{margin-bottom:10px}.loadmoreloader .loadpoint{text-align:center}.loadmoreloader .loadpoint.waiting_load .dot,.loadpoint.waiting_load .dot:after{width:1.2em;height:1.2em}
/*eof-please-wait-loader*/

.container-fluid.feefo-m30{background-color:none; float: none;}
.customer-review{ text-align:center; padding:40px 0px; overflow:hidden;}
.customer-review h3 {font-size: 3.8em; font-weight:400; display: none;}


/* bof: for clear the input by popy */
.clearable, .clearable:focus{
  /*background: url(../images/dest-icon.png) no-repeat 5px 50%, #fff url(//i.stack.imgur.com/mJotv.gif) no-repeat right -10px center ;*/

    background-position:5px 11px,right -10px center;
    background-repeat: no-repeat,no-repeat;
}
/*
.clearable:focus{
  background: url(../images/dest-icon.png) no-repeat 5px 50%, #fff url(//i.stack.imgur.com/mJotv.gif) no-repeat right -10px center !important;
}
*/
.clearable.x  {background: #fff url(/assets/images/input-cross.png) no-repeat; transition: none; cursor: pointer; }
/*.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
/* .clearable.x  { 
	background-image: url(../images/dest-icon0.png),url(//i.stack.imgur.com/mJotv.gif);
    background-position:5px 11px,right 10px center;
    background-repeat: no-repeat,no-repeat; } */
.clearable.onX{ cursor: pointer !important; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none !important; width:0 !important;height:0 !important;} /* Remove IE default X */
/* eof: for clear the input by popy */

.calendardom {display: none;}
@media only screen and (max-width: 767px){
div.calendarmonth {overflow: auto; height: calc(100vh - 164px); padding: 0;}
div#vMobdp{position: fixed;top: 0;left: 0;background-color: #fff;display: block;height: 100vh;width: 100%;z-index: 999999;}



/* Bof: Mobile Calender CSS */
@media screen and (max-width: 767px) {.introBx .lbox, .introBx .rbox{flex:0 0 100%; max-width:100%;}.introBx .lbox{order:2;}.introBx .lbox{order:1;}span.closemodify {display: none;}.calendardom {position: fixed;top: 0;left: 0;background-color: #fff;display: block;height: 100vh;width: 100%;z-index: 999999;display: none;}.calendardom .calendartop {position: fixed;top: 0;left: 0;width: 100%;background-color: #343b53;z-index: 9;}.calendardom .calendartop .row {padding: 6px;position: relative;justify-content: space-between;width: 270px;margin: 0;}.calendardom .calendartop .row .cols {color: #fff;padding: 10px 20px;border-radius: 10px 10px 0 0;cursor: pointer;flex: 0 0 50%;max-width: 50%;}.calendardom .calendartop .row .cols.dateactive {background-color: #a20b28;}.calendardom .calendartop .row .cols span {font-size: 1.3em;font-weight: 600;display: block;}.calendardom .calendartop .row .cols strong {font-size: 1.4em;text-shadow: 1px 1px 1px rgb(0 0 0/50%);}.calendardom .calendartop .row .calendarcross {position: fixed;right:15px;top:15px;font-size: 2.6em;color: #fff;text-shadow: 1px 1px 1px rgb(0 0 0/50%);cursor: pointer;}.calendardom .calendartop .calendermonth {box-shadow: 3px 3px 3px rgb(0 0 0/20%);margin-top: -6px;}.calendardom .calendartop .calendermonth .row {width: 100%;justify-content: space-between;text-align: center;font-size: 1.4em;background-color: #fff;cursor: pointer;padding: 10px 7%;font-weight: 600;}.calendardom .calendarbottom {position: absolute;bottom: 0;text-align: right;padding: 8px 12px;width: 100%;background-color: #343b53;}.calendardom .calendarbottom input[type="button"] {background-color: #1563a1;color: #fff;border: none;padding: 8px 12px;border-radius: 5px;font-size: 1.6em;font-weight: 600;}.calendarmonth {margin-top: 110px;height: calc(100vh - 165px);padding: 10px;}.choosedate {background-color: #020202;color: rgb(255, 255, 255);padding-left: 20px;font-size: 14px;height: 40px;line-height: 40px;}div.hasDatepicker div.ui-datepicker {width: 100% !important;}}@media only screen and (max-width: 767px) {.calendardom .calendartop {z-index: 9;}div.calendarmonth {overflow: auto;height: calc(100vh - 164px);padding: 0;}.ui-datepicker {width: 100% !important;}.ui-datepicker-multi .ui-datepicker-group {width: 100%;margin: 0;padding: 0 5px;}.ui-datepicker-multi .ui-datepicker-group table {width: 100%;margin-top: 12px;}.ui-datepicker-multi .ui-datepicker-group table thead {display: none;}.ui-datepicker .ui-datepicker-header {background: 0 0;border: none;}.ui-widget-content .ui-state-default.ui-state-hover, .ui-state-default.ui-state-active {background: 0 0;}a.ui-datepicker-prev.ui-corner-all.ui-state-disabled, a.ui-datepicker-next.ui-corner-all.ui-state-disabled {display: none;}.ui-datepicker .ui-datepicker-title {margin: 0;line-height: 1.8em;text-align: left;font-size: 1.4em;color: #000;border-bottom: 1px solid #e7e7e7;padding: 10px 0;}table.ui-datepicker-calendar tr {border-bottom: 7px solid #fff;}.ui-datepicker td {padding: 0;}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {border: none;background: 0 0;}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #000;padding: 0;line-height: 40px;font-size: 15px;font-weight: 600;font-family: "Roboto", sans-serif;}tr td.ui-state-active a.ui-state-default {background-color: #ffdbe2;color: #000000;}tr td.ui-datepicker-start-day, tr td.ui-datepicker-return-day {background-image: linear-gradient(90deg, #fff 50%, #fff 0) !important;position: relative;height: 42px;}tr td.ui-datepicker-return-day {background-image: linear-gradient(-90deg, #ffffff 50%, #ffdbe2 0) !important;}tr td.ui-datepicker-start-day {background-image: linear-gradient(90deg, #fff 50%, #fff 0) !important;}tr td.ui-datepicker-start-day a.ui-state-default, tr td.ui-datepicker-return-day a.ui-state-default {width: 45px;height: 45px;border-radius: 0px;color: #fff !important;font-weight: 600;position: absolute;top: 0px;left: 0;right: 0;margin: auto;padding: 0;z-index: 1;line-height: 45px;}tr td.ui-datepicker-start-day+td.ui-state-active {position: relative;z-index: 0;}tr td.ui-datepicker-start-day+td.ui-state-active:before {content: "";background: #ffdbe2;position: absolute;width: 100%;height: 40px;left: -50%;z-index: -1;}.calendardom .calendarbottom {position: fixed;left: 0;bottom: 0;z-index: 9;box-shadow: -3px -3px 3px rgb(0 0 0/20%);}div.calendarmonth .ui-datepicker {overflow: inherit;}div.calendarmonth .ui-widget-content {border: none;}.calendardom .calendarbottom input[type="button"] {width: 100%;padding: 0;background: 0 0;height: 38px;}.choosedate {color: #fff;background-color: #020202;text-align: center;font-size: 13px;font-weight: 600;transition: all 0.5s;line-height: 40px;height: 0;overflow: hidden;font-weight: 600;}.calendardom .calendarbottom.applydisabled {background-color: #d9e2e8;background-image: none;}.calendardom .calendarbottom.applydisabled input[type="button"] {color: #000;}td.ui-state-active.stdate {position: relative;}td.ui-state-active.stdate:before, td.undefined.ui-datepicker-current-day .ui-state-active.stdate:before {content: "";background: #ffdbe2;position: absolute;width: calc(100% - 26px);left: 50%;z-index: 0;height: 40px;}td.ui-state-active.ui-datepicker-return-day:before {content: "";background: #ffdbe2;position: absolute;width: auto;left: -10px;z-index: 0;right: auto;}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {padding: 0px 7px !important;}.ui-state-active.ui-datepicker-current-day .ui-state-active, .ui-state-active.ui-datepicker-return-day .ui-state-default, .undefined.ui-datepicker-current-day .ui-state-active {width: 40px;height: 40px;line-height: 40px;}.undefined.ui-datepicker-current-day .ui-state-active {margin: 0 auto;width: auto;}.ui-state-active.ui-datepicker-return-day a.ui-state-default {border-radius: 0 10px 10px 0;}.ui-state-active.ui-datepicker-start-day.ui-datepicker-current-day a.ui-state-default.ui-state-active, .ui-state-active.ui-datepicker-start-day .ui-state-default {border-radius: 10px !important;}.ui-state-active.ui-datepicker-start-day.ui-datepicker-current-day.stdate a.ui-state-default.ui-state-active, .ui-state-active.ui-datepicker-start-day.stdate a.ui-state-default {border-radius: 10px 0 0px 10px !important;}
.ui-state-active.ui-datepicker-start-day.stdate a.ui-state-default, .ui-state-active.ui-datepicker-start-day .ui-state-default{background-color: #a20b28; width: 40px; height: 40px; line-height: 40px;}

.undefined.ui-datepicker-current-day .ui-state-default.ui-state-hover{width:auto; font-weight: normal; background: none !important; color: #000000 !important;}
div.ui-datepicker-group table.ui-datepicker-calendar {width: 100%;}div.ui-datepicker .ui-datepicker-title {margin: 0px;border: none;}div.calendarmonth {margin-top: 95px;}div.ui-datepicker-multi .ui-datepicker-group {padding-top: 10px !important;}div.ui-datepicker-multi .ui-datepicker-group:first-child {padding-top: 10px !important;border: none;margin: 0;}.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-size: 1.4em !important;color: #000000 !important;}td.ui-datepicker-current-day a.ui-state-active {color: #ffffff !important;font-weight: 600;}div.ui-datepicker .ui-datepicker-title {font-size: 1.1em;}div.ui-datepicker .ui-datepicker-title span {font-weight: bold;}
div.ui-datepicker-header a.ui-datepicker-prev.ui-corner-all.ui-state-disabled, div.ui-datepicker-header a.ui-datepicker-next.ui-corner-all.ui-state-disabled{display: none !important;}

/* Bof:Search Result */
div.srch-cr .row .col-3 .msearch{margin:0; display: flex; justify-content: space-between;}
div.srch-cr .row .col-3 .msearch a.modifyname{order: 2; margin: 0 auto;}
div.srch-cr .row .col-3 .msearch a.modifyname + a{order: 1; margin: 0;}
.ui-state-active.ui-datepicker-current-day .ui-state-active, .ui-state-active.ui-datepicker-return-day .ui-state-default{background:#a20b28 !important;}
.ui-state-hover{background: none !important; border-radius: 10px !important; }
div.searchbox .searchbg{width:100%;}
div.searchresultbx div.row .col-3 .searchfilterbtn{padding:9px 0 10px 18px; text-align: center;}
div.searchresultbx div.row .col-3 .searchfilterbtn img{position: absolute; top:2px; margin: 0px;}
div.resultitems .row.row2 .bagstrip{border: none;}
.information-popup h3 i{top:-2px;}
div.container-fluid.srcbg .searchbox{z-index: 99999;}
input#ePQ1 + .container-fluid.src div.srch-cr .row .col-3 .msearch a.modifyname{margin:0px;}
div.insurancebx .travellerlive .dontbcx h4{width: calc(100% - 90px); line-height: 18px; font-size: 1.5em; font-weight: 500;}
div.insurancebx .travellerlive .dontbcx select.yestrvls{width:70px;}
/* Eof:Search Result */

.calendardom .calendartop .row .cols strong{text-align: left; display: block;}
.calendardom .calendartop .row .cols span{text-align: left; margin-bottom: 2px;}
div.ui-datepicker-group div.ui-datepicker-header .ui-datepicker-title{font-size:14px; margin: 10px;}
div.ui-datepicker-group.ui-datepicker-group-middle table.ui-datepicker-calendar td.ui-state-active .ui-state-default.ui-state-hover {background: #ffd2da !important; border-radius: 0 !important;}
div.ui-datepicker-group.ui-datepicker-group-middle tr td.ui-state-active.ui-datepicker-return-day .ui-state-default.ui-state-hover{background-color: #a20b28 !important; border-radius: 0 10px 10px 0 !important;}

div.ui-datepicker-group.ui-datepicker-group-middle tr .ui-state-active.ui-datepicker-start-day.ui-datepicker-current-day .ui-state-default.ui-state-active.ui-state-hover{border-radius: 10px !important; background-color: #a20b28 !important;}
div.ui-datepicker-group.ui-datepicker-group-middle tr .ui-state-active.ui-datepicker-start-day.ui-datepicker-current-day.stdate .ui-state-default.ui-state-hover{background-color: #a20b28 !important; border-radius: 10px 0px 0px 10px !important;}

}
/* Eof: Mobile Calender CSS */
}




/* bof: new Css Implement */
.dflight{background: #1a9514 !important; color: #fff !important;}
.flight-detail-page .flight-detail-left .form-card h4{margin-bottom: 15px;}
.form-control.search-input{background: url(../images/search-icon1.svg) no-repeat 14px;}
.flight-info-loop .flight-info .flight-logo-outer .airline-name{display: none;}

.arrive-date-box{margin-left: 60px; font-weight: 600; color: rgb(195, 75, 93); display: flex; align-items: center; position: relative; z-index: 9;}
.arrive-date-box img{margin-right: 10px;}
.baggage-box ul{margin: 0;}
.baggage-box ul li img{vertical-align: bottom;}
.flight-result-list .result-outer .result-list .flight-tab .tab-content .flight-list-card .data-right-part .flt-prc-block .flight-price-box span{margin-bottom: 20px;
    color: #0f3258; display: block; margin-top: 4px;}
.flight-result-list .result-outer .result-list .flight-tab .tab-content .flight-list-card .data-right-part .flt-prc-block .flight-price-box label{font-weight: 600;}
.result-filter .filter-outer-box .accordion .card .card-header h3 .btn span{position: absolute; right: 0; font-size: .85em; bottom: -12px;}
.result-filter .filter-outer-box .accordion .card .card-header h3 .btn::after{background: url(../images/down-arw.png) no-repeat center center;}
.result-filter .filter-outer-box .accordion .card-body .cmn-radio label span.cabinclrall, .result-filter .filter-outer-box .accordion .card-body .cmn-chk input + label span.clrall{position: absolute; right: 0; top: 4px; text-decoration: underline; font-size: 1em; color: #c34b5d;}
.result-filter .filter-outer-box .accordion .card-body .time-range-box .ui-state-default, .result-filter .filter-outer-box .accordion .card-body .time-range-box .ui-widget-content .ui-state-default, .result-filter .filter-outer-box .accordion .card-body .time-range-box .ui-widget-header .ui-state-default, .result-filter .filter-outer-box .accordion .card-body .time-range-box .ui-button, .result-filter .filter-outer-box .accordion .card-body .time-range-box html .ui-button.ui-state-disabled:hover, .result-filter .filter-outer-box .accordion .card-body .time-range-box html .ui-button.ui-state-disabled:active{border: 2px solid #c34b5d !important; background-color: #ffffff !important;}
.result-filter .filter-outer-box .accordion .card-body .time-range-box .ui-widget-header{background: #c34b5d;}
.cmn-chkfirst {display: flex; width: 100%; flex-direction: column; text-align: right; position: relative; z-index: 5; cursor: pointer;}
.cmn-chkfirst span.ppp{font-size: .85em; margin-top: -15px; margin-bottom: 10px;}
.cmn-chkfirst span.clrall{position: absolute; right: 0; bottom: -23px; font-size: .85em; text-decoration: underline; color: #c34b5d;}

.price-detail-card .price-breakdown .breakdownpp{text-align: right; line-height: 20px; margin-top: -25px; margin-left: -8px;}
.price-detail-card .price-breakdown .breakdownpp strong{display: block; font-size: 1.3em;}
.price-detail-card .price-breakdown .breakdownpp span{font-size: .85em;}
.errormsg{ margin: 5px 0;}
.errormsg p{line-height: 18px; font-size: .85em; /*text-align: center;*/}

.flight-upgrade-outer .flight-detail-left .flight-upgrade-tab .tab-content .flight-upgrade-slider .flight-upgrade-card .flt-upg-top .cmn-radio input + label small{top:0px; font-weight: 600; font-size: 16px; text-align: right;}
.flight-info-loop .flight-info .flight-logo-outer .airline-logo{max-width: 141px;}
.flight-info-loop .flight-info .flight-logo-outer .airline-logo img{width: 100%; height: auto;}
.flight-upgrade-outer .flight-detail-left .flight-upgrade-tab .tab-content .flight-upgrade-slider .flight-upgrade-card .flt-upg-top .cmn-radio input + label small:after{    content: 'per person'; display: block; font-size: .65em; margin-top: -6px; font-weight: 400; display: none;}


/* Bof: Desktop Table grid */
.upgrdsection{width: 100%;}
.upgrdpara{width: 100%;}
.upgrdpara strong.customeheading{font-size: 1.1em;}
.upgrdpara strong{font-size: 1.4em; display: block; margin-bottom: 10px;  font-weight: 600;}
.upgrdpara p{font-size: 1em; line-height: 20px; color: #333333;}
.desktopupgrdtable{width: 100%;}
.upgrtable{width: 100%; display: block; border-collapse: collapse; margin-top: 40px;}
.upgrtable .row{display:table; width: 100%;}
.upgrtable .row .col{border: 1px solid #cccccc; display: table-cell; width: 22%; padding: 15px; vertical-align: middle;}
.upgrtable .row .col:first-child{width: 34%;}
.upgrtable > .row:first-child > .col:first-child{visibility: hidden; border: 1px solid transparent; border-right: 1px solid #cccccc;}
.upgrtable .row .col strong.gradeheading{text-align: center; font-weight: 600; font-size: 1em; width: 100%; display: block;}
.gridbox{display: flex; justify-content: center; align-items: center; vertical-align: middle; height: 100%; flex-direction: column; line-height: 20px;}
.gridbox1{justify-content: flex-start; }
.gridbox .arrowlink{ width: 100%; position: relative; padding-left: 20px;}
.gridbox .arrowlink a{text-decoration: underline; color: #c34b5d; font-size: .90em; transition: transform 0.5s ease;}
.gridbox .arrowlink a img{ position: absolute; left: 0; top: 8px;}
.gridbox .arrowlink a svg{position: absolute; left: 0; top: 8px; width: 12px; fill: #c34b5d;}
.gridbox .arrowlink a.active svg{ transform: rotate(180deg)}
.rowgroup{display: block; width: 100%; margin-top: -1px;}
.rowgroup .row2{padding: 15px; border: 1px solid #dddddd; margin-top: -1px; display: none;}
.rowgroup .row2 .gridcontent{width: 100%;}
.rowgroup .row2 .gridcontent p{font-size: .90em; line-height: 18px; font-weight: 500;}
.rowgroup .row2 .gridcontent ul{list-style: none; font-size: .90em; padding-left: 15px;}
.rowgroup .row2 .gridcontent ul li{margin: 4px 0px; display: block; line-height: 18px; position: relative; font-weight: 400;}
.rowgroup .row2 .gridcontent ul li::before{content: ''; width: 5px; height: 5px;background-color: #4a4a4a; position: absolute; left: -12px; top: 5px; border-radius: 50px;}
.upgrtable .row .col:nth-child(3n - 0) {background-color: #f5f5f5;}
.gridbox .selecttxt{text-align: left; width: 100%; color: #c34b5d;}
.gridbox span.crossprice{font-size: .90em; text-decoration: line-through; color: #7a7a7a;}
.gridbox strong.gridprice{font-size: 1.2em; color: #c34b5d;}
.gridbox span.shortprice{font-size: .90em; color: #c34b5d;}
.gridbox .rdbx{width: 100%; display: flex; flex-direction: column;  align-items: center; margin-top: 5px; font-size: .80em;  color: #919191; font-weight: 500;}
.gridbox .rdbx input[type="radio"]{opacity:0; z-index:9; cursor:pointer; width:20px; height:20px;}
.gridbox .rdbx input[type="radio"] + .cstmrd{position: relative; left: -10px; top: -22px; cursor: pointer;}
.gridbox .rdbx input[type="radio"] + .cstmrd::before{position: absolute; left: 0; top: 0; width: 22px;height: 22px; border-radius: 50%; border: 1px solid #c0cbdc; background-color: #fff; content: ""; transition: all 0.3s ease;}
.gridbox .rdbx input[type="radio"] + .cstmrd::after{position: absolute; left: 4px; top: 4px; width: 14px; height: 14px; background-color: #c34b5d; content: ""; transition: all 0.3s ease; display: block; border-radius: 50%; opacity: 0;}
.gridbox .rdbx input[type="radio"]:checked + .cstmrd::after{opacity: 1;}
/* Eof: Desktop Table grid */

/* Bof: Mobile Table grid */
.mobileupgrdtable{width: 100%; font-size: 62.5%; display: none;}
.upgradecolume{border: 1px solid #cccccc; border-radius: 10px; margin: 10px 0;}
.upgradeheading{padding:0px; position: relative;}
.upgradeheading img.tableinfoicon{position: absolute; right: 10px; width: 30px; top: 7px; width: 28px;}
.upgradeheading span.recometag + label +  img.tableinfoicon{top: 43px;}
.upgradeheading > label{font-size: 1.8em; font-weight: 600; width: 100%; padding: 10px 0 10px 28px; position: relative;}
.upgradeheading > label > input[type="radio"]{opacity: 0;}
.upgradeheading > label > input[type="radio"] + span.cstmradio{position: relative; left: -32px;}
.upgradeheading > label > input[type="radio"] + span.cstmradio::before{position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #c0cbdc; background-color: #fff; content: "";  transition: all 0.3s ease;}
.upgradeheading > label > input[type="radio"]:checked + span.cstmradio::after{position: absolute; left: 4px; top: 4px; width: 14px; height: 14px; background-color: #c34b5d;
    content: ""; transition: all 0.3s ease; display: block; border-radius: 50%;}
.upgradecategories{border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 12px 16px;}	
.upgradecategories ul{list-style: none;}
.upgradecategories ul li{font-size: 1.4em; font-weight: 400; position: relative; line-height: 18px; border-bottom: 1px dashed #f5f5f5; padding: 4px 0 4px 34px;}
.upgradecategories ul li img{position: absolute; left: 0;}
.upgradecategories ul li:last-child{border: none;}
.upgradeprices{display: flex; justify-content: space-between; padding: 16px; align-items: center;}
.upgradeprices span.pricepp{font-size: 1.6em; font-weight: 600;}
.upgradeprices .upgradefr{width: auto;}
.upgradeprices .upgradefr strong{font-size: 2.2em; font-weight: 600;}
.upgradeheading span.recometag{width: 100%; background: #c34b5d; border-radius: 10px 10px 0 0; padding: 6px 16px; font-size: 1.6em; color: #ffffff; font-weight: 500;
display: block;}
/* Eof: Mobile Table grid */


.aba-passenger-loop ul li .aba-btn{padding:0 15px; text-align: center; width: 275px; padding-right: 36px; position: relative;}
.aba-passenger-loop ul li .aba-btn span.arw{position: absolute; right: 15px;}

.aba-passenger-loop ul li .aba-btn span.arw svg{width: 12px; fill: #ffffff;}
.mealsection{width: 100%; position: relative;}
.mealsection .rdw{display: flex; justify-content: flex-start; flex-direction: column;  gap: 8px; padding-left: 125px;}
.mealsection .rdw p{position: relative; padding-left: 15px; font-size: .95em; line-height: 20px; font-weight: 500;}
.mealsection .rdw p img{position: absolute; left: 0px; top: 4px;}
.mealsection .rdw a{padding-left: 15px; font-size: .90em; font-weight: 500;}
.mealsection .rdw2{width: 100%; display: flex; margin-top: 30px; justify-content: space-between; max-width: 720px;}
.mealsection .rdw2 .frscolm {flex: 0 0 80px; text-align: right; line-height: 22px; font-size: .90em; margin-top: 8px; font-weight: 500;}
.mealsection .rdw2 .frscolm strong {display: block; font-size: 1.8em;}
.mealsection .rdw2 .frmsect{flex:0 0 calc(100% - 125px); display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between;}
.mealsection .rdw2 .frmsect .frmwrap{flex:0 0 49%; position: relative;}
.mealsection .rdw2 .frmsect .frmwrap label{font-size: 1.1em; font-weight: 500;}
.mealsection .rdw2 .frmsect .frmwrap select{ width: 100%; height: 48px; border: 1px solid #cccccc; padding:0 15px; font-size: 1em; font-family: inherit; border-radius: 10px; appearance: none; transition: all .5s; background-color: #ffffff; color: #000000;}  
.mealsection .rdw2 .frmsect .frmwrap select:has(+ span.selectarw + span.error-text) {border: 1px solid red;}
.mealsection .rdw2 .frmsect .frmwrap select:focus{border-color: #000000;}
.mealsection .rdw2 .frmsect .frmwrap span.selectarw {border: 6px solid transparent; border-top: 10px solid #626262; position: absolute; bottom:auto; right: 15px;
 pointer-events: none; top: 46px;}
div.withoutgo{display: flex; justify-content:space-between; align-items: center;}
div.withoutgo span{font-size: .8em;}
div.withoutgo label{display: flex; justify-content: flex-end; gap: 10px;  margin: 14px 0 0; font-size: .90em; font-weight: 500; cursor: pointer;}
div.withoutgo label input[type="radio"]{opacity: 0; z-index: 9; cursor: pointer;}
div.withoutgo label input[type="radio"] + .cstmrd{position: relative; cursor: pointer; left: -20px;}
div.withoutgo label input[type="radio"] + .cstmrd::before{position: absolute; left: 0; top: 0; width: 22px;height: 22px; border-radius: 50%; border: 1px solid #c0cbdc; background-color: #fff; content: ""; transition: all 0.3s ease;}
div.withoutgo label input[type="radio"]:checked + .cstmrd::after{position: absolute;left: 4px;top: 4px; width: 14px;height: 14px; background-color: #c34b5d; content: ""; transition: all 0.3s ease; display: block; border-radius: 50%;}
.common-list li{ font-size: .90em;}
.common-list li:before{background: url(../images/check-icon.png) no-repeat;}
.upgrtable .row .col span.recometag{position: absolute; top: -36px; width: 100%; background-color: #c34b5d; left: 0; text-align: center; padding: 6px; color: #ffffff; border-radius: 5px 5px 0 0;}

.mealsection .rdw img.mealicon{width: 80px; height: auto; display: block; position: absolute; top: 0; left: 5px;}
.flight-upgrade-outer .flight-detail-left h2, .flight-detail-page .flight-detail-left h2{margin-bottom: 15px; justify-content: space-between;}
.frmcontrol{position: relative;}
.frmcontrol span.selectarw {border: 7px solid transparent;  border-top: 10px solid #626262; position: absolute; bottom: 6px; right: 12px; pointer-events: none;
    z-index: 99999; padding: 0 !important;}
.heading-tag h3{font-weight: 600;}
.price-detail-card .price-breakdown .price-head-card .tickets-tag{    background: url(../images/down-arw.png) no-repeat right 5px;}
.price-detail-card .price-breakdown .price-head-card.ticket-full-show .tickets-tag{background: url(../images/down-arw.png) no-repeat right 5px;}
.upgrade-terms-card .terms-mid-box .terms-mid-top .mid-top-rt.ipt:after {content: 'Including IPT';  display: block;  font-size: .60em; border-top: 1px solid; text-align: center;}

/* bof: loader */
.moreload{display: none;}
.ploadergrid{position: relative; overflow: hidden; width: 140px; margin: 20px auto;}
.ploadergrid ul{display: flex; flex-wrap: wrap; list-style: none;  gap: 8px; width: 130px; margin: 5px auto;}
.ploadergrid ul li{width: 13px; height: 13px; background-color: #c34b5d; flex: 0 0 auto;}
.ploadermasking{background: #c34b5d; position: absolute; z-index: 999; width: 100%; height: 100%; top: 0; transition: all .5s;
animation-name: example; animation-duration: 1s; animation-iteration-count: infinite; background: rgb(249, 85, 57); background: linear-gradient(-280deg, rgba(249, 85, 57, 0) 0%, rgba(249, 85, 57, 1) 20%);}
.dot{background:#c34b5d; margin: 0 3px;}
.dot, .dot:after {display: inline-block; width:15px; height:15px; animation: loadpoint 1s calc(((var(--i) + var(--o, 0)) / var(--n) - 1) *.9s) infinite;}
.dot:after { --o: 1; background:#c34b5d; content: "";}
@keyframes loadpoint {
0%, 50% {transform: scale(0);}
}
@keyframes example {
0%   {left: 0;}
100% {left: 100%;}  
}
/* eof: loader */

/* Bof: ProcessingBar */
#UpdateProgress1{width: 100%; height: 100%; position: fixed; z-index: 9999; display: none; top: 0; left: 0;}
/* #UpdateProgress1 .prowrap{max-width: 550px; width: 90%;  display: block; overflow: hidden; margin: 0 auto; background: #fff; top: 50%;
left: 50%; transform: translate(-50%, -50%); position: absolute;} */
#UpdateProgress1 .prowrap{max-width: 100%;  width: 100%; display: block; overflow: hidden;  margin: 0 auto;  background:rgb(255 255 255 / 90%); top: 0; left: 0;transform: 0; position: absolute; height: 100%;}
div#UpdateProgress1 .animation-img{width: 180px; margin: 0 auto; display: flex; align-items: center; height: 100%; justify-content: center;}
#UpdateProgress1 .prosesscontent{background: #c34b5d; border: #fff 2px solid; font-size: 1.4em; display: flex; flex-direction: column;
gap: 10px; padding: 30px 0; text-align: center;}
#UpdateProgress1 .prosesscontent p{font-size: .85em; font-weight:500; color: #ffffff; line-height: 22px;}
#UpdateProgress1 .ploadergrid{position: relative; overflow: hidden; width: 140px; margin: 0px auto; height: 14px;}
#UpdateProgress1.ploadergrid ul{display: flex; flex-wrap: wrap; list-style: none;  gap: 8px; width: 130px; margin: 5px auto;}
#UpdateProgress1 .ploadergrid ul li{width: 13px; height: 13px; background-color: #c34b5d; flex: 0 0 auto;}
#UpdateProgress1 .ploadermasking{background: #ffffff; position: absolute; z-index: 999; width: 100%; height: 100%; top: 0; transition: all .5s;
animation-name: example; animation-duration: 1s; animation-iteration-count: infinite; background: rgb(249, 85, 57); background: linear-gradient(-280deg, rgba(249, 85, 57, 0) 0%, rgba(249, 85, 57, 1) 20%);}
#UpdateProgress1 .dot{background:#ffffff; margin: 0 3px;}
#UpdateProgress1 .dot, #UpdateProgress1 .dot:after {display: inline-block; width:15px; height:15px; animation: loadpoint 1s calc(((var(--i) + var(--o, 0)) / var(--n) - 1) *.9s) infinite;}
#UpdateProgress1 .dot:after { --o: 1; background:#ffffff; content: "";}
@keyframes loadpoint {
0%, 50% {transform: scale(0);}
}
@keyframes example {
0%   {left: 0;}
100% {left: 100%;}  
}
/* Eof: ProcessingBar */




img.infromationicon{display: inline-block; width: 15px; vertical-align: text-bottom; cursor: pointer;}

@media only screen and (max-width:767px){

.upgrtable{margin-top: 60px; width: 767px;}
.desktopupgrdtable{overflow: auto;}
.mealsection .rdw{padding: 0;}
.mealsection .rdw img.mealicon{display: none;}
.mealsection .rdw2{flex-direction: column;}
.mealsection .rdw2 .frmsect{flex:0 0 100%;}
.mealsection .rdw2 .frmsect .frmwrap{flex:0 0 100%;}
.mealsection .rdw2 .frscolm{background-color: #f1f1f1; padding: 10px; margin-bottom: 10px; margin-top: 0; flex: auto; text-align: right;}
.mealsection .rdw2 .frscolm strong{display: inline-block; margin: 0 3px; font-size: 1.6em;}
.flight-info-loop .flight-info .airline-time .seprate-line .line-group{font-size: 11px;}

.desktopupgrdtable{display: none;}
.mobileupgrdtable{display: block;}
.upgrdpara p, .mealsection .rdw p, .mealsection .rdw a{font-weight: 400; font-size: .90em;}
.mealsection .rdw2 .frmsect .frmwrap label{font-size: .90em;}
.flight-info-loop .flight-info .flight-logo-outer .airline-logo{margin-top: 0px; max-width: 121px;}
}

@media only screen and (max-width:480px){
.flight-result-list .result-outer .result-list .flight-tab .nav-tabs .nav-item{padding: 0 8px;}
.flight-result-list .result-outer .result-list .flight-tab .nav-tabs .nav-item .nav-link span{font-size: 11px;}
}
/* Eof: new Css Implement */





/* refundable new css */
.header-container-r {display: flex; justify-content: space-between;  border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 10px;}
.header-container-r .price{line-height: 18px;}
.header-container-r .price .price-amount{font-size: 1.4em; font-weight: 600;}
.header-container-r .price .price-per-person{font-size: .65em; font-weight: 400; text-transform: lowercase;}
.header-container-r .price .imgarrow{font-size: .85rem; text-align: right; cursor: pointer;}
.header-container-r .price .imgarrow > img{width: 20px; height: auto;}
.header-container-r .price .imgarrow > img.toggleimg{transform: rotate(180deg);}
.header-container-r .headers .bookheading {font-size: 1.2em; font-weight:400;}
.header-container-r .headers .bookheading .recommended{font-size: .65em; background-color: #c34b5d; border-radius: 50px; padding: 10px; color: #ffffff; margin-left: 10px;}
.infogrpsection{width: 100%;}
.upgradeinfohide{width: auto;}
.upgradeinfohide p.upgrade-info{font-size: .95em; line-height: 18px; margin: 5px 0; display: block; line-height: 20px;}
.white-box{display: block;}
.white-box .columns{display: flex;  justify-content: space-between;  max-width: 550px;  margin: 18px 0;}
.warning-container{background-color: #FFEEE2; padding: 10px 20px; border-radius: 20px;}
.warning svg{width: 20px;}
.white-box .columns ul {width: auto;}
.btn-container{margin-top: 10px;}
.btn-container .btn{padding: 10px 20px; text-transform: capitalize;}
.btn-container .btn input.errorclass + span.rfundrd::before{border-color: #ff0000 !important;}
.btn-container label.btn input[type="radio"]{opacity: 0;}
.btn-container label.btn input[type="radio"] + span.rfundrd{ position: relative; left: -33px; top: -2px;}
.btn-container label.btn input[type="radio"] + span.rfundrd::before{position: absolute; left: 0;top: 0; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #c0cbdc; background-color: #fff; content: "";  transition: all 0.3s ease;}
.btn-container label.btn input[type="radio"]:checked + span.rfundrd::after{position: absolute; left: 4px; top: 4px; width: 14px; height: 14px; background-color: #c34b5d;
    content: ""; transition: all 0.3s ease;  display: block; border-radius: 50%;}
.white-box .columns ul li {font-size: .90em; margin: 3px 0;}

@media only screen and (max-width:1200px){
	.errormsg p{font-size: .70em;}
}

@media only screen and (min-width:768px) and (max-width:1200px){
	.price-detail-card .price-breakdown .breakdownpp{margin-top: 15px;}
}

@media only screen and (max-width:767px){
	.header-container-r{flex-direction: column;}
	.header-container-r .price {line-height: 18px; text-align: right;  margin-top: -40px;}
	.header-container-r .headers .bookheading .recommended{margin:15px 0 0; display: inline-block;}
	.white-box .columns .column {flex: 0 0 100%;}
	.white-box .columns{flex-direction: column; margin: 18px 0;}
	.white-box .columns .column{flex:0 0 100%;}
	.white-box .columns .column:first-child{order: 2;}
	.white-box .columns .column:last-child{order: 1;}
	.btn-container{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.btn-container .btn {padding: 10px 0px 0 17px; text-transform: capitalize; font-size: .85em; display: flex; text-align: left; }
	.warning-container{font-size: .85em; line-height: 16px; padding-left: 40px; position: relative;}
	.warning svg { width: 20px; position: absolute; left: 11px;}
	.all-stoppage-box .arrive-date-box{margin-left: 40px; font-size: 13px;}
	
	.footer .footer-info-block .footer-links .card-link::after, .footer .footer-info-block .footer-links ul li:before {background: url(../images/arrow.svg) no-repeat;
        background-size: 23px;
        width: 40px;
        left: -10px;
        top: -2px;
        height: 50px;}
		.footer .footer-info-block .footer-links .card-link::after {
    right: 0;
    left: auto;
    top: -20px; display: none;
}
.footer .newsletter-block .newsletter-info .from-group .custom-btn{padding:0 10px; font-size: 16px;}
.flight-payment-page .flight-payment-left .contact-detail-block .custom-table td{padding: 10px 30px 10px 0;}
.table-responsive{padding-bottom: 15px;}
}
/* refundable new css */



/* bof: summary */
.price-detail-card .price-breakdown .price-head-card .tickets-tag{font-size: 14px;}
.price-detail-card .price-breakdown .price-head-card .tickets-tag, .price-detail-card .price-breakdown .price-head-card.ticket-full-show .tickets-tag{background-image: none;}
span.redarrow{vertical-align: middle;}
span.redarrow > img{transform: rotate(180deg); transition: all .5s;}
.header-container-r .price{text-align: right;}
.header-container-r .price .price-amount:after {content: ' Price per person'; font-size: 12px; display:none; text-align: inherit; font-weight: 400;}
/* Eof: summary */


/* homepage loader */
.load-bx {max-width: 270px; display: block; text-align: center; margin: 30px auto;}
.load-bx h4 {font-size: 18px; font-weight: 600; padding: 0px 0px 10px;}
.load-bx p {font-size: 14px; font-weight: 300;}
.lds-hourglass-blue {display: inline-block; position: relative; width: 64px; height: 64px; padding: 0px;}
.lds-hourglass-blue::after {content: " "; display: block;width: 0px; height: 0px; box-sizing: border-box; border-radius: 50%; margin: 6px; border-width: 26px; border-style: solid;
    border-image: initial; border-color: rgb(162, 11, 40) transparent; animation: 1.2s ease 0s infinite normal none running lds-hourglass;}

@keyframes lds-hourglass{
0% {transform: rotate(0deg); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
50% {transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
100% {transform: rotate(1800deg);}
}
/* homepage loader */

.inner-search-section .home-search-section {border-bottom: 4px solid #e7b7be; padding-top: 0px;  position: relative; margin-bottom:auto; height: auto; background: none;}
.inner-search-section .home-search-section .home-search-main{ max-width: 100%;}
.inner-search-section .home-search-main .search-nav{display: none;}
.inner-search-section .home-search-section .search-card{margin-bottom: -74px !important;}
.sortarrow svg{display: block;}
.sortarrow svg {display: block; transform: rotate(-90deg) scale(.85); margin: -8px auto; fill: #8f8f8f;}
.flight-result-list .result-outer .result-list .flight-tab .flight-sort-btn .dropdown .btn:hover svg{fill: #ffffff;}


#customAlert {position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center;
    position: fixed; background-color: rgba(0, 0, 0, 0.9); z-index: 99999999; padding: 0 10px;}
#customAlert .prowrap {width: 100%; max-width: 492px; position: relative; border-radius: 10px; background: #fff; padding: 24px; border-radius: 8px; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16); margin: 0; text-align: center;}
#customAlert .prowrap button.alert_closebtn{position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; border-radius: 50px; border: none; font-size: 18px;}
#customAlert .prowrap div#pro-cont-main > p{font-size: 18px; font-weight: bold;}


div.load {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.62); position: fixed; z-index: 999; top: 0; display: none;}
div.load .grid_load {width: 70%; background-color: rgb(162, 11, 40); text-align: center; z-index: 99999; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 190px; display: none; padding:18px; margin: auto; top: 0;}
div.load .grid_load h4{font-size: 28px; color: white; margin: 0px; padding: 10px;}
div.load .grid_load p {text-align: center; font-size: 14px; color: white;}
div.load .lds-hourglass {display: inline-block; position: relative;  width: 64px; height: 64px; padding: 0px;}
div.load .lds-hourglass::after {content: " "; display: block;width: 0px; height: 0px; box-sizing: border-box; border-radius: 50%; margin: 6px; border-width: 26px; border-style: solid; border-image: initial; border-color: rgb(255, 255, 255) transparent; animation: 1.2s ease 0s infinite normal none running lds-hourglass-any;}
@keyframes lds-hourglass-any{
0% {transform: rotate(0deg); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
50% {transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
100% {transform: rotate(1800deg);}
}

/* bof: Session Expire */
.sessionbx {float: left; width: 100%; margin: 80px 0 30px;}
.sessionbx .sessioninside {background-color:#f5f5f5; padding: 50px; width: 96%; max-width: 760px; margin: 100px auto 0;}
.sessionbx .sessioninside ul {list-style: none; text-align: center;}
.sessionbx .sessioninside ul li {font-size: 1.2em; padding: 4px 0;}
.sessionbx .sessioninside ul li a.sessionbtn{background-color: #c34b5d;color: #ffffff; font-size: 16px; padding: 10px; border-radius: 5px; margin: 0px; display: inline-block;}
/* bof: Session Expire */


/* Bof: Cancellation */
.cancellationsecion{width: 100%; display: block; font-size: 62.5%;}
.cancellation-row{margin-bottom: 10px; border: 1px solid #cccccc; border-radius: 8px; padding: 20px;}
.cancellation-row .row{display: flex; justify-content: space-between; align-items: center;}
.cancellation-row .linespace{border-top: 1px solid #cccccc; padding-top: 15px; margin-top: 15px; width: 100%;}
.cancellation-row .row .cencelleftpart{flex:0 0 calc(100% - 200px)}
.cancellation-row .row .cencelleftpart a.cancel-fee-head-btn{font-size: 1.8em;}
.cancellation-row .row .cencelleftpart img.imgright{transform: rotate(-90deg);}
.cancellation-row .row .cencelrightpart{flex:0 0 200px; position: relative; text-align: right;}
.cancellation-row .row .cencelrightpart span.recommendedtext{background-color: #c34b5d; border-radius: 10px; color: #ffffff; font-size: 1.4em; padding: 8px 10px;
    clear: both; display: inline-block; margin: 0 0 12px 0; font-weight: 600; position: relative; display: inline-block;}
.cancellation-row .row .cencelrightpart span.recommendedtext:after {border: 8px solid transparent; border-top: 12px solid #c34b5d; content: ''; position: absolute; bottom: -15px; right: 4px;}
div.cencelrightpart.withoutgo label input[type="radio"]{position: absolute;}
div.cencelrightpart.withoutgo label input[type="radio"] + .cstmrd{position: absolute; right: 20px; left: auto; top:-2px;}
.cancellation-row .row .cencelrightpart label {width: auto; padding-right: 30px; margin: 0; font-size:2.2em; font-weight: 500; line-height: 18px; display: block; min-height: 20px; position: relative;}
.cancellation-row .row .cencelrightpart label small{font-size: .80rem; display: block;}
.offercontent{display: flex; flex-direction: column;}
.offercontent > small{font-size: 1.4em; font-weight: 600; color: #c34b5d;}
.offercontent > strong{font-size: 1.8em;}
.offercontent > p{font-size: 1.2em; font-weight: 500;}

.slide-content-wrapper{width: 100%;}
.slide-content-wrapper .slide-content{margin: 15px 0px;}
.slide-content-wrapper .slide-content strong{font-size: 1.4em; font-weight: bold; margin-bottom: 8px; display: block;}
.slide-content-wrapper .slide-content p{font-size: 1.4em; font-weight:400;}
.slide-content-wrapper .slide-content table.table{font-size: 1.4em;}
.thead-light{font-weight: 600;}
.slide-content-wrapper .slide-content ul{list-style: disc;}
.slide-content-wrapper .slide-content ul li{font-size: 1.4em; margin: 5px 0; display: block; position: relative; padding-left: 25px;}
.slide-content-wrapper .slide-content ul li::before {content: ''; width: 5px; height: 5px; display: inline-block; background: #404040; border-radius: 50px;  position: absolute; left: 10px; top: 6px;}

@media only screen and (max-width:767px){
	.cancellation-row .row{display: block;}
	.cancellation-row .row .cencelrightpart{border-top: 1px solid #f9f9f9; padding-top: 10px; margin-top: 10px;}
}
/* Eof: Cancellation */


/* bof: Timer */
.bothsummary{display: flex; flex-direction: column; position: sticky; top: 111px;}
.timer-container {position: relative; color: #912c3b; padding: 10px 15px; border-radius: 5px; z-index: 1000; width: 100%; margin:15px 0;}
.timer-container > a{position: absolute; right: 1px; background-color: #ffffff; top: 1px; width: 20px; text-align: center;height: 23px; font-weight: 600; border-radius: 0 3px 0 0; display: none;}	
.timer-container strong {font-size:16px; font-weight: 600;}	
.timer-container p{font-size:14px;}
.timer-container p img{width: 24px; vertical-align: bottom;}
.timer-container p span{font-size:16px; font-weight: 600;}
.timer-container:after {content: ''; background-color:#e7b7be; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border-radius: 10px;}
/* Eof: Timer */


footer.footer{clear: both;}

@media only screen and (max-width:1200px){
	.sessionbx .sessioninside{margin: 50px auto 0;}
	.timer-container p img{display: none;}
}

@media only screen and (max-width:1200px){
.timer-container{display: none;}
}

@media only screen and (max-width:991px){
	.timer-container{width: 100%; left: 0; bottom: 0; border-radius: 0; text-align: center; padding: 8px; background: #50504f; display: block; position: fixed;
        margin: 0; z-index: 99;}
	.bothsummary{position: relative;}
		.timer-container strong, .timer-container p{display: inline-block;}
	.timer-container:after{border-radius: 0;}
}


@media only screen and (max-width:767px){
		.header-container-r .price .price-amount{ font-size: 1em;}
	div.load .grid_load h4{font-size: 24px;}
	.whybookwithus ul li{margin:5px;}
	.sessionbx{margin: 10px 0;}
	.sessionbx .sessioninside{padding: 20px;}
	.upgradeheading span.recometag{text-align: center;}
	div.withoutgo{justify-content: flex-end; flex-direction: column; align-items: flex-end;}
	div.withoutgo > span{display: block;}
	.upgrdpara strong.customeheading {font-size: .90em; line-height: 18px;}
	.upgradeheading > label{width: calc(100% - 50px); font-size: 1.6em;}
	.upgradeheading > label > input[type="radio"] + span.cstmradio{top: -2px;}
	.upgradeheading > label{padding-bottom: 8px;}	
	.upgradeprices{padding: 10px 16px;}
	.upgradeprices .upgradefr strong{font-size: 2em;}
}


/* Recommended SkyScanner */
.skyscannergrp{width:auto; position: absolute; right: 15px; top: 10px;}
.skyscannergrp .skyscannerbtn{display: flex;  justify-content: center; margin-bottom: 20px; cursor: pointer;}
.skyscannergrp .skyscannerbtn > button{background-color: #bd4b5c; padding: 5px 10px; border-radius: 5px; color: #ffffff; font-size: .90em; margin-right: 8px; border: none;}
.skyscannergrp .skyscannerbtn > button > svg{fill: #ffffff;}
.skyscannergrp .skyscannerbtn > svg{width: 20px; fill: #bd4b5c;}
.skyscannergrp .skyscannerinfo{padding: 10px; background-color: #ffffff; border: 1px solid #bd4b5c; width: 320px; border-radius: 10px; box-shadow: 3px 3px 3px rgba(0 0 0 / 20%); position: absolute; margin: auto; top: 40px; z-index: 9; right: 0px; left: auto; display: none;}
.skyscannergrp .skyscannerinfo .skyscannerrating{width: 100%; justify-content: space-between; display: flex; border-bottom: 1px solid #e7b7be; padding-bottom: 5px;
margin-bottom: 5px;}
.skyscannergrp .skyscannerinfo .skyscannerrating > div{display: flex;}
.skyscannergrp .skyscannerinfo .skyscannerrating > div > strong{font-size: 1.1em; font-weight: 600;}
.skyscannergrp .skyscannerinfo .skyscannerrating > div > span.rating{display: flex; overflow: hidden;}
.skyscannergrp .skyscannerinfo .skyscannerrating > div > span.rating > img{width: 18px;}    
.skyscannergrp .skyscannerinfo .skyscannerrating > div > span.reviewno{ background-color: #bd4b5c; font-size: 12px; padding: 4px; border-radius: 5px; color: #ffffff;
margin-left: 8px;}    
.skyscannergrp .skyscannerinfo .skyinfo > p{font-size: .85em; line-height: 20px; margin-bottom: 7px;}   
.skyscannergrp .skyscannerinfo .skyinfo > p > b{ font-weight: 600;}
.skyscannergrp .skyscannerinfo::after {content: '';border: 12px solid transparent;border-bottom: 12px solid #bd4b5c; position: absolute; top: -24px; left: 50%;}
.skyscannergrp .skyscannerinfo::before {content: ''; border: 12px solid transparent; border-bottom: 12px solid #ffffff; position: absolute; top: -22px; left: 50%;
z-index: 9;}

.price-detail-card{position: relative;}
.price-detail-card .price-breakdown .breakdownpp{margin-top: 5px;}
.total-price-card{margin-top: -12px;}


.waitingskyscanner{position: relative;}
.waitingskyscanner .skyscannergrp{position: static;}
.waitingskyscanner .skyscannergrp .skyscannerinfo{left: 0;}


@media only screen and (max-width:767px){
.skyscannergrp .skyscannerbtn{margin-top: 20px;}
.baggage-card .skyscannergrp{position: static;}
.baggage-card .skyscannergrp .skyscannerbtn{margin:0 0 10px 0;}
.baggage-card .skyscannergrp .skyscannerinfo{left: 0; right: 0; top: 50px;}
.waitingskyscanner .skyscannergrp .skyscannerinfo{top: -170px;}
.waitingskyscanner .skyscannergrp .skyscannerinfo::before{top: auto; bottom: -24px; border-bottom: 12px solid transparent; border-top: 12px solid #bd4b5c;}
.waitingskyscanner .skyscannergrp .skyscannerinfo::after {
    content: '';
    border: 12px solid transparent;
    border-top: 12px solid #ffffff;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: -22px;
    z-index: 9;
}
}
/* Recommended SkyScanner */
.ui-button-icon.ui-icon.ui-icon-closethick{background: #fff url(/assets/images/input-cross.png) no-repeat;}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable{width: 94% !important; max-width: 1200px; left: 0 !important; right: 0 !important; margin: auto;  position: fixed !important; top: 0% !important;   bottom: 0 !important;   max-height: 340px !important;   z-index: 99999 !important;}
div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable button.ui-dialog-titlebar-close{text-indent: 999px; width: 25px !important; background: #ffffff;}
div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable button.ui-dialog-titlebar-close span.ui-button-icon.ui-icon.ui-icon-closethick{position: absolute; top: 5px; left: 5px; margin-top: 0; margin-left: 0;}
@media only screen and (max-width:767px){		
table.ui-datepicker-calendar tr td.ui-datepicker-current-day a.ui-state-default.ui-state-active, table.ui-datepicker-calendar tr td.ui-datepicker-days-cell-over.ui-datepicker-current-day a.ui-state-default.ui-state-active.ui-state-hover{background-color: #a20b28 !important; border-radius: 50px !important; padding: 3px 7px !important;}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable{top: 50% !important;}
}