@charset "utf-8";
 /* CSS Document */

 /*********************************/
 /*<!-- Color style variable declaration -->*/
 /*********************************/ 
:root {
--logo:url("../images/other/sulekhalogo.svg") 0 0 no-repeat;
/**/
--jost:'Jost', sans-serif;  
/*--jost:var(--roboto);  */
--google:'Google Sans', sans-serif;
--roboto:'Roboto', sans-serif;
--poppins: 'Poppins', sans-serif;
--fontsize: 14px;  
/*  button color*/
--white:#fff;
--drakblack:#404040; 
--black:#041E42;
--lightblack:#495567; 
--blue:#1b70e9;
--link:#0F62FE; 
--green:#08a182;
--favgreen: #07A698; 
--orange:#ff7e00;
--red:#ec4758;
--reda:#e32c26;
--yellow:#FBB216;  

--grayaaa: #aaa;
--grayccc: #ccc;
--grayddd: #ddd; 
--grayeee: #eee; 
--gray333: #333; 
--gray444: #444; 
--gray666: #666;
--gray777: #777;
--gray888: #888;
--gray999: #999;

--graya: #F2F2F2;
--grayb: #F4F4F4;
--grayc: #F7F7F7;
--grayd: #E6E6E6;
--graye: #F5F5F5;
--grayf: #F6F6F6;

--gray100: #E5E5E5;
--gray200: #CECECE;
--gray110: #C7C7C7;
--gray120: #E0E0E0;
--gray130: #D9D9D9;
--gray140: #5B5B5B; 
--gray150: #9e9e9e; 
--gray160: #f9fafb; 
--drakblue: #4E6786;
--tagline: #707070; 

--size2:2px;
--size4:4px;
--size5:5px;
--size6:6px;
--size8:8px;
--size10:10px;
--size12:12px;
--size14:14px;
--size15:15px;
--size16:16px;
--size18:18px;
--size20:20px;
--size30:30px;
--size40:40px;
--size50:50px;
--size60:60px;
--size70:70px;
--size80:80px;
--size90:90px;
--size100:100px;
--size200:200;
--size300:300;
--size400:400;
--size500:500;
--size600:600;
--size700:700;
--size800:800;
--size900:900;

--boxshadow: 0 0 var(--size10) rgb(137 173 255 / 35%); 
--boxshadowa: rgba(51, 65, 85, 0.16) 0px 1px var(--size10); 

--borderradius4:4px;
--borderradius6:6px;
--borderradius8:8px;
--borderradius10:var(--size10);
--borderradius20:var(--size20);
--borderradius50:50%; 
 /* Animation Functions */
--animation: cubic-bezier(.4, 0, .2, 1);

--downarrow: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2458 0.290792C10.0584 0.104542 9.80498 0 9.5408 0C9.27661 0 9.02316 0.104542 8.8358 0.290792L5.2458 3.83079L1.7058 0.290792C1.51844 0.104542 1.26498 0 1.0008 0C0.736612 0 0.483161 0.104542 0.295798 0.290792C0.20207 0.383755 0.127675 0.494356 0.0769067 0.616216C0.026138 0.738075 0 0.868781 0 1.00079C0 1.1328 0.026138 1.26351 0.0769067 1.38537C0.127675 1.50723 0.20207 1.61783 0.295798 1.71079L4.5358 5.95079C4.62876 6.04452 4.73936 6.11891 4.86122 6.16968C4.98308 6.22045 5.11379 6.24659 5.2458 6.24659C5.37781 6.24659 5.50852 6.22045 5.63037 6.16968C5.75223 6.11891 5.86283 6.04452 5.9558 5.95079L10.2458 1.71079C10.3395 1.61783 10.4139 1.50723 10.4647 1.38537C10.5155 1.26351 10.5416 1.1328 10.5416 1.00079C10.5416 0.868781 10.5155 0.738075 10.4647 0.616216C10.4139 0.494356 10.3395 0.383755 10.2458 0.290792Z' fill='%23999'/%3E%3C/svg%3E%0A"); 

--sliderarrow: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5377 3.47714C16.8265 3.77409 16.8198 4.24892 16.5229 4.53769L8.84894 12L16.5229 19.4623C16.8198 19.7511 16.8265 20.2259 16.5377 20.5229C16.2489 20.8198 15.7741 20.8265 15.4771 20.5377L7.63826 12.915C7.39251 12.6762 7.25 12.3472 7.25 12C7.25 11.6528 7.3921 11.3242 7.63785 11.0854L15.4771 3.46231C15.7741 3.17354 16.2489 3.18018 16.5377 3.47714Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");

--sliderarrowright:url("data:image/svg+xml,%3Csvg style='transform: rotate(180deg);' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5377 3.47714C16.8265 3.77409 16.8198 4.24892 16.5229 4.53769L8.84894 12L16.5229 19.4623C16.8198 19.7511 16.8265 20.2259 16.5377 20.5229C16.2489 20.8198 15.7741 20.8265 15.4771 20.5377L7.63826 12.915C7.39251 12.6762 7.25 12.3472 7.25 12C7.25 11.6528 7.3921 11.3242 7.63785 11.0854L15.4771 3.46231C15.7741 3.17354 16.2489 3.18018 16.5377 3.47714Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");

 
 --bgarrow: url('data:image/svg+xml,<svg width="213" height="300" viewBox="0 0 213 300" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M107.778 0L27.0241 168.696C19.8091 186.759 30.0091 194.553 43.9021 203.226C58.0411 212.052 73.0141 220.302 87.4741 228.654C129.093 252.69 171.12 276.036 212.775 300.003H173.775C168.171 297.018 162.576 294.006 157.098 290.79C116.04 266.688 74.9701 242.613 33.8761 218.571C16.2901 209.643 -0.365884 200.61 0.00611628 177.996C0.0781163 173.649 0.882116 169.332 2.30412 165.222C23.1061 113.622 43.7911 61.941 64.3531 10.176L68.7781 0H107.778Z" fill="%2332456C"/></svg>');
 
 
 --longarrow: url('data:image/svg+xml,<svg width="10" height="22" viewBox="0 0 10 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L5 1M5 1L9 5M5 1V21" stroke="%2307A698" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 
 
}  

 /* Reset css starts here */
/* browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 10px; font: inherit; vertical-align: baseline; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body { height:100%; }
body { line-height:1;    letter-spacing: 0.2px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; width:auto\9; height:auto; max-width:100%; }
ol, ul, li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
th, td, caption { font-weight:normal; vertical-align:top; text-align:left; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
sub, sup, small { font-size:75%; }
sub, sup { line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top: -0.5em;}
svg { overflow:hidden; }
#map_canvas img, .google-maps img { max-width:none; }
/* text reset */
pre, code { font-family:"DejaVu Sans Mono", Menlo, Consolas, monospace; }
hr { border: 0 solid var(--grayccc); border-top-width:1px; clear:both; height:0; }
ol { list-style:decimal; }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a { color:var(--link); text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer}
a:hover { color:var(--black); text-decoration:none; }
a:focus { outline:thin dotted var(--gray333); outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
a:hover, a:active, a:focus { outline:0; }
body { color: var(--lightblack); font: 400 14px/1 "Roboto", sans-serif !important;}
/* Note: Use meta tag with viewport-fit=cover in order to use the full available screen for phones that have notch like iPhone xme="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">   along with the env() variables to define padding respectively. */
body {padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
figure { margin: 0; }
img { vertical-align: middle; }
[role="button"] { cursor: pointer;}
p{line-height: 20px;}
/* input reset */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;-moz-appearance: textfield;}
input[type=number]{-moz-appearance: textfield!important;}
input[type="text"], input[type="time"], input[type="date"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea {font-family: var(--roboto); font-size: 15px; font-weight: normal; background:var(--white); border:1px solid  var(--gray150); color:var(--black); margin: 0; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition: color 0.45s, background 0.45s, border 0.45s; -moz-transition: color 0.45s, background 0.45s, border 0.45s; transition: color 0.45s, background 0.45s, border 0.45s; padding: 10px;border-radius: 6px;font-size: 16px;    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
input[type="date"], input[type="time"] {box-sizing: border-box;outline: 0;padding: .75rem;position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator {bottom: 0;color: #000;cursor: pointer;height: auto;left: 0;position: absolute;right: 15px;top: 15px;width: auto;background-position: right 0;background-size:15px;opacity: 0.5}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus { color: #000; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; -moz-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; -ms-transition: color 0.25s, background 0.25s, border 0.25s; -o-transition: color 0.25s, background 0.25s, border 0.25s; }
input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label { color: #000; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled { background: #000; opacity: 0.5; }
input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {height: 0;width: 0;}
textarea { padding: 10px;} 
input::-webkit-input-placeholder {color: #a8a8a8;font-size: 14px;}
input:-moz-placeholder {color: #a8a8a8;font-size: 14px;}
input::-moz-placeholder { color: #a8a8a8;font-size: 14px;}
input:-ms-input-placeholder {color: #a8a8a8;font-size: 14px;}

textarea::-webkit-input-placeholder {color: #a8a8a8;font-size: 13.5px; }
textarea:-moz-placeholder {color: #a8a8a8;font-size: 13.5px;}
textarea::-moz-placeholder {color: #a8a8a8; font-size: 13.5px;}
textarea:-ms-input-placeholder {color: #a8a8a8;font-size: 13.5px;}
textarea::placeholder {color: #a8a8a8; font-size: 13.5px;}
select{ border-radius:var(--borderradius) ; border: 1px solid var(--grayddd); padding: 12px 10px;-ms-appearance: none;-o-appearance: none;appearance: none;    background: url(https://d3aew4oo17ml6.cloudfront.net/common/images/other/down-new.jpg) right 50% no-repeat #fff;   /* Add custom arrow */}
/* Custom Scroll Bar :: BEGIN */
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {border-radius: 13px;background: rgba(0, 0, 0, 0.3);}
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.3);border-radius: 13px;}
/* Custom Scroll Bar :: END */

@media print {
* { color:#000!important; text-shadow:none!important; background:transparent!important; box-shadow:none!important; }
a, a:visited { text-decoration:underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; }
tr, img { page-break-inside:avoid; }
img { max-width:100%!important; }
@page {
margin:0.5cm;
}
p, h2, h3 { orphans:3; widows:3; }
h2, h3 { page-break-after:avoid; }
} 
img, picture, video, canvas, svg {border: 0;display: block;max-width: 100%;}
.otherhide{display: none;}
/*============================================  ============================================*/
.margin20t{margin-top: 20px;}
.margin20b{margin-bottom: 20px;}
.margin20tb{margin: 20px 0;}
.margin50tb{margin: 50px 0;}
.hide{display: none !important; }
.show{display: block!important;}
.center{text-align: center}
.relative { position:relative;}
.absolute { position:absolute;}
.norelative, .noabsolute { position:static !important; } 
.count{color: var(--gray999); font-size: 12px;font-family: var(--roboto);position: absolute;bottom:-18px;right: 0;background: var(--grayddd);padding: 0 5px}
.count span{ color: var(--black); }
.graybg{background: var(--grayc);}
/*loader*/
.loader {border: 2px dotted #000;border-radius: 50%; width: 15px;height: 15px; display: inline-block;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
/**/
.bodyfix, .bodyfix body, .blurbody body, .blur body{overflow: hidden}
.bodyfix .backdrop{display: block}
.open.bodyfix .navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 999;width: 100%;transform: translateX(-100%);background: rgba(0,0,0,.8); } 
.bodyfix .navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 999;width: 100%;background: rgba(0,0,0,.8); }  
.backdrop {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color:rgb(0 0 0 / 80%);z-index: 998;display: none;animation: fadeIn .4s var(--animation);}
@keyframes fadeIn {
 0% {
   opacity: 0
 }

 to {
   opacity: 1
 }
}

.animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn}

/**/
/*============================================ Buttons Start ============================================*/
.disabled, a.disabled, .btun.disabled, button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled { opacity: 0.6; cursor:not-allowed !important; background: var(--grayccc) !important; border: 0; }
.btun { display: inline-block; padding: 7px 20px; margin-bottom: 0; font-size: 13px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; min-width: 100px; letter-spacing:normal;}
/*.btun:hover, .btun:focus, .btun.focus { color: #333; text-decoration: none;}*/
/* Sizes */
.btun-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.btun-sm { padding: 2px 10px; font-size: 11.9px; line-height:1.7; }
.btun-mi { padding: 1px 5px; font-size: 11px; line-height: 1.5; }
.btun-block { display: block; width: 100%; }
/* disabled  */
.btun.disabled, .btun[disabled], fieldset[disabled] .btun { cursor: not-allowed; filter: alpha(opacity=45); -webkit-box-shadow: none; box-shadow: none; opacity: .45; }
/* white */
.btun-white, .btun-white.btun-outline:hover { color: var(--black); background-color: var(--white); border-color: var(--white); }
.btun-white.btun-outline { background-color:transparent }
.btun-white:hover { color: var(--black); background-color: var(--grey); border-color: var(--white); }
/* black */
.btun-black, .btun-black.btun-outline:hover { color:var(--white); background-color: var(--black); border-color: var(--black); }
.btun-black.btun-outline { background-color:transparent; color: var(--black) }
.btun-black:hover { color: var(--white); background-color: var(--black); border-color: var(--black); }
/* grey */
.btun-grey, .btun-grey.btun-outline:hover { color: var(--black); background-color: var(--grayddd); border-color: var(--grayddd); }
.btun-grey.btun-outline { background-color:transparent }
.btun-grey:hover { color: var(--black); background-color: var(--white); border-color: var(--white); }
/* blue */
.btun-blue, .btun-blue.btun-outline:hover { color: var(--white); background-color: var(--blue); border-color:var(--blue); }
.btun-blue.btun-outline { background-color:transparent; color:var(--blue); }
.btun-blue:hover { background-color: var(--blue); border-color: var(--blue); color: var(--white); }
/* green */
.btun-green, .btun-green.btun-outline:hover { color: var(--white); background-color: var(--green); border-color: var(--green); }
.btun-green.btun-outline { background-color:transparent; color: var(--green); }
.btun-green:hover { background-color: var(--green); border-color: var(--green); color: var(--white); }

/* orange */
.btun-orange, .btun-orange.btun-outline:hover { color: var(--white); background-color:var(--orange); border-color: var(--orange); }
.btun-orange.btun-outline { background-color:transparent; color: var(--orange); }
.btun-orange:hover { background-color: var(--orange); border-color: var(--orange); color: var(--white); }

/* red */
.btun-red, .btun-red.btun-outline:hover { color: var(--white); background-color: var(--red); border-color: var(--red); }
.btun-red.btun-outline { background-color:transparent; color: var(--red); }
.btun-red:hover { background-color: var(--red); border-color: var(--red); color: var(--white); } 
/* ltyellow */
.btun-yellow, .btun-yellow.btun-outline:hover { color: var(--black); background-color: var(--yellow); border-color: var(--yellow); font-weight: 500}
.btun-yellow.btun-outline { background-color:var(--white); color: var(--yellow); }
.btun-yellow:hover { background-color: var(--yellow); border-color: var(--yellow); color: var(--black); } 
/* red */
.btun.btun-radus {border-radius: 50px;}
/**/

#newsignin {background-color: rgba(0, 0, 0, 0.8);}
.frame-width {top: 50px;left: 50%;margin-left: -205px;min-height: 614px;width: 410px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.modal {display: none;height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000000;top: 0;right: 0;bottom: 0;left: 0;position: fixed;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;animation: fadeIn 0.2s linear;}
.modal .modal-table { display: table; height: 100%; table-layout: fixed; width: 100%; }
.modal-dialog {position: relative;margin: 30px auto;width: 500px;}
.modal-content {background: var(--white);border-radius: 5px;}
.modaltitle {font-size: 16px;font-weight: 600;padding: 25px 15px 5px;}
.modalhd {display: flex;flex-shrink: 0;align-items: center;padding: 15px;box-shadow: 0 0 0.5rem 0 rgb(137 173 255 / 35%);position: relative; font-size: 20px;gap:10px;font-weight: 600;}
.modalhd figure{width: 70px; height: 70px; border-radius: 50%;border: 5px solid var(--white);box-shadow: 0 1px 4px rgb(32 33 36 / 28%);-moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);-webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);background-color: #40a8ca;overflow: hidden}
.modalheadwrp{box-shadow: 0 0 0.5rem 0 rgb(137 173 255 / 35%); padding-bottom: 15px}
.modalhead {display: flex;flex-shrink: 0;align-items: center;padding: 15px;position: relative; font-size: 20px;gap:10px;font-weight: 600;}
.modalhead figure{width: 60px; height: 60px; border-radius: 50%;border: 5px solid var(--white);box-shadow: 0 1px 4px rgb(32 33 36 / 28%);-moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28);-webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%);background-color: #40a8ca;overflow: hidden}
/**/
.bodyfix body, .searchmenu body, .blurbody body {overflow: hidden;}
/*=================================================================================
Grid CSS
=================================================================================*/
/*  Grid Started  */
.container, .container-fluid, .container-max {width: 100%;padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto;}

@media (min-width: 576px) {
.container {max-width: 540px;}
}
@media (min-width: 768px) {
.container { max-width: 720px;}
}
@media (min-width: 992px) {
.container {max-width: 960px;}
}
@media (min-width: 1200px) {
.container {max-width: 1140px;}
.container-max {max-width: 1600px;}
.container-min{max-width: 1200px;} 
}
@media (min-width: 1400px) {
.container {max-width: 1500px;}
.container-min {max-width: 1200px;} 
}
.row {display: flex;flex-wrap: wrap;margin-left:-15px; margin-right: -15px;}
.row > * {flex-shrink: 0;width: 100%;max-width: 100%;padding-left: 15px;padding-right: 15px}
.col{flex:1 0 0}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
@media (min-width: 576px) {
.col-sm{flex:1 0 0}
.col-sm-auto{flex:0 0 auto;width:auto}
.col-sm-1{flex:0 0 auto;width:8.33333333%}
.col-sm-2{flex:0 0 auto;width:16.66666667%}
.col-sm-3{flex:0 0 auto;width:25%}
.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}
.col-sm-9{flex:0 0 auto;width:75%}
.col-sm-10{flex:0 0 auto;width:83.33333333%}
.col-sm-11{flex:0 0 auto;width:91.66666667%}
.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width: 768px) {
.col-md{flex:1 0 0}
.col-md-auto{flex:0 0 auto;width:auto}
.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-9{flex:0 0 auto;width:75%}
.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}
.col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width: 992px) {
.col-lg {flex: 1 0 0%;} 
.col-lg-auto {flex: 0 0 auto; width: auto;}
.col-lg-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-lg-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-lg-3 {flex: 0 0 auto; width: 25%;}
.col-lg-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-lg-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-lg-6 {flex: 0 0 auto; width: 50%;}
.col-lg-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-lg-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-lg-9 {flex: 0 0 auto; width: 75%;}
.col-lg-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-lg-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-lg-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1200px) {
.col-xl {flex: 1 0 0%;}
.col-xl-auto {flex: 0 0 auto; width: auto;}
.col-xl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xl-3 {flex: 0 0 auto; width: 25%;}
.col-xl-4 {flex: 0 0 auto;width: 33.33333333%;}
.col-xl-5 {flex: 0 0 auto;width: 41.66666667%;}
.col-xl-6 {flex: 0 0 auto;width: 50%;}
.col-xl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xl-9 {flex: 0 0 auto; width: 75%;}
.col-xl-10 {flex: 0 0 auto;width: 83.33333333%;}
.col-xl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xl-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1400px) {
.col-xxl {flex: 1 0 0%;}
.col-xxl-auto {flex: 0 0 auto; width: auto;}
.col-xxl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xxl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xxl-3 {flex: 0 0 auto; width: 25%;}
.col-xxl-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-xxl-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-xxl-6 {flex: 0 0 auto; width: 50%;}
.col-xxl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xxl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xxl-9 {flex: 0 0 auto; width: 75%;}
.col-xxl-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-xxl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xxl-12 {flex: 0 0 auto; width: 100%;}
} 

.breadcrumb { padding:15px 0; font-size: 13px; line-height: 13px; color: var(--gray777);display: flex;align-items: center;gap:5px;}
/*.breadcrumb span{border-bottom: solid 1px #999;padding-bottom: 3px}*/
.breadcrumb a { color: var(--black); }
.breadcrumb i {display: inline-flex;-ms-transform: rotate(270deg);transform: rotate(270deg);justify-content: center;align-items: center;flex-shrink: 0;}
.breadcrumb i svg{width:15px; height: 15px}
 /*============================================ checkbox & radio Start ============================================*/
 
.inputfield [type="radio"]:not(:checked), .inputfield [type="radio"]:checked { position:absolute; left:-9999px; opacity:0 }
.inputfield [type="radio"]:not(:checked)+label, .inputfield [type="radio"]:checked+label { position:relative; padding-left:35px; cursor:pointer; display:inline-block; height:25px; line-height:25px; font-size:1rem; transition:.28s ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;left: 15px}
.inputfield [type="radio"]+label:before, .inputfield [type="radio"]+label:after { content:''!important; position:absolute!important; left:0!important; top:0!important; margin:4px!important; width:20px !important; height:20px!important; z-index:0!important; transition:.28s ease }
.inputfield [type="radio"]:not(:checked)+label:before, .inputfield [type="radio"]:not(:checked)+label:after, .inputfield [type="radio"]:checked+label:before, .inputfield [type="radio"]:checked+label:after, .inputfield [type="radio"].with-gap:checked+label:before, .inputfield [type="radio"].with-gap:checked+label:after { border-radius:50% }
.inputfield [type="radio"]:not(:checked)+label:before, .inputfield [type="radio"]:not(:checked)+label:after { border:2px solid #5a5a5a }
.inputfield [type="radio"]:not(:checked)+label:after { z-index:-1; -webkit-transform:scale(0); transform:scale(0) }
.inputfield [type="radio"]:checked+label:before { border:2px solid transparent }
.inputfield [type="radio"]:checked+label:after, .inputfield [type="radio"].with-gap:checked+label:before, .inputfield [type="radio"].with-gap:checked+label:after { border:2px solid var(--link) }
.inputfield [type="radio"]:checked+label:after, .inputfield [type="radio"].with-gap:checked+label:after { background-color:var(--link); z-index:0;content: "" }
.inputfield [type="radio"]:checked+label:after { -webkit-transform:scale(1.02); transform:scale(1.02) }
.inputfield [type="radio"].with-gap:checked+label:after { -webkit-transform:scale(0.5); transform:scale(0.5) }
.inputfield [type="radio"].tabbed:focus+label:before { box-shadow:0 0 0 10px rgba(0,0,0,0.1) }
.inputfield [type="radio"].with-gap:disabled:checked+label:before { border:2px solid rgba(0,0,0,0.26) }
.inputfield [type="radio"].with-gap:disabled:checked+label:after { border:none; background-color:rgba(0,0,0,0.26) }
.inputfield [type="radio"]:disabled:not(:checked)+label:before, .inputfield [type="radio"]:disabled:checked+label:before { background-color:transparent; border-color:rgba(0,0,0,0.26) }
.inputfield [type="radio"]:disabled+label { color:rgba(0,0,0,0.26) }
.inputfield [type="radio"]:disabled:not(:checked)+label:before { border-color:rgba(0,0,0,0.26) }
.inputfield [type="radio"]:disabled:checked+label:after { background-color:rgba(0,0,0,0.26); border-color:#BDBDBD }
.inputfield [type="checkbox"]:not(:checked), .inputfield [type="checkbox"]:checked { position:absolute; left:-9999px; opacity:0 }
.inputfield [type="checkbox"]+label { position:relative!important; left:15px!important; padding-left:35px!important; cursor:pointer!important; display:block; /*height:25px;*/ line-height:20px; font-size:1rem; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none;color: #333;margin: 4px !important; }
.inputfield [type="checkbox"]+label:before, .inputfield [type="checkbox"]:not(.filled-in)+label:after { content:''; position:absolute; top:0; left:0; width:18px; height:18px; z-index:0; border:2px solid #5a5a5a; border-radius:1px; margin-top:2px; transition:.2s }
.inputfield [type="checkbox"]:not(.filled-in)+label:after { border:0; -webkit-transform:scale(0); transform:scale(0) }
.inputfield [type="checkbox"]:not(:checked):disabled+label:before { border:none; background-color:rgba(0,0,0,0.26) }
.inputfield [type="checkbox"].tabbed:focus+label:after { -webkit-transform:scale(1); transform:scale(1); border:0; border-radius:50%; box-shadow:0 0 0 10px rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.1) }
.inputfield [type="checkbox"]:checked+label:before { top:-4px; left:-5px; width:12px; height:22px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #26a69a; border-bottom:2px solid #26a69a; -webkit-transform:rotate(40deg); transform:rotate(40deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
.inputfield [type="checkbox"]:checked:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); border-bottom:2px solid rgba(0,0,0,0.26) }
.inputfield [type="checkbox"]:indeterminate+label:before { top:-11px; left:-12px; width:10px; height:22px; border-top:none; border-left:none; border-right:2px solid #26a69a; border-bottom:none; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% }
.inputfield [type="checkbox"]:indeterminate:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); background-color:transparent }
.inputfield [type="checkbox"].filled-in+label:before, .inputfield [type="checkbox"].filled-in+label:after { content:''; left:0; position:absolute; transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index:1 }
.inputfield [type="checkbox"].filled-in:not(:checked)+label:before { width:0; height:0; border:3px solid transparent; left:6px; top:10px; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:20% 40%; transform-origin:100% 100% }
.inputfield [type="checkbox"].filled-in:not(:checked)+label:after { height:20px; width:20px; background-color:transparent; border:2px solid #808080; top:0px; z-index:0; border-radius: 2px; opacity: 9;transform:none}
.inputfield [type="checkbox"].filled-in+span:not(.lever):after { border-radius: 2px; }
.inputfield [type="checkbox"].filled-in:checked+label:before { top:0!important; left:0!important; width:8px!important; height:14px!important; border-top:2px solid transparent!important; border-left:2px solid transparent!important; border-right:2px solid #fff!important; border-bottom:2px solid #fff!important; -webkit-transform:rotateZ(37deg)!important; transform:rotateZ(37deg)!important; -webkit-transform-origin:100% 100%!important; transform-origin:100% 100%!important }
.inputfield [type="checkbox"].filled-in:checked+label:after { top:0; width:20px; height:20px; border:2px solid var(--link); background-color:var(--link); z-index:0; border-radius:2px; }
.inputfield [type="checkbox"].filled-in.tabbed:focus+label:after { border-radius:2px; border-color:#808080; background-color:rgba(0,0,0,0.1) }
.inputfield [type="checkbox"].filled-in.tabbed:checked:focus+label:after { border-radius:2px; background-color:#26a69a; border-color:#26a69a }
.inputfield [type="checkbox"].filled-in:disabled:not(:checked)+label:before { background-color:transparent; border:2px solid transparent }
.inputfield [type="checkbox"].filled-in:disabled:not(:checked)+label:after { border-color:transparent; background-color:#BDBDBD }
.inputfield [type="checkbox"].filled-in:disabled:checked+label:before { background-color:transparent }
.inputfield [type="checkbox"].filled-in:disabled:checked+label:after { background-color:#BDBDBD; border-color:#BDBDBD }
.inputfield input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, .inputfield input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow:0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(38,166,154,0.1)
}
.inputfield input[type=checkbox]:not(:disabled) ~ .lever:active:after, .inputfield input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow:0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(0,0,0,0.08)
} 
/*============================================ checkbox & radio End ============================================*/ 
.formgrouparea{}
.formgrouparea.inline{ display: flex!important;}
.form-group {position: relative;margin-bottom: var(--size30);}
.form-group .label {left: var(--size10);font-size: 16px;color: var(--gray666);font-family: var(--roboto);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px; margin-bottom: var(--size10); display: flex} 
.form-group .helptext, .form-group .alertext{padding-top:5px;font-family: var(--roboto);font-size: 13px;}
.form-group .helptext a{color: var(--link);text-decoration: underline}
.form-group input {width: 100%;transition: border-color 0.3s ease;}
.form-group label {position: absolute;left: var(--size10);top: 14px;font-size: 16px;color:  var(--gray666);transition: all .2s;font-family: var(--roboto);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px;}
.form-group label i{color: var(--red)}
.form-group input:focus {border-color: #0f62fe;outline: none;border-width: 2px}
.form-group input:focus + label, .form-group input:not(:placeholder-shown) + label, .form-group.valid label{top: -10px;font-size: 13px;color:#0f62fe;background-color:var(--white);padding: 0 4px;border-radius: 4px;left:12px;    width: auto;} 

.form-group textarea{width: 100%; height: 150px;}
.form-group textarea:focus {border-color: #0f62fe;outline: none;border-width: 2px}
.form-group textarea:focus + label, .form-group textarea:valid + label{top:-10px;font-size: 13px;color:#0f62fe;background-color:var(--white);padding: 0 4px;border-radius: 4px;left:12px;}
 /* tab start */ 
.tab span{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;max-width: -webkit-max-content;max-width: -moz-max-content;max-width: max-content;border-radius: var(--size60);padding: 5px 8px;margin: 0 auto var(--size40);background: var(--white);border: solid 1px var(--black)}         
.tab a{margin: 0 10px;line-height: 24px;font-size: 15px;color: var(--black);background-color: transparent;border-radius: var(--size30);cursor: pointer;-webkit-transition: 0.3s ease;transition: 0.3s ease;position: relative;z-index: 1;white-space: nowrap;}
.tab a:before{position: absolute;content: '';top: 50%;left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 0;height: 100%;border-radius:var(--size30);-webkit-transition: 0.3s ease;transition: 0.3s ease;background-color: #DCEAF3;z-index: -1;}
.tab a:first-child{margin-left: 0}
.tab a:last-child{margin-right: 0}
.tab a.active:before, .tab a:hover:before {width: 100%;}
.tab a{color:var(--gray777);padding:10px 35px;display: block}
.tab a.active {color:var(--black);} 
/**/
.tab-op span{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0 8px;margin:0 0 var(--size20);background: var(--white);border-bottom: solid 1px var(--grayddd)}         
.tab-op a{margin: 0 10px;line-height: 24px;font-size: 15px;color: var(--black);background-color: transparent;border-radius: var(--size30);cursor: pointer;-webkit-transition: 0.3s ease;transition: 0.3s ease;position: relative;z-index: 1;white-space: nowrap;}
.tab-op a:before{position: absolute;content: '';bottom: 0;left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 0;height: 3px;-webkit-transition: 0.3s ease;transition: 0.3s ease;background-color: var(--red);z-index: -1;}
.tab-op a:first-child{margin-left: 0}
.tab-op a:last-child{margin-right: 0}
.tab-op a.active:before, .tab-op a:hover:before {width: 100%;}
.tab-op a{color:var(--gray777);padding:10px 20px;display: inline-flex;gap:5px }
.tab-op a.active {color:var(--black);} 
 /* tab end */ 
.svgicons{display: none}
/*
#header{background:var(--white);box-shadow: var(--boxshadow);align-items: center;padding: 0}
header{display: flex; justify-content: space-between;align-items: center;padding: 5px 0}
header .logo{display: block; height: 55px; width: 120px;}
header .logo a{height: 55px;text-indent: -9999px; background: var(--logo);background-position: left center;background-size: 100%; display: block;}
*/

/*
.loginwrp {}
.loginwrp ul{ display: flex; justify-content: flex-end;align-items: center;}
.loginwrp ul li{position: relative;font-size: 15px;font-weight: var(--size500);border-left: solid 1px var(--grayccc);padding: 0 10px}
.loginwrp ul li:first-child{border: 0}
.loginwrp ul li a{display: flex;align-items: center;gap:5px; color: var(--black);padding: 7px 10px;}
.loginwrp ul li i{fill:var(--white);flex-shrink: 0} 
.loginwrp ul li i svg{fill: #8d95a7;} 

.loginwrp ul li.mobileapp{}
.loginwrp ul li.postad a{border:solid 1px var(--red); border-radius: 30px; color: var(--red);padding: 7px 20px;}
.loginwrp ul li.postad a svg{fill:var(--red);}
.loginwrp ul li.postad a:hover{background: var(--red);color: var(--white)}
.loginwrp ul li.postad a:hover svg{fill:var(--white);}

.loginwrp ul li.selltickets a{color: var(--orange);border:solid 1px var(--orange);border-radius: 30px;padding: 7px 20px;}
.loginwrp ul li.selltickets a svg{fill:var(--orange);}
.loginwrp ul li.selltickets a:hover{background: var(--orange);color: var(--white)}
.loginwrp ul li.selltickets a:hover svg{fill:var(--white);}
*/
 
 /**/
.afterlogin{ background: var(--white);position: absolute;right: 0;min-width: 250px;z-index: 2;border-radius: var(--borderradius);box-shadow: 0 0 10px rgb(137 173 255 / 35%);}
.afterlogin .username{padding: 15px;color: var(--gray666);border-bottom: solid 1px var(--grayddd);font-weight: var(--size400)}
.afterlogin ul{display: block}
.afterlogin ul li{font-family: var(--poppins);padding: 0}
.afterlogin ul li a{padding:10px 15px; display: block; color: var(--black)}
.afterlogin ul li a:hover {background: var(--yellow);color: var(--white);}
.afterlogin .logoutwrp {padding: 15px;color: var(--gray666);border-top: solid 1px var(--grayddd);justify-content:space-between; display: flex;font-weight: var(--size400);}
.afterlogin .logoutwrp a {color: var(--gray666);}
 /**/
header menu{font-family: var(--poppins);display: flex;justify-content: center;align-items: center;position: relative; font-size: 15px;}
header menu a{font-weight:var(--size500);padding:15px 10px;position: relative;color: var(--drakblue); display: block}
header menu a i{margin-left: 3px;} 
header menu span{position: relative} 
header menu span svg{-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
header menu span:hover a i svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
header menu span:hover .submenu{display: block}
header menu .submenu{background: var(--white); position: absolute;box-shadow: 0 0 10px rgb(137 173 255 / 35%);z-index: 2;border-radius: 4px;display: none;min-width: 250px;left: 0}
header menu span:last-child .submenu {right: 0;left: auto;}
header menu .submenu ul{margin: 10px 0 0;max-height: 300px;overflow-y: auto;overflow-x: hidden;width: 100%;}
header menu .submenu ul li{margin: 0 0 5px;}
header menu .submenu ul li a:hover{background: var(--yellow);color: var(--white);border: 0}
header menu .submenu ul li a{display: block;padding: 10px;margin: 0;color: var(--gray666);border: 0}

/* new hd*/
/*
.topblockwarp{background:var(--white);border-bottom: solid 1px rgb(137 173 255 / 25%)}
.topblock{ display: flex; justify-content: space-between;align-items: center;padding: 0 15px}
.mainnavwarp{ border-bottom: solid 3px #feca30;} 
nav{font-family: var(--poppins);display: flex;justify-content: space-between;align-items: center;position: relative; font-size: 15px;}
nav a{font-weight:var(--size500);padding:20px 10px;position: relative;color: var(--drakblue); display: block}
nav a i{margin-left: 3px;} 
nav span{position: relative} 
nav span svg{-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;}
nav span:hover a i svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
nav span:hover .submenu{display: block}
nav .submenu{background: var(--white); position: absolute;box-shadow: 0 0 10px rgb(137 173 255 / 35%);z-index: 2;border-radius: 4px;display: none;min-width: 250px;left: 0}
nav span:last-child .submenu {right: 0;left: auto;}
nav .submenu ul{margin: 10px 0 0;max-height: 300px;overflow-y: auto;overflow-x: hidden;width: 100%;}
nav .submenu ul li{margin: 0 0 5px;}
nav .submenu ul li a:hover{background: var(--yellow);color: var(--white);border: 0}
nav .submenu ul li a{display: block;padding: 10px;margin: 0;color: var(--gray666);border: 0}

.logowarp{display: flex; align-items: center}
.logowarp span{margin-right: 10px;}

.logomainwarp{display: flex;align-items: center;padding: 10px 0}
.mainsearch{position: relative;width: 400px}
.searchwarp{margin-left: 10px;}
.searchwarp input[type="text"]{padding: 10px;width:100%;border-radius: 50px;}
.searchwarp i{background: var(--red);width: 30px;height: 30px;border-radius: 50%;position: absolute;top: 5px;right: 5px;align-items: center;display: flex;justify-content: center;}
.searchwarp i svg{fill: var(--white)}

.search-sugges{left: 0;background: var(--white); position: absolute;box-shadow: 0 0 18px rgb(0 0 0 / 15%);z-index: 2;border-radius: 4px;min-width: 100%; padding: 10px 0;max-height: 420px;overflow-y: auto;overflow-x: hidden;width: 100%;}
.search-sugges label{padding: 10px; color: var(--red);font-weight: 500}
.search-sugges ul{margin: 10px 0}
.search-sugges ul li{} 
.search-sugges ul li a:hover{background: #FDBA17;color: var(--white);border: 0}
.search-sugges ul li a{display: block;padding:10px 15px;margin: 0;color: var(--gray666);border: 0}
.search-sugges ul li.active a{background: #FDBA17;color: var(--white);border: 0} 

.search-suggest-hd { background: #fff; border: none; border-radius: 0 0 3px 3px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); min-width: 160px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; top: 39px; right: auto; bottom: auto; left: 0; position: absolute; z-index:2;font-family: var(--roboto);max-height: 420px;    overflow-y: auto;overflow-x: hidden;width: 100%;}
.search-suggest-hd .wraper { max-height: 420px; overflow-y: auto; overflow-x: hidden; width: 100%; }
.search-suggest-hd:before, .search-sugges-hd:after { content: ''; border: solid transparent; left: 50%; pointer-events: none; position: absolute; top: -17px; }
.search-suggest-hd:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; }
.search-suggest-hd:after { border-width: 9px; border-bottom-color: #f4f4f4; }
.search-suggest-hd .sugg { background: #f4f4f4; border-top: solid 1px #e6e6e6; display: block; color: #999; font-size: 11px; line-height: 36px; padding: 0 15px; text-align: center; }
.search-suggest-hd label { color: #ff837e; cursor: default; display: block; font-family:var(--roboto); font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative;line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: 500}
.search-suggest-hd label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; }
.search-suggest-hd label b { background-color: #fff; padding-right: 20px;font-family: var(--roboto)}
.search-suggest-hd ul li { font-size: 12px; line-height: 34px; cursor: pointer; }
.search-suggest-hd ul li.active a { background-color: #ff4242; color: #fff; }
.search-suggest-hd ul li a { color: #333; display: block; padding: 5px 15px; cursor: pointer; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.search-suggest-hd ul li a i { display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: static;width: auto;height: auto;border-radius: 0;background: transparent;}
.search-suggest-hd ul li a b { color: #999; display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-suggest-hd ul li a:hover { background-color: #ff4242; color: #fff; }
.search-suggest-hd ul li a:hover b { color: #6f0909; }

.mobilesearch{display: none}
.rightsectionholder{display: flex;align-items: center;gap:15px; }
.rightsectionholder .menumain{display: flex; gap:10px;align-items: center}
.rightsectionholder .menumain span{font-family: var(--poppins);position: relative; font-size: 15px;padding:10px;}
.rightsectionholder .menumain span a{font-weight:var(--size500);position: relative;color: var(--gray666);padding-bottom: 5px;display: inline-flex;align-items: center;gap: 5px;}
.rightsectionholder .menumain span a.btun-red{color: var(--red);display: inline-flex;align-items: center;gap: 5px;padding: 7px 10px}
.rightsectionholder .menumain span a.btun-red i svg{fill:var(--red)}
.rightsectionholder .menumain span a.btun-red:hover i svg{fill:var(--white);}
.rightsectionholder .menumain span a.btun-red:hover{color: white}
.rightsectionholder .menumain span i svg{fill: #8d95a7;}

.hamburger{-webkit-transition: background 0s 0.3s;transition: background 0s 0.3s;background:var(--black);display:inline-block;height: 4px;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;position: relative; width: 25px; transform: rotate(180deg);}
.hamburgerwrp{}
.hamburger:before, .hamburger:after {-webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0s;transition-delay: 0.3s, 0s;content: "";display: block;height: 4px;left: 0;position: absolute;width: 100%;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;}
.hamburger:before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;top: -7px;width: 25px;background-color: var(--black);}
.hamburger:after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;bottom: -7px;width: 25px;background-color: var(--black);}
.sulnav a{ display: flex;align-items: center;gap:10px;background: #ebebeb}
.msite-nav{background-color: #fff;width: 280px;display: flex;flex-direction: column;z-index: 500;transform: translateX(-790px);overflow-y: hidden;transition: all .3s ease;position: fixed;left: 0;top: 0;height: 100%;overflow: auto; z-index: 999}
.msite-nav ul{font-family: var(--jost);}
.msite-nav>ul>li{font-size: 16px;border-bottom: 1px solid #dbe0e5;}
.msite-nav ul li a{padding:15px;position: relative;color: var(--gray777); display: flex; border-left: solid 3px #fff;align-items: center;gap:8px}
.msite-nav ul li a i{width: 25px; height: 25px;}
.msite-nav ul li a i svg{width: 20px; height: 20px;}
.msite-nav ul li svg{margin-left: auto}
.msite-nav ul li.active>a{background:#efefef; font-weight: 500;color: #39465f; border-left-color:#4099ff }
.msite-nav ul li .submenu{ margin-left: 15px;position: relative}
.msite-nav ul li .submenu:after{content: "";position: absolute;top: 0;height: calc(100% - 22px);width: 1px;border-left: 1px solid #dbe0e5;}
.msite-nav ul li .submenu ul{}
.msite-nav ul li .submenu ul li{position: relative;font-size: 15px;}
.msite-nav ul li .submenu ul li a{background: none; color: #39465f;padding-left: 30px;}
.msite-nav ul li .submenu ul li:before {content: "";position: absolute;top: 22px;left: 0;height: 1px;width: 18px;background: #dbe0e5;}
.msite-nav ul li .submenu ul li:after{content: "";position: absolute;top: 20px;left: 20px;height: 5px;width: 5px;border-radius: 50%;background: #4099ff;}
.msite-nav>ul>li>.submenu>ul>li.active{background:#efefef; font-weight: 500;color: #39465f; border-left-color:#4099ff}

.navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 499;width: 100%;transform: translateX(-100%);background: rgba(0,0,0,.8); } 
.open .navoverlay, .open .msite-nav{transform: translateX(0);}
.closewarp{padding: 10px;text-align: right;position: absolute;right: 0;top: 5px;}
.msite-nav b{padding: 15px 10px; background: var(--gray-a);font-weight:var(--weight500); color: var(--drakblue); font-size: 16px;display: flex;justify-content: space-between;}
.buzzlocation{margin: 0 8px 0 15px;border: 1px solid #d4e5ff;border-radius: 4px;background:var(--white);flex-shrink: 0}
.buzzlocation a{display: flex;align-items: center;gap:5px;color: var(--black); font-weight: 500;padding: 10px;}
.buzzlocation i svg{fill:#8d95a7;display: inline-block; width: 18px; height: 18px;}
.buzzlocation a span i svg{width: 10px; height: 10px;}
.mobilesearch i svg{fill:#8d95a7}

.dialog{display: none;height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000005;top: 0;right: 0;bottom: 0;left: 0;position: fixed;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.dialogcontent {border-radius: 3px;width: 500px;padding: 0;margin: 80px auto;position: relative;-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);}
.dialogcontentwarp .close{position: static;color: var(--color-black); font-size: 16px;text-align: right}
.dialogcontentwarp .close a{color: var(--color-black);text-align: right}
.dialogcontentwarp {width: 650px;padding: 0;margin: 80px auto;position: relative;padding: 45px 35px 25px;} 
*/
 /**/
/*
.flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333em; line-height: 1em;margin-right: 3px; }
.flag-icon:before { content: '\00a0'; }
.flag-icon-ae { background-image: url(https://events.sulekha.com/buzz/common/images/flags/ae.svg); } 
.flag-icon-us { background-image: url(https://events.sulekha.com/buzz/common/images/flags/us.svg); } 
.flag-icon-in { background-image: url(https://events.sulekha.com/buzz/common/images/flags/in.svg); } 
.flag-icon-gb { background-image: url(https://events.sulekha.com/buzz/common/images/flags/gb.svg); } 
.flag-icon-ca { background-image: url(https://events.sulekha.com/buzz/common/images/flags/ca.svg); }
.pannelwarp {border-radius: 4px;background-color:var(--white);width: 650px;padding: 0;margin: 80px auto;position: relative;-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);padding: 0; animation: fadeIn 0.4s cubic-bezier(.4, 0, .2, 1);font-family: var(--roboto);}
.pannelwarp .close {padding: 10px;}
.panneltitle {display: flex; align-items: center;gap:10px;padding:5px 15px;width: 100%;border-bottom: solid 1px #D4E5FF;justify-content: space-between;font-weight: 500;font-size: 16px;background: #f5f6f7;border-bottom: solid 1px #e6e6e6;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.pannelhd {display: flex; align-items: center;gap:10px;padding: 15px;width: 100%;border-bottom: solid 1px #D4E5FF}
.pannelhd .citiselect{flex: 1 1 auto;position: relative;display: flex;gap:5px;}
.pannelhd .citiselect select{width: 20%;height: 45px;padding: 10px;}
.pannelhd .citiselect .citiwarp{width: 100%;position: relative}
.pannelhd .citiselect input[type="text"]{width: 100%;height: 45px;padding: 10px;padding-left: 40px;padding-right: 160px;}
.pannelhd .citiselect i{position: absolute;width:43px;height: 43px;display: flex;align-items: center;justify-content: center;z-index: 2;}
.pannelhd .citiselect i svg{fill:#707070}
.pannelbd{background: #f5f6f7;padding: 15px;display: flex;justify-content: space-between;gap:10px;}
.pannelbd .citimetrowrp {flex-basis: 50%;}
.pannelbd .citimetrowrp .citilist{background: var(--white);border-radius: 4px;border:solid 1px var(--grayddd);padding:0 0 10px;scroll-behavior: smooth;overscroll-behavior: none;max-height: 320px;overflow-y: auto;overflow-x: hidden;}
.pannelbd .citimetrowrp .citilist ul{}
.pannelbd .citimetrowrp .citilist ul li{border-bottom:solid 1px var(--grayddd); font-family: var(--roboto);font-size: 15px;}
.pannelbd .citimetrowrp .citilist ul li a{color: var(--gray666);padding: 13px;display: block;}
.pannelbd .citimetrowrp .citilist ul li:hover {background-color: #ff4242;}
.pannelbd .citimetrowrp .citilist ul li:hover a{color: var(--white)}
.pannelbd .citimetrowrp span{display: block;padding: 10px 0;background: #f5f6f7;font-family: var(--roboto); font-weight: 500;font-size: 16px;}

.pannelft{}
.pannelft .gotoother{padding: 15px;}
.pannelft .gotoother ul{display: flex;justify-content: flex-start; gap:15px; flex-wrap: wrap}
.pannelft .gotoother ul li{font-family: var(--roboto); font-size: 12px; margin-right: 10px;}
.pannelft .gotoother ul li a{color: var(--gray666)}
.pannelft .gotoother ul li a:hover{text-decoration: underline;color: var(--link)}
.pannelft .gotoother ul li i{margin-right: 5px;}

.formcta{position: absolute;top: 4px;right: 4px;}
.formcta .btn-red{background: var(--red)}
.formcta .btn-red:hover{color: white}
*/
/**/
/*
.drop-result-wraper { background: #fff; border: none; border-top: solid 1px #e6e6e6; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); display: none; min-width: 100px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; z-index: 2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: 100%; right: auto; bottom: auto; left: 0; position: absolute; }
.drop-result-wraper .wraprelate { position: relative; width: 100%; }
.drop-result-wraper .wraprelate:before, .drop-result-wraper .wraprelate:after { content: ''; border: solid transparent; left: 45%; pointer-events: none; position: absolute; top: -18px; }
.drop-result-wraper .wraprelate:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; }
.drop-result-wraper .wraprelate:after { border-width: 9px; border-bottom-color: #fff; }
.drop-result-wraper .wraprelate li { cursor: pointer; }
.drop-result-wraper .wraper { height: 235px; position: relative; overflow-y: auto; overflow-x: hidden; width: 100%; }
.drop-result-wraper .wraper label { color: #ff837e; cursor: default; display: block; font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-result-wraper .wraper label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; }
.drop-result-wraper .wraper label b { background-color: #fff; padding-right: 20px; }
.drop-result-wraper ul li { font-size: 13px; }
.drop-result-wraper ul li.active a { background-color: #ff4242; color: #fff; }
.drop-result-wraper ul li a { color: #333; display: block; padding: 8px 15px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; }
.drop-result-wraper ul li a i { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-result-wraper ul li a b { color: #999; font-size: 11px; display: block; line-height: 18px; }
.drop-result-wraper ul li a:hover { background-color: #ff4242; color: #fff; }
.drop-result-wraper ul li a:hover b { color: #333; }
 
.secondarynav{border-bottom: solid 1px #ddd;font-weight: var(--weight500); color: var(--gray666);padding: 0}
.secondarynav ul{display: flex;align-items: center;gap:10px;padding: 0}
.secondarynav ul li{position: relative;padding: 10px; font-size:14px;}
.secondarynav ul li.active{}
.secondarynav ul li ul li:hover {background: var(--yellow);border: 0}
.secondarynav ul li ul li:hover a{color: var(--white);}
.secondarynav ul li a{display:inline-flex; color: var(--gray666);padding: 10px 0;align-items: center;gap:5px}
.secondarynav ul li ul{display: none;background: var(--white);position: absolute;box-shadow: 0 0 18px rgb(0 0 0 / 15%);z-index: 3;border-radius: 4px;min-width: 250px;left: 0;padding: 10px 0;margin-top: 10px;}
.secondarynav ul li:hover ul{display: block;}
.secondarynav ul li ul.right{left: auto;right: 0}
.secondarynav ul li ul li a{padding: 0}
.secondarynav ul li.festival a {background: url(https://events.sulekha.com/common/images/other/color1.gif) repeat center center;border-radius: 2px;color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;padding: 5px 8px !important;line-height: 15px; }
.secondarynav ul li.postanad a {background-color: #ff4242;border-radius: 2px;color: #fff !important;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;padding: 5px 8px !important;
line-height: 15px; }
*/
 /* =================================================   ================================================= */
/*
@media (min-width:1200px) and (max-width:1300px){
.hide-deskmenu{display:none!important}
}
@media (min-width:1200px){
.hidden-lg{display:none!important}

}
@media (max-width:767px){
.hide-desktop, .hide-large, .hide-mobile, .hide-tablet{display:none!important}
}
@media (min-width:568px) and (max-width:992px){
.tabport_hide{display:none}
}
@media (max-width:991px){
.hide-desktop, .hide-large, .hide-tablet{display:none!important}
}
@media (min-width:992px){
.hide-desktop, .hide-large{display:none!important}
}
@media (min-width:1200px){
.hide-desktop{display:inline-block!important}
.hide-large{display:none!important}
}

@media (min-width:768px) and (max-width:991px){
.hide-padmenu{display:none!important} 
}
@media (min-width:992px) and (max-width:1199px){
.hide-tabmenu{display:none!important} 
}
@media (min-width:1200px) and (max-width:1300px){ 
.hide-deskmenu{display:none!important}
.deskmoremenu{display:block!important}
}
@media (min-width:1301px) and (max-width:1550px){
.hide-bigdeskmenu{display:none!important}
.bigdeskmoremenu{display:block!important}
}
@media (min-width:1551px) and (max-width:1620px){
.hide-bigmiddeskmenu{display:none!important}
.bigmiddeskmoremenu{display:block!important}
}
@media (min-width:1621px){
.hide-largedeskmenu{display:none!important}
.largedeskmoremenu{display:block!important} 
} 
*/
 /* ================================================= header end ================================================= */
.spinner-loader{position:relative;width:20px;height:20px}
.spinner-loader svg{fill: var(--link);color: var(--link);}
.spinner-loader .circular{animation:sprocess-rotate 2s linear infinite;-webkit-animation:sprocess-rotate 2s linear infinite;width:100%;height:100%;transform-origin:center center;top:0;bottom:0;left:0;right:0;-webkit-transform:rotate(0);transform:rotate(0)}      
.spinner-loader .path, .spinner-loader .patha{stroke-dasharray:89,200;stroke-dashoffset:0;animation:sprocess-dash 1.5s ease-in-out infinite,sprocess-color 3s ease-in-out infinite;-webkit-animation:sprocess-dash 1.5s ease-in-out infinite,sprocess-color 3s ease-in-out infinite;stroke-linecap:round;stroke-width:3;stroke-miterlimit:10}
.spinner-loader.rightloader{position: absolute;top: var(--size15);right: var(--size15);} 
:is(.btun):not(.btun:disabled) .spinner-loader .path{
 animation: sprocess-dash 1.5s ease-in-out infinite, sprocess-current-color 3s ease-in-out infinite;
 -webkit-animation: sprocess-dash 1.5s ease-in-out infinite, sprocess-current-color 3s ease-in-out infinite
}

 @keyframes sprocess-rotate{
 to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
 }
 @-webkit-keyframes sprocess-rotate{
 to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
 }
 @keyframes sprocess-dash{
 0%{stroke-dasharray:1,200;stroke-dashoffset:0}
 50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
 to{stroke-dasharray:89,200;stroke-dashoffset:-124px}
 }
 @-webkit-keyframes sprocess-dash{
 0%{stroke-dasharray:1,200;stroke-dashoffset:0}
 50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}
 to{stroke-dasharray:89,200;stroke-dashoffset:-124px}
 }
    @keyframes sprocess-color{
 0%,to{stroke:var(--link)}
 }
 @-webkit-keyframes sprocess-color{
 0%,to{stroke:var(--link)}
 }    


 @keyframes sprocess-current-color {
  0% {
   stroke: currentColor
  }
  to {
   stroke: currentColor
  }
 }

 @keyframes sprocess-white-color {
  0% {
   stroke: var(--white)
  }
  to {
   stroke: var(--white)
  }
 }
  /*============================================ owl carousel Start ============================================*/
/* new owl-carousel start*/
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align:center; -webkit-tap-highlight-color:transparent }
.owl-theme .owl-nav { margin-top:10px }
.owl-theme .owl-nav .disabled { opacity:.5; cursor:default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top:10px }
.owl-theme .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-theme .owl-dots .owl-dot span { width:10px; height:10px; margin:5px 7px; background:#D6D6D6; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#869791 }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color:transparent; position:relative }
.owl-carousel { display:none; width:100%; z-index:1 }
.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; -moz-backface-visibility:hidden }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none }
.owl-carousel .owl-item img { display:block;object-fit: cover;width: 100%;object-position: top center; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:none!important}
.no-js .owl-carousel, .owl-carousel.owl-loaded { display:block }
.owl-carousel .owl-dot { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top: 15px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background:#f89714}
.owl-theme .owl-nav .disabled { opacity:0; }  
.owl-carousel .owl-nav div {background-color: rgba(0, 0, 0, 0.5); background-size:70%; display: block; height: 50px; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: 30%; background-clip: padding-box; background-repeat:no-repeat; background-position:50%; vertical-align:middle; width:50px; cursor:pointer;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);-webkit-appearance: none;-webkit-border-radius: 0;background-color: rgba(255,255,255,.75);border-radius: 50%;transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change: background-color,box-shadow;}
.owl-carousel .owl-nav div img{height: 42px;width: 42px;}
.owl-carousel .owl-nav div:hover{box-shadow: 0 10px 10px 0 rgba(0,0,0,.19), 0 6px 3px 0 rgba(0,0,0,.23);background-color: rgba(255,255,255,.9);cursor: pointer; background-color: rgba(255,255,255,.9)}
.owl-carousel .owl-nav div.owl-next { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); right:0;-ms-transform: rotate(90deg);transform: rotate(90deg); }
.owl-carousel .owl-nav div.owl-prev { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); left:0;-ms-transform: rotate(-90deg);transform: rotate(-90deg); }
.owl-carousel .owl-nav div.owl-next.disabled, .owl-carousel .owl-nav div.owl-prev.disabled{display: none}
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel.owl-refresh .owl-item { visibility:hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-grab { cursor:move; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.owl-carousel .animated { animation-duration:1s; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { animation-name:fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition:height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity:0; transition:opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease }
.owl-carousel .owl-video-frame { position:relative; z-index:1; height:100%; width:100% }
/*============================================ owl carousel end ============================================*/
/**/
.batch{background: #EAF1FE;display: inline-flex;padding:5px 10px;border-radius:var(--size20);color: var(--black);font-size: 13px;font-family: var(--roboto); font-weight: var(--size400)}
/*.batch.justadded, .batch.available{background: transparent;color: var(--green);border: solid 1px var(--green);} */
.batch.justadded, .batch.available{    background: #EAFBEF;} 
.batch.goingfast{background: #EAF1FE} 
.batch.almostfull{background: #FEEDEA} 

.batch.salesendsoon{background: #EEEAFB}
 /**/
.promo{display: inline-flex;gap: 5px;align-items: center;color: var(--gray999);padding:5px 0 0;position: relative;font-size: 12px;} 
.promo .tooltip{display: none;background: var(--black); border-radius: var(--size6);position: absolute;padding: var(--size10);box-shadow: var(--boxshadow);letter-spacing: normal;bottom: 25px;line-height: var(--size20);color: var(--white);width: 250px;font-size: 14px;}
.promo:hover .tooltip{display: block;}
.promo:hover{color: var(--black);cursor: pointer;-webkit-transition: all .4s cubic-bezier(.4,0,.3,1);transition: all .4s cubic-bezier(.4,0,.3,1);}


.promoarea{position: absolute;left: 35px;top: var(--size15);z-index: 2}  
.promoarea:hover {color: var(--black);cursor: pointer;    -webkit-transition: all .4s cubic-bezier(.4,0,.3,1);transition: all .4s cubic-bezier(.4,0,.3,1);}
.promoarea .tooltip{display: none;background: var(--black); border-radius: var(--size6);position: absolute;padding: var(--size10);box-shadow: var(--boxshadow);letter-spacing: normal;bottom: 25px;line-height: var(--size20);color: var(--white);width: 250px;font-size: 14px;z-index: 3}
.promoarea:hover .tooltip{display: block;}
.dayarea:hover{color: var(--black);cursor: pointer;-webkit-transition: all .4s cubic-bezier(.4,0,.3,1);transition: all .4s cubic-bezier(.4,0,.3,1);}
.promoarea span{position: relative;color: black;font-weight: 500;font-size: 12px;background:white;padding: 5px 11px;-webkit-border-bottom-right-radius: var(--size10);
-webkit-border-bottom-left-radius: var(--size10);-moz-border-radius-bottomright: var(--size10);-moz-border-radius-bottomleft: var(--size10);border-bottom-right-radius: var(--size10);border-bottom-left-radius: var(--size10);display: inline-flex;align-items: center;justify-content: center;gap:var(--size5)}
.promoarea span:before, .promoarea span:after{content: "";position: absolute;top: 0;height: var(--size30);width: var(--size10);border-top: none;background-color: transparent;z-index: 1;box-shadow: 0 10px 0 0 var(--white);}
.promoarea span:before {border-top-right-radius: var(--size10);box-shadow: 0 -10px 0 0 var(--white);left: -10px;}
.promoarea span:after {border-top-left-radius: var(--size10);box-shadow: 0 -10px 0 0 var(--white);right: -10px}
 /**/
.promoblock-a{background: var(--grayc);padding: var(--size50) 0;}
.promo-carselwrap{text-align: center;padding:  var(--size15) 0;}
.promo-carselwrap a{display: block}
.promo-carselwrap .item figure{background: #ccc;border-radius:var(--size10);}
.promo-carselwrap img{object-fit: fill;border-radius:var(--size10);cursor: pointer;height: 100%;width: 1240px;} 
.promo-carselwrap .slick-dots {margin-top: -45px;position: relative} 
.promo-carselwrap .slick-dots li button {width: var(--size10);height: var(--size10);background:white;}

.promo-carselwrap .owl-theme .owl-nav {position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;margin-top: var(--size20);margin-bottom:var(--size20)}
.promo-carselwrap .owl-carousel .owl-nav div{position: static;background-color: #f5f5f5;box-shadow: none;width: 40px;height: 40px;}
 /**/
.cardtitlewarp{margin-bottom: var(--size30); }
.cardtitlewarp figure{background: white;width: 60px; height: 60px; display: inline-flex; justify-content: center;align-items: center; border-radius: 50%; border: solid 1px var(--grayddd); flex-shrink: 0}
.cardtitlewarp figure svg{width: 40px; height: 40px;}
.cardtitlewarp .title{font-size: var(--size30); font-weight: var(--size600);line-height: var(--size40);font-family: var(--jost)}
.cardtitlewarp .sotdesc{font-size: 16px;}
.cardtitlewarp .sotdesc p{line-height: var(--size30);font-family: var(--jost)}
 /**/ 
 
.sharearea{display: flex;justify-content: center; position: absolute;background: white;bottom:15px;right: 35px;z-index: 2;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 5px}
.sharearea:before, .sharearea:after{content: "";position: absolute;bottom: 0;height: 40px;width: 10px;border-top: none;background-color: transparent;z-index: 1;box-shadow: 0 10px 0 0 var(--white);}
.sharearea:before{border-radius: 0 0 20px 0;border-left: 0;right: 100%;}
.sharearea:after{border-radius: 0 0 0 20px;border-right: 0;left: 100%;}
.sharearea i{width: 35px;height: 20px;display: flex;justify-content: center;align-items: center;cursor: pointer;border-right: dotted 1px #333}
.sharearea i:last-child{border: 0}
.sharearea i svg{width: 15px;height: 15px;fill: #90959F;}      
.sharearea i:hover svg{fill: black;}
.sharearea i.saveicon svg{width: 22px;height: 22px;}      
.sharearea i:hover.saveicon svg, .sharearea i.saveicon.active svg{fill: #d6472b;}
 

 /**/
.discover-eventsbga{background:linear-gradient(66deg,rgba(243,150,150,.2) 14%,rgba(2,193,212,.2) 86%);padding: var(--size50) 0; border: solid 2px white; border-bottom: solid 2px white;}
.flex{display: flex;align-items: center;gap:var(--size10)}
.discover-eventswarp{margin: var(--size50) 0}
.discover-titlewarp{padding-bottom: var(--size30);font-family: var(--jost); }
.discover-titlewarp figure{background: white;width: 60px; height: 60px; display: inline-flex; justify-content: center;align-items: center; border-radius: 50%; border: solid 1px var(--grayddd); flex-shrink: 0}
.discover-titlewarp figure svg{width: 36px; height: 36px;}

.discover-titlewarp .title{font-size: var(--size30); font-weight: var(--size600);margin-bottom:5px;}
.discover-titlewarp .maintitle {font-size: var(--size30);font-family: var(--jost);padding-bottom: var(--size30);font-weight: var(--size600);}
.discover-titlewarp .desc{font-size: 16px;}
.sectitle{font-size: var(--size20); font-weight: var(--size600);margin-bottom:5px;}
.sectitle .changeloca input[type="text"] {border: 0;border-bottom: var(--link) 2px solid;font-size: 17px;font-family: var(--jost);padding:var(--size10);color: var(--link);font-weight: var(--size500);height: 38px;}
.discover-events .owl-theme .owl-nav {position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;margin-top: var(--size20);margin-bottom:var(--size20)}
.discover-events .owl-carousel .owl-nav div{position: static;background-color: #f5f5f5;box-shadow: none;width: 40px;height: 40px;}
 /**/
.category-wrapper{background: var(--grayc);border-radius: var(--size10);padding: 40px 15px;}
.category-wrapper .category-list{display: flex; flex-wrap:wrap;gap:var(--size20);margin-bottom: var(--size20)}
.category-wrapper .category-list .category-item{background: var(--white); border-radius: var(--size8);box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0.5px;padding: var(--size15);width:228px;display: flex;flex-direction: column;gap: var(--size15);}
.category-wrapper .category-list .category-item a{display: flex;justify-content: center;flex-direction: column;gap:var(--size20)}
.category-wrapper .category-list .category-item figure{background: var(--grayeee);width: var(--size100);height: var(--size100);display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: var(--boxshadowa);border: solid 2px var(--white);margin: 0 auto;overflow: hidden;}
.category-wrapper .category-list .category-item figure img{width: var(--size100);height:var(--size100);object-fit: fill;}
.category-wrapper .category-list .category-item figure i{}
.category-wrapper .category-list .category-item figure i svg{width: var(--size50);height: var(--size50)}
.category-wrapper .category-list .category-item .category-info{display: flex;align-items: center; justify-content: flex-start; flex-direction: column;gap:var(--size5);}
.category-wrapper .category-list .category-item .category-info a{align-items: center;gap:var(--size5);} 
.category-wrapper .category-list .category-item .category-info big{font-size: 18px;color: var(--black);text-align: center;line-height: 22px;    font-family: var(--jost);}
.category-wrapper .category-list .category-item .category-info big a{color: var(--black)}
.category-wrapper .category-list .category-item:hover .category-info big a{color: var(--link);} 
.category-wrapper .category-list .category-item .category-info small{display: flex;font-size: 16px; color: var(--gray777);padding-top: var(--size5);align-items: center}
.category-wrapper .category-list .category-item .category-info small span{}
.category-wrapper .category-list .category-item .category-info small a{color: var(--black);}
.category-wrapper .category-list .category-item .category-info small a:hover{color: var(--link)}
.category-wrapper .category-list .category-item .category-info b{display: inline-flex; align-items: center;gap:var(--size5);padding-top: var(--size5)}
.category-wrapper .category-list .category-item .category-info b svg{fill: #90959F;}

.category-wrapper .category-list .category-item:hover a.btun{position: relative;overflow: hidden;background: var(--blue); color: var(--white)}
.category-wrapper .category-list .category-item:hover a.btun:after, .category-wrapper .category-list .category-item:hover a.btun:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%}
.category-wrapper .category-list .category-item:hover a.btun:before{animation-name:animate}
.category-wrapper .category-list .category-item:hover a.btun:after{animation-name:animates}

.category-wrapper .category-lista{display: flex; flex-wrap:wrap;gap:var(--size20);margin-bottom: var(--size20)}
.category-wrapper .category-lista .category-item{background: var(--white); border-radius: var(--size8);padding: var(--size15);min-width:150px;display: flex;flex-direction: column;gap: var(--size15);}
.category-wrapper .category-lista .category-item .category-info{text-align: left;}
.category-wrapper .category-lista .category-item .category-info big{font-size: 18px;color: var(--black);text-align: left;line-height: 22px;display: block;}
.category-wrapper .category-lista .category-item .category-info big a{color: var(--black)} 
.category-wrapper .category-lista .category-item .category-info small{display: block;font-size: 16px; color: var(--gray777);padding-top: var(--size5);}
.category-wrapper .category-lista .category-item .category-info small span{}
.category-wrapper .category-lista .category-item .category-info small a{color: var(--black);}
.category-wrapper .category-lista .category-item .category-info small a:hover{color: var(--link)}


.category-wrapper .orgcard-listarea{overflow: hidden;height: 310px;}
.category-wrapper .orgcard-list{gap:var(--size15);overflow-x: auto; overflow-y:hidden; display: flex; padding: 0 0 var(--size30) var(--size10);}
.category-wrapper .orgcard-list .category-item{background: var(--white); border-radius: var(--size8);box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0.5px;padding: var(--size15);display: flex;flex-direction: column;gap: var(--size15);flex-shrink: 0;width: 270px;}
.category-wrapper .orgcard-list .category-item a{display: flex;justify-content: center;flex-direction: column;gap:var(--size20)}
.category-wrapper .orgcard-list .category-item figure{background: var(--grayeee);width: var(--size100);height: var(--size100);display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: var(--boxshadowa);border: solid 2px var(--white);margin: 0 auto;overflow: hidden;}
.category-wrapper .orgcard-list .category-item figure img{width: var(--size100);height:var(--size100);object-fit: fill;}
.category-wrapper .orgcard-list .category-item figure i{}
.category-wrapper .orgcard-list .category-item figure i svg{width: var(--size50);height: var(--size50)}
.category-wrapper .orgcard-list .category-item .category-info{display: flex;align-items: center; justify-content: flex-start; flex-direction: column;gap:var(--size5);height: 97px;}
.category-wrapper .orgcard-list .category-item .category-info a{align-items: center;gap:var(--size5);} 
.category-wrapper .orgcard-list .category-item .category-info big{font-size: 18px;color: var(--black);text-align: center;line-height: 22px;    font-family: var(--jost);}
.category-wrapper .orgcard-list .category-item .category-info big a{color: var(--black)}
.category-wrapper .orgcard-list .category-item:hover .category-info big a{color: var(--link);} 
.category-wrapper .orgcard-list .category-item .category-info small{display: flex;font-size: 15px; color: var(--gray777);padding-top: var(--size5);align-items: center}
.category-wrapper .orgcard-list .category-item .category-info small span{margin-right: 5px;}
.category-wrapper .orgcard-list .category-item .category-info small a{color: var(--black);}
.category-wrapper .orgcard-list .category-item .category-info small a:hover{color: var(--link)}
.category-wrapper .orgcard-list .category-item .category-info b{display: inline-flex; align-items: center;gap:var(--size5);padding-top: var(--size5)}
.category-wrapper .orgcard-list .category-item .category-info b svg{fill: #90959F;}
.category-wrapper .orgcard-list .category-item:hover a.btun{position: relative;overflow: hidden;background: var(--blue); color: var(--white)}
.category-wrapper .orgcard-list .category-item:hover a.btun:after, .category-wrapper .orgcard-list .category-item:hover a.btun:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%}
.category-wrapper .orgcard-list .category-item:hover a.btun:before{animation-name:animate}
.category-wrapper .orgcard-list .category-item:hover a.btun:after{animation-name:animates}
.orglistarrow{position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px!important;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;}
.orgcard-arrow-prev, .orgcard-arrow-next {background:#f5f5f5; padding:15px;  -ms-transform: rotate(90deg); transform: rotate(90deg);border-radius: 50%; flex-shrink: 0} 
.orgcard-arrow-next {-ms-transform: rotate(-90deg); transform: rotate(-90deg); } 
/*arrow*/

/**/ 
a.more{color: var(--link)!important}
/* Grid View Start */
.item{padding:0 10px;}
.event-card{background: var(--white);border-radius: var(--size8);box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0.5px;position: relative;margin-bottom: var(--size30);}
.discover-events .event-card{margin-top: var(--size5)}
.event-card .event-img{padding:var(--size15);position: relative}
.event-card .event-img figure{position: relative;width: 100%;overflow: hidden;border-radius: var(--size8);}
.event-card .event-img figure a{display: block;position: relative;z-index: 1;}
.event-card .event-img figure a:before {opacity: 1;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .75) 100%); position: absolute;content: "";width: 100%; height: 100%;z-index: 2;}
/**/
.event-card .event-img img{object-fit: cover; height: 100%; border-radius: var(--size8);transition: transform .3s;}
.event-card:hover .event-img figure img{transform: scale(1.1);} 
.event-card .event-info{font-size: 14px;overflow: hidden;padding:0 15px 0;min-height: 223px;}
.event-card .event-info .title{font-weight: var(--size500); font-size: 18px;padding: var(--size10) 0 5px;line-height: 24px;letter-spacing: normal;font-family: var(--jost)} 
.event-card .event-info .title h2, .event-card .event-info .title h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;} 
.event-card .event-info .title a{color: var(--black);}
.event-card .event-info .title a:hover{text-decoration: underline; color: var(--link)}
.event-card .event-info .date{color: #D1410C;font-weight: 500}
.event-card .event-info .location{}
.event-card .event-info .location a{text-decoration: underline;color: var(--link);}   
.event-card .event-info .lineup{}
.event-card .event-info .lineup b{color: var(--gray888); padding-right: var(--size5);}
.event-card .event-info .lineup a{color: var(--gray888);text-decoration: underline}
.event-card .event-info .lineup a.more{color: var(--link);}
.event-card .event-info .lineup a:hover{color: var(--link)}   
.event-card .event-info .price{color: var(--gray777);}
.event-card .event-info .price b{ font-weight: var(--size700);font-size: 18px;color: var(--green);font-family: var(--google);}

 
.event-card  .action{text-align: center;padding-top: var(--size15);padding-bottom: var(--size15);background: rgb(247 248 253 / 44%);border: solid 1px white;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top: dashed 1px var(--grayddd);position: relative}
.event-card .action a{display: inline-flex; align-items: center;gap:var(--size6);border-radius: var(--size30);padding: var(--size10) 36px;font-size: var(--size15);overflow: hidden;position: relative;transform: translateZ(0);}
.event-card .action a svg{fill:var(--red);width: 12px}
 

.event-info span{display: flex;align-items: center;padding: var(--size5) 0 0;gap:var(--size5);flex-wrap: nowrap; font-size: 14px;align-items:center; color: var(--gray888);}
.event-info span b{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.event-info span i{ display: inline-flex;align-items: center;justify-content: center;width: 22px; height: 22px; flex-shrink: 0}
.event-info span i svg{fill:#90959F; width: 15px; height: 15px;}
.event-info span.promo{display: inline-flex;gap: var(--size5);align-items: center; font-size: 12px;padding-top: 0}
.event-info span.promo svg{width: var(--size20); height: var(--size20);fill:#90959F}

.event-card:hover .action a{ color: var(--white);}
.event-card:hover .action a svg{ fill: var(--white);}
.event-card:hover .action a.btun-red{background: var(--reda)}
.event-card:hover .action a.btun-red:after, .event-card:hover .action a.btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%}
.event-card:hover .action a.btun-red:before{animation-name:animate}
.event-card:hover .action a.btun-red:after{animation-name:animates}
 @keyframes animate{
0%{left:50%}
to{left:-150%}
}
@keyframes animates{
0%{right:50%}
to{right:-150%}
}

 /* Grid View End */
 /* List View Start */
.global-eventwarp{background: var(--grayc);padding: var(--size50) 0}
.global-eventwarp.global-eventwarp-a {padding-top: 0;}
.global-eventwarp .discover-titlewarp{}
.global-eventwarp .discover-titlewarp .changeloca{background: var(--white);position: relative;display: inline-flex;align-items: center;}
.global-eventwarp .discover-titlewarp .changeloca i{position: absolute; right: 10px}
.global-eventwarp .discover-titlewarp .changeloca input[type="text"]{border: 0; border-bottom: var(--link) 2px solid;font-size: var(--size20);font-family: var(--jost);padding: var(--size10) 15px; color: var(--link); font-weight: var(--size500)}
.global-event {width: 1200px;margin: 0 auto;}
.global-event .global-eventlist{background: var(--white);border-radius: var(--size6);box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0.5px;margin-bottom:var(--size20);position: relative;width: 100%}
.global-event .eventcardarea{position: relative;display: flex;align-items: flex-start;flex-wrap: wrap;}
.global-event .global-eventlist .maintitle{font-weight: var(--size500);font-size: 24px;padding:var(--size15) var(--size15) 0;line-height: 24px;letter-spacing: normal; color: var(--black)}
.global-event .global-eventlist .maintitle a{color: var(--black)}
.global-event .global-eventlist .maintitle a:hover{color: var(--link);text-decoration: underline}
.global-event .global-eventlist .event-img{display: flex;gap: var(--size20);width: 20%;min-width: 20%;-webkit-flex-basis: 20%;-ms-flex-preferred-size: 20%;flex-basis: 20%;padding: 15px 0 15px 15px;position: relative} 
.global-event .global-eventlist .event-img .sharearea{right:  var(--size20);}
.global-event .global-eventlist .event-img figure{width:100%; height: 150px;overflow: hidden; flex-shrink: 0;position: relative;border-radius: var(--size6);}
.listype-a .global-event .global-eventlist .event-img figure{width:100%; height: 100%;}

.global-event .global-eventlist .event-img figure a{display: block}
.global-event .global-eventlist .event-img figure img{object-fit: cover;border-radius: var(--size6);transition: transform .3s;} 
.global-event .global-eventlist:hover .event-img figure img{transform: scale(1.1);}
.global-event .global-eventlist .event-img figure a:before {opacity: 1;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .75) 100%); position: absolute;content: "";width: 100%; height: 100%;z-index: 2;}
.global-event .global-eventlist:hover .event-card-actions{opacity: 1;-webkit-transition: all .4s cubic-bezier(.4,0,.3,1);transition: all .4s cubic-bezier(.4,0,.3,1);}
.global-event .event-card-actions{ opacity: 0;display:inline-flex; justify-content: flex-end;gap:var(--size10);position: absolute;bottom: var(--size15);right: var(--size15);z-index: 2}
.event-card-actions i{display: flex; justify-content: center;align-items: center; width:var(--size30); height:var(--size30);background: var(--white); border-radius: var(--borderradius50); border: solid 1px var(--grayddd);cursor: pointer;}
.event-card-actions .active svg{fill:#d6472b;}  
.global-event .global-eventlist .event-info{font-size: 15px;min-width: 45%;padding:var(--size15);}
.global-event .global-eventlist .event-info .batch{margin-bottom: var(--size5)}
.global-event .global-eventlist .event-info .title{font-weight: var(--size500); font-size: 18px;padding:0 0 var(--size5);line-height: 24px;letter-spacing: normal;font-family: var(--jost);}
.global-event .global-eventlist .event-info .date {color: #D1410C;font-size: 16px;}
.global-event .global-eventlist .event-info .title a{color: var(--black);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;display: block}
.global-event .global-eventlist .event-info .title a:hover{text-decoration: underline; color: var(--link)}        
.global-event .global-eventlist .event-info .location{padding: 0}
.global-event .global-eventlist .event-info .location a{text-decoration: underline;color: var(--link);}
.global-event .global-eventlist .event-info .lineup{}
.global-event .global-eventlist .event-info .lineup b{color: var(--gray777);padding-right: 5px;}
.global-event .global-eventlist .event-info .lineup a{color: var(--drakblack);}
.global-event .global-eventlist .event-info .lineup a:hover{color: var(--link)}

.global-event .global-eventlist .actionarea{width: 30%;display: flex;flex-wrap: wrap;padding:var(--size15)}
.global-event .global-eventlist .price{display: flex;flex-direction: column;align-items: center;gap: var(--size10);width: 50%;padding: 0 var(--size15);}
.global-event .global-eventlist .action{width: 50%;text-align: right;}

.global-event .global-eventlist .price span{color: var(--gray777); font-size: 16px;}
.global-event .global-eventlist .price b{font-weight: var(--size600);font-size:18px;color: var(--green);}       
.global-event .global-eventlist .action a{display: inline-flex;align-items: center;gap:5px; font-size: 15px;position: relative;overflow: hidden;padding: var(--size10) 30px}

.price b{font-family: var(--google);font-weight:var(--size700);color: var(--green)}

.global-event .global-eventlist .action a svg{fill:var(--reda)} 
.global-event .global-eventlist:hover .action a{ color: var(--white);}
.global-event .global-eventlist:hover .action a svg{ fill: var(--white);} 
.global-event .global-eventlist:hover .action a.btun-red{background: var(--reda)}
.global-event .global-eventlist:hover .action a.btun-red:after, .global-event .global-eventlist:hover .action a.btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%}
.global-event .global-eventlist:hover .action a.btun-red:before{animation-name:animate}
.global-event .global-eventlist:hover .action a.btun-red:after{animation-name:animates} 
.global-event .global-eventlist .eventcardarea .event-info {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.global-event .global-eventlist .eventcardarea.artistlist .event-info {-webkit-flex-basis: 40%;-ms-flex-preferred-size: 40%;flex-basis: 40%;} 
.global-event .global-eventlist .eventcardarea .artistarea {display: flex;-webkit-flex-basis: 80%;-ms-flex-preferred-size: 80%;flex-basis: 80%; flex-wrap: wrap}
.global-event .global-eventlist .eventcardarea .artistarea .event-info{-webkit-flex-basis: 70%;-ms-flex-preferred-size: 70%;flex-basis: 70%;}
.global-event .global-eventlist .eventcardarea .artistarea .action{-webkit-flex-basis: 30%;-ms-flex-preferred-size: 30%;flex-basis: 30%;align-items: flex-start;display: inline-flex; justify-content: right;padding: var(--size15);}
         
.tourdescinfo{-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;background: var(--grayc); border-radius: var(--size4);border: solid 1px #e8eaf5;margin: 0 var(--size15) var(--size15) var(--size15);padding: 10px 15px;}
.tourdescinfo .title{font-size:14px;color:var(--black);font-weight:500;padding-bottom: 10px;}
.tourdescinfo .tourdateloc{}
.tourdescinfo .tourdateloc .mobilescrool{gap:var(--size10);display: flex;align-items: center; flex-wrap: wrap}
.tourdescinfo .tourdateloc span{align-self: flex-start; background: white;padding: var(--size8); border-radius: var(--size4);border: solid 1px #e8eaf5;display: flex; flex-direction: column;gap:5px;width: 150px;} 
.tourdescinfo .tourdateloc span a{margin-top: var(--size5)}
.tourdescinfo .tourdateloc span:last-child{text-align: center} 

/* List view End */
.crossbg {text-align: center;padding: var(--size50) 0;background:var(--white);margin: 0 0 25px;}
.cross-link{display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;padding: 15px;}
.cross-link span{font-size: 16px;}
.cross-link span a{padding: 10px 25px;background:#f5f5f5;color:var(--drakblack);display: inline-flex;gap:10px;border-left: solid 3px var(--grayccc);}
.cross-link span a i svg{transition: all .2s ease;transform: rotate(-45deg);}
.cross-link span a:hover i svg{transform: rotate(0);}
.cross-link span a:hover{color: var(--link)}
 /**/
.searchareawarp{padding: 50px 0;}
.searchareawarp .container{width: 1200px;}
.searcharea{padding:25px;display: flex;border: solid 1px #CAC9D6;border-radius: var(--size30);border-bottom-width: 8px;justify-content: space-between;gap: 20px;}
.searcharea .searchareainfo{} 
.searcharea .searchareainfo .title{font-size: var(--size30);font-weight: var(--size600);margin-bottom: 25px;} 
.searcharea .searchareainfo .searchtag{display: inline-flex;gap:15px;flex-wrap: wrap;} 
.searcharea .searchareainfo .searchtag span{} 
.searcharea .searchareainfo .searchtag span a{background: #F6F5FC; display: block;padding:12px var(--size20); border-radius: var(--size30);font-size: 18px;color:var(--link)} 
.searcharea .searchareainfo .searchtag span a:hover{background:var(--gray333);color:white}
 /**/
.justlisted{padding: var(--size50) 0;}
.justlisted .promo{padding: 0}

.justlisted .global-event .global-eventlist .event-img{-webkit-flex-basis: 20%;-ms-flex-preferred-size: 20%;flex-basis: 20%;}
.justlisted .global-event .global-eventlist .event-info{-webkit-flex-basis: 60%;-ms-flex-preferred-size: 60%;flex-basis: 60%;}
.justlisted .global-event .global-eventlist .action{-webkit-flex-basis: 20%;-ms-flex-preferred-size: 20%;flex-basis: 20%;padding: var(--size15);}
.justlisted .global-event .global-eventlist .action a{color: var(--gray777)}
.justlisted .global-event .global-eventlist .action a svg{fill:var(--gray777)}  
.justlisted .global-event .global-eventlist .action a:hover{color: var(--black)}
.justlisted .global-event .global-eventlist .action a:hover svg{fill:var(--black)}

 /**/
/*
footer{padding: 15px 0 70px!important;background-color: rgb(12, 18, 28);color: var(--white)}
.footer-menu{padding: 10px 0;border-bottom: solid 1px var(--garyddd)}
.footer-menu a{padding: 0 5px;color: var(--black);font-weight: var(--weight600);}
.copyrite{color:var(--gray666);font-size: 13px;padding: 15px 0 15px;text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.2);margin-top: 15px}
.ftmenutwo{}
.ftmenutwo ul{}
.ftmenutwo ul li{border-bottom:solid 1px rgba(255, 255, 255, 0.1); margin-bottom:5px; padding:10px 0;}
.ftmenutwo ul li b{display: inline-block;margin-right: 10px;}
.ftmenutwo ul li b a{color: var(--link)}
.ftmenutwo ul li b a:hover{color: var(--yellow)}
.ftmenutwo ul li span{display: inline-flex;margin-right: 3px;gap: 5px;justify-content: flex-start;}
.ftmenutwo ul li.socialft b{ display: block;margin-bottom: 10px;}
.ftmenutwo ul li.appdonlodft b{ display: block;margin-bottom: 10px;}
.ftmenutwo ul li.appdonlodft{display: flex; gap:10px}
.ftmenutwo ul li .share{background: var(--white);display: inline-flex; align-items: center;margin-right: 10px;width: 30px; height: 30px;text-align: center;border-radius: 50%;justify-content: center}
.ftmenutwo ul li .share a{} 
.ftmenutwo ul li .phone svg{margin-right: 5px;fill:var(--gray999)}
.ftmenutwo ul li .app{margin-right: 10px;}
.ftmenutwo ul li .app img{}
.ftmenutwo ul li .share svg{fill:var(--white)}
.ftmenutwo ul li .share.fb{background: #3E5A99;}
.ftmenutwo ul li .share.in{background: rgb(255,208,89);background: linear-gradient(22deg, rgba(255,208,89,1) 0%, rgba(253,86,39,1) 40%, rgba(190,43,188,1) 80%, rgba(1,67,223,1) 100%);}
.ftmenutwo ul li .share.tw{background:var(--white);}
.ftmenutwo ul li .share.wt{background: #0E9F16;}
.ftmenutwo ul li .share.lk{background: var(--white);}
.ftmenutwo ul li .share.you{background: var(--reda);}
.ftmenutwo ul li .share.pin{background: var(--red);}
.ftmenutwo ul li .share.tw svg, .ftmenutwo ul li .share.lk svg{fill: var(--black);}
.aboutlinks{display: flex;flex-wrap: wrap;}
.aboutlinks a{padding: 0 10px; border-right: solid 1px #ddd;color: var(--white)}
.aboutlinks a:hover{color: var(--link)}
.aboutlinks a:first-child{padding-left: 0}
.aboutlinks a:last-child{padding-right: 0;border-right: 0}
*/
 /* Accordion Menu */
/*
.accordionmenu, .accordionmenu ul, .accordionmenu li, .accordionmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 14px; position: relative; }
.accordionmenu { padding:15px; width: 100%; margin:0; }  
.accordionmenu ul { border-top:0; }
.accordionmenu ul li { border-bottom:solid 1px rgba(255, 255, 255, 0.1); margin-bottom:5px; padding:0 0 3px; }
.accordionmenu ul li a { font-size: 16px; color:var(--white); display: block; padding:10px 0; line-height: 1.3;display: flex;justify-content: space-between}
.accordionmenu ul li a:hover { text-decoration: none; }
.accordionmenu ul li.active a {color:var(--white);border-bottom:solid 1px rgba(255, 255, 255, 0.1); transition: none}
.accordionmenu ul li a i {color:var(--black); -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; font-size:16px; }
.accordionmenu ul li a i svg{fill:var(--gray999)}
.accordionmenu ul li.active a i svg{fill:var(--gray999)}
.accordionmenu ul li.active a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
*/
 /* Sub menu */
/*
.accordionmenu ul div { padding: 5px 12px; display:none; }
.accordionmenu ul li .acc { padding:0; }
.accordionmenu ul li .acc.inline ul { display: grid;grid-template-columns: repeat(2, 1fr);}
.accordionmenu ul .acc ul { margin:10px 0 0; }
.accordionmenu ul li .acc ul li { list-style-type:none; margin:0; padding:5px 0; border-bottom:0; color:#666;display: block}
.accordionmenu ul li .acc ul li a { color: var(--gray666); background:none; padding:0; border-bottom: 0;display: inline-block;font-size: 14px;}
.accordionmenu ul li .acc ul li a:hover{color: var(--white)} 
*/
 /* Accordion Menu */
.viewall-button{margin: var(--size20) 0; display: flex;flex-direction: column;gap:10px; align-items: center; justify-content: center;width: 100%}
.viewall-button .btun-white{border: solid 1px var(--gray999); border-radius: 50px; font-size: 16px;padding:var(--size10) 36px; display: inline-flex; gap:5px; align-items: center;}
.viewall-button .btun-white:hover{background: var(--white)} 
.artistblockarea .viewall-button .btun-white{box-shadow: rgb(255 255 255 / 27%) 0px 5px 1px 0.5px;}
  /**/
.buzzcard{background: var(--white);border-radius: var(--size6);border: solid 1px var(--grayddd);margin-bottom: var(--size20);padding: var(--size15);position: relative;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0.5px;}
.buzzcard figure{margin-bottom: var(--size15);width: 100%; height:200px;overflow: hidden;border-radius: var(--size6);}
.buzzcard figure img{width: 100%;object-fit: cover;object-fit: cover;border-radius: var(--size6);transition: transform .3s;}
.buzzcard:hover figure img {transform: scale(1.1);}
.buzzcard .buzztitle{flex-direction: column;display: flex;gap: 5px;} 
.buzzcard .buzztitle .cattag{display: inline-block;color:#fff;font-size: 13px;margin-bottom: var(--size5);}
.buzzcard .buzztitle .cattag b{background:#007475;border-radius:4px;padding: 2px 10px;}

.buzzcard .buzztitle .title-b{font-size: 18px;line-height: 20px;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.buzzcard .buzztitle .title-b a{color:var(--black)}
.buzzcard .buzztitle p{font-size: 16px;padding-bottom: 0;color:var(--gray777);line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.buzzcard .buzztitle p .moreread{font-size: 14px;color:var(--black)}
.buzzcard .buzztitle{flex-direction: column} 
.buzzcard .buzzaction {display: flex;flex-wrap: wrap;margin-top: 5px;}
.buzzcard .buzzaction .timetag {padding-bottom: var(--size10);display: flex;}
.buzzcard .buzzaction .timetag i{fill:#878d9b}   
.buzzcard .buzzaction .timetag a {color:#0167ff;display: inline-block;border-radius: var(--size20);font-size: 14px;margin: 0 5px 0;text-decoration: underline;}

  /* =============================================== event detail page start =============================================== */
.eventdetailmain{background: var(--grayc);padding-bottom: var(--size50)}
.eventdetailmain .discover-eventswarp{margin-bottom: 0}
 /* events header start */
.eventbannerwarp{}
.eventbannerwarp .container-mid{max-width: 1300px;}
.eventbannerwarp .container-min {max-width: 1150px;}
.eventbannerwarp .eventbanner{position: relative; overflow: hidden;z-index: 1;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;}
.eventbannerwarp .eventbanner .event-card-actions{position: absolute; top: 20px; right: 20px; display: flex; gap:15px;}
.eventbannerwarp .eventbanner figure{text-align: center;height: 430px;}
.eventbannerwarp .eventbanner figure img{height: 360px;margin: 0 auto}
.eventbannerwarp .eventbanner .bannerbg{width: 100%;display: block;-webkit-filter: blur(8px) brightness(75%);filter: blur(8px) brightness(75%);transform: scale(1.2);height: 100%;background-repeat: no-repeat; background-size: cover;margin: 0 auto;transition: all .5s ease;position: absolute;z-index: -1;} 
.eventinfoarea{background: var(--white);margin-bottom: var(--size30);box-shadow: var(--boxshadow);-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;}
.eventinfoarea.detailinfo{margin-top: -70px;position: relative; z-index: 2;}
.csshape{background-image: url('data:image/svg+xml,<svg width="274" height="83" viewBox="0 0 274 83" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.552098 16.4988C0.552726 7.66273 7.71599 0.5 16.5521 0.5L148.456 0.5C155.77 0.5 162.138 5.50679 165.321 12.0921C170.657 23.1317 181.296 38.0758 199.785 38.0758C162.98 38.0758 65.1124 68.7662 21.7441 82.9855C11.3078 86.4073 0.547687 78.6299 0.548467 67.6469L0.552098 16.4988Z" fill="white"></path></svg> ');top: -38px;left: 0;overflow: hidden;z-index: -1;position: absolute;height: 57px;width: 195px;padding: 15px;display: flex;align-items: center;}
.csshape b{display: flex; gap:8px;}
.csshape b i svg{-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite;}
@-moz-keyframes spin {100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin {100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin { 
    100% {-webkit-transform: rotate(360deg);transform:rotate(360deg);} 
}

.eventbannerwarp .eventbanner .event-card-actions i{width: var(--size40);height: var(--size40);}
.eventbannerwarp .eventbanner .event-card-actions i svg{fill:#4E6786}
.eventbannerwarp .eventbanner .event-card-actions .active i svg{ fill: #d6472b;}
.eventinfoarea .eventinfo{padding:var(--size15);}
.eventinfoarea .eventinfo .eventaction {display: flex;align-items: center;}
.eventinfoarea .eventinfo .event-card-actions {display: inline-flex; gap: var(--size10); margin-left: auto}
.eventinfoarea .eventinfo h1{font-size: 26px;color: #212121;margin:0;letter-spacing: 0.2px;font-weight: var(--size600);line-height: var(--size40);font-family: var(--jost);} 
.eventinfodetls{display: flex;flex-wrap: wrap;margin: var(--size15) 0}
.eventinfodetls .eventinfolist{display: flex;align-items: center;gap:var(--size10);width: 33.3%;padding-right: var(--size15);}
.eventinfodetls .eventinfolist time{color: var(--gray777);}
.eventinfodetls .eventinfolist i{flex-shrink: 0;background: #EAEEFC;width: var(--size50); height: var(--size50);align-items: center;justify-content: center;display: inline-flex;border-radius: var(--size6)}
.eventinfodetls .eventinfolist i svg{fill: #4E6786;}

.eventinfodetls .eventinfolist .info{display: flex;flex-direction: column;gap:var(--size10)}
.eventinfodetls .eventinfolist .info b{ font-weight: var(--size500); font-size: 16px;letter-spacing: 0.2px; color: var(--black)}
.eventinfodetls .eventinfolist .info b a{font-size: 14px; font-weight: normal}

.eventinfodetls .eventinfolist.one {width: 25%}
.eventinfodetls .eventinfolist.two {width: 40%}
.eventinfodetls .eventinfolist.three {width: 35%}

.eventinfodetls .eventinfolist.one i{background: #effbf7;}
.eventinfodetls .eventinfolist.two i{background: #fff5f0;}
.eventinfodetls .eventinfolist.three i{background: #feeff4;}

.eventinfodetls .eventinfolist.one i svg{fill: #279975;}
.eventinfodetls .eventinfolist.two i svg{fill: #ff9a61;}
.eventinfodetls .eventinfolist.three i svg{fill: #f15d8a;} 
 /**/
.eventcard{background: var(--white); border-radius: var(--size8);box-shadow: var(--boxshadow);margin-bottom: var(--size30);font-family: var(--jost);} 
.eventcard:last-child{margin-bottom: 0}
.eventcard .card-title{padding:var(--size10) var(--size15);line-height: 35px;border-bottom: 1px dotted var(--gray999);font-weight: var(--size500);font-size: var(--size20);font-family: var(--jost);}
.eventcard .aside-title{padding:var(--size10);line-height: 25px;border-bottom: 1px dotted var(--gray999);font-weight: var(--size500);font-size: var(--size18);font-family: var(--jost);}
.eventcard .evehighlightslt{ display: flex; align-items: center;padding: var(--size15) 0; flex-wrap: wrap;}
.eventcard .evehighlightslt .evehighlight{width: 50%;padding:0 var(--size20); display: inline-flex;gap:var(--size10); align-items: center;margin-bottom: var(--size20)} 
.eventcard .evehighlightslt .evehighlight .highlighticon{flex-shrink: 0;background: #EAEEFC;width: var(--size50);height: var(--size50);align-items: center;justify-content: center;display: inline-flex;border-radius: var(--size6);}
.eventcard .evehighlightslt .evehighlight .highlighticon svg{fill:#4E6786}
.eventcard .evehighlightslt .evehighlight .highlightslt{display: flex; flex-direction: column;gap:var(--size5)}
.eventcard .evehighlightslt .evehighlight .highlightslt small{ font-size: 16px;color: var(--gray777); font-weight: var(--size400)}
.eventcard .evehighlightslt .evehighlight .highlightslt big{font-weight: var(--size500);font-size: 16px;letter-spacing: 0.2px;}
 /**/
.aboutdetals{padding: var(--size20);}
.aboutdetals p{padding-bottom: var(--size20);line-height: 24px; font-size: var(--size15);} 
.aboutdetals p img{width: 60%;}
.aboutdetals strong, .aboutdetals b {font-weight: var(--size500);font-size: var(--size16); color: var(--black); display: block;line-height: 22px;}
 /**/ 
.orgarea{padding: var(--size20);}
.orgarea .orginfo{display: flex;gap:var(--size15);align-items: center}
.orgarea .orginfo .orgdetals{flex:0 0 auto;width:66.66666667%; display: flex;gap:15px}
.orgarea .orginfo .orgdetals figure{width: var(--size80);height: var(--size80); border-radius: var(--borderradius50);overflow: hidden;flex-shrink: 0;}
.orgarea .orginfo .orgdetals .orgdescriptive{}
.orgarea .orginfo .orgdetals .orgdescriptive .title{font-size:18px;font-weight: var(--size500);padding-bottom: var(--size5)}
.orgarea .orginfo .orgdetals .orgdescriptive .title a{color: var(--lightblack)}
.orgarea .orginfo .orgdetals .orgdescriptive .title a:hover{color: var(--link); text-decoration: underline}
.orgarea .orginfo .orgdetals .orgdescriptive span{display: block;padding: var(--size5) 0}
.orgarea .orginfo .orgdetals .orgdescriptive span b{font-weight: var(--size500)}
.orgarea .orginfo .orgaction{flex:0 0 auto;width:33.33333333%;display: inline-flex;gap:var(--size10)}
.orgarea .orgbio {margin-top: var(--size15); background: #EAEEFC;padding: var(--size15);border-radius: var(--size8)}
.orgarea .orgbio p{line-height: 22px;}
.orgarea .orgbio p a{color: var(--link)}

.performerarea{ background: var(--graye);border: solid 1px var(--white);}
.performerarea .performerareawarp{display: flex;padding: var(--size15);gap:var(--size15);overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;}
.performerarea .artistcard{position: relative; border: solid 1px var(--grayeee); border-radius: var(--size8);width: 49%;background: var(--white); flex-shrink: 0;filter: none;}
.performerarea .artistcard .artistdetls{display: flex;align-items: center; flex-wrap: wrap;gap:var(--size10);padding: var(--size10);}
.performerarea .artistcard .artistdetls figure{width: var(--size70);height: var(--size70);border-radius: var(--borderradius50);overflow: hidden;flex-shrink: 0;}
.performerarea .artistcard .artistdetls .artistinfo{}
.performerarea .artistcard .artistdetls .artistinfo .artistname{font-size: 18px;font-weight: var(--size500);padding-bottom: var(--size10);}
.performerarea .artistcard .artistdetls .artistinfo .artistname a{color: var(--lightblack)}
.performerarea .artistcard .artistdetls .artistinfo .artistname a:hover{color: var(--link); text-decoration: underline}
.performerarea .artistcard .artistdetls .artistinfo .artistname span{font-size: 16px;font-weight: var(--size400);}
.performerarea .artistcard .artstdesctive{display: flex;align-items: center; border-top: dotted 1px var(--grayccc);padding:10px } 
.performerarea .artistcard .artstdesctive .folowcount{display: inline-flex;align-items: center;gap: var(--size10);}
.performerarea .artistcard .artstdesctive .folowcount b{font-weight: var(--size500);}
.performerarea .artistcard .artstdesctive .folowcount i{background: #EAEEFC;width: var(--size30);height: var(--size30);align-items: center;justify-content: center;display: inline-flex;border-radius: var(--size100);}
.performerarea .artistcard .artstdesctive .folowcount i svg{fill: #4E6786;}
.performerarea .artistcard .artstdesctive .artistacton{margin-left: auto}

.faqarea{padding: 80px 0;background:var(--white);}
.faqarea .faqsectionwarp{display: flex;flex-wrap: wrap;}
.faqarea .faqsectionwarp .faqleft{flex: 0 0 auto;width: 33.33333333%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.faqcontentwrap {color: #222b40;padding:0;position: sticky; top:30px;}
.faqcontentwrap .faqtag{font-weight: 700;font-size: 13px;line-height: 20px;letter-spacing: .5px;text-transform: uppercase;background: #c91751;padding: 3px 10px;border-radius: 4px;color: #fff;}
.faqcontentwrap .faqtitle{font-size: 32px;letter-spacing:0.7px; text-transform: none;padding: 0 0 10px;font-weight: 900;line-height: 45px;}
.faqcontentwrap .faqdesc{font-size: 16px;line-height: 30px;}
.faqarea .faqsectionwarp .faqcontent{flex: 0 0 auto;width: 66.66666667%;max-width: 100%;padding-left: 15px;padding-right: 15px;}
.faqarea .faqsectionwarp .faqcontent .tab{position: sticky;top: 54px;z-index: 1;}
.faqarea .faqsectionwarp .faqcontent ul{}
.faqarea .faqsectionwarp .faqcontent ul li{padding: 10px 20px;border-radius: 10px;border: 1px solid #B5B5C3;margin-bottom: 25px;}
.faqarea .faqsectionwarp .faqcontent ul li:last-child{margin-bottom: 0}
.faqarea .faqsectionwarp .faqcontent ul li a{display: flex;align-items: center;justify-content: space-between;letter-spacing: 0.3px;gap:var(--size10);color: var(--black);}
.faqarea .faqsectionwarp .faqcontent ul li a i{background: #CAC9D6;width: var(--size30);height: var(--size30);border-radius: 50%;display: flex;justify-content: center;align-items: center; flex-shrink: 0}
.faqarea .faqsectionwarp .faqcontent ul li.active{background: #fff;filter: drop-shadow(var(--size10) var(--size10) 0px #CAC9D6);}
.faqarea .faqsectionwarp .faqcontent ul li.active a{font-weight: var(--size500)}
.faqarea .faqsectionwarp .faqcontent .accordionmenu b{padding-bottom: var(--size15);display: block; font-size: 18px;color: #c91751;}
.faqarea .faqsectionwarp .faqcontent ul li .acc{padding:var(--size10) 0 }
.faqarea .faqsectionwarp .faqcontent ul li .acc p{font-family: var(--jost);line-height: 20px}
 /*=================================================================================
 Modal Template Start
 =================================================================================*/ 

 /*=================================================================================*/
.bottomsheet {position: fixed;height: 100%;box-sizing: border-box;display: none;z-index: 1000005;}
.bottomsheet-container {max-width: 50rem !important;} 
.bottomsheet-container.large{}
.bottomsheet-container.small{max-width: 500px !important;}
.bottomsheet-container.medium{max-width: 650px !important;}
.bottomsheet .bottomsheet-inner {display: flex;flex-direction: column;overflow: hidden;background: var(--white);width: 100%;height: auto;max-height: 85%;z-index: 1;position: fixed;bottom: 0;left: 0;pointer-events: auto;animation: slideInUp 0.3s var(--animation);transition: all 1s ease;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}

@media (min-width: 768px){
.bottomsheet {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;width: 100%;height: 100%;overflow-x: hidden;outline: 0;z-index: 1000005}
.bottomsheet .bottomsheet-container {height: calc(100% - 50px);min-height: calc(100% - 50px);max-width: 60rem;margin: 15px auto;position: relative;width: auto;pointer-events: none;display: flex;align-items: center;} 
.bottomsheet .bottomsheet-inner {overflow: hidden;width: 100%;max-height: 100%;z-index: 1;pointer-events: auto;position: relative;display: flex;flex-direction: column;background: var(--white); height: auto;background-clip: padding-box;border-radius: var(--borderradius20);outline: 0;}
.bottomsheet .bottomsheet-container.small .bottomsheet-inner{border-radius: var(--borderradius10);}
 }
 /* Animation :: BEGIN */
 @keyframes slideInUp {
 0% {transform: translate3d(0, 100%, 0);visibility: visible}
 to {transform: translateZ(0)}
 }
 @keyframes slideInDown {
 0% {transform: translate3d(100%, 0, 0);visibility: visible}
 to {transform: translateZ(0)}
 }
 @keyframes fadeIn {
 0% {opacity: 0}
 to {opacity: 1}
 }


.mobi-bottomsheet {position: fixed;height: 100%;box-sizing: border-box;display: none;z-index: 9999;}
.mobi-bottomsheet-container {max-width: 900px !important;}  
.mobi-bottomsheet .mobi-bottomsheet-inner {display: flex;flex-direction: column;background: var(--white);width: 100%;height: auto;max-height: 85%;z-index: 1;position: fixed;bottom: 0;left: 0;pointer-events: auto;animation: slideInUp 0.3s var(--animation);transition: all 1s ease;-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}

@media (min-width: 768px){
.mobi-bottomsheet {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;width: 100%;height: 100%;outline: 0;z-index: 9999}
.mobi-bottomsheet .mobi-bottomsheet-container {height: calc(100% - 50px);min-height: calc(100% - 50px);max-width: 60rem;margin: 15px auto;position: relative;width: auto;pointer-events: none;display: flex;align-items: center;} 
.mobi-bottomsheet .mobi-bottomsheet-inner {width: 100%;max-height: 100%;z-index: 1;pointer-events: auto;position: relative;display: flex;flex-direction: column;background: var(--white); height: auto;background-clip: padding-box;border-radius: var(--borderradius20);outline: 0;} 
 } 

.mobi-bottomsheet .modal-body{overflow: inherit;display: flex; align-items: center;gap:20px;font-family: var(--jost);justify-content: center}
.mobi-bottomsheet .modal-body .mobiimg {z-index: 3;position: relative;width: 300px;margin-left: auto;margin-top: -80px;margin-bottom: -80px; width: 300px;}
.mobi-bottomsheet .modal-body .mobiaction{width: 600px}

.mobi-bottomsheet .modal-body .mobiaction .download-txt .title{font-size: 28px;font-weight: var(--size600);margin-bottom: var(--size10)}
.mobi-bottomsheet .modal-body .mobiaction .desc{line-height: 20px;color: var(--gray777)}
.mobi-bottomsheet .modal-body .downloadstorearea{display: flex;gap:20px;padding: 25px 0;justify-content: center;}
.mobi-bottomsheet .modal-body .downloadstorearea .appstore{background: #f5f5f5;padding: 15px; text-align: center; border-radius: 4px; width: 170px;border: solid 2px #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0.5px;}
.mobi-bottomsheet .modal-body .downloadstorearea .appstore b{padding-bottom: 10px; display: block; font-weight: 500}
.mobi-bottomsheet .modal-body .downloadstorearea .appstore .appicon{display: flex;gap:10px;align-items: center; justify-content: center}
.mobi-bottomsheet .modal-body .downloadstorearea .appstore .appicon figure{width: 40px; height: 40px; display: flex;align-items: center; justify-content: center; border-radius: 50%; background:white;} 

.mobi-bottomsheet .modal-body .mobiclose{display: flex;justify-content: center; position: absolute;background: white;top: -28px;right: 55px;z-index: 2;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 5px}
.mobi-bottomsheet .modal-body .mobiclose:before, .mobi-bottomsheet .modal-body .mobiclose:after{content: "";position: absolute;bottom: 0;height: 40px;width: 10px;border-top: none;background-color: transparent;z-index: 1;box-shadow: 0 10px 0 0 var(--white);}
.mobi-bottomsheet .modal-body .mobiclose:before{border-radius: 0 0 20px 0;border-left: 0;right: 100%;}
.mobi-bottomsheet .modal-body .mobiclose:after{border-radius: 0 0 0 20px;border-right: 0;left: 100%;} 
.mobi-bottomsheet .modal-body .mobiclose a{display: flex; align-items: center; gap:5px;padding: 2px 10px;color: var(--black)} 
.mobi-bottomsheet .modal-body .mobiclose a svg{fill: var(--black);}


.modal-header{display: flex;justify-content: space-between;padding: 25px;align-items: flex-start;}
.modal-header .modal-title{font-weight: var(--size700);font-size: 24px;}
.modal-body{ padding: 5px 25px 25px;overflow-x: hidden;overflow-y: overlay;}
.modal-footer{border-top: solid 1px var(--grayddd);padding: 15px 25px;display: flex;align-items: center;flex-direction: column}
.modal-footer span{display: block;}
.modal-footer .btun-default{margin-right: 5px;}  
.modal-footer .modalaction{margin-left: auto}
.filtercontarea{overflow-x: hidden;overflow-y: overlay; border-top: solid 1px var(--grayddd)}
 /*=================================================================================*/
.shareicon{display: flex;justify-content: center;gap: var(--size10);margin-bottom: var(--size20);flex-wrap: wrap;}
.shareicon .share{background: var(--white);margin-right: var(--size10);text-align: center;}
.shareicon .share b{display: none}
.shareicon .share a{color: var(--black)} 
.shareicon .share svg{fill:var(--white)}
.shareicon .share i{width: var(--size40); height: var(--size40);border-radius: 50%;display: inline-flex; align-items: center;justify-content: center}
.shareicon .share.fb i{background: #3E5A99;}
.shareicon .share.lin i{background:#0077b7;}
.shareicon .share.in i{background: rgb(255,208,89);background: linear-gradient(22deg, rgba(255,208,89,1) 0%, rgba(253,86,39,1) 40%, rgba(190,43,188,1) 80%, rgba(1,67,223,1) 100%);}
.shareicon .share.tw i{background:var(--black);}
.shareicon .share.wt i{background: #0E9F16;} 
.shareicon .share.mobileview{display: inline-flex!important}
 
.shareicon .share.more {display: none}  

.sharecopy{padding: var(--size15);position: relative}
.sharecopy input{width: 100%;padding-right: var(--size50)!important; }
.sharecopy i{position: absolute;top: 23px;right: 23px;background: var(--grayeee);width: var(--size30);height: var(--size30);display: inline-flex;align-items: center;justify-content: center;border-radius: var(--size4);-webkit-transition: all .4s cubic-bezier(.4,0,.3,1);transition: all .4s cubic-bezier(.4,0,.3,1);}
.sharecopy a span{position: absolute;width: 64px;max-width: 64px; background: #333;padding: 8px var(--size10);transform: translate(-50%);opacity: 0;visibility: hidden;transition: opacity .6s; color: var(--white);top: -18px;right: -24px;text-align: center;}
.sharecopy a:hover span{opacity: 1;visibility: visible;}
.sharecopy a span:before{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #333;content: "";position: absolute;bottom: -8px;left: 26px;}
.sharecopy {text-align: center}
.sharecopy .copylink{border: solid 1px #ddd; border-radius: 20px; padding: 7px 20px; background: #f5f5f5; color: #212121}

 /**/ 
.tktbottomsheet {position: fixed;height: 100%;box-sizing: border-box;display: none;z-index: 9999;}
.tktbottomsheet-container {max-width: 100% !important;height:100% !important;min-height:100% !important;}  
.tktbottomsheet .tktbottomsheet-inner {display: flex;flex-direction: column;overflow: hidden;background: var(--white);width: 100%;height: 100%;max-height: 100%;z-index: 1;position: fixed;bottom: 0;left: 0;pointer-events: auto;animation: slideInUp 0.3s var(--animation);transition: all 1s ease;}

@media (min-width: 768px){
.tktbottomsheet {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;width: 100%;height: 100%;overflow-x: hidden;outline: 0;z-index: 9999}
.tktbottomsheet .tktbottomsheet-container {height: calc(100% - 50px);min-height: calc(100% - 50px);max-width: 60rem;margin:0;position: relative;width: auto;pointer-events: none;display: flex;} 
.tktbottomsheet .tktbottomsheet-inner {overflow: hidden;width: 100%;max-height: 100%;z-index: 1;pointer-events: auto;position: relative;display: flex;flex-direction: column;background: var(--white); height: auto;background-clip: padding-box;border-radius:0;outline: 0;}
.tktbottomsheet .tktbottomsheet-container.small .tktbottomsheet-inner{border-radius: var(--borderradius10);}
.tktcontainer-head, .tktcontainer-body{width: 1000px;margin: 0 auto}
    
  
 }
.tktcontainer-headwarp{border-bottom: solid 1px var(--grayddd)}
.tktcontainer-headwarp .tktcontainer-head{display: flex;position: relative;align-items:flex-start;padding: var(--size10) 0;gap: 10px;}
.tktcontainer-headwarp .tktcontainer-head .tktback{flex-shrink: 0;width: 30px;}
.tktcontainer-headwarp .tktcontainer-head .tktback svg{width: 25px;height:25px;fill:#4c4c4c;}          
          
.tktcontainer-headwarp .tktcontainer-head .tkt-info{font-family: var(--roboto);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.tktcontainer-headwarp .tktcontainer-head .tkt-info .title{font-weight: var(--size500);font-size: 18px;padding: 0 0 5px;letter-spacing: normal;color: var(--black);text-overflow: ellipsis;    white-space: nowrap;overflow: hidden;line-height: 20px;}
          
.tktcontainer-headwarp .tktcontainer-head .tkt-info .venueinfo{}
.tktcontainer-headwarp .tktcontainer-head .tkt-info .venueinfo ul{display: flex;gap:var(--size10)}
.tktcontainer-headwarp .tktcontainer-head .tkt-info .venueinfo ul li{display: inline-flex; align-items: center;gap:var(--size8)}
.tktcontainer-headwarp .tktcontainer-head .tkt-info .venueinfo ul li i{align-items: center;justify-content: center;display: inline-flex;border-radius: var(--size100);flex-shrink: 0} 
.tktcontainer-headwarp .tktcontainer-head .tkt-info .venueinfo ul li i svg{width: 15px; height: 15px;fill: #4E6786;} 
.tktcontainer-headwarp .tktcontainer-head .tkt-info .venueinfo ul li span{color: #D1410C;font-weight:500} 
.tktcontainer-headwarp .tktcontainer-head .tkt-info .venueinfo ul li:last-child span{color: var(--gray777)} 
          
.tktcontainer-body{overflow-x: hidden;overflow-y: overlay;padding: 15px;height: 83%;}
.tktcontainer-body .tkt-title {line-height: 35px;font-weight: var(--size500);font-size: var(--size20);font-family: var(--jost);padding-bottom: var(--size15);}
.tktlevlist{border-radius: var(--size8);margin-bottom: var(--size30);background: var(--white);box-shadow: var(--boxshadowa);}
.tktlevlist.soldout{ -webkit-filter: grayscale(100%);filter: grayscale(100%); cursor: not-allowed;}
/*.tktlevlist.soldout .tktlevlisthd .tkt-name{width: 100%;opacity: 0.5}*/
.tktlevlist.soldout .tktlevlisthd .tkt-quantity{display: none}  
.tktlevlist.soldout strong, .tktlevlist.soldout b{color: var(--gray777);}


.tktlevlist .tktlevlisthd{display: flex;align-items: center;letter-spacing: 0;flex-wrap: wrap}
.tktlevlist .tktlevlisthd .tkt-name{font-weight: var(--size500);font-size: 15px;width: 75%;line-height:18px;color: var(--black);font-family: var(--roboto);padding:10px;}
.tktlevlist .tktlevlisthd .tkt-quantity{flex-shrink: 0;display: inline-flex;align-items: center;gap: var(--size10);width: 25%;justify-content: flex-end;padding:10px 10px 5px;}     
.tktlevlist .tktlevlisthd .tkt-quantity .quantity{display: inline-flex;align-items: center; height: 32px; width:32px;justify-content: center; font-family: Arial, Helvetica, sans-serif;font-size: 26px; flex-shrink: 0;cursor: pointer;background-color: #eeedf2;border-radius: 8px;}
.tktlevlist .tktlevlisthd .tkt-quantity .quantity-count{font-weight: 600; font-size: 20px;}
.tktlevlist .tktlevlisthd .tkt-quantity .addtkt{background:var(--white);padding: 8px 20px;font-weight: var(--size500);border: solid 1px #007BFF; color: #007BFF; border-radius: 20px;}
.tktlevlist .tktlevlisthd .tkt-quantity .addtkt:hover{background:#007BFF; color: #fff;}
.tktlevlist .tktlevlisthd .tkt-name .batch{margin-bottom: 5px;margin-left: 0;padding: 1px 9px;font-size: 12px;}
.tktlevlist .tktlevlisthd .tkt-name b{display: block; font-size: 15px;line-height: normal}

.tktlevlist .tktlevlisthd .tkt-quantity svg{height: 24px;width: 24px;}
.tktlevlist .tktlevlisthd .tkt-quantity .quantity.active{background-color: #3d64ff; color: var(--white)}
.tktlevlist .tktlevlisthd .tkt-quantity .quantity.active svg{fill: var(--white)}

.tktlevlist .tktlevlisthd .soldout{flex-shrink: 0;display: inline-flex;align-items: center;gap: var(--size10);width: 25%;justify-content: flex-end;padding:10px 10px 5px;}
.tktlevlist .tktlevlisthd .soldout span{background: var(--gray200);padding: 5px 8px;color:var(--black);border-radius: 4px;display: block;font-size: 13px;}

.tktlevlist .tktlevlistbd{border-top:solid 1px #ddd}
.tktlevlist .tktlevlistbd .ticket-price{color: var(--gray777);padding-bottom: var(--size5);display: flex;align-items: center;gap: var(--size5);font-family: var(--roboto);flex-direction: column}
.tktlevlist .tktlevlistbd .ticket-price span{font-size: 13px;font-family: var(--roboto);color: #6f7287;}
.tktlevlist .tktlevlistbd .ticket-price big{color: var(--green);font-weight: var(--size600);font-size: 18px;font-family: var(--google)}
.tktlevlist .tktlevlistbd .ticket-price strong{font-weight: var(--size500);color: var(--gray777)}
.tktlevlist .tktlevlistbd .ticket-price b{color: var(--black)}
.tktlevlist .tktlevlistbd .ticket-price em{margin-left: auto;font-size: 12px;}
.tktlevlist .tktlevlistbd .ticket-price .price{display: flex;align-items: center;gap: 5px;}
.tktlevlist .tktlevlistbd .ticket-price .salend p{padding-bottom:0;}
.ticket-pricewarp{display: flex;justify-content: space-between;padding:var(--size10);align-items: center;}

.tktlevlist .tktlevlistbd .ticket-price p{color: var(--gray777);font-size: 13px;}
.tktlevlist .tktlevlistbd .showlessarea{color: var(--gray888);font-size: 13px;font-family: var(--roboto);padding: var(--size10);border-top: dashed 1px var(--grayccc);position: relative;background: #f5f5f5;border: solid 2px #fff;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}

.tktlevlist .tktlevlistbd .showlessarea:after, .tktlevlist .tktlevlistbd .showlessarea:before{position: absolute;width: 20px;height: 20px;border-radius: 50%;background: #ffffff;content: "";top: -10px;}
.tktlevlist .tktlevlistbd .showlessarea:after{left: -10px;box-shadow: 2px 0px #ccc;}
.tktlevlist .tktlevlistbd .showlessarea:before{right: -10px;box-shadow: -2px 0px #ccc;}

.tktlevlist .tktlevlistbd .showless{font-family: var(--roboto);}
.tktlevlist .tktlevlistbd .showlessarea p{padding-bottom:5px; font-size: 14px;line-height: 20px;display: block}
.tktlevlist .tktlevlistbd .showlessarea ul{margin-left: var(--size15)}
.tktlevlist .tktlevlistbd .showlessarea ul li{list-style-type: circle;padding: var(--size5) 0;}
.tktlevlist .tktlevlistbd .ticket-price em.available{}
 
.tktbottomsheet .modal-footer{width: 100%;background: var(--white);display: block;position: fixed;bottom: 0}
.tktbottomsheet .modal-footer .footercta{width: 1000px; margin: 0 auto;}
.tktbottomsheet .modal-footer .footercta .priceamount{ display: inline-flex;color:#58585b;font-weight: var(--size600);font-size:20px;font-family: var(--google);align-items: center;}
.tktbottomsheet .modal-footer .footercta .priceamount span{display: inline-block;padding-bottom: 0}
.tktbottomsheet .modal-footer .footercta .priceamount em{font-size: 14px;font-weight: var(--size400);color: var(--gray777)} 

 /*=================================================================================
 Modal Template End
 =================================================================================*/ 
 /* events header end */
 /* RHS Start */
.buyticktarea{position: sticky; background: var(--white); border-radius:var(--size8);box-shadow: var(--boxshadow);text-align: center;min-height: 190px;display: flex;align-items: center; flex-direction: column; justify-content: center;gap:var(--size10);padding: var(--size20); top:80px}
.buyticktarea .pricerange{font-size: var(--size15);margin-bottom: var(--size10);color:var(--gray777);display: flex; align-items: center}
.buyticktarea .pricerange b{color:var(--green);font-weight: var(--size600);font-size: 24px;}
.buyticktarea .btun{padding:16px var(--size10);width: 100%;background-color: #de1b28;color: var(--white);display: block;font-weight: var(--size500);font-size: 18px;-webkit-border-radius: var(--size4);-moz-border-radius: var(--size4);border-radius: var(--size50);text-align: center;vertical-align: middle;overflow: hidden;position: relative;transform: translateZ(0);}

.buyticktarea .btun:after, .buyticktarea .btun:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:8%;top: 0}
.buyticktarea .btun:before{animation-name:animate}
.buyticktarea .btun:after{animation-name:animates}
 /* RHS End */ 
.edsdropdown {background-color: var(--white);-webkit-box-shadow: 0 1px 17px 0 rgba(40,44,53,.1), 0 2px 4px 0 rgba(40,44,53,.1);box-shadow: 0 1px 17px 0 rgba(40,44,53,.1), 0 2px 4px 0 rgba(40,44,53,.1);position: absolute;z-index: 10;text-align: left;min-width: 230px;width: 100%;top: 55px;scroll-behavior: smooth;overscroll-behavior: none;max-height: 320px;
overflow-y: auto;overflow-x: hidden;}
.edsdropdown ul{margin: 5px 0}
.edsdropdown ul li{ font-size: 14px;}
.edsdropdown ul li:hover{background:#ff4242}
.edsdropdown ul li a{color: var(--gray666);display: block;padding: 15px;font-family: var(--roboto); font-weight: 400}
.edsdropdown ul li:hover a{color: var(--white)}
/**/
.herofillerarea{width: 1200px;margin: 0 auto;margin-bottom: 30px;}
.herofillerarea .herofiller{background:white; border-radius: 40px; display: flex;padding: 15px;align-items: center}
.herofillerarea .herofiller .herofillerlt{-webkit-flex-basis: 75%;-ms-flex-preferred-size: 75%;flex-basis: 75%;min-width: 0; display: flex;gap:10px;flex-wrap: wrap;
position: relative;height: 40px;align-items: center;overflow: hidden;padding: 0 5px;}
.herofillerarea .herofiller .herofillerlt ul{gap: var(--size15);overflow-x: auto;overflow-y: hidden;display: flex;padding: 0 0 var(--size30) var(--size10);margin: 0 40px 0 33px}
.herofillerarea .herofiller .herofillerlt ul li{display: flex;flex-direction: column;gap: var(--size15);flex-shrink: 0;background: #f5f5f5;padding:5px 15px; border-radius: 30px;position: relative}
.herofillerarea .herofiller .herofillerlt ul li.active{background: #333}
.herofillerarea .herofiller .herofillerlt ul li.active a{color: #fff}
.herofillerarea .herofiller .herofillerlt ul li a{display: inline-flex;align-items: center;gap:5px;color: #212121}
.herofillerarea .herofiller .herofillerlt ul li i{background: white;width: 30px; height: 30px; border-radius: 50%; display: inline-flex;align-items: center;justify-content: center}
.herofillerarea .herofiller .herofillerlt ul li i svg{width: 20px; height: 20px;}
.herofillerarea .herofiller .herofillerlt ul li b{width: 20px; height: 20px;display: flex;align-items: center;justify-content: center;border-radius: 50%}
.herofillerarea .herofiller .herofillerlt ul li b svg{width: 10px; height: 10px; fill:white} 


.filter-arrow-prev, .filter-arrow-next {-ms-transform: rotate(90deg); transform: rotate(90deg); flex-shrink: 0;position: absolute;border-radius: 50%; border: solid 1px #ddd;     width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;} 
.filter-arrow-next {-ms-transform: rotate(-90deg); transform: rotate(-90deg);  } 
.filter-arrow-next{right: 0}

.herofillerarea .herofiller .herofillerrt{-webkit-flex-basis: 25%;-ms-flex-preferred-size: 25%;flex-basis: 25%;min-width: 0;text-align: right}
.herofillerarea .herofiller .herofillerrt .filterarea{display: flex;justify-content: flex-end}
.herofillerarea .herofiller .herofillerrt .filterarea a{display: flex;align-items: center;gap:10px;border: solid 1px #333;padding: 10px 25px; border-radius: 30px;color: var(--black); font-weight: 500}
.herofillerarea .herofiller .herofillerrt .filterarea a b{background: #FB2E5A;border-radius: 50%; display: block;padding: 5px; color: white; font-size: 10px;width: 20px; height: 20px;}
.herofillerarea .herofiller .herofillerrt .filterarea a i{width: 20px; height: 20px;}
.herofillerarea .herofiller .herofillerrt .filterarea a i svg{height: 100%}
/**/
.filtercontarea{display: flex;height: 50vh;}
.filtercontarea .filternav{flex: 0 0 auto;width: 30%;border-right: solid 1px #ddd;padding: var(--size15);position: sticky;top: 0;}
.filtercontarea .filternav ul{display: flex;flex-direction: column}
.filtercontarea .filternav ul li{padding: var(--size10); font-size: 16px;border-left: solid 3px #fff;margin-bottom: 5px}
.filtercontarea .filternav ul li a{color: var(--black);display: flex;align-items: center;gap: var(--size5);}
.filtercontarea .filternav ul li a b{background: #FB2E5A;border-radius: 50%; display: block;padding: var(--size5); color: white; font-size: var(--size10);width: var(--size20); height: var(--size20);text-align: center}
.filtercontarea .filternav ul li.active, .filtercontarea .filternav ul li:hover {background: #F2F4FF; border-left: solid 3px #5265FF}
.filtercontarea .filterdesc{flex: 0 0 auto;width: 70%;padding: var(--size15)}
.filtercontarea .filterdesc .content{}
.inline{display: flex; flex-direction: row;flex-wrap: wrap;margin-bottom:var(--size30);gap: var(--size10);}
.filtercontarea .filterdesc .inputfield{padding: var(--size10)}
.filtercontarea .filterdesc .content .inputfield [type="checkbox"]+label, .filtercontarea .filterdesc .content .inputfield [type="radio"]:not(:checked)+label, .filtercontarea .filterdesc .content .inputfield [type="radio"]:checked+label{left: 0!important}
.filtercontarea .filterdesc .content .inputfield{}
.filtercontarea .filterdesc .content .filterdate{}
.filtercontarea .filterdesc .content .filterdate .label{padding: 0 0 15px; font-size: 16px; font-weight: 500}
.filtercontarea .filterdesc .content .filterdate .form-group{width: 49%}

.inputfieldarea{margin-bottom: var(--size20)}

.filterartst{display: flex;gap:var(--size20); flex-wrap: wrap}
.filterartst .filterartstlist{position: relative;width: 160px;background: #f5f5f5;text-align: center;padding: 15px;border-radius: 8px; cursor: pointer}
.filterartst .filterartstlist figure{background: var(--grayeee);width: var(--size80);height: var(--size80);border-radius: 50%;box-shadow: var(--boxshadowa);border: solid 2px var(--white);margin: 0 auto;overflow: hidden;margin-bottom: var(--size15)}
.filterartst .filterartstlist span{display: block; font-size: 16px; font-weight: 500;padding-top: 10px}
.filterartst .filterartstlist i{display: none;position: absolute; right: 10px; top: 10px;}
.filterartst .filterartstlist:hover i{display: block}
.filterartst .filterartstlist i svg{fill:var(--green)}
.filterartst .filterartstlist.active i{display: block}

.metrodescarea{background-color: #FFF3EE;display: flex;flex-wrap: wrap;position: relative;overflow: hidden;margin-bottom: var(--size20); border-radius:var(--size10);padding:var(--size15); }
.metrodescarea .metrodesc{width: 50%;color: #2F3856;padding-top: var(--size10);}
.metrodescarea .metrodesc .title{display: flex; gap:5px; flex-wrap: wrap}
.metrodescarea .metrodesc .title > *{font-family: var(--jost)}
.metrodescarea .metrodesc .title small{ font-size: 26px;}
.metrodescarea .metrodesc .title big{ font-size: 30px;font-weight: var(--size600);}
.metrodescarea .metrodesc .desc {padding-top: 15px;padding-right: 100px;}
.metrodescarea .metrodesc .desc p{font-size: 16px;font-family: var(--jost);line-height: 24px;color: #777}
.metrodescarea .metrofigure{width: 50%;}
.metrodescarea .metroimg{width: 50%; display: flex; align-items: center;justify-content: center;padding-left: 100px;position: relative;}
.metrodescarea .metroimg img{width: 300px;}

.global-event .eventcardarea.eventcardareafull .action{width: 30%;padding: var(--size15);}

.noeventsarea{padding-bottom: var(--size50);display: flex;align-items: center;justify-content: center;}
.noeventsarea .noevents{display: flex; align-items: center;gap:var(--size20);}
.noeventsarea .noevents figure{flex-shrink: 0}
.noeventsarea .noevents .noeventinfo {display: flex;flex-direction: column;font-family: var(--jost);gap:var(--size5);}
.noeventsarea .noevents .noeventinfo big{font-size: var(--size20);font-weight: var(--size600);padding-bottom: var(--size5)}
.noeventsarea .noevents .noeventinfo small{font-size: 16px;}
.subtitle{font-size: var(--size30);font-family: var(--jost);padding-bottom: var(--size30);font-weight: var(--size600);}
.notitle{font-size: var(--size30);font-family: var(--jost);padding-bottom: var(--size30);font-weight: var(--size600);width: 1200px;margin: 0 auto;}
/*----------------------------------------*/
/*  2.10 backtotop
/*----------------------------------------*/  
.scroll-percentage {height: 60px;width: 60px;background-color: var(--white);border-radius: 50%;position: fixed;bottom: 0;right: 50px;-webkit-transform: scale(0);transform: scale(0);display: -ms-grid;display: grid;place-items: center;cursor: pointer;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;z-index: 100;box-shadow: var(--boxshadowa);}
.scroll-percentage.active {bottom: 150px;-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;-webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;-webkit-transition: 0.3s;transition: 0.3s;}
 @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.scroll-percentage {
right: 20px;
}
}
.scroll-percentage-value {height: calc(100% - 6px);width: calc(100% - 6px);background-color: var(--white);color: var(--favgreen);border-radius: 50%;display: -ms-grid;display: grid;
place-items: center;font-size: 12px;font-weight: 600;}
.scroll-percentage-value i {background: var(--longarrow) 13px 10px no-repeat;fill: var(--favgreen);width: 40px;height: 40px;}
 
 
@-webkit-keyframes scrollToTop {
0% {
-webkit-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes scrollToTop {
0% {
-webkit-transform: translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
} 
/*----------------------------------------*/
.favoriteslist .item{padding: 10px}
.favoriteslist .owl-theme .owl-nav {position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px;margin: 0 auto;background: white;box-shadow: rgb(255 255 255 / 27%) 0px 5px 1px 0.5px;border-radius: 30px;padding: 5px 0;margin-top: var(--size15)}
.favoriteslist .owl-theme .owl-nav.disabled{display: none}
.favoriteslist .owl-carousel .owl-nav div{position: static;background-color: #f5f5f5;box-shadow: none;width: 40px;height: 40px;}
.favoritesarea{background: #2b3148;padding: var(--size50) 0}
.favoritesarea .discover-titlewarp{color: white; display: flex;align-items: center;gap:var(--size10)}  
.favoritesarea .discover-titlewarp svg{width: 45px;height: 45px;}
.favoritesarea .favoriteslist .favoritescard{background: white;border-radius: var(--size8);box-shadow: rgb(255 255 255 / 27%) 0px 5px 1px 0.5px;}
.favoritesarea .favoriteslist .favoritescard a{color: black; display: block}
.favoritesarea .favoriteslist .favoritescard .event-thumb{padding: 10px}
.favoritesarea .favoriteslist .favoritescard .event-info{padding: 0 10px 10px}
.favoritesarea .favoriteslist .favoritescard .event-info p{padding-bottom: 5px; color: var(--gray666)}
.favoritesarea .favoriteslist .favoritescard .event-info .event-date{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}

.favoritesarea .favoriteslist .favoritescard .event-action {text-align: center;padding-top: var(--size15);padding-bottom: var(--size15);background: rgb(247 248 253 / 44%);border: solid 1px white;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top: solid 1px var(--grayddd);}
.favoritesarea .favoriteslist .favoritescard .event-action .btun{display: inline-flex;align-items: center;gap: var(--size6);border-radius: var(--size30);padding: var(--size10) 36px;font-size: var(--size13);overflow: hidden;position: relative;transform: translateZ(0); padding: 5px 20px;}
.favoritesarea .favoriteslist .favoritescard .event-action svg {fill: var(--red);width: 12px;}
.favoritesarea .favoriteslist .favoritescard:hover .event-action svg{ fill: var(--white);}

.favoritesarea .favoriteslist .favoritescard:hover .event-action .btun:after, .favoritesarea .favoriteslist .favoritescard:hover .event-action .btun:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%}
.favoritesarea .favoriteslist .favoritescard:hover .event-action .btun:before{animation-name:animate}
.favoritesarea .favoriteslist .favoritescard:hover .event-action .btun:after{animation-name:animates}
.favoritesarea .favoriteslist .favoritescard:hover .event-action .btun {background: var(--reda);color: white}
.cd-top{display: none}

.mobinav .submenu {background: #f1faff;}
.msite-nav ul li:last-child{border-bottom: 0}

 .savemsgareawarp.show{ display: flex!important;justify-content: center;bottom: 150px;-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;-webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;-webkit-transition: 0.3s;transition: 0.3s;width: 100%;}

.savemsgareawarp{position: fixed;bottom: 0;z-index: 3;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;width: 100%;}
.savemsgarea{background: #5d87ff;display: flex; border-radius: var(--size8);padding: var(--size10); color: var(--white);gap:var(--size10);align-items: center;width: 260px;margin: 0 auto}
.savemsgarea .info{ border: solid 3px var(--white);border-radius: 50%; display: inline-flex;align-items: center;justify-content: center;width:25px;height:25px}
.savemsgarea svg{fill:var(--white)}
.savemsgarea .savemsg>*{display: block;}
.savemsgarea .savemsg big{ font-size: 14px; font-weight: 500;}
.savemsgarea .savemsg small{padding: 5px 0 0}
.savemsgarea .saveclose svg{}
 /**/
.mdgird-card{background: var(--white);border-radius: var(--size8);box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0.5px;position: relative;margin-bottom: var(--size30);}
.mdgird-card .batch {padding: 3px 16px;font-size: 12px;}
.mdgird-card .titlearea{padding: 10px 10px 0}   
.mdgird-card .title{font-weight: var(--size500); font-size: 16px;padding: var(--size5) 0 0;line-height: 24px;letter-spacing: normal;font-family: var(--jost)} 
.mdgird-card  .title h2, .mdgird-card .title h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;} 
.mdgird-card .title a{color: var(--black);}
.mdgird-card .title a:hover{text-decoration: underline; color: var(--link)}
.mdgird-card .gridinfoarea{display: flex;gap:10px;padding:var(--size10) var(--size15);flex-wrap: wrap;min-height: 108px;}
.mdgird-card .gridinfoarea .event-img .promoarea{top: 0;left: 15px}
.mdgird-card .gridinfoarea .event-img .sharearea {bottom: 23px;right: 15px;}
.mdgird-card .gridinfoarea .event-img{position: relative;width: 100px;flex-shrink: 0;}
.mdgird-card .gridinfoarea .event-img figure{position: relative;overflow: hidden;border-radius: var(--size8);width: 100px;height: 80px;}
.mdgird-card .gridinfoarea .event-img figure a{display: block;position: relative;z-index: 1;}
.mdgird-card .gridinfoarea .event-img figure a:before {opacity: 1;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .75) 100%); position: absolute;content: "";width: 100%; height: 100%;z-index: 2;} 
.mdgird-card .gridinfoarea .event-img img{object-fit: cover; height: 100%; border-radius: var(--size8);transition: transform .3s;width: 100px;height: 80px;}      
.mdgird-card .event-info{width: 64.6399%}
.mdgird-card .event-info .date{color: #D1410C;font-weight: 500;padding-bottom: 0} 
.mdgird-card .event-info .location{padding: 0} 
.mdgird-card .event-info .location a{text-decoration: underline;color: var(--link);}    
.mdgird-card .event-info .lineup b{color: var(--gray888); padding-right: var(--size5);}
.mdgird-card .event-info .lineup a{color: var(--gray888);text-decoration: underline}
.mdgird-card .event-info .lineup a.more{color: var(--link);}
.mdgird-card .event-info .lineup a:hover{color: var(--link)}   
.mdgird-card .event-info .price{color: var(--gray777);}
.mdgird-card .event-info .price b{ font-weight: var(--size700);font-size: 18px;color: var(--green);font-family: var(--google);} 
.mdgird-card .actionarea{padding-top: var(--size15);padding-bottom: var(--size15);background: rgb(247 248 253 / 44%);border: solid 1px white;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top: dashed 1px var(--grayddd);position: relative;padding:var(--size10);display: flex;align-items: center;justify-content: space-between}
.mdgird-card .actionarea .action {margin-left: auto}
.mdgird-card .actionarea .action a{display: inline-flex; align-items: center;gap:var(--size6);border-radius: var(--size30);padding:var(--size5) var(--size15);font-size: var(--size12);overflow: hidden;position: relative;transform: translateZ(0);}
.mdgird-card .actionarea .action a svg{fill:var(--red);width: 12px}
.mdgird-card .actionarea .price {display: flex;gap: 5px;align-items: center;}
.mdgird-card .actionarea .price span{color: var(--gray777);}
.mdgird-card .actionarea .price b{font-weight: var(--size700);font-size: 18px;color: var(--green);font-family: var(--google);}    
.mdgird-card:hover .action a{ color: var(--white);}
.mdgird-card:hover .action a svg{ fill: var(--white);}
.mdgird-card:hover .action a.btun-red{background: var(--reda)}
.mdgird-card:hover .action a.btun-red:after, .mdgird-card:hover .action a.btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%}
.mdgird-card:hover .action a.btun-red:before{animation-name:animate}
.mdgird-card:hover .action a.btun-red:after{animation-name:animates}
 /**/
.citiareawarp{padding: 50px 0} 
.citilinkarea .discover-titlewarp{padding-bottom: var(--size15);} 
.citilinkarea .citilinkwarp .citilink{}  
.citilinkarea .citilinkwarp .citilink ul{display: grid;grid-template-columns: repeat(4, 1fr);}
.citilinkarea .citilinkwarp .citilink ul li{padding: 0 15px 15px 0;font-size: 14px;}
.citilinkarea .citilinkwarp .citilink ul li a{color: var(--gray777)}
.citilinkarea .citilinknav{margin-bottom: 30px;}
.citilinkarea .citilinknav span{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -ms-flex-align: center;align-items: center; border-bottom: solid 1px #ddd;gap:var(--size10)}
.citilinkarea .citilinknav a{line-height: 24px;font-size: 16px;color: var(--black);background-color: transparent;cursor: pointer;-webkit-transition: 0.3s ease;transition: 0.3s ease;position: relative;z-index: 1;white-space: nowrap; font-family: var(--jost);color:var(--gray777);padding:5px 15px 10px;display: block}
.citilinkarea .citilinknav a:before{position: absolute;content: '';bottom: 0;left: 0;-webkit-transform: translateY(40%);-moz-transform: translateY(40%);-ms-transform: translateY(40%);transform: translateY(40%);width: 0;height: 3px;border-radius:var(--size30);-webkit-transition: 0.3s ease;transition: 0.3s ease;background-color: var(--reda);z-index: -1;}
.citilinkarea .citilinknav a.active:before, .citilinkarea .citilinknav a:hover:before {width: 100%;color:var(--reda);} 
.citilinkarea .citilinknav a.active {color:var(--reda);} 
 /**/
.download-section{background: #E7F2FF; margin: var(--size100) 0;padding: 25px 0}
.download-section .appimg{z-index: 3;position: relative;width: 300px;margin-left: auto;margin-top: -80px;margin-bottom: -80px;}
.download-section .download-txtarea{margin-top: 35px;}
.download-section .download-txtarea .download-txt{font-family: var(--jost)}
.download-section .download-txtarea .download-txt .title{font-size: var(--size30);font-weight: var(--size600);margin-bottom: var(--size10)}
.download-section .download-txtarea .desc{color: var(--gray444); font-size: 16px;font-family: var(--jost)}
.download-section .download-txtarea .downloadstorearea{display: flex;align-items: center;gap:10px;margin: 20px 0;flex-wrap: wrap}
.download-section .download-txtarea .downloadstorearea .appstore{padding: 15px; background: #fff; border-radius: 8px;display: flex;gap:10px; flex-direction: column; min-width: 220px;align-items: center;justify-content: center; border: solid 1px #ddd}
.download-section .download-txtarea .downloadstorearea b{font-weight: 500}
.download-section .download-txtarea .downloadstorearea .or{position: relative;z-index: 1;height: 50px;width: 50px;display: flex;align-items: center;border-radius: 50px;background: #e7f2fe;justify-content: center;margin-left: -20px;margin-right: -20px;}
 /* ============================================================================================================================ */
.footer_sticky { background-color: rgba(0, 0, 0, 0.9); width: 100%; position: fixed; bottom: 0px; z-index: 10; display: block;}
.footer_sticky .live-chat { float: right; }
.footer_sticky .live-chat a { color: #fff; display: block; background-color: #92ba36; padding: 9px 20px; margin: 0 20px 0 0; font-size: 17px; }
.footer_sticky ul { margin: 0px; padding: 8px 15px 8px 0; float: left; }
.footer_sticky ul li {margin: 0px;padding: 0 0 0 20px;list-style: none;font-size: 13px;line-height: 20px;color: #ccc;position: relative;display: inline-flex;align-items: center;
    gap: 3px;}
.footer_sticky ul li i svg{fill:#ccc}
 @media (min-width: 300px) and (max-width: 360px) {
.footer_sticky ul li { padding: 0 0 0 36px; }
}
@media (max-width: 669px) {
.footer_sticky { z-index: 11; }
}
.footer_sticky ul li a { color: #ccc; }
.footer_sticky ul li i { color: #ccc; margin: 0 3px 0 0; font-size: 15px; }
.reqcal_back { position: absolute; bottom: 28px; left: 50px; z-index: 100; background-color: #f0f0f0; width: 300px; }
@media (max-width: 669px) {
.reqcal_back { left: 0; position: fixed; height: 100%; top: 0; width: 100%; }
}
.reqcal_back .titletxt { background-color: #08a182; padding: 10px; }
.reqcal_back .titletxt:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; }
.reqcal_back .titletxt:before { content: ""; display: table; }
.reqcal_back .titletxt .txt { float: left; font-size: 14px; line-height: 20px; color: #fff; }
.reqcal_back .titletxt .rt-close { font-size: 13px; float: right; line-height: 20px; }
.reqcal_back .titletxt .rt-close a { color: #fff; text-decoration: none; border: 1px solid #fff; border-radius: 50%; padding: 5px 9px; }
.reqcal_back .frm_cont { padding: 10px 0; border-left: solid 1px #08a182; border-right: solid 1px #08a182; }
 @media (max-width:669px) {
.reqcal_back .frm_cont { height:100%; }
.reqcal_back .frm_cont ul li { text-align:center; }
.menu-nav .navigator .menulogo-fix { width:100%; }
.menu-nav .navigator .menulogo-fix { position:fixed; top:0; z-index:100; }
.navigator .menulogo-fix:hover { background:#fff; }
}
.reqcal_back .frm_cont:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; }
.reqcal_back .frm_cont:before { content: ""; display: table; }
.reqcal_back .frm_cont ul { width: 91%; margin: 0 4%; padding: 0px; }
.reqcal_back .frm_cont ul li { position: relative; margin: 5px 0; padding: 0 0 0 0; width: 100%; }
.reqcal_back .frm_cont ul li:after { clear: both; content: ""; display: table; height: 0; visibility: hidden; }
.reqcal_back .frm_cont ul li:before { content: ""; display: table; }
.reqcal_back .frm_cont ul li.alert input { border: solid 1px #f58705; }
.reqcal_back .frm_cont ul li.alert label { left: 5px; font-size: 12px; margin-top: 6px; line-height: 20px; left: 5px; color: #f58705; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); }
.reqcal_back .frm_cont ul li .mcode { float: left; position: relative; width: 26%; }
.reqcal_back .frm_cont ul li .mcode .form_wrapin:after { display: inline-block; margin-top: -11px; pointer-events: none; z-index: 1; display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; right: auto; bottom: auto; left: auto; position: absolute; }
.reqcal_back .frm_cont ul li .mcode .form_wrapin:after { color: #9e9e9e; content: "\f078"; right: 9px; font-size: 12px; }
.reqcal_back .frm_cont ul li .mnumber { float: left; width: 74%; }
.reqcal_back .frm_cont ul li .mnumber label { left: 80px !important; }
.reqcal_back .frm_cont ul li .mnumber input[type="text"] { height: 45px; line-height: 18px; padding: 10px; width: 100%; }
.reqcal_back .frm_cont ul li .selectfull { float: left; position: relative; width: 100%; }
.reqcal_back .frm_cont ul li .selectfull input { background: #fff url(../images/other/down-new.jpg) no-repeat right 0; }
.reqcal_back .frm_cont ul li a { color: #fff; }
.reqcal_back .frm_cont ul input[type="email"] { width: 100%; height: 45px; padding: 10px; font-size: 14px; }
.reqcal_back .frm_cont ul input { width: 100%; height: 45px; padding: 10px; font-size: 14px; }
.reqcal_back .frm_cont ul input[type="text"] { height: 45px; line-height: 18px; padding: 10px; width: 100%; }
.reqcal_back .frm_cont ul textarea { line-height: 18px; padding: 10px; width: 100%; }
.reqcal_back .frm_cont ul input.form-text, .reqcal_back .frm_cont ul textarea { display: block; width: 100%; }
.reqcal_back .frm_cont ul input.form-text + label, .reqcal_back .frm_cont ul textarea + label { color: #b0b0b0; line-height: 45px; pointer-events: none; text-transform: uppercase; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; top: 0; right: auto; bottom: 0; left: 10px; position: absolute; }
.reqcal_back .frm_cont ul input.form-text + label.lactive, .reqcal_back .frm_cont ul textarea + label.lactive { font-size: 12px; margin-top: 4px; line-height: 10px; left: 5px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); }
.reqcal_back .frm_cont ul input.form-text:focus + label, .reqcal_back .frm_cont ul textarea:focus + label { font-size: 12px; margin-top: 4px; line-height: 10px; left: 5px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); }
.reqcal_back .frm_cont .frm_row { padding: 10px; }
.reqcal_b2 { position: absolute; bottom: 28px; left: 50px; z-index: 100; background-color: #f0f0f0; min-width: 188px; }
.reqcal_b2 .sharclose { background-color: #bab8b8; height: 20px; line-height: 15px; text-align: center; width: 100%;display: flex; align-items: center; justify-content: center}
.reqcal_b2 .sharclose .fa-chevron-down { color: #fff; }
.reqcal_b2 .sharclose .fa-close { padding: 0px; margin: 0; color: #fff; }
.reqcal_b2 ul { margin: 0; padding: 0px; }
.reqcal_b2 ul li { padding: 0px; margin: 0; }
.reqcal_b2 ul li i{ color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; margin: 8px 5px;display: inline-flex;align-items: center; justify-content: center}
.reqcal_b2 ul li i svg{fill:#fff}
.footer_sticky ul li a.ushareclose{display: flex; align-items: center; justify-content: center}
.footer_sticky ul li a.ushareclose svg{fill:#212121}
.reqcal_b2 ul li .fa { color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; margin: 8px 5px; }
.reqcal_b2 ul li .fa-facebook { background-color: #3b5997; margin-left: 10px; }
.reqcal_b2 ul li .fa-twitter { background-color: #29c5f6; }
.reqcal_b2 ul li .fa-pinterest-p { background-color: #c61118; }
.reqcal_b2 ul li .fa-google-plus { background-color: #dd4b39; }
.reqcal_b2 ul li .fa-envelope { background-color: #08a182; }
.reqcal_b2 ul li .fa-instagram { background-color: #2e5e86; }
.reqcal_b2 ul li .fa-close { background-color: #08a182; margin-left: 15px; }

.reqcal_b2 ul li.facebook i{ background-color: #3b5997; margin-left: 10px; }
.reqcal_b2 ul li.twitter i{ background-color: #29c5f6; }
.reqcal_b2 ul li.pinterest-p i{ background-color: #c61118; }
.reqcal_b2 ul li.envelope { background-color: #08a182; }
.reqcal_b2 ul li.instagram { background-color: #2e5e86; }
.reqcal_b2 ul li.close { background-color: #08a182; margin-left: 15px; }
.share_close { background-color: #08a182; text-align: right; padding: 5px; }
.fooctapart { float:right }
.needjobsec { line-height:34px; margin-right:20px;font-size:13px; font-family:'Roboto', sans-serif; color:#fff }
.needjobsec span {margin-right: 6px; display: inline-block}
.needjobsec .btn { background-clip:padding-box; background-color:#ff4242; border-radius:2px; color:#fff; height:33px!important; line-height:20px!important; padding:7px 12px!important; transition:color .45s ease 0s, background .45s ease 0s, border .45s ease 0; }

.drop-result-wraper2 { background: #fff; border: none; border-top: solid 1px #e6e6e6; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.2); display: none; min-width: 100px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; z-index: 2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: auto; right: auto; bottom: 45px; left: 0; position: absolute; }
.drop-result-wraper2 .wraprelate2 { position: relative; width: 100%; }
.drop-result-wraper2 .wraprelate2:before, .drop-result-wraper2 .wraprelate2:after { content: ''; border: solid transparent; left: 25%; pointer-events: none; position: absolute; bottom: -18px; }
.drop-result-wraper2 .wraprelate2:before { border-width: 10px; border-top-color: #e6e6e6; margin: 0 -1px -2px -1px; }
.drop-result-wraper2 .wraprelate2:after { border-width: 9px; border-top-color: #fff; }
.drop-result-wraper2 .wraper2 { max-height: 156px; position: relative; overflow-y: auto; overflow-x: hidden; width: 100%; }
.drop-result-wraper2 .wraper2 label { color: #ff837e; cursor: default; display: block; font-family: 'robotobold'; font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-result-wraper2 .wraper2 label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; }
.drop-result-wraper2 .wraper2 label b { background-color: #fff; padding-right: 20px; }
.drop-result-wraper2 ul li { font-size: 13px; }
.drop-result-wraper2 ul li a { color: #333; display: block; padding: 2px 10px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; }
.drop-result-wraper2 ul li a i { display: block; color: #333 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-result-wraper2 ul li a b { color: #999; font-size: 11px; display: block; }
.drop-result-wraper2 ul li a:hover { background-color: #ff4242; color: #fff; }
.drop-result-wraper2 ul li a:hover i { color: #fff !important; }
.drop-result-wraper2 ul li a:hover b { color: #6f0909; }
.btn {font-size: 13px;line-height: 18px;padding: 9px 24px;}
button, a.btn, input[type="submit"] {font-family: Helvetica, Arial, sans-serif;font-size: 13px;background: #f58705;border: 0;color: #fff;cursor: pointer;display: inline-block;
margin: 0;min-width: 100px;outline: none;position: relative;text-align: center;text-shadow: none;vertical-align: middle;white-space: nowrap;z-index: 1;-webkit-appearance: none;
-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;-webkit-border-radius: 2px;border-radius: 2px;background-clip: padding-box;-webkit-transition: color 0.45s, background 0.45s, border 0.45s;-moz-transition: color 0.45s, background 0.45s, border 0.45s;transition: color 0.45s, background 0.45s, border 0.45s;}
a.btn-green, .btn-green, input[type="submit"].btn-green {background-color: #08a182;}
/*FontAwesome*/
@font-face { font-family: 'FontAwesome'; src: url("../font/fontawesome-webfont.eot?v=4.4.0"); src: url("../font/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
@-moz-keyframes spin { 0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin { 0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin { 0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin { 0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-angle-down:before { content: "\f107"; }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }
.fa-search:before { content: "\f002"; }
.fa-home:before { content: "\f015"; }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-twitter:before { content: "\f099"; }
.fa-pinterest-p:before { content: "\f231"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-instagram:before { content: "\f16d"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-apple:before { content: "\f179"; }
.fa-android:before { content: "\f17b"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }
.fa-pencil:before {content: "\f040";}
.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-heart:before { content: "\f004"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-line-chart:before { content: "\f201"; }
.fa-send:before, .fa-paper-plane:before { content: "\f1d8"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-check:before { content: "\f00c"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-info:before { content: "\f129"; }
.fa-clock-o:before { content: "\f017"; }
.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }
.fa-calendar:before { content: "\f073"; }
.fa-bus:before { content: "\f207"; }
.fa-train:before { content: "\f238"; }
.fa-plane:before { content: "\f072"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; }
.fa-search-plus:before { content: "\f00e"; } 
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-phone:before { content: "\f095"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-camera:before { content: "\f030"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-refresh:before { content: "\f021"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
 
.fa-phone-square:before { content: "\f098"; }
 
.herotitle{text-align: center;padding: var(--size20) 0}
.herotitle h1{font-size: var(--size30);font-weight: var(--size600);line-height: var(--size40);font-family: var(--jost);}
.herotitle .sotdesc {font-size: 16px;}
.herotitle .sotdesc p {line-height: var(--size30);font-family: var(--jost);}

.view-all{margin-left: auto;}
.view-all a{display: inline-flex;align-items: center;gap:10px; font-weight: 500}
.view-all a:hover{background: white; color: var(--red); border-color: var(--red)}
/* ========================================================== Left Menu Start ================================================================== */
.mainmenuwarp {background-color: #EFF1FE;height: 100%;z-index: 999;left: 0;position: fixed;top: 0;transition: all .3s ease;transform: translateX(-400px);-webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);width: 0;}
.menushow .mainmenuwarp {transform: translateX(0);width: 400px;}
.mainmenu{height: 100%}
.secondmenu{height: 100%}
.menu-body {height: calc(100% - (105px + 30px));scrollbar-width: thin;overflow-y: auto;overflow-y: overlay;padding-bottom: var(--size20);}
/**/
.menu-head {background: white;padding-bottom: var(--size15);border-bottom: solid 1px var(--grayddd);}
.menutitle {display: flex;align-items: center;gap: var(--size10);background: white;margin-bottom: var(--size15);padding: var(--size15) var(--size15) var(--size10);border-bottom: solid 1px var(--grayddd);}
.menutitle b {font-family: var(--jost);font-weight: 500;font-size: 18px;}
.menutitle em {margin-left: auto;}
.menutitle em a {width: 30px;height: 30px;background: #ccc;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.changelocation{background: #F4F8FF;display: flex;align-items: center;justify-content: space-between;padding: var(--size10);padding-right: var(--size20);border-radius: 8px;margin: 0px 15px;}
.changelocation span{display: inline-flex;gap:var(--size10);align-items: center; font-weight: var(--size500); color: var(--gray777)} 
.changelocation span i{width: 30px; height: 30px; background: white;display: flex;align-items: center;justify-content: center; border-radius: 50%}
.changelocation span i svg{fill:var(--gray777)}
.changelocation a{color: var(--link);font-weight: var(--size500);} 
/**/
.menulist{padding: var(--size10) var(--size10) 0;}
.menulist a{background: white; border-radius: 30px;display: flex; align-items: center;gap:var(--size10);padding: 5px; font-size: 16px;color: var(--gray333);}
.menulist a:hover{color: var(--red)}
.menulist a i{background: #f5f5f5;width: 40px; height: 40px;display: flex;justify-content: center;align-items:center;border-radius: 50%}
.menulist a em{margin-left: auto;margin-right: var(--size10);}
.menulist a em svg{-ms-transform: rotate(270deg);transform: rotate(270deg);}
/**/
.secondmenu{background: white;transition: all .3s ease;transform: translateX(-400px);}
.secondmenu.secondopen{transform: translateX(0);}
.secondmenu>.menu-body {height: calc(100% - (20px + 30px));}
.secondmenu .menutitle{margin: 0;padding: var(--size15);background: #F4F8FF;}
.secondmenu .submenulist{padding: var(--size10); border-bottom: solid 1px var(--grayddd)}
.secondmenu .submenulist a{display: flex;font-size: 16px;color: var(--gray333);padding: 5px;align-items: center;}
.secondmenu .submenulist a:hover, .secondmenu .submenulist.active>a{color: var(--red)}
.secondmenu .submenulist a em{margin-left: auto}
.secondmenu .submenulist.active{background: #EFF1FE}
.secondmenu .submenulist.active>a{padding: 10px 0 15px;font-weight: var(--size500)}  
.secondmenu .submenulist.active .thirdmenu{display: flex}
.secondmenu .submenulist .thirdmenu{display: none}  
.secondmenu .submenulist .thirdmenu ul{width: 100%}
.secondmenu .submenulist .thirdmenu ul li{background: white;border-radius: 4px;margin-bottom: 5px}
.secondmenu .submenulist .thirdmenu ul li a{padding: 13px;font-size: 14px;}
/* ========================================================== Left Menu End ================================================================== */
.artistblockarea{background: #2b3148;padding: var(--size50) 0;overflow: hidden}
.artistblockarea .discover-titlewarp {color: white;align-items: center;gap: var(--size10);}

.artistblockarea .artistlistwarp .artistlistarea{ display: flex; align-items: center; flex-wrap: wrap; gap:20px;}
.artistblockarea .artistlistwarp .artistlist{background: white; border-radius: 50px;padding: 10px;min-width: 278px;display: flex}
.artistblockarea .artistlistwarp .artistlist a{display: flex; align-items: center; gap:10px;}
.artistblockarea .artistlistwarp .artistlist a figure{background: var(--grayeee);width: var(--size60);height: var(--size60);display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: var(--boxshadowa);border: solid 2px var(--white);margin: 0 auto;overflow: hidden;}
.artistblockarea .artistlistwarp .artistlist figure img{width: var(--size60);height:var(--size60);object-fit: fill;}
.artistblockarea .artistlistwarp .artistlist .artistinfo{display: flex; flex-direction: column;font-family: var(--jost);align-items: flex-start;padding-right: 10px;}
.artistblockarea .artistlistwarp .artistlist .artistinfo .title{font-size: 18px;color: var(--black);text-align: center;line-height: 22px;}
.artistblockarea .artistlistwarp .artistlist .artistinfo .desc{font-size: 16px;color: var(--gray777);padding-top: var(--size5);align-items: center;}
 
.neighborblockwarp{padding-bottom: var(--size50);padding-left: 0;}
.neighborblock::-webkit-scrollbar {display: none;}
.neighborblock{gap: var(--size15);overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;display: flex;padding:0 var(--size10);margin: 5px 5px 30px;}
.neighborblock .mdgird-card{width: 400px;margin-bottom: var(--size10);flex-shrink: 0}
.neighborarrow{position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;}
.neighbor-arrow-prev, .neighbor-arrow-next {background:#f5f5f5; padding:15px;  -ms-transform: rotate(90deg); transform: rotate(90deg);border-radius: 50%} 
.neighbor-arrow-next {-ms-transform: rotate(-90deg);transform: rotate(0deg);} 
/**/
.orderdialog .modal-header{text-align: center; border-bottom: solid 1px #ddd;padding: 15px;font-weight: var(--size500);font-size: 20px;}
/**/
.orderdialog .order-body {position: relative; font-family: var(--jost);overflow-x: hidden;overflow-y: overlay;}
 /**/
.orderdialog .order-footer {padding: 15px 22px;display: flex;justify-content: space-between;gap: 15px; border-top: dashed 1px #ddd; background: var(--graye);font-weight: var(--size500);font-size: 20px; }
.orderdialog .order-action {padding: 15px 22px;display: flex;justify-content: center;gap: 15px; border-top: dashed 1px #ddd;font-weight: var(--size500);font-size: 20px; }

.orderdialog .order-action .btun {display: flex;align-items: center;gap: 7px;}
.orderdialog .order-action .btun .timecount{background: #f17380;padding: 0 10px;border-radius: 4px;display: none}
.orderdialog .order-action .btun .timecount b em{color: var(--white)}
.orderdialog .order-action .btun .timetitle{display: none}
.orderdialog .order-action .btun.disabled{opacity: 1}
.orderdialog .order-action .btun.disabled .timecount{background-color: var(--red);border-color: var(--red);color: var(--white);}

.orderbackdrop {animation: fadeIn .4s cubic-bezier(.4, 0, .2, 1);background: rgb(0 0 0 / 50%);bottom: 0;content: "";left: 0;position: fixed;right: 0;top: 0;z-index: 0;}
  
.orderdialog .order-body .order-body-hd{border-bottom: dashed 1px #ddd;padding: 15px 22px;}
.orderdialog .order-body .order-body-hd label{display: block;font-weight: var(--size500);font-size: 18px;cursor: text;padding-bottom: 7px;}
.orderdialog .order-body .level-list{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 7px 0;font-size: 16px;align-items: center;gap: 10px;margin-bottom: 10px;}
.orderdialog .order-body .level-list .leavel{color: var(--gray777);width: 77%;line-height: var(--size20); font-size: 14px; display: flex;position: relative}
.orderdialog .order-body .level-list .leavel .tooltip{display: none;background: var(--black); border-radius: var(--size6);position: absolute;padding: var(--size10);box-shadow: var(--boxshadow);letter-spacing: normal;bottom: 25px;line-height: var(--size20);color: var(--white);width: 250px;font-size: 14px;z-index: 3}
.orderdialog .order-body .level-list .leavel:hover .tooltip{display: block;}

.orderdialog .order-body .level-list .leavel b{color: var(--black);font-weight: var(--size500);}
.orderdialog .order-body .level-list .price{}
    
.orderdialog .order-body .order-body-bd{padding: 15px 22px;}
.orderdialog .order-body .order-body-bd .fee-list-title{display: flex; flex-wrap: wrap; justify-content: space-between;padding: 7px 0;font-size: 16px;align-items: center}
.orderdialog .order-body .order-body-bd .fee-list-title .price{color: var(--black);font-weight: var(--size500);}
.orderdialog .order-body .order-body-bd .fee-list-title .fee a{display: flex;align-items: center;gap:5px;font-weight: var(--size500); color: var(--black)}

.checkoutarea{display: flex;justify-content: space-between;align-items: center;}
.priceamountarea{display: flex; flex-direction: row;gap:10px;margin-left: auto}
/**/
.checkoutarea .moreinfo {position: relative; display: flex; align-items: center;gap:20px;font-size: 16px;font-weight: 500;width: 40%}
.checkoutarea .moreinfo.show{display: flex!important}
.checkoutarea .moreinfo span{cursor: pointer;color: #1c9bf7;display: inline-flex;align-items: center;gap: 3px;}
.checkoutarea .moreinfo span i{width: 16px; height:16px;display: flex;}
.checkoutarea .moreinfo span i svg{fill:#1c9bf7}
.checkoutarea .moreinfo .__tickets__pAPI8SOdAA {position: relative;}
.checkoutarea .moreinfo .__counterX__kzuHgAMPtx {font-size: 15px;color: #ff8300;}
.checkoutarea .moreinfo .__counter__tNpqyOFlZq span.__counterNumber__7697iuNoE-{position: relative;top: -1px;font-size: 18px;color: #ff8300;}
.checkoutarea .moreinfo .__ticketIcon__4cVRhelgB9 {width: 24px;height: 24px;flex: 0 0 auto;display: inline-block;}
.checkoutarea .moreinfo .__ticketIcon__4cVRhelgB9 .icon {fill: #ff8300;width: 24px;height: 24px;}
.checkoutarea .moreinfo .__ticket__Qi-fNrnS4H {position: absolute;top: 0;width: 80px;height: 56px; }
.checkoutarea .moreinfo .__ticketFirst__3zlXAnexsw {left: 0;transform: rotate(-5deg);filter: drop-shadow(-1px 2px 5px rgba(5, 55, 92, 0.16)) drop-shadow(-2px 8px 24px rgba(5, 55, 92, 0.08));}   
.checkoutarea .moreinfo .__counter__tNpqyOFlZq {width: 80px;height: 56px;display: flex;color: #ff8300;align-items: center;justify-content: center;position: relative;gap: 3px;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1px; }
.seataction {display: flex;width: 60%;justify-content: space-between;margin-left: auto;align-items: center;}
.seataction .priceamount {flex-shrink: 0}
.timer{width: 50%}
/*.priceamountarea{width: 50%}*/
/**/
.date-module{padding:var(--size15)}
.date-module ul{gap: var(--size15);overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;display: flex;padding:0;margin:0;}
.date-module ul li{display: flex;flex-direction: column;text-align: center;justify-content: center; border: solid 1px var(--grayddd); font-size: 16px;border-radius: 8px;gap:10px;padding: 10px 0;min-width: 120px;cursor: pointer}
.date-module ul li span{font-weight: var(--size500); color: #CF3E1B; border-bottom: solid 1px var(--grayddd);padding:0 var(--size10)  var(--size10)}
.date-module ul li b{color: var(--black);}
.date-module ul li em{background: #EAEEFC; color: var(--black);font-size: 20px;border-radius: 50%; font-weight: var(--size500); width: var(--size40); height: var(--size40); display: flex; align-items: center; justify-content: center;margin: 0 auto;}
.date-module ul li.active, .date-module ul li:hover{border-color: #fbb932}
.date-module ul li.active em, .date-module ul li:hover em{background: #fbb932;}
.date-module ul li time{color: var(--gray777)}                  
.commonarrow{position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;}
.common-arrow-prev, .common-arrow-next {background:#f5f5f5; padding:15px;  -ms-transform: rotate(90deg); transform: rotate(90deg);border-radius: 50%} 
.common-arrow-next {-ms-transform: rotate(-90deg); transform: rotate(-90deg); }
 /**/
.commonarrow-prev, .commonarrow-next {background:#f5f5f5; padding:15px;  -ms-transform: rotate(90deg); transform: rotate(90deg);border-radius: 50%} 
.commonarrow-next {-ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.performerarea .commonarrow{margin-bottom:var(--size20);}
/**/  
.venuedetals{ padding: var(--size20)}
.venuedetals .venue-info{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;flex-direction: row;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;gap: 16px;padding: 1px;border-radius: 12px;background: #f7f9fa; margin-bottom: var(--size20)} 
.venuedetals .venue-info .aside-info{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex;width: 80px;padding: 8px;-webkit-box-flex: 0;-webkit-flex: 0 0 80px;-moz-box-flex: 0;flex: 0 0 80px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-align-self: stretch;align-self: stretch;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;-webkit-box-shadow: 0 2px 5px rgba(131, 23, 151, .04), 0 0 2px rgba(131, 23, 151, .16);box-shadow: 0 2px 5px rgba(131, 23, 151, .04), 0 0 2px rgba(131, 23, 151, .16);border-radius: 12px;background: #fff;gap:5px;}
.venuedetals .venue-info .aside-info figure{}                   
.venuedetals .venue-info .aside-info figure i{background:var(--blue);display: block;padding: 5px;border-radius: 50%}                   
.venuedetals .venue-info .aside-info figure i svg{fill:var(--white)}
.venuedetals .venue-info .aside-info span{ font-weight: var(--size500); color: var(--black)}                   
.venuedetals .venue-info .aside-info b{color: var(--gray777)}

.venuedetals .venue-info .main-info {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;gap: 8px;padding: 8px 8px 8px 0;}
.venuedetals .venue-info .main-info b{ color: var(--lightblack);font-weight: var(--size500);font-size: 16px;}                   
.venuedetals .venue-info .main-info p{color: var(--gray777)}                   
.venuedetals .venue-info .main-info a{display: inline-flex; align-items: center;gap:5px; color: var(--blue)}
.venuedetals .venue-info .main-info a:hover{text-decoration: underline}
.venuedetals .venue-info .main-info a svg{-ms-transform: rotate(270deg);transform: rotate(270deg);fill:var(--blue)}
.venuemap img{width: 100%;border-radius: 12px;}

.venuedetals .direction{}
.venuedetals .direction .directions-heading{text-align: center; font-size: 16px; font-weight: 600;padding: 15px 0 0}                  
.venuedetals .direction-iconav{ padding: 10px 0;}
.venuedetals .direction-iconav ul{ display: flex;justify-content: center}
.venuedetals .direction-iconav ul li{margin: 0 10px;}
.venuedetals .direction-iconav ul li a{ color: #212121}
.venuedetals .direction-iconav ul li a i{ width: 50px; height: 50px;border-radius: 50%;box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;display: flex; align-items: center;justify-content: center}
.venuedetals .direction-iconav ul li a i svg{width: 30px;fill:var(--gray555);}
.venuedetals .direction-iconav ul li a i svg:hover{width: 30px;fill:var(--link);}
.eventfreedetail .venuedetals{width: 70%;margin: 0 auto}

.tipsarea{background: var(--white);border-radius: var(--size8);box-shadow: var(--boxshadow);display: flex;align-items: center;flex-direction: column;justify-content: center;gap: var(--size10);padding: var(--size20);top: var(--size15); font-family: var(--jost);margin-top: 20px}
.tipsarea .tipsarea-title{color: #ff8300;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex;gap: 16px;font-size: 16px;font-weight: var(--size600);line-height: 20px;}
.tipsarea .tipsarea-title figure{-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-moz-box-flex: 0;flex: 0 0 auto;line-height: 0;}
.tipsarea .tipsarea-desc{padding:0 0 0 35px;font-size: 14px;color: var(--gray777);line-height: 20px;}

.terms{padding: var(--size10) var(--size15)}
.terms p{color: #666;font-size: 14px;line-height: 21px;padding: 0 0 var(--size10);}

.seatscontainer-body{overflow-x: hidden;overflow-y: overlay;padding: 15px 15px 15px 0;height: 100%;text-align: center;width: 1000px;margin: 0 auto;}
.tktlevelarea{width: 1000px;margin: 0 auto;}
.tktlevelarea .seatlabel{  display: flex; align-items: center;padding: 15px 0;gap:10px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;}
.tktlevelarea span{ font-size: 14px; padding:10px 16px; -webkit-box-shadow: 0 6px 7px rgba(136, 142, 152, .08), 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 6px 7px rgba(136, 142, 152, .08), 0 0 2px rgba(0, 0, 0, .1);border-radius: 32px;background: #fff; display: flex; align-items: center;gap:5px; color: #777;border: solid 1px #ddd; cursor: pointer; flex-shrink: 0}
.tktlevelarea span.morelevel{border-color: var(--link);color: var(--link); text-decoration: underline}

.tktlevelarea span i{height: 10px;width: 10px;display: inline-block;border-radius: 15px;margin-right: 3px;}
.tktlevelarea span b{color: var(--black); font-weight: 500}
/* Sponsors  */
.sponsors-area{background: #f5f7ff;border: solid 2px #fff; border-bottom-width: 1px;padding: var(--size15) var(--size20);}
.sponsors-area .sponsors-listarea{display: flex;gap:18px; flex-wrap: wrap;}
.sponsors-area .sponsors-title{font-size: 16px; font-weight: 500;padding-bottom: 20px;}                 
.sponsors-area .sponsors-list{display: flex;align-items: center;gap:10px; background: var(--white); width: 230px;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;box-shadow: var(--boxshadow);}
.sponsors-area .sponsors-list figure{width: var(--size70);height: var(--size70);border-radius: var(--borderradius50);overflow: hidden;flex-shrink: 0;background: #ccc; flex-shrink: 0;box-shadow: var(--boxshadow);}
.sponsors-area .sponsors-list .sponsors-info{display: flex; flex-direction: column;    gap: 5px;}
.sponsors-area .sponsors-list .sponsors-info big{font-size: 18px;}
.sponsors-area .sponsors-list .sponsors-info small{font-size: 16px; color: var(--gray777)}

.timer{display: flex;gap: 5px;}
.timetitle{color: var(--gray777)}
.timecount{}
.timecount b{font-size: 16px; font-weight: 500;}
.timecount b em{color: var(--red)}

.priceamountarea .btun {display: flex;align-items: center;gap: 7px;}
.priceamountarea .btun .timecount{background: #f17380;padding: 0 10px;border-radius: 4px;display: none}
.priceamountarea .btun .timecount b em{color: var(--white)}
.priceamountarea .btun .timetitle{display: none}
.priceamountarea .btun.disabled{opacity: 1}
.priceamountarea .btun.disabled .timecount{background-color: var(--red);border-color: var(--red);color: var(--white);}


.eventcard .tab-op span{margin-bottom: 0}
.galleryarea{padding: var(--size10) var(--size15);display: flex;gap:15px;flex-wrap: wrap}
.galleryarea figure{width: 173px;height: 210px;background:var(--white);box-shadow: var(--boxshadow);padding: var(--size10);border-radius: var(--borderradius8);margin-bottom: 15px;}
.galleryarea figure a{}
.galleryarea figure img{width: 100%;height: 100%;object-fit: contain;border-radius: var(--borderradius8);}

.videogalleryarea{text-align: center;padding: 15px;background: #212121; border: solid 3px #fff}         
.videothump {overflow: hidden; position:relative;padding: 15px 0;}
.videothump ul { height: 130px; overflow-x: auto; overflow-y:hidden; display: flex; margin: 0 10px; padding: 0;gap:15px; flex-wrap: wrap;gap:10px}
.videothump ul li{}
.videothump ul li img{ width: 100px;height: 75px;}
.videothump ul li figure { color:#363636; white-space: nowrap; width: 100px;height: 75px;padding: 5px;border: solid 1px #ddd;}
.videothump figure img{width: 100px;height: 80px;}
.videothump figure iframe{width: 100%; height: 150px;}
.videothump figure figcaption{padding: 5px 10px 0 0; font-size: 14px; color: #212121}
.videothump figure figcaption a{color: #212121; text-decoration: none}

.line {height: 5px;margin-bottom: 20px;background-image: repeating-linear-gradient(to right, #FA3D20 0, #FA3D20 11.11%, #F9BE27 11.11%, #F9BE27 22.22%, #A284CA 22.22%, #A284CA 33.33%, #E698BE 33.33%, #E698BE 44.44%, #4A93EE 44.44%, #4A93EE 55.55%, #E5AA64 55.55%, #E5AA64 66.66%, #2CA36D 66.66%, #2CA36D 77.77%, #D46842 77.77%, #D46842 88.88%, #A284CA 88.88%, #A284CA);}
.bg-orange{background: #fff7ed}
.widget{padding: 0;}
.widget-header{display: flex;justify-content: space-between;padding: 15px 25px;align-items: flex-start;font-family: var(--jost);}
.widget-header .close{margin-left: auto}
.widget .widgetsource{padding:15px 10px;text-align: center;align-items: center;display: flex;justify-content: center;}
.widget .widgetsource span{margin: 0 10px;font-size: 22px;font-weight: 500;}
.widget .widgetsource span img{width: 120px;}
.widget .widgetsource_text {font-size: 20px;text-align: center;margin: 20px 10px;color: #777;}
.widget .current_event_block {display: flex;justify-content: center;text-align: center;flex-direction: column;gap: 15px;}
.widget .event_name {font-weight:500;font-size: 20px;line-height: 1.3;}
.widget .redirect_btn{margin-bottom: 25px;}
.widget .redirect_btn a{margin-bottom: 10px;}
.widget .redirect_btn a.btn-blue{background-color: #0076d7;display: inline-flex;align-items: center;gap: 5px;}
.widget .redirect_btn a.disabled{color: #333;opacity: 1;background: #eee !important;}
.widget .redirect_btn p{font-size: 12px; color: #777}
.widget .redirect_btn i{background: url(../images/other/animation-arrow.gif) no-repeat 0 0;width: 26px;height: 20px;display: inline-block;}
.neighborblockwarp{padding-bottom: 50px;padding-left: 0;}
.neighborblock::-webkit-scrollbar {display: none;}
.neighborblock{gap: 15px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;display: flex;padding:0 10px;margin: 5px 5px 30px;}
.neighborblock .mdgird-card{width: 400px;margin-bottom: 10px;flex-shrink: 0}
.neighborarrow{position: relative;text-align: center;display: flex;gap: 5px;justify-content: center;width: 100px;margin: 0 auto;background: white;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);border-radius: 30px;padding: 5px 0;}
.neighbor-arrow-prev, .neighbor-arrow-next {background:#f5f5f5; padding:15px;  -ms-transform: rotate(90deg); transform: rotate(90deg);border-radius: 50%} 
.neighbor-arrow-next {-ms-transform: rotate(270deg); transform: rotate(270deg); }          
.batch{background: #EAF1FE;display: inline-flex;padding:5px 10px;border-radius:20px;color: #212121;font-size: 13px;font-weight: 400}
.batch.justadded, .batch.available{    background: #EAFBEF;} 
.batch.goingfast{background: #EAF1FE} 
.batch.almostfull{background: #FEEDEA}
            
.mdgird-card{background: #fff;border-radius: 8px;border: solid 1px #ddd;position: relative;margin-bottom: 30px;}
.mdgird-card .batch {padding: 3px 16px;font-size: 12px;margin: 0}
.mdgird-card .titlearea{padding: 10px 10px 0}   
.mdgird-card .title{font-weight: 500; font-size: 16px;padding:5px 0 0;line-height: 24px;letter-spacing: normal;} 
.mdgird-card  .title h2, .mdgird-card .title h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;} 
.mdgird-card .title a{color: #212121;}
.mdgird-card .title a:hover{text-decoration: underline; color: #0F62FE}
.mdgird-card .gridinfoarea{display: flex;gap:10px;padding:10px 15px;flex-wrap: wrap;min-height: 108px;}
.mdgird-card .gridinfoarea .event-img .promoarea{top: 0;left: 15px}
.mdgird-card .gridinfoarea .event-img .sharearea {bottom: 23px;right: 15px;}
.mdgird-card .gridinfoarea .event-img{position: relative;width: 100px;flex-shrink: 0;}
.mdgird-card .gridinfoarea .event-img figure{position: relative;overflow: hidden;border-radius: 8px;width: 100px;height: 80px;}
.mdgird-card .gridinfoarea .event-img figure a{display: block;position: relative;z-index: 1;}
.mdgird-card .gridinfoarea .event-img figure a:before {opacity: 1;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .75) 100%); position: absolute;content: "";width: 100%; height: 100%;z-index: 2;} 
.mdgird-card .gridinfoarea .event-img img{object-fit: cover; height: 100%; border-radius: var(--size8);transition: transform .3s;width: 100px;height: 80px;}      
.mdgird-card .event-info{width: 64.6399%}
.mdgird-card .event-info .date{color: #D1410C;font-weight: 500;padding-bottom: 0} 
 
.mdgird-card .event-info .location a{text-decoration: underline;color: #0F62FE;}    
.mdgird-card .event-info .lineup b{color: #888; padding-right: 5px;}
.mdgird-card .event-info .lineup a{color:#888;text-decoration: underline}
.mdgird-card .event-info .lineup a.more{color: #0F62FE;}
.mdgird-card .event-info .lineup a:hover{color: #0F62FE}   
.mdgird-card .event-info .price{color: #777;}
.mdgird-card .event-info .price b{ font-weight:700;font-size: 18px;color: #08a182;} 
.mdgird-card .actionarea{padding-top: 15px;padding-bottom: 15px;background: rgb(247 248 253 / 44%);border: solid 1px white;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top: dashed 1px #ddd;position: relative;padding:10px;display: flex;align-items: center;justify-content: space-between}
.mdgird-card .actionarea .action a{display: inline-flex; align-items: center;gap:6px;border-radius: 30px;padding:5px 15px;font-size: 12px;overflow: hidden;position: relative;transform: translateZ(0);justify-content: center}

.mdgird-card .actionarea .price {display: flex;gap: 5px;align-items: center;}
.mdgird-card .actionarea .price span{color: #777;}
.mdgird-card .actionarea .price b{font-weight:700;font-size: 18px;color: #08a182;}    
.mdgird-card:hover .action a{ color: #fff;}
.mdgird-card:hover .action a svg{ fill: #fff;}
.mdgird-card:hover .action a.btun-red{background: var(--reda)}
.mdgird-card:hover .action a.btun-red:after, .mdgird-card:hover .action a.btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%}
.mdgird-card:hover .action a.btun-red:before{animation-name:animate}
.mdgird-card:hover .action a.btun-red:after{animation-name:animates}
            
.event-info span{display: flex;align-items: center;padding:5px 0 0;gap:5px;flex-wrap: nowrap; font-size: 14px;align-items:center; color: #888;}
.event-info span b{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.event-info span i{ display: inline-flex;align-items: center;justify-content: center;width: 22px; height: 22px; flex-shrink: 0}
.event-info span i svg{fill:#90959F; width: 15px; height: 15px;}
.event-info span.promo{display: inline-flex;gap:5px;align-items: center; font-size: 12px;padding-top: 0}
.event-info span.promo svg{width: 20px; height:20px;fill:#90959F}
/* event end */
 .eventpastdetail{background: var(--grayc);} 
.eventpastdetail .eventinfoarea{border-radius: 15px;}                 
.pastinfowarp{margin-bottom: var(--size30);box-shadow: var(--boxshadow);padding: 8px;background: #FBF8EE;border: solid 1px #F8E9C0;}
.pastinfoarea{padding: 15px 0;display: flex;justify-content: space-between;align-items: center;}
.pastinfoarea .pastinfo{display: flex; flex-direction: column;gap:10px}
.pastinfoarea .pastinfo big{ font-size: 20px; font-weight: 500; color: #DE1B28}
.pastinfoarea .pastinfo big i{}
.pastinfoarea .pastinfo small{font-size: 16px;}
.pastinfoarea .pastinput{position: relative}
.pastinfoarea .pastinput input{width: 100%;padding-right: 115px} 
.pastinfoarea .pastinput .btun{position: absolute;right: 2px; top: 2px}   
.pastinfoarea .pastinput .alertext{color: var(--red); display: block; padding: 5px 0 0}
.eventpastdetail .eventinfoarea .viewall-button{border-top:solid 1px #ddd;padding-top: 20px;margin-bottom: var(--size10);} 
.eventpastdetail .eventinfodetls .eventinfolist i{background: #EAEEFC;}
.eventpastdetail .eventinfodetls .eventinfolist i svg{fill: #4E6786;}
.eventpastdetail .global-event{width: 100%}

.pricebackdrop {animation: fadeIn .4s cubic-bezier(.4, 0, .2, 1);background: rgb(0 0 0 / 50%);bottom: 0;content: "";left: 0;position: fixed;right: 0;top: 0;z-index: 0;}
.tktseatlevelarea {}
.tktseatlevelarea .modal-header {text-align: center;border-bottom: solid 1px #ddd;padding: var(--size15);font-weight: var(--size500);font-size: 20px;}
.tktseatlevelarea .tktseatlevel-body {padding: var(--size10) 0;}
.tktseatlevelarea .tktseatlevel-body .tktseatlevelist {display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--size10);padding: var(--size10) var(--size15);border-bottom: dotted 1px #ddd;}
.tktseatlevelarea .tktseatlevel-body .tktseatlevelist span {width: 77%;color: var(--gray777)}
.tktseatlevelarea .tktseatlevel-body .tktseatlevelist span i {height: var(--size10);width: var(--size10);display: inline-block;border-radius: var(--size15);margin-right: 3px;}
.tktseatlevelarea .tktseatlevel-body .tktseatlevelist b {font-weight: 500}
.tktseatlevel-body {position: relative;font-family: var(--jost);overflow-x: hidden;overflow-y: overlay;}

.noscroolbackdrop {animation: fadeIn .4s cubic-bezier(.4, 0, .2, 1);background: rgb(0 0 0 / 50%);bottom: 0;content: "";left: 0;position: fixed;right: 0;top: 0;z-index: 0;}        
.timeout-body {display: flex;justify-content: center;padding: 25px;flex-direction: column;align-items: center;}
.timeoutarea{text-align: center;font-family: var(--jost);} 
.timeoutarea figure{width: 80px;height: 80px;margin: 0 auto;background: #FFF5F6;border-radius: var(--borderradius50);display: inline-flex;align-items: center;justify-content: center;padding: 15px}
.timeoutarea figure svg{fill:#FF3F56;height: 70px}
.timeoutarea p{font-size: 18px;padding: 0 0 25px;}
.timeoutarea-ft{display: flex;justify-content: center;gap:10px;padding-bottom: 20px;}
.timeoutarea-ft a{padding: 10px 25px}
.timeoutarea .title {font-size: 24px;font-weight: var(--size600);padding:25px 0;}

.preregisterclose {position: absolute;right: 20px;z-index: 1;top: 20px;}
.preregisterarea{display: flex;}
.preregisterarea .preform{width: 55%;}
.preregisterarea .preform .preformtitle{text-align: center;padding: 15px;border-bottom: solid 1px var(--grayddd);}
.preregisterarea .preform .preformtitle > *{display: block}
.preregisterarea .preform .preformtitle big{font-size: 20px;font-family: var(--jost);font-weight: var(--size600);padding: var(--size15) 0 0;}
.preregisterarea .preform .preformtitle small{ font-size: 16px; padding:var(--size10) 0;font-family: var(--jost);}
.preregisterarea .prevector{background: #EFFAF8;width: 45%;padding: 15px;align-items: center;display: flex;justify-content: center;position: relative;}
.preregisterarea .prevector figure{padding: 15px;min-height: 450px;display: inline-flex;}
            
.form-grouparea{padding: 15px;}            
.form-group {position: relative;margin-bottom: var(--size30);}
.form-group .label {left: var(--size10);font-size: 16px;color: var(--gray666);font-family: var(--roboto);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px; margin-bottom: var(--size10); display: flex} 
.form-group .helptext, .form-group .alertext{padding-top:5px;font-family: var(--roboto);font-size: 13px;}
.form-group .alertext{display: block; color: var(--red);padding-top: 10px;}
.form-group .helptext a{color: var(--link);text-decoration: underline}
.form-group input {width: 100%;transition: border-color 0.3s ease; border-width: 1px; border-radius: 4px;}
.form-group label {position: absolute;left: var(--size10);top: 9px;font-size: 14px;color:  var(--gray666);transition: all .2s;font-family: var(--roboto);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;pointer-events: none;line-height: 22px;}
.form-group label i{color: var(--red)}
.form-group input:focus {border-color: #0f62fe;outline: none;border-width: 2px}
.form-group input:focus + label, .form-group input:not(:placeholder-shown) + label, .form-group.valid label{top: -10px;font-size: 13px;color:#0f62fe;background-color:var(--white);padding: 0 4px;border-radius: 4px;left:12px;width: auto;} 

.form-group textarea{width: 100%; height: 150px;}
.form-group textarea:focus {border-color: #0f62fe;outline: none;border-width: 2px}
.form-group textarea:focus + label, .form-group textarea:valid + label{top:-10px;font-size: 13px;color:#0f62fe;background-color:var(--white);padding: 0 4px;border-radius: 4px;left:12px;}

.form-group select{width: 100%}
            
.form-group.adontextwarp .adontext{position: absolute;top: 20px;transform: translateY(-20px);width: 100px;height: 41px;display: flex;align-items: center;justify-content: center;z-index: 2;border-right: solid 1px var(--grayddd);left: 2px;}
.form-group.adontextwarp .adontext select{width: 100px;border: 0}
.form-group.adontextwarp input {padding-left: var(--size70);}
.form-group.adontextwarp label {left: 110px;}
.form-group.adontextwarp .adontext svg{fill:var(--grayaaa)}
.form-group.adontextwarp label{left:110px;}
.form-group.adontextwarp input{padding-left:110px;}
.form-group.adontextwarp .holdertext{font-size: 16px;color: var(--gray666);display: inline-flex;align-items: center;gap: 7px;height: 100%}
.form-group.adontextwarp input:focus + label, .form-group.adontextwarp input:not(:placeholder-shown) + label{left:110px;}
            
.form-group-ft{text-align: center; border-top:solid 1px #ddd;padding: 15px 0}

.form-group-ft a.btun{padding: 10px 46px} 
.form-group-ft a.btun-red{display: inline-flex;align-items: center;gap: 5px;}
.form-group-ft a.disabled{color: #333;opacity: 1;background: #eee !important;}

.happymsg-body {padding: 15px;text-align: center}
.happymsg-body figure {display: flex;justify-content: center;align-items: center; background: var(--green);width: 50px;height: 50px;margin: 0 auto;border-radius: 50%;} 
.happymsg-body figure svg.custom-tick {fill: var(--white)}
.happymsg-body .helptext{text-align: left;padding-bottom: var(--size10);}
.happymsg-body .happymsginfo {font-family: var(--poppins);}
.happymsg-body .happymsginfo .title {font-size: 20px;font-weight: var(--size600);padding: 15px 0}
.happymsg-body .happymsginfo p {font-size: 16px;padding:0 0 20px;    color: var(--drakblue);}

.whybuyarea {display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 16px;padding: 15px}
.whybuyarea .whybuyblock {margin-bottom: 24px;flex: 0 0 25%;gap:10px; display: flex; gap:10px; flex-direction: column}
.whybuyarea .whybuyblock i{width: 50px;height: 50px;border-radius: 50%;box-shadow: var(--boxshadowa);display: flex;align-items: center;justify-content: center;}
.whybuyarea .whybuyblock svg {width: 30px;height: 30px;}
.whybuyarea .whybuyblock .whybuyblockinfo{display: flex;flex-direction: column}
.whybuyarea .whybuyblock .whybuyblockinfo big{font-size: 14px;font-weight: 600;color: #58585b;line-height: 22px;}
.whybuyarea .whybuyblock .whybuyblockinfo small{color: #9b9b9b;font-weight: 400;font-size: 14px;line-height: 22px;}

.donationarea{border-radius: var(--size8);margin-bottom: var(--size30);background: var(--white);box-shadow: var(--boxshadowa);padding: var(--size15)}
.donationarea .donationhead {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 10px;padding: 5px;border-radius: 30px;background: #efefef;margin: 0 0 20px;}
.donationarea .donationhead span{width: 50px;min-width: 50px;height: 50px;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 50%;background-color:#1a685b;font-size: 24px;font-weight: var(--size700); color: var(--white)}
.donationarea .donationhead .donatinput{width:91%;position: relative}
.donationarea .donationhead .donatinput input{width: 100%;border-radius: 30px;background: rgb(255 255 255 / 66%);border: 1px solid #d9d9d9;padding: 10px 20px;    height: 50px;}
.donationarea .donationhead .donatinput a{position: absolute;right: 7px;top: 7px; font-size: 15px;}
.donationarea .donationhead .donatinput .disabled{opacity: 0.6;color: #333 !important;}
.donationbody {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 12px;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.donationbody span{padding: 12px 16px;border: 1px solid #d8dde1;border-radius: var(--size30);font-weight: var(--size700);line-height: 1;color: #122f2a;cursor: pointer;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;text-align: center;}
.donationbody span:hover{background-color:#1a685b;color: var(--white);border-color:#122f2a;} 
.donationbody span.active {background-color: #122f2a;color: var(--white);border-color:#122f2a;}
.donationatitle{font-weight: var(--size500);font-size: var(--size16);color: var(--black);display: block;line-height: 22px;padding-bottom: var(--size10)}

 .announcementarea{background: #fdf8ea;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px; border: solid 2px var(--white);padding-left: 45px;}
.announcementinfoarea{padding: 15px; border-left: solid 4px #ffba00;display: flex;gap:10px;align-items: center;}
.announcementarea .icon{}
.announcementarea .icon i{width: 40px; height: 40px; background: #ffba00; border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;    margin-left: -36px;}
.announcementarea .icon i svg{fill:var(--white)}
.announcementarea .announcementinfo{display: flex; flex-direction: column;gap:10px;padding-left: 10px;}
.announcementarea .announcementinfo b{font-weight: var(--size600); color:var(--black)}
.announcementarea .announcementinfo span{font-size: 16px;}
.announcementarea .announcementinfo span strong {color: #d73a1a;font-weight: 500;border: dashed 2px #d73a1a;padding: 0 5px;background: #fff;border-radius: 3px;font-size: 14px;}
/**/
.seo-promo-content{padding: 15px; }
.seo-promo-content p{color: #666; margin-bottom: 15px;font-size: 14px; line-height: 20px; display: block}  
.seo-promo-content p strong{color: #000;} 
.seo-promo-content p b{color: #555;font-weight:600;}
.seo-promo-content h2, .seo-promo-content h3, .seo-promo-content h4, .seo-promo-content h5, .seo-promo-content h6{font-weight: 500;font-size: 15px;padding-bottom: 5px;} 
.seo-promo-content ul {margin: 0px;padding: 10px 0;}
.seo-promo-content ul li {margin: 0 0 0 25px;padding: 0 0 15px 0;list-style: disc;color: #666;font-size: 14px;}          
.seo-promo-content ul li strong {color: #333;font-weight: 600;padding: 0 5px;display: inline-block}
.seo-promo-content ul li p{display: inline-block}              
.seo-promo-content h2, .seo-promo-content h3, .seo-promo-content h4, .seo-promo-content h5, .seo-promo-content h6{font-weight: 500;font-size: 15px;padding-bottom: 8px; display: block}
.seo-promo-content small, .seo-promo-content big{font-weight: 600;font-size: 15px;padding: 10px 0; display: block}
.seo-promo-content big{font-size: 18px;}
.seo-promo-content small{font-size: 16px;}
/**/
.loading-body{display: flex;justify-content: center;padding: 25px;flex-direction: column;align-items: center;}
.loading-body .spinner-loader{width: 100px; height: 100px;}
.loading-body .title {font-size: 24px;padding: 25px 0;display: flex;flex-direction: column;gap: 15px;justify-content: center;align-items: center;}
.loading-body .title b{font-size: 20px;}
.loading-body .title span{font-weight: var(--size600); color: var(--red)}
/**/
.artistdetailarea{background: var(--graye);padding-bottom: var(--size60);}
/**/
.artistproflbg{background: #2b3148;padding:0 0 var(--size20);margin: 0 0 var(--size50);}
.artistproflbg .breadcrumb{padding-bottom: var(--size20)}
.artistproflbg .breadcrumb a{color: var(--white)}
/**/
.artistprolarea{text-align: center}
.artistprolarea .artistprolinfo{position: relative; display: flex; gap:var(--size10); justify-content: center;padding: var(--size15); flex-direction: column; align-items: center; font-family: var(--roboto);}
.artistprolarea .artistprolinfo .ontourbatch{position: absolute; left: var(--size10); top: var(--size10); background: #D0FECF; color: #004817; font-size: 13px; padding: 5px 15px; border-radius: var(--size30); }
.artistprolarea .artistprolinfo .share{position: absolute; right: var(--size10); top: var(--size10);display: flex; justify-content: center;align-items: center; width:var(--size40); height:var(--size40);background: var(--white); border-radius: var(--borderradius50); border: solid 1px var(--grayddd);cursor: pointer;}    
.artistprolarea .artistprolinfo .share i svg{fill:#4E6786}
.artistprolarea .artistprolinfo figure{width: 120px; height: 120px;background: var(--grayd); border-radius: var(--borderradius50);overflow: hidden;box-shadow: var(--boxshadowa);border: solid 2px var(--white);}
.artistprolarea .artistprolinfo .title{font-size: 24px;font-weight: var(--size600); font-family: var(--jost);}
.artistprolarea .artistprolinfo .tagline{font-size: 15px; color: var(--gray777);}
.artistprolarea .artistprolinfo .tagline a{color: var(--gray777); text-decoration: underline}
.artistprolarea .artistprolinfo .tagline a:hover{color: var(--link); text-decoration: none}
.artistprolarea .artistprolfotr{background: var(--grayf);padding: var(--size15);-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top:dotted 2px var(--grayddd); display: flex; gap:10px;align-items: center; justify-content: center}
.artistprolarea .artistprolfotr a.btun-outline{background: var(--white)}
.artistprolarea .artistprolfotr a.btun-outline:hover{background-color: var(--blue);border-color: var(--blue);}
/**/
.artistarea{position: relative}
.artistarea .csshape{z-index: 1;height: 47px;top: -36px;}
.artistarea .artistcard{margin-top: 36px;}
.artistcard {background: var(--white);border-radius: var(--size8);box-shadow: var(--boxshadow);font-family: var(--jost);position: relative;filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 14px);}      
.artistcard .artistbody{display: flex;flex-wrap: wrap;padding: var(--size15);gap: var(--size15);}
.artistcard .artistbody figure{width: 120px;height: 120px;background: var(--grayd);border-radius: var(--size6);overflow: hidden;}
.artistcard .artistbody figure img{width: 100%; height: 100%}                
.artistcard .artistbody .artistlistdels{flex-shrink: 0;width:81.7%;}
.artistcard .artistbody .artistlistdels .title{font-size: 20px;font-weight: var(--size600);font-family: var(--jost);color: var(--lightblack);padding-bottom: 10px;}
.artistcard .artistbody .artistlistdels .title a{color: var(--lightblack);}
.artistcard .artistbody .artistlistdels .title a:hover{color: var(--link);text-decoration: underline}
.artistcard .artistbody .artistlistdels .artistlistinfo{gap:10px;font-family: var(--roboto);display: flex; flex-wrap: wrap}
.artistcard .artistbody .artistlistdels .artistlistinfo span{display: flex;align-items: center;margin-bottom: 5px;gap:5px;color: var(--gray888);width:49%}
.artistcard .artistbody .artistlistdels .artistlistinfo span b{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}

.artistcard .artistbody .artistlistdels .artistlistinfo span i{ display: inline-flex;align-items: center;justify-content: center;width: 25px; height: 25px; flex-shrink: 0; background: #EAEEFC;border-radius: var(--size4)}
.artistcard .artistbody .artistlistdels .artistlistinfo span i svg{fill:#4E6786; width: 15px; height: 15px;}
.artistcard .artistbody .artistlistdels .artistlistinfo .date{color: #D1410C;font-weight: 500}
.artistcard .artistbody .artistlistdels .artistlistinfo .location{}
.artistcard .artistbody .artistlistdels .artistlistinfo .location a{text-decoration: underline;color: var(--link);} 

.artistcard .artistbody .artistlistdels .artistlistinfo .language{}
.artistcard .artistbody .artistlistdels .artistlistinfo .language a{text-decoration: underline;color: var(--link);}
.artistcard .artistbody .artistlistdels .artistlistinfo .language b a{color: var(--gray666);text-decoration: underline;}
.artistcard .artistbody .artistlistdels .artistlistinfo .language b a:hover{color: var(--link);text-decoration: none}

.artistcard .artistfotr {position: relative;display: flex;justify-content: space-between;padding: 15px;align-items: center;border-top: 1px dashed rgb(179, 179, 179);}                 
.artistcard .artistfotr:after, .artistcard .artistfotr:before{position: absolute; width: 20px; height: 20px; border-radius: 50%; background:#2b3148; content: "";top: -10px}
.artistcard .artistfotr:after{left: -10px}
.artistcard .artistfotr:before{right: -10px}
.artistcard .artistfotr .pricecard{font-family: var(--roboto)}
.artistcard .artistfotr .pricecard .price b{font-weight: var(--size700);font-size: 18px;color: var(--green);font-family: var(--google);}
.artistcard .artistfotr .action{text-align: center;background: rgb(247 248 253 / 44%);border: solid 1px white;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top: dashed 1px var(--grayddd);position: relative}
.artistcard .artistfotr .action a{display: inline-flex; align-items: center;gap:var(--size6);border-radius: var(--size30);padding: var(--size8) 26px;font-size: var(--size14);overflow: hidden;position: relative;transform: translateZ(0);}
.artistcard .artistfotr .action a svg{fill:var(--red);width: 12px}                 
.artistcard:hover .action a{ color: var(--white);}
.artistcard:hover .action a svg{ fill: var(--white);}
.artistcard:hover .action a.btun-red{background: var(--reda)}
.artistcard:hover .action a.btun-red:after, .artistcard:hover .action a.btun-red:before{animation:2s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:100%;left:auto;opacity:1;position:absolute;right:auto;transform:skewX(15deg);width:15%}
.artistcard:hover .action a.btun-red:before{animation-name:animate}
.artistcard:hover .action a.btun-red:after{animation-name:animates}
 @keyframes animate{
0%{left:50%}
to{left:-150%}
}
@keyframes animates{
0%{right:50%}
to{right:-150%}
}
/**/
.artistlistingarea{}
.artistlistingarea .artistlisttitle{margin-bottom: var(--size20)}
.artistlistingarea .artistlisttitle .title{font-size: var(--size20);font-weight: var(--size600);font-family: var(--jost);display: flex; align-items: center;gap: var(--size5);color: var(--black);}
.artistlistingarea .artistlisttitle a{display: flex;gap: 5px;align-items: center;flex-wrap: wrap;background: var(--white);border: solid 1px var(--grayddd);padding:var(--size10);font-weight: 400;font-size: 16px;color: #777;border-radius: 4px;}
.artistlistingarea .artistlisttitle a i{display: flex}
.artistlistingarea .artistcard{filter: none; box-shadow: none; border: solid 1px #ddd;margin-bottom: 30px;box-shadow: rgb(255 255 255 / 27%) 0px 5px 1px 0.5px;}
.artistlistingarea .artistcard .artistfotr:after, .artistlistingarea .artistcard .artistfotr:before{background: var(--graye)}
.artistlistingarea .artistcard .artistfotr:after{box-shadow: 2px 0px #ccc;}
.artistlistingarea .artistcard .artistfotr:before{box-shadow: -2px 0px #ccc;}
            /**/
.biocontent { padding:20px;}
.biocontent p { color:var(--gray666); font-size: 15px; line-height: 21px; padding: 0 0 10px;display: block}
.biocontent ul{margin-bottom: 10px; list-style-type:disc}
.biocontent ol{margin-bottom: 10px; list-style-type:decimal}
.biocontent ol li, .biocontent ul li{color:var(--gray666); font-size: 14px;padding: 0 0 10px;list-style-type:disc;margin-left: 20px; line-height: 20px;}
.biocontent ol li{list-style-type:decimal}
.biocontent p br, .biocontent br{display: none}
.biocontent p strong, .biocontent strong{font-weight: var(--size500);font-size: var(--size16);color: var(--drakblack);display: block;line-height: 22px;}
.biocontent strong{padding: 0 0 10px;}
.biocontent ul br{display: none}
.biocontent:empty p, .biocontent p:blank {background: #ff0000;}
.biocontent strong, .biocontent b { font-weight:700; font-size: 14px; }
              /**/
.seemore{background: var(--graye);padding: 10px; text-align: center;display: flex;justify-content: center;border: solid 2px #fff;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.seemore a{background: var(--white); padding: 8px 10px; display: flex; justify-content: center;align-items: center;gap:5px; border: solid 1px #ddd; border-radius: 4px; color: var(--gray777);-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.seemore a i{display: flex; align-items: center;}
.seemore a i svg{fill:var(--gray777)} 
              /**/
.redmore{background: var(--graye);padding: 10px; text-align: right;display: flex;justify-content:flex-end;border: solid 1px #fff;gap:5px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.redmore a{color: var(--link);display: inline-flex;align-items: center;}
.redmore a i{display: flex; align-items: center;-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.redmore a i svg{fill:var(--gray777)}   

/**/
.chartarea{display: flex; width: 100%;padding: 15px;}
.chartarea .chartcolarea{width: 50%;}
.chartarea .chartcolarea .title{font-weight: var(--size700);padding:0 0 var(--size15)}
.chartarea .chartcolarea .chartinfoarea{display: flex;gap:10px;    align-items: center;}
.chartarea .chartcolarea .chartinfoarea figure{width: 120px; height: 120px; /*border-radius: 50%;background: #ff6384*/}
.chartarea .chartcolarea .chartinfoarea .chartinfo{}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul{}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul li{ font-size: 15px;padding: 0 0 10px;}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul li i{width: 15px; height: 15px; border-radius: 50%;border: solid 2px #fff;display: inline-block}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul li span{font-weight: var(--size600)}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul li span b{color: var(--gray777);font-weight: var(--size400)}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul li.one i{border-color:#ff6384;}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul li.two i{border-color:#36a2eb;}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul li.three i{border-color:#ffce56;}
.chartarea .chartcolarea .chartinfoarea .chartinfo ul li.four i{border-color:#4bc0c0;}
/**/
.iconlistarea{padding: 15px;}
.iconlistarea .iconlistitle{font-weight: var(--size700);padding:0 0 var(--size15)}
.iconlistarea .iconlisting{}
.iconlistarea .iconlisting ul{display: flex; flex-wrap: wrap}
.iconlistarea .iconlisting ul li{width: 33%; display: flex; align-items: center;padding-bottom: var(--size10);gap:var(--size5);}
.iconlistarea .iconlisting ul li a{color: var(--gray666); text-decoration: underline}
.iconlistarea .iconlisting ul li a:hover{color: var(--link); text-decoration: none}
.iconlistarea .iconlisting ul li i{display: inline-flex;align-items: center;justify-content: center;width: 25px; height: 25px; flex-shrink: 0; background: #EAEEFC;border-radius: var(--size4)}
.iconlistarea .iconlisting ul li i svg{fill:#4E6786; width: 15px; height: 15px;}
/**/
.pasttablearea{}
.pasttablearea .pasttablewarp{padding: 15px;}
.pasttablearea .pasttablewarp .pasttable{width: 100%}
.pasttablearea .pasttablewarp .pasttable thead th{font-weight: var(--size700);padding: 10px;}
.pasttablearea .pasttablewarp .pasttable tbody{font-family: var(--roboto);}
.pasttablearea .pasttablewarp .pasttable tbody td{padding: 10px 10px 15px; border-bottom: dotted 1px var(--grayddd);color: var(--gray666);vertical-align: middle;}
.pasttablearea .pasttablewarp .pasttable tbody td a{color: var(--gray666);text-decoration: underline}
.pasttablearea .pasttablewarp .pasttable tbody td a:hover{color: var(--link);text-decoration: none}
.pasttablearea .pasttablewarp .pasttable tbody td a.btun{background: var(--white);color: var(--gray777);padding: 7px 10px;border: solid 1px #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-decoration: none;font-size: 13px;line-height: normal;}
.pasttablearea .pasttablewarp .pasttable tbody td a.btun:hover{background: #f5f5f5}
/**/
.artistsocal{padding: 0 10px 10px; display: flex; flex-wrap: wrap;}
.artistsocal .share{width: 50%;padding: 10px 0;font-family: var(--roboto);}
.artistsocal .share i{width: var(--size40); height: var(--size40);border-radius: 50%;display: inline-flex; align-items: center;justify-content: center}
.artistsocal .share i svg{fill:var(--white)}
.artistsocal .share a{display: flex;gap:10px;align-items: center; color: var(--gray777)}
.artistsocal .share.fb i{background: #3E5A99;}
.artistsocal .share.spfy i{background: #1ED760}
.artistsocal .share.insta i{background: rgb(255,208,89);background: linear-gradient(22deg, rgba(255,208,89,1) 0%, rgba(253,86,39,1) 40%, rgba(190,43,188,1) 80%, rgba(1,67,223,1) 100%);}
.artistsocal .share.twtr i{background:var(--black);}
.artistsocal .share.amzon i{background:#81E1E6;}
.artistsocal .share.apple i{background:#FA2941}
/**/
.reartistarea{font-family: var(--roboto)}
.reartistarea .reartistlist{display: flex;align-items: center; flex-wrap: wrap;gap:  var(--size10); border-bottom: solid 1px #ddd;padding:  var(--size10);}
.reartistarea .reartistlist figure{width: var(--size70); height: var(--size70);background: var(--grayd);border-radius: var(--borderradius8);overflow: hidden;box-shadow: var(--boxshadow);border: solid 3px var(--white);}
.reartistarea .reartistlist .reartistinfo{width:74.2%;display: flex;flex-direction: column;gap: var(--size8)}
.reartistarea .reartistlist .reartistinfo big{font-weight: var(--size500); font-size: var(--size14);}
.reartistarea .reartistlist .reartistinfo big a{color: var(--drakblack)}
.reartistarea .reartistlist .reartistinfo small{ font-size: 14px; color: var(--gray777); font-family: var(--roboto);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.reartistarea .reartistlist .reartistinfo small b{color: var(--drakblack)}
.reartistarea .reartistlist .reartistinfo small.link a{color: var(--blue); text-decoration: underline}
/**/
.no-event{padding: 25px 15px; text-align: center; font-family: var(--roboto);color: var(--drakblack)}
.no-event figure{width: 127px;height: 90px;margin: 0 auto;}
.no-event big{ font-size: 22px; font-weight: var(--size500);padding-bottom: var(--size10);display: block}
.no-event p{ font-size: 15px; color: var(--gray777);padding-bottom: var(--size10);display: block}
.no-event p strong{font-weight: var(--size500); color: var(--drakblack)}


 /* Muru End */
@media only screen and (max-width : 370px) {
  
}
 /* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
.msite-nav{width: 80%}
.event-card .event-img figure{height: 100%;}
.event-card .event-img img{width: 100%}
.widgetsheet .widgetsheet-inner .modal-footer .footercta, .tkt-header .tkt-info, .tktlevlarea{width: 100%;}
.tkt-header .tkt-info .title {padding-right: var(--size40);font-size: 16px;}
.tktlevel-body{margin-bottom: 55px;}
.category-wrapper{padding: var(--size40) 0;}
.accordionmenu{padding: var(--size15) 0} 
.citilinkarea .citilinkwarp .citilink ul{display: grid;grid-template-columns: repeat(1, 1fr)!important;}
.download-app {right: -70px;}
.download-app:after, .download-app:before{left: 72%;}
.menushow .mainmenuwarp {transform: translateX(0);width: 100%;}
.formcta{position: static;}
.formcta a{display: block;margin-top: 5px;}
.pannelhd .citiselect input[type="text"]{padding-right: 0}    
.neighborblock .mdgird-card{width: 330px;}
    
    
 }
 /*----iphone---*/
@media (max-width : 640px) { 
header .logo a{width: 100px;height: 26px;    background-position: left top;} 
header .logo{width: 28px;overflow: hidden;height: 26px;} 
.searcharea {display: block;} 
.buzzlocation span, .mobilesearch span{display: none}
.tab span{ overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;flex-wrap: nowrap;}

.eventinfodetls .eventinfolist i {width: var(--size40);height: var(--size40);}
.eventinfodetls .eventinfolist .info{gap: var(--size5);}
.eventinfodetls .eventinfolist .info b{font-size: 14px;}

.buyticktarea .btun{padding: var(--size10)}
.orgarea .orginfo, .performerarea{flex-wrap: wrap}
.eventcard .evehighlightslt .evehighlight, .orgarea .orginfo .orgdetals, .orgarea .orginfo .orgaction, .performerarea .artistcard{width: 100%}
.tkt-info .venueinfo ul{ flex-direction: column}
.tkt-info .venueinfo ul li i{flex-shrink: 0} 
.global-event .global-eventlist .event-info .title{font-size: 17px;}
.global-event .global-eventlist .event-info .date{font-size: 14px;}
.global-event .global-eventlist .event-info .location, .global-event .global-eventlist .event-info .lineup a{color: var(--gray777)}
 
.listype-a .global-event .global-eventlist .event-img, .listype-a .global-event .global-eventlist .eventcardarea .artistarea{-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;width: 100%;}
.listype-a .global-event .global-eventlist .maintitle{text-align: center; background: #f9f9f9;-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;border: solid 2px white; border-bottom: 0} 
.listype-a .global-event .global-eventlist .eventcardarea .artistarea .event-info{padding:var(--size10);}
 .listype-a .global-event .global-eventlist .eventcardarea .artistarea .action{padding: 0 var(--size10) var(--size10);}
.listype-a .global-event .global-eventlist .event-img{ background: #f9f9f9; border: solid 2px white; border-top: 0;padding: 15px;}
.listype-a .global-event .global-eventlist .event-card-actions{display: none}
.listype-a .global-event .global-eventlist .event-img figure{width: 120px; height: 120px;margin: 0 auto; border-radius: 50%;box-shadow: var(--boxshadowa);border: solid 3px var(--white);}
.listype-a .global-event .global-eventlist .event-img figure img{width: 120px; height: 120px;margin: 0 auto; border-radius: 50%}
.pannelwarp{width: 100%;border-radius: 0;margin: 0;height: 100%;}
.noeventsarea .noevents{flex-direction: column}
.pannelhd .citiselect select {width:35%;}
.search-suggest-hd {width: 95%;border: 1px solid #ccc;border-radius: 10px;box-shadow: none;left: 10px;top: 56px;}
.ftmenutwo ul li .app{display:inline-block;padding: 5px 0}
.citilinkarea .citilinkwarp .citilink ul{display: grid;grid-template-columns: repeat(1, 1fr)!important;}
.mdgird-card .event-info {width: 62.6399%;}
 
.mobi-bottomsheet .modal-body .mobiclose{right: 35px;}
.mobi-bottomsheet .modal-body .mobiimg {display: none}
.mobi-bottomsheet .modal-body .mobiaction{width: 100%}
.mobi-bottomsheet .modal-body .mobiaction .download-txt{padding: 25px 0 0}
.mobi-bottomsheet .modal-body .mobiaction .download-txt .title{font-size: var(--size20)}
.mobi-bottomsheet .modal-body .downloadstorearea{overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;flex-wrap: nowrap;justify-content: flex-start;padding:25px 10px;}
    
.tktcontainer-headwarp .tktcontainer-head{padding: var(--size10);gap: 5px;}
.tktcontainer-headwarp .tktcontainer-head .tkt-info .venueinfo ul{gap: 5px;}
.tktlevlist .tktlevlisthd .tkt-quantity{width: 30%;}
.tktlevlist .tktlevlisthd .tkt-name {width: 70%;line-height: 18px;font-size: 14px;padding-right: 20px;}
/*.tktlevlist .tktlevlisthd{align-items: flex-start;}*/
.tktlevlist .tktlevlistbd .showlessarea {font-size: 12px;}
    
.eventinfoarea .eventinfo h1{font-size: 20px;line-height: 22px;}
.eventinfoarea .eventinfo {padding: var(--size15) 0 0;}
    
.eventinfodetls .eventinfolist time {line-height: 17px;font-size: 13px;}    
.eventbannerwarp .eventbanner .bannerbg{display: none}
.eventbannerwarp .eventbanner{border-radius: var(--size8)}
.eventbannerwarp .eventbanner .event-card-actions{top: auto; bottom: 0;background: var(--white);-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 0 10px;} 
.eventbannerwarp .eventbanner .event-card-actions:before, .eventbannerwarp .eventbanner .event-card-actions:after{content: "";position: absolute;bottom: 0;height: 35px;width: 10px;border-top: none;background-color: transparent;z-index: 1;box-shadow: 0 10px 0 0 var(--white);}
.eventbannerwarp .eventbanner .event-card-actions:before{border-radius: 0 0 20px 0;border-left: 0;right: 100%;}
.eventbannerwarp .eventbanner .event-card-actions:after{border-radius: 0 0 0 20px;border-right: 0;left: 100%;}
.eventbannerwarp .eventbanner .event-card-actions i{width: var(--size30);height:35px;border: 0;background: transparent;}
    
    
.eventinfodetls .eventinfolist.one i, .eventinfodetls .eventinfolist.two i, .eventinfodetls .eventinfolist.three i{background: #EAEEFC;}
.eventinfodetls .eventinfolist.one i svg, .eventinfodetls .eventinfolist.two i svg, .eventinfodetls .eventinfolist.three i svg{fill: #4E6786;}

.sponsors-area .sponsors-listarea {flex-wrap: nowrap;overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;padding: 5px}
.sponsors-area .sponsors-list{flex-shrink: 0; width: 200px;}
    
.aboutdetals{padding: 10px}
.tktlevlist{border: solid 1px #ddd; box-shadow: none;margin-bottom: 15px;}

.scroll-percentage {display: none}
.eventfreedetail .venuedetals{width: 100%;}
.announcementarea .announcementinfo{gap: 5px;}
.announcementarea .announcementinfo b{font-size: 16px;}
.announcementarea .announcementinfo span {line-height: 22px;}
.csshape{position: static;background-image:none; width: 100%;padding: 0;height: auto;}
    
 }
 /**/
 
 /**/
@media only screen and (min-width : 569px) and (max-width : 640px) {

 }
 /*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) { 
.mdgird-card .event-info {width: 62.6399%;}
}
 /*----high end windows phone---*/
@media only screen and (max-width : 768px) {
.mobilehide {  display: none !important }
.mobileview {  display: block !important }
.buzzlocation i svg{width: 18px; height: 15px;}
.mobilesearch a svg{width: 15px;height: 16px;}
.mobilesearch{display: flex;border: 1px solid #d4e5ff;border-radius: 4px;background: var(--white);flex-shrink: 0;}
.mobilesearch a{display: flex;align-items: center;gap: 5px;color: var(--black);font-weight: 500;padding: 6px;} 
.buzzlocation a {padding: 5px;}
.searchwarp .mobilesearch i{position: static}
.searchwarp{display: none}
.searchwarp{width: 100%}

.tourdescinfo{-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;min-width: 100%;}
.tourdescinfo{padding-bottom: 0;margin: 0;border: solid 1px white; border-top: 0} 
.tourdescinfo .tourdateloc{overflow: hidden;height: var(--size100);align-items: flex-start;}
.tourdescinfo .tourdateloc .mobilescrool{overflow-x: scroll;overflow-y: hidden;width: 100%;white-space: nowrap;flex-wrap: nowrap;gap:15px;display: flex; height: 115px;}
.eventpastdetail, .eventdetailmain{background: var(--white);padding-bottom: 0;}
    
.eventdetailmain .discover-eventswarp{padding-top: 0}
.eventdetailmain .discover-titlewarp{padding: 15px;}
.eventdetailmain .discover-titlewarp .title{font-size: 20px;line-height: 22px;margin: 0}
    
.eventdetailmain .row > *{padding: 0}
.eventpastdetail .row > *{padding: 0}
/*.eventbannerwarp {margin-top: 15px;}*/
.eventbannerwarp .eventbanner figure{height: auto}
.eventbannerwarp .eventbanner figure img{height: 195px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}    
    
.eventinfodetls{margin: 0}
.eventinfoarea.detailinfo{margin-top: 0;}
.eventinfoarea, .eventcard{box-shadow: none;}
.eventcard{margin-bottom: 0}
.eventcard .card-title{color: var(--black)}
.eventinfoarea .eventinfo h1{padding:15px 15px 0}
.batch{margin-left: 15px}
.eventinfodetls .eventinfolist{width: 100%;align-items: flex-start;padding:15px; border-bottom: solid 1px #ddd}
.eventinfodetls .eventinfolist:last-child{border-bottom: 0;padding-bottom: 0}
.aboutdetals p img{width: auto}
.eventdetailmain .col-lg-4 .buyticktarea{position: fixed;bottom: 0;top: auto;width: 100%;z-index: 101;left: 0;border-radius: 0;min-height: auto;padding: var(--size15);}
.faqarea{padding: 30px 0}
.faqarea .faqsectionwarp .faqleft, .faqarea .faqsectionwarp .faqcontent{width: 100%}
.promo-carselwrap{padding:0 0 var(--size15)}
.promo-carselwrap .item figure{width: 100%; height: 100%}
.crossbg, .discover-eventswarp, .promoblock-a{padding: var(--size30) 0;margin: 0}
.herotitle h1, .cardtitlewarp .title, .discover-titlewarp .title{font-size: 24px;line-height: 26px;}
.cardtitlewarp .sotdesc{padding-top: var(--size10)}
.cardtitlewarp .sotdesc p {line-height: var(--size20);} 
.global-eventwarp .discover-titlewarp .changeloca{margin: var(--size10) 0}
 
.artistblockarea .artistlistwarp, .cross-linkarea {justify-content: flex-start;overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;
white-space: nowrap;flex-wrap: nowrap;padding: 0 0 var(--size15)}
.artistblockarea .artistlistarea, .cross-link {justify-content: flex-start;width: 500px;white-space: wrap;flex-wrap: wrap;padding: 0 0 var(--size15)}
.artistblockarea .artistlistarea{width: 1000px;}

.filtercontarea{height: auto}
.filtercontarea .filterdesc .content .filterdate .form-group{width: 100%}

.herofillerarea{width: 100%}
.herofillerarea .herofiller .herofillerlt{display: none}
.herofillerarea .herofiller .herofillerrt{-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;min-width: 0;}
.herofillerarea .herofiller .herofillerrt .filterarea{justify-content:flex-start}
.herofillerarea .herofiller{background: transparent; padding: 0}

.metrodescarea .metrodesc{width: 100%}
.metrodescarea .metrodesc .desc{padding-right: 0;height: 60px;overflow-x: hidden;overflow-y: scroll;}
.metrodescarea .metroimg{display: none}
.citilinkarea .citilinkwarp .citilink{overflow-y: scroll;overflow-x: hidden;height: 200px;}
.citilinkarea .citilinkwarp .citilink ul{display: grid;grid-template-columns: repeat(3, 1fr);}
.global-event .global-eventlist .event-img .sharearea{bottom: 10px;}
.listype-a .global-event .global-eventlist .event-img .sharearea{bottom: 0;}
.metrodescarea .metrodesc .title big {font-size: 26px;} 
.listype-a .global-event .global-eventlist .event-info span{flex-wrap: wrap}
.tourdescinfo .tourdateloc span{width: auto}
.download-section .download-txtarea .download-txt .title, .notitle, .discover-titlewarp .maintitle {font-size: 24px;padding-bottom: var(--size20);}

.buyticktarea{flex-direction: row;}
.buyticktarea.levelseat .btun {width: 100%;}
.buyticktarea.levelseat .pricerange{display: none}
.buyticktarea .btun{background-color:var(--red);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}    
.buyticktarea .pricerange{width: 50%;flex: 0 0 auto;align-items: flex-start; flex-direction: column;display: flex;}
.buyticktarea .btun {width: 50%;}
.buyticktarea .pricerange b {font-size: 20px; padding-top: 5px}

.checkoutarea{flex-direction: column;}
.tktbottomsheet .modal-footer{padding: 10px;}
.checkoutarea .moreinfo, .tktbottomsheet .modal-footer .footercta, .priceamountarea{width: 100%;}
.priceamountarea{justify-content: space-between;}
.seataction{width: 100%}

.orderdialog .order-inner{min-width: 100%;}
.orderdialog .order-body .level-list{font-size: 15px;}
.orderdialog .order-body .level-list .leavel {width: 75%;line-height: 20px;flex-wrap: wrap}

.eventcard .evehighlightslt .evehighlight .highlightslt big {color: var(--black);}

.widget .widgetsource{flex-direction: column;padding: 0;}
.widget .widgetsource span{margin: 15px 0 0 0;}
.widget .widgetsource>img{-ms-transform: rotate(90deg);transform: rotate(90deg);width: 50px;margin: 15px 0}
.widget .event_name, .widget .widgetsource_text{font-size: 16px;}
    
.tktlevelarea{width: auto}
.tktlevelarea .seatlabel {padding: 15px 0 0 15px;}
.checkoutarea .moreinfo{gap:5px}
.checkoutarea .moreinfo span{font-size: 12px; font-weight: 400}
.checkoutarea .moreinfo .__ticket__Qi-fNrnS4H{display: none}
.checkoutarea .moreinfo .__ticketIcon__4cVRhelgB9, .checkoutarea .moreinfo .__ticketIcon__4cVRhelgB9 .icon{width: 16px;height: 16px;}
.checkoutarea .moreinfo .__counterX__kzuHgAMPtx{font-size: 14px;}
.checkoutarea .moreinfo .__counter__tNpqyOFlZq span.__counterNumber__7697iuNoE-{font-size: 12px; font-weight: 500}
.checkoutarea .moreinfo .__counter__tNpqyOFlZq{width: auto;height: auto;}
    
.preregisterarea .preform{width: 100%;}    
.eventinfodetls .eventinfolist.one, .eventinfodetls .eventinfolist.two, .eventinfodetls .eventinfolist.three {width: 100%}    
.videothump ul {height: 100px;flex-wrap: nowrap;overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;padding: 5px;}
.whybuyarea  {flex-wrap: nowrap;overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;padding: 5px;}  
.eventcard .evehighlightslt{padding-bottom: 0}
.faqarea .faqsectionwarp{padding: 0}
 }
 /**/
 @media (min-width: 992px) {


 }
 /*----iphone---*/
 @media (max-width: 991px) {
.mobilehide {display: none !important }
.mobileview {display: block !important }
.mainsearch{padding: 15px;width: 100%}
.searchwarp i{top: 20px;right: 20px;}
.searchwarp  { position: fixed!important; right: -30px; top:0; width: 100%; z-index: 9999; background-color: #fff; color: #7f7f7f; height: 100%; display: block; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); transform: translateX(1000px); -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); -ms-transform: translateX(1000px); -o-transform: translateX(1000px); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; border-top: 1px solid rgba(51, 51, 51, 0.25);overflow-x: hidden;overflow-y: auto; display: block!important;margin-top: 0;}
.searchwarp.open { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);right: 0;top: 0;margin: 0;box-shadow: none;} 
.searchwarp .search-sugges {box-shadow: none;min-width: 500px;position: static;} 
.searchwarp .mobilesearch{border-bottom: solid 1px #ebebeb;padding: 15px;display: flex;justify-content: space-between;align-items: center;} 
.searchwarp.open .hdsearch{border-radius: 0;padding: 10px;margin: 10px;width: 95%;}
.searchwarp.open a.btun{display: none} 
.searchwarp .dialogtitle {font-size: 20px;font-weight: 600;letter-spacing: .5px;text-align: left;color: var(--black);} 
.secondarynav ul {overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;}

.notitle, .global-event, .herofillerarea {width: 100%}
.global-event .global-eventlist .event-img figure {width: 100%;height: 180px;}
.global-event .event-card-actions{opacity: 1}
  
  /**/
.global-event .global-eventlist .eventcardarea .artistarea .event-info, .global-event .global-eventlist .eventcardarea .artistarea .action {-webkit-flex-basis: 100%;-ms-flex-preferred-size:100%;flex-basis: 100%;padding-right: 0;}
.global-event .global-eventlist .event-img {min-width: 136px;width: 136px;-webkit-flex-basis: 136px;-ms-flex-preferred-size: 136px;flex-basis: 136px;padding: 10px 0 10px 10px;}
.justlisted .global-event .global-eventlist .event-img {min-width: 110px;-webkit-flex-basis: 110px;-ms-flex-preferred-size: 110px;flex-basis:110px;}
.global-event .global-eventlist .event-img figure a:before{display: none}
.global-event .global-eventlist .event-img figure img {background-size: 100%;width: 100%;height: 180px;border-radius: var(--size6);}
.global-event .global-eventlist:hover .event-img figure img{transform: none;}
.global-event .event-card-actions {position: static;opacity: 1;background: var(--grayb);margin-top: var(--size5);display: flex;padding: var(--size5);border-radius: var(--size6);justify-content: center;}
.global-event .global-eventlist .eventcardarea .artistarea {display: flex;-webkit-flex-basis:75%;-ms-flex-preferred-size:76%;flex-basis: 75%;flex-wrap: wrap;width:75%;}
.global-event .global-eventlist .action a {padding: 5px 20px;}  
.global-event .global-eventlist .eventcardarea .event-info {-webkit-flex-basis: 66%;-ms-flex-preferred-size: 66%;flex-basis: 66%;padding-right: 0;    padding: var(--size10);}
.justlisted .global-event .global-eventlist .action, .global-event .eventcardarea.eventcardareafull .action, .global-event .global-eventlist .actionarea{-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;    background: rgb(247 248 253 / 44%);border: solid 1px white;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top: solid 1px var(--grayddd);}
.global-event .global-eventlist .price {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;align-items: center;flex-direction: row;}
.global-event .global-eventlist .action {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;}
/**/
.download-section{margin: 0}
.download-section .appimg {display: none;}
.download-section .download-txtarea .downloadstorearea .appstore{min-width: 100%;}
.download-section .download-txtarea .downloadstorearea .or{margin: -20px 0}
.download-section .download-txtarea .downloadstorearea{flex-direction: column}
/**/
.tab-op span {overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;}
.seatscontainer-body{width: 100%;height: 80%} 

.priceamountarea .btun .timecount{display: block}
.orderdialog .order-action .btun .timecount{display: block}
.tktcontainer-body{padding: 10px;width: 100%}
 
.pastinfoarea{flex-direction: column;gap: 15px;}
     
/*.timer{display: none}*/
.timer .timetitle{display: none}   
     
     
 }
 /*----ipad---*/
 /**/
 @media only screen and (max-width : 1024px) {
     
iframe {width: 100% !important;height: 250px;}
.padhide{display: none }
.mainnavwarp{display: none}  
.mobinav{display: block;}
.mobinav .submenu { background:#f1faff}
.mobinav .submenu ul{padding: 5px 0}
.mobinav .submenu ul li{ border-bottom: 0}
.mobinav .submenu ul li a{padding: 10px 15px;} 
.logowarp span { display: block}  
.category-wrapper .category-list, .category-wrapper .category-lista{width: 100%;white-space: nowrap;flex-wrap: nowrap;padding: var(--size15); overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;}
.breadcrumb {overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;flex-wrap: nowrap;}
.global-event .global-eventlist .action a {padding: 5px 20px;font-size: 14px;}
.global-event .global-eventlist .price, .global-event .global-eventlist .action {padding: 0;gap:5px}
.global-event .global-eventlist .price span{font-size: 14px;}
.global-event .global-eventlist .price b {font-size: 18px;}
.event-card:hover .event-img figure img {transform: none;}
.citilinkarea .citilinknav span{overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-ms-overflow-style: none;width: 100%;white-space: nowrap;}
  
/**/
  
/*
.loginwrp{}  
.loginwrp ul{gap:5px}
.loginwrp ul li{border: 0;padding: 0}
.loginwrp ul li a{border: 0;border-radius: 4px;padding: 0}
.loginwrp ul li i{display: flex;border: 1px solid #d4e5ff;border-radius: 4px;background: var(--white);flex-shrink: 0;padding: 5px}
.loginwrp ul li b{display: none}
.loginwrp ul li.postad i{background: transparent;}
.loginwrp ul li.selltickets a, .loginwrp ul li.postad a{padding: 0; border-radius: 4px; }
.loginwrp ul li.selltickets a i, .loginwrp ul li.postad a i{border: 0}
*/
 /**/
.shareicon{display: flex;margin-bottom: 0;flex-direction: column;padding: 0 15px;gap:var(--size20)!important}
.shareicon .share{background: var(--white);margin-right:0;text-align: left;}
.shareicon .share a{display: flex;align-items: center;        gap: 10px;} 
.shareicon .share i{width:25px; height:25px;border-radius:4px;display: inline-flex; align-items: center;justify-content: center;padding: 4px}
.shareicon .share.more i{background:#666} 

.shareicon .share.mobileview{display: inline-flex!important;}
.shareicon .share.more, .shareicon .share b{display: block} 
  
 }
 /**/
 @media only screen and (min-width : 769px) and (max-width : 1024px) {
.notitle, .global-event, .herofillerarea {width: 100%}
.global-event .global-eventlist .event-img figure {width: 100%;height: 100%;}
.global-event .event-card-actions{opacity: 1}
  .citilinkarea .citilinkwarp .citilink ul{display: grid;grid-template-columns: repeat(3, 1fr);}
 }
 /*----netbook---*/
 @media only screen and (min-width : 1024px) and (max-width : 1280px) {}
 /*----ultrabook---*/
 @media only screen and (min-width : 1025px) and (max-width : 1280px) {
.rightsectionholder{gap: 10px;}
.rightsectionholder .menumain{gap: 5px;}
.rightsectionholder .menumain span{font-size: 14px;}
.searchwarp{margin-left: 10px;}
.mainsearch{width: 300px}
.secondarynav ul li {padding: 10px 8px;font-size: 12px;} 
.herofillerarea{width: 1110px;}
.notitle, .global-event {width: 1110px;margin: 0 auto;}
.global-event .global-eventlist .event-img figure {width: 216px;}
.category-wrapper .category-list .category-item {width: 168px;}
.citilinkarea .citilinkwarp .citilink ul{display: grid;grid-template-columns: repeat(3, 1fr);}
  
.mdgird-card .event-info{width: 63.6399%} 
.mdgird-card .gridinfoarea .event-img, .mdgird-card .gridinfoarea .event-img figure {width: 80px;}  
.mdgird-card .promo .tooltip {right:-70px;z-index: 1;}
  
  } 
 /*----ultrabook---*/
 @media only screen and (min-width : 1281px) and (max-width : 1366px) { 
.rightsectionholder{gap: 10px;}
.rightsectionholder .menumain{gap: 5px;}
.rightsectionholder .menumain span{font-size: 14px;}
 
.searchwarp{margin-left: 10px;}
.mainsearch{width: 300px}
.secondarynav ul li {padding: 10px 8px;font-size: 12px;} 
.category-wrapper .category-list {gap: var(--size10);}   .category-wrapper .category-list .category-item {width: 176px;padding: 10px}
.category-wrapper .category-list .category-item figure{width:var(--size80);height: var(--size80)}
.category-wrapper .category-list .category-item a{padding:7px 10px;text-align: center}
.event-info span{font-size: 13px;}

.herofillerarea{width: 1110px;}
.notitle, .global-event {width: 1110px;margin: 0 auto;}
.global-event .global-eventlist .event-img figure {width: 207px;height: 140px;}
.mdgird-card .event-info{width: 63.6399%} 
.mdgird-card .gridinfoarea .event-img, .mdgird-card .gridinfoarea .event-img figure {width: 90px;}
.artistblockarea .artistlistwarp .artistlist {min-width: 316px;}
     
     .seatscontainer-body{height: 80%}
  
  
 }
 /*   */
 @media only screen and (min-width : 1367px) and (max-width : 1512px) {}
 /*----large desktop---*/
 @media only screen and (min-width : 1367px) and (max-width : 1680px) {}