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

/*********************************/
/*<!-- Color style variable declaration -->*/
/*********************************/ 
:root {
 /* Font Variables */ 
 --roboto:'Roboto', sans-serif;
	--poppins: 'Poppins', sans-serif;
 --fontsize: 14px; 
 /*font weight*/
 --weight100:100;
--weight300:300;
--weight400:400;
--weight500:500;
--weight600:600;
--weight700:700;
--weight800:800;
--weight900:900;
/*  button color*/
 --white:#fff;
 --drakblack:#000; 
 --black:#212121; 
 --blue:#1b70e9;
 --green:#08a182;
 --orange:#ff7e00;
 --red:#ec4758;
 --yellow:#FDBA17; 
 --yellowa:#ff0; 
 
 --grayeee: #eee;
 --grayccc: #ccc;
 --grayddd: #ddd; 
 --gray333: #333; 
 --gray555: #555;
 --gray666: #666;
 --gray777: #777;
 --gray888: #888;
 --gray999: #999;
 
 --gray-a: #f5f5f5;
 --gray-b: #F4F4F4;
 --gray-c: #F7F7F7;
 --gray-d: #E6E6E6;
 --gray-e: #E5E5E5;
 --gray-f: #CECECE;
 --gray-g: #C7C7C7;
 --gray-h: #E0E0E0;
 --gray-i: #D9D9D9;
 --gray-j: #5B5B5B; 
 --gray-k: #f2f2f2;
 --drakblue: #425066;
 --tag:#007475;
 
 --link:#007BFF;
 
 --boxshadow: 0 0 10px rgb(137 173 255 / 35%);
 --borderradius:5px;
 --circle:50%;
  --downarrow: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' 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='%231AA260'/%3E%3C/svg%3E%0A"); 
 
}
/* 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: 100%; 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; }
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(--black); font: 400 14px/1 "Poppins", 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 <meta name="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);}
.body-fix {overflow: hidden;}

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: 18px;}
/* 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;}
select, input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea {width:100%;font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; background: var(--white); border: 1px solid var(--grayddd); 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 15px;border-radius: var(--borderradius);}

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;margin-bottom:10px;   /* Add custom arrow */}
/* Custom Scroll Bar :: BEGIN */
*::-webkit-scrollbar, *::-webkit-scrollbar-thumb { width: 5px;height: 0;border-radius: 13px;background-clip: padding-box;}
*::-webkit-scrollbar-thumb {box-shadow: inset 0 0 0 10px;color: transparent;}
*:hover::-webkit-scrollbar-thumb {color: rgba(0, 0, 0, 0.5);}
* {scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1);scrollbar-width: thin;}
/* print */
@media (max-width: 768px) {
    *::-webkit-scrollbar {display: none;}
}
/* 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; }
} 
.otherhide{display: none;}
/*============================================  ============================================*/
.margin10r{margin-right:10px;}
.margin20t{margin-top: 20px;}
.margin20b{margin-bottom: 20px;}
.margin20tb{margin: 20px 0;}
.pad20t{padding-top:20px;}
.pad20b{padding-bottom:20px;}
.pad20l{padding-left:20px;}
.pad20r{padding-right:20px;}
.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); }
/*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 body, .blurbody 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: #000;z-index: 998;opacity: 0.5;filter: alpha(opacity=80);display: none;   }
@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:16px; 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;font-family: "Roboto", sans-serif;}
/*.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;}
/**/
/*=================================================================================
Grid CSS
=================================================================================*/
/*  Grid Started  */
.container, .container-fluid {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;}
 
}
@media (min-width: 1400px) {
.container {max-width: 1500px;}
}
.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%;}
} 
h1{font-size:36px;line-height:42px;}
h2{font-size:30px!important;line-height:36px!important;}
h3{font-size:24px;line-height:30px;}
/*============================================ checkbox & radio Start ============================================*/
#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}
.logo a, .logo{display: block; height: 40px; width: 120px;}
.logo a{text-indent: -9999px; background: url("../images/sulekhalogo.svg") 0 0 no-repeat;background-position: left center;background-size: 100%; display: block;}
.loginwrp {/*border-left: solid 1px var(--grayccc);*/}
.loginwrp ul{ display: flex; justify-content: flex-end;align-items: center}
.loginwrp ul li{position: relative;padding: 10px;font-size: 15px;font-weight: var(--weight500);}
.loginwrp ul li i{fill:var(--white);padding-left: 5px;}
.loginwrp ul li.active i svg{fill:var(--white);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
 

/**/
.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(--weight400)}
.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(--weight400);}
.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(--weight500);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}
/**/
.topsec{margin: 30px 0;}
.herotitle{ font-family: var(--poppins); font-size:36px; font-weight:var(--weight700); color: var(--black);margin-bottom: 20px;display: flex;align-items: center; gap:10px;}
.list-title{ font-family: var(--poppins); font-size:18px; font-weight:var(--weight500); color: var(--black);margin-bottom: 20px;display: flex;align-items: center; gap:10px;}
/**/ 
.featuredwrp{position: relative}
.featuredwrp figure{height: auto;position: relative}
.featuredwrp img{border-radius: var(--borderradius);width: 100%;height: 100%}
.featuredwrp .blogdetails{background: var(--white);width: 95%;margin: 0 auto;padding: 20px;box-shadow: var(--boxshadow);position: absolute;bottom:25px;left: 20px;}

.featuredwrp .blogdetails:before {display: block;transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(-50deg) scaleX(1) scaleY(1);content: "";position: absolute;height: 100%;width: 20px;top: 12px;left: -20px;background-color: rgb(230 230 255);}

.title-a, .title-b, .title-c{ font-weight: var(--weight600);padding-bottom: 15px;}    
.title-a a, .title-b a, .title-c a{color:var(--black)}
.title-a a:hover, .title-b a:hover, .title-c a:hover{color:var(--link)}
.title-a{ font-size: 36px;}
.title-b{ font-size: 28px;}
.title-c{ font-size: 20px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blogdetails{padding:0 20px 10px; border-bottom: solid 1px var(--grayddd);margin-bottom: 15px;}
.blogdetails.buzzdetails{padding: 0 0 20px;}
.blogdetails p{ font-size: 16px;padding-bottom: 20px; color: var(--gray777);line-height: 24px;}
.cattag{display: inline-block;margin-bottom: 10px;color: var(--white);font-size: 13px; font-family: var(--roboto)}
.cattag b{background: var(--tag);border-radius:4px;padding: 2px 10px;}
.cattag b a{color: var(--white)}
.buzzaction{display: flex;justify-content: space-between;}
.buzzaction .timetag b{ color: var(--gray777);font-size: 16px;}
.buzzaction .timetag {padding-bottom: 10px; display: flex;}
.buzzaction .timetag svg{fill: #878d9b;}
.buzzaction .timetag a{color: var(--link);display: inline-block; border-radius: 20px; font-size: 14px;margin: 0 5px 0;text-decoration: underline}
.buzzaction .timetag a:hover{text-decoration: none;color: var(--black);}
.buzztitle .moreread{text-align: right;margin:0;}
.moreread{font-weight: var(--weight600);text-align: center;margin: 15px 0;text-decoration: none;color: var(--gray555);display:flex;justify-content:center;}
.moreread a{color: var(--gray666);text-decoration: none;background: var(--white);padding: 10px 20px;border-radius: 4px;border: solid 1px var(--grayddd);}
.moreread i svg{-webkit-transform: rotate(268deg);transform: rotate(268deg);}
.moreread i svg.less{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.buzztitle{display: flex;gap:10px;margin-bottom: 15px;}
.buzztitle figure{width: 150px; height: 130px;background: #f5f5f5}
.buzztitle figure img{object-fit: cover;height: 100%;border-radius: var(--borderradius)}
.buzztitle .title-a{flex: 1}
.buzzdetal{flex: 1}
.latestwarp{background: var(--gray-a);padding: 30px 0;}  
.latestwarpa{background: var(--gray-d);padding: 30px 0;}
.buzzcard{margin-bottom: 25px;}
.latestwarp .buzzcard, .latestwarpa .buzzcard{margin-bottom: 25px;background: var(--white); box-shadow: var(--boxshadow);padding: 15px; border-radius: 4px;}
.buzzcard figure{margin-bottom: 15px;width: 100%}
.buzzcard figure img{width: 100%;min-height:150px;max-height:150px;}
.buzzcard .buzztitle{flex-direction: column}
.buzzcard .buzztitle .cattag{margin: 0;}
.buzzcard .buzztitle .title-b{font-size: 18px;line-height: 24px;height:48px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.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;height:72px;}
.buzzcard .buzztitle p .moreread{font-size: 14px;color: var(--black)}
.videowarp .buzzcard{padding: 15px;}
.videowarp .buzzcard figure{position: relative}
.videowarp .buzzcard figure .video-icon {width: 46px;height: 46px;border-radius: 50%;-webkit-border-radius: 50%;background-color:var(--red);position: absolute;z-index: 1;display: block;top: 50%;left: 50%;margin-top: -23px;margin-left: -23px;cursor: pointer;}
.videowarp .buzzcard figure .video-icon:after {content: '';display: block;position: absolute;width: 0;height: 0;border: solid transparent;border-width: 15px 25px;border-left-color:var(--white);top: 50%;left: 50%;margin-top: -15px;margin-left: -8px;}    
/**/
.buzzlisthd .buzztag span{border-color: var(--white)}
/**/
.buzzlisthd{background: url("../images/blog-ls.jpg") 0 0 no-repeat; background-size: cover;position: relative;z-index: 1;margin-bottom: 35px;padding: 15px 0}
.buzzlisthd:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, #1c0087, #9a00b0);opacity: 0.7;z-index: -1;}
.buzzlisthd .herotitle{text-align: center;color: var(--white);margin-bottom: 0;width: 70%;margin: 0 auto; line-height: 50px;display: block}
.buzzlisthd .buzztag span{border: 0}
.buzztag{ display: flex;gap:15px; flex-wrap: wrap;padding: 20px 0}
.buzztag span{ border: solid 1px var(--gray999); border-radius: 20px; font-size: 15px;display: block;background: var(--white)}
.buzztag span:hover{background: var(--red);border-color: var(--white)}
.buzztag span:hover a{color: var(--white)}
.buzztag span.active{background: var(--red);border-color: var(--white)}
.buzztag span.active a{color: var(--white)}
.buzztag span a{display: block; color: var(--gray666);padding: 8px 20px;} 
.buzztag-more{padding:20px 0;}
.buzztag-more ul{margin:0px;padding:0px;display:flex;flex-direction:row;flex-wrap:wrap;}
.buzztag-more ul li{margin:0 1rem 1rem 0;padding:0px;list-style:none;position:relative;}
.buzztag-more ul li a{border: solid 1px var(--gray999); border-radius: 20px; font-size: 15px;display: block;background: var(--white);padding:8px 15px;display:flex;align-items:center;}
.buzztag-more ul li a i{height:12px;margin:0 0 0 3px;}
.buzztag-more ul li a:hover{background: var(--red);border-color: var(--red);color:var(--white);}
.buzztag-more ul li a.active{color: var(--white);background: var(--red);border-color: var(--red);}
.buzztag-more ul li .drop-down-list{display:none;padding:10px 0 10px 5px;position:absolute;top:33px;left:11px;border:solid 1px #e4e4e4;height:220px;overflow-y:scroll;width:200px;background-color:#fff;}
.buzztag-more ul li:hover .drop-down-list{display:block;}
.buzztag-more ul li .drop-down-list ul{margin:0px;padding:0px;display:flex;flex-direction:column;}
.buzztag-more ul li .drop-down-list ul li{margin:0px;padding:0px;list-style:none;}
.buzztag-more ul li .drop-down-list ul li a{display:block;font-size:13px;color:#000;border:none;padding:8px 10px;border-radius:0;}
.buzztag-more ul li .drop-down-list ul li a:hover{border-radius:0;color:#fff;}
.buzztag-more ul li .drop-down-list ul li a:hover i svg{color:#fff;}
/**/
.buzzlisthd .socialmediums{display: flex;justify-content: center;align-items: center;gap:10px; }
.buzzlisthd .socialmediums label{font-size: 14px;font-weight: normal}
.buzzlisthd .socialmediums ul{margin: 0}
.buzzlisthd .socialmediums ul li{position: relative}
.buzzlisthd .socialmediums ul li span{background: var(--white);position: absolute;top: -38px;font-size: 14px;line-height: normal;width: 130px;font-weight: 400;left: -50px;display: flex;align-items: center;gap: 5px; border-radius: 4px;padding: 3px 10px; justify-content: center;color: var(--black);box-shadow: var(--boxshadow);}

.buzzlisthd .socialmediums ul li span:before {position: absolute;bottom: -7px;left: 59px;display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #ccc;content: '';}
.buzzlisthd .socialmediums ul li span:after {position: absolute;bottom: -6px;left: 60px;display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #ffffff;content: '';}

.buzzlisthd .socialmediums ul li span svg{fill:var(--black)}
.buzzlisthd .socialmediums ul li a{display: block}
.buzzlisthd .socialmediums ul li a i{border-radius: 50%;width: 30px; height: 30px; background:#ffffff52;padding: 0}
.buzzlisthd .socialmediums ul li a i svg{fill:var(--white)}
/**/
.col-sm-12 .buzzdetalwarp{width: 70%;margin: 0 auto}
.col-lg-8 .buzzdetalwarp{width: 100%;margin: 0 auto}
.buzzaside{width:90%;position: sticky;top: 24px;bottom: auto;padding: 35px 20px;text-align: center;border-radius: 4px; border: solid 1px var(--garyddd);background: var(--white);box-shadow: var(--boxshadow);    margin-left: auto;}
.buzzaside span{display: block;color: #39364f; font-size: 20px;font-family: var(--poppins);font-weight:var(--weight600);padding:0 0 10px}
.buzzaside span em{color: var(--green)}
.buzzaside a{background: #d1410c;display: block;margin-top: 10px;padding: 10px 20px;font-size: 16px;}
.buzzaside a:hover{background: #f05537}
/**/
.buzzdetailswarp{margin: 30px 0}
.buzzdetailswarp .buzzdetitle{ font-size: 40px; font-weight: var(--weight600);line-height: 50px;}
 /**/
.metabox{border-radius: 11px;font-size:14px;display: flex;flex-wrap: wrap;justify-content:center;align-items: center;gap: 15px;margin: 25px 0 0; font-size: 16px;}
.metabox span{ display: inline-flex;align-items: center}
.metabox span.time{color: var(--white);} 
.metabox span.tag a{color: var(--white); text-decoration: underline;font-weight: var(--weight600); display: inline-block;padding-right: 3px;}
.metabox span.tag a:hover{text-decoration: none}
.metabox span svg{width: 20px; height: 20px; fill:var(--white);margin-right: 5px;}
.buzzdesc {}
.buzzdesc p, .buzzdesc div{ font-size: 17px!important; color: var(--gray666)!important;line-height: 26px; padding-bottom: 10px; font-family: var(--poppins)!important;text-align:justify;}
.buzzdesc p span{font-size: 17px!important; color: var(--gray666)!important; font-family: var(--poppins)!important}
.buzzdesc p:empty{display: none;padding: 0}
.buzzdesc span:empty{display: none}
.buzzdesc h2{font-size: 26px!important;font-weight: 600!important;padding: 10px 0;}
.buzzdesc h3{font-size: 22px!important;font-weight: 500!important;padding: 10px 0;}
.buzzdesc p b{padding: 0;display: inline-block;}
.buzzdesc div br, .buzzdesc p br, .buzzdesc div:empty{display: none;padding: 0;}
.buzzdesc b{font-size: 16px;font-weight: var(--weight600);padding: 5px 0 0;display: block;}
.buzzdesc strong{font-size:16px;font-weight: var(--weight600);padding: 5px 0 0;display: block;}
.buzzdesc figure{margin: 15px 0}
.buzzdesc ul{display: grid;grid-template-columns: repeat(3, 1fr);margin-left: 17px}
.buzzdesc ul li{font-size: 17px; color: var(--gray666);padding-bottom: 15px;list-style: disc;}
.buzzdesc ul li a{ color: var(--link)}
.buzzdesc .promo-img{margin:10px;}
.buzzdesc .promo-img figure{width:100%;height:500px;overflow:hidden;}
.buzzdesc .promo-img figure img{width:100%;height:auto;object-fit:cover;}
/*
.buzzdesc figure{width: 100%;text-align: center;margin-bottom: 15px;}
.buzzdesc iframe{width: 100%; height: 600px; margin: 15px 0}
*/
.videoblock{ display: flex; flex-wrap: wrap;padding-bottom: 15px;gap:10px;}
.videoblock figure iframe{width: 336px; height: 280px;}
/**/
.buzzlistwarp .buzzcard{margin-bottom: 40px;}
/**/
.socialshare{}
.socialshare label{font-size: 14px; padding-bottom: 5px;display: block}
.socialmediums{}
.socialmediums ul{ display:flex;align-items: center;justify-content: center;flex-direction: row;gap:10px;margin-top: 10px; } 
.socialmediums ul li a{color: #62646a}
.socialmediums ul li a:hover{text-decoration: underline}
.socialmediums ul li a i{border-radius: 4px;padding:5px 8px;display: inline-block;border: solid 1px #ddd;display: flex;align-items: center;justify-content: center;background: var(--white);margin: 0}
.socialmediums ul li svg{margin: 0}
.socialmediums ul li.fb i svg{fill: #3E5A99;}
.socialmediums ul li.in i svg{fill: #0577B5;}
.socialmediums ul li.tw i svg{fill: #60A9DD;}
.socialmediums ul li.ins i svg{fill: #B82CAA;}
.socialmediums ul li.wt i svg{fill: #0E9F16;}
.socialmediums ul li.lk i svg{fill: #212121;} 
/**/
footer{padding: 15px 0 0;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 a{color:#fff;}
.ftmenutwo ul li b{display: inline-block;margin-right: 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{width: 120px;}
.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.lk svg, .ftmenutwo ul li .share.tw svg{fill: var(--black);}
.ftmenutwo ul li a{}
.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}
    
/**/
#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-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;}
/* new hd*/
.topblockwarp{background:var(--gray-a);border-bottom: solid 1px rgb(137 173 255 / 25%)}
.topblockwarp.page-menu-stick{position:fixed;top:0;left:0;z-index:5000;width:100%;}
.topblock{ display: flex; justify-content: space-between;align-items: center}
.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(--weight500);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}

.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: 5001}
.msite-nav ul{}
.msite-nav ul li{font-size: 14px; border-bottom: solid 1px var(--grayddd)}
.msite-nav ul li a{padding:15px;position: relative;color: var(--gray777); display: flex}
.msite-nav ul li svg{margin-left: auto}

.msite-nav ul li .other-ser{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#FFFFDD;}
.msite-nav ul li .other-ser .single-ser{border-bottom: solid 1px var(--grayddd);width:100%;}
.msite-nav ul li .other-ser .single-ser:last-child{border-bottom:none;}
.msite-nav ul li .other-ser .single-ser a{display:flex;width:100%;font-size:14px;line-height:22px;color:#333;}
.msite-nav ul li .other-ser .single-ser a i{margin:0 10px 0 0;}
.msite-nav ul li .other-ser .single-ser a i img{width:20px;height:20px;}

.msite-nav ul li .app-promo{padding:15px 0 15px 0;background-color:#FAF3F0;}
.msite-nav ul li .app-promo p{font-size:15px;color:#000;padding:0 15px 10px 15px;}
.msite-nav ul li .app-promo a{padding:0 15px 10px 15px;}
.msite-nav ul li .app-promo a img{width:120px;}



.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;}
/**/
/*============================================ 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; width:100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:none }
.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-nav div {opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-color:var(--white); background-size:50%; display: block; height: 50px; overflow: hidden; margin: -15px 0 0; padding: 0; position: absolute; text-indent: -9999px; top:40%; background-clip: padding-box; background-repeat:no-repeat; background-position:50%; vertical-align:middle; width:50px; cursor:pointer; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; box-shadow:var(--boxshadow);border-radius: 50%}
.owl-carousel .owl-nav div.disabled{display: none}

.owl-theme .owl-nav .disabled { opacity:0; }
.owl-carousel.owl-theme:hover .owl-nav .disabled { opacity:0.5 !important }
.owl-carousel:hover .owl-nav div { opacity:1 }
.owl-carousel .owl-nav div.owl-next { background-image: url(../images/arrow-blc-rt.svg); right:0 }
.owl-carousel .owl-nav div.owl-prev { background-image: url(../images/arrow-blc-lt.svg); left:0 }
.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 ============================================*/
.mobinav {display: none}
.logowarp{display: flex; align-items: center}
.logowarp span{margin-right: 10px;}
/**/
.buzzcardinfo .buzztitle .title-b{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0}
.buzzcardinfo .buzztitle .title-b.tech{height:24px;}
.buzzcardinfo .lineaction{padding: 0}
.buzzcardinfo .lineaction.tech{padding:10px;margin:10px 0 0 0;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;background-color:#f9f9f9;}
.buzzcardinfo .lineaction.tech span{height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 13px;line-height: 20px;}
.imgwarp{display: flex; gap:10px;} 
.imgwarp .buzzinfo{flex: 1}
.imgwarp figure{ width: 100px; height: 80px;display:flex;align-items:center;}
.imgwarp figure img{height: 80px}
.imgwarp .buzztitle{margin-bottom: 0}
.imgwarp .lineaction{padding-bottom: 0}

.lineitems{}
.lineitems ul{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}
.lineitems ul.tech{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
.lineitems ul li:first-child{padding-top: 0}
.lineitems ul li{padding: 5px 0;color: #4E6786; font-size: 14px; display: flex;align-items: center;margin:0 10px 0 0;}
.lineitems ul li i{margin:0 5px 0 0;}
.lineitems ul li.date{color:var(--red);}
.lineitems ul li.date a{color:var(--red);}
.lineitems ul li i svg{fill:#B7BDCB}
.lineaction{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}
.lineaction .prices span{ color: var(--green); font-family: var(--poppins);font-weight:var(--weight600);font-size: 18px;}
.lineaction .prices span b{color: var(--gray666);font-weight: var(--weight400);font-size: 12px;display: block;padding-bottom: 5px;}
.lineaction .prices small{color: var(--green);font-weight: var(--weight400);font-size: 12px;display:inline-flex;align-items: center;background: #D1F3DF;padding: 5px 10px;border-radius: 20px;}
.lineaction .prices small.sellingfast{background: #FEEEEF;color: #FF5962}
.lineaction .prices small svg{width: 10px; height: 12px;margin-right: 5px;fill: var(--green)}
.lineaction .prices small.sellingfast svg{fill: #FF5962}
/**/
input.fieldstyledinput{border: 0;border-radius: 0;font-size: 26px;color: var(--link);background: transparent;padding: 15px 15px 15px 25px;}
.herotitle span{position: relative;}
.herotitle span i{position: absolute; left:0px;top: 10px;}
.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: 1000;text-align: left;min-width: 230px;width: 100%;top:55px;}
.edsdropdown ul{margin: 5px 0}
.edsdropdown ul li{padding: 15px; font-size: 14px; font-weight: var(--weight400);}
.edsdropdown ul li:hover{background:#ff4242}
.edsdropdown ul li a{color: var(--gray666);display: block}
/**/
.breadcrumb { padding:15px 0; font-size: 12px; line-height: 13px; color: var(--white); display:block; z-index:2; }
.breadcrumb a { color: var(--white); }
.breadcrumb a:after { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "/"; padding:0 5px; color: var(--white);}
.breadcrumb.page{color:var(--black);}
.breadcrumb.page a { color: var(--black); }
.breadcrumb.page a:after { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "/"; padding:0 5px; color: var(--black);}

.artistlist{background: var(--white);box-shadow: var(--boxshadow);border-radius: 4px;margin-bottom: 15px;} 
.artistlisthd{display: flex;align-items: center;gap:10px;margin: 10px;padding: 10px;}
.artistlist figure{width: 80px; height: 80px;background:var(--white); border-radius: 50%;overflow: hidden}
.artistlist figure img{width: 100%; height: 100%}
.artistlist .artistinfo{width: 72%}
.artistlist .artistinfo .title{font-size: 16px;line-height:20px;}
.artistlist .artistinfo .title a{color: var(--black);display: block;}
.artistlist .artistinfo .title a:hover{color: var(--link); text-decoration: underline}
.artistlist .artistinfo ul{margin-top: 5px;}
.artistlist .artistinfo ul li{padding: 5px 0;color: #4E6786;}
.artistlist .artistinfo ul li.date{}
.artistcta{display: flex; justify-content: space-between;align-items: center;border-top: dotted 1px var(--grayddd);padding: 10px;}
.artistcta b{font-weight: 500;font-size: 16px; color: var(--green);}

.artistlist .artistinfo ul li .btun{background: var(--white);border-color: #007BFF}
.artistlist .artistinfo ul li .btun:hover{background: #007BFF;color: #fff}

.orglistwarp{}
.orglistwarp .orglist{background: #EEF0FF;border-radius: 4px;margin-bottom: 15px;}
.orglistwarp .orglist .orglisthd{display: flex;align-items: center;gap: 10px;margin: 10px;padding: 10px;}
.orglistwarp .orglist .orglisthd figure{width: 80px;height: 80px;background: var(--white);border-radius: 50%;overflow: hidden;}
.orglistwarp .orglist .orglisthd figure img{width: 100%; height: 100%}
.orglistwarp .orglist .orglisthd .orginfo{width: 72%} 
 
.orglistwarp .orginfo .title{font-size: 16px; font-weight: 500;}
.orglistwarp .orginfo .title a{color: var(--black);display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.orglistwarp .orginfo .title a:hover{color: var(--link); text-decoration: underline}
.orglistwarp .orginfo ul{margin-top: 5px;}
.orglistwarp .orginfo ul li{padding: 5px 0;color: #4E6786;}
.orglistwarp .orginfo ul li.date{}
    
.orglistft{display: flex; justify-content:flex-end;align-items: center;border-top: dotted 1px var(--grayddd);padding: 10px;gap:10px}
.orglistft b{font-weight: 500;font-size: 16px; color: var(--green);}
.orglistft .btun{background: var(--white);border-color: #007BFF}
.orglistft .btun:hover{background: #007BFF;color: #fff}

.btomadon{ display: flex;justify-content: space-between;margin: 15px 0;background: #EEF0FF;padding: 15px;border-radius: 4px;gap:10px;}
      
.helpactn{margin-top: 10px;display: flex;gap:10px;}
.helpactn svg{fill:var(--white)}
.helpactn span{border-radius: 4px;padding: 10px 15px;}
.helpactn .green{background: var(--green);}
.helpactn .red{background: var(--red);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
 

.subscribewarp{background: #ebf4fd url("../images/subscribers.png") 150px 10px no-repeat;height: 260px;padding: 25px 25px 20px 532px;display: flex;gap:10px; border: solid 5px var(--white);box-shadow: var(--boxshadow)}
.subscribewarp .subscribert{width:85%;}
.subformwarp{}
.subformwarp .title{font-size: 26px;font-weight:var(--weight500)}
.subformwarp p{padding: 10px 0;font-size: 16px;line-height: normal;}
.subformwarp .subforminput{display: flex;align-items: center}
.subformwarp .subforminput .selectbox{width: 500px;position: relative}
.subformwarp .subforminput .btun{padding:10px 15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.subformwarp .subforminput .btun.block{display:block;}
.subformwarp .subforminput.alert input[type="text"]{border:solid 1px var(--red);}
/**/
.rightsectionholder{display: flex;align-items: center;gap:15px; }
.rightsectionholder .menumain{display: flex; gap:10px;}
.rightsectionholder .menumain span{font-family: var(--poppins);position: relative; font-size: 15px;padding:20px 10px;}
.rightsectionholder .menumain span a{font-weight:var(--weight500);position: relative;color: var(--gray666); display: block;padding-bottom: 5px}
.rightsectionholder .menulist{display: flex; gap:10px;}
.rightsectionholder .menulist ul{margin:0px;padding:0px;display:flex;flex-direction:row;}
.rightsectionholder .menulist ul li{list-style:none;margin:0 10px;padding:0px;position:relative;}
.rightsectionholder .menulist ul li a{font-size:15px;color:#000;font-weight:500;}



.rightsectionholder .menulist ul li .single-list{position:absolute;left:0;top:18px;background-color:var(--white);z-index:1002;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding:15px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:250px;visibility: hidden;opacity: 0;transform: translateY(-2em);  z-index:2;transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.rightsectionholder .menulist ul li:hover .single-list{visibility: visible;opacity: 1;z-index:1000;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;}
.rightsectionholder .menulist ul li .single-list ul{margin:0px;padding:0px;display:flex;flex-direction:column;}
.rightsectionholder .menulist ul li .single-list ul li{list-style:none;margin:0px;padding:0px;display:flex;flex-direction:column;justify-content:flex-start;}
.rightsectionholder .menulist ul li .single-list ul li a{font-size:14px;margin:0px;padding:8px 10px;font-weight:var(--weight-400);border:none;transition:1s;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.rightsectionholder .menulist ul li .single-list ul li a:hover{background-color:#f2f2f2;}







/* 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 */
.logomainwarp{display: flex;align-items: center;}
.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} 

.mobilesearch{display: none}

/* Alert text start*/
.noeventwarp { background: var(--white); -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);border: solid 3px var(--white);margin: 0 0 15px;}
.noeventwarp .noevent { background:#ea445b; padding:10px; color:var(--white) }
.noeventwarp .noevent i { text-shadow: 2px 2px 0 #9a263a; }
.noeventwarp .noevent i svg{fill:var(--white)}
.noeventwarp .noevent b { font-weight:400; font-size:18px; letter-spacing:0.5px;display: flex;align-items: center;gap:15px } 
.noeventwarp .noevent p { font-size:14px; font-weight:300; padding:8px 0; display:block; }
.noeventwarp .noevent p a { color:#ff0; font-weight:500; font-size:16px; }
    
.countywrp{padding:0 0 15px;}
.countywrp .countytitle{font-size: 20px;color:var(--black);margin-bottom: 15px;letter-spacing: .1px; font-weight: 500;display: block}
.countywrp .countylist{}
.countywrp .countylist ul{display: flex; flex-wrap: wrap}
.countywrp .countylist ul li{font-size: 16px; margin-right: 15px;margin-bottom: 15px;}
 
.countywrp .countylist ul li a{color: #666;background:var(--white);border: 1px solid #dfe3e7;border-radius: 20px;padding: 6px 15px;text-align: center;display: flex;align-items: center;gap: 5px;}
.countywrp .countylist ul li a:hover{color: #0167ff;}
.countywrp .countylist ul li.morecounty a{background: none; border: 0;color: #0167ff; font-weight: 500}
.countywrp .countylist ul.show{display: flex!important}
/**/
.post-control {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 20px 0;border-top: 1px solid #ecedf2;border-bottom: 1px solid #ecedf2;margin: 50px 0;} 
.post-control .next-post {text-align: right;}
.post-control .title {font-weight: 500;font-size: 16px;line-height: 22px;text-transform: capitalize;}
.post-control .title a{color: var(--black)}
.post-control .icon {} 
.post-control .prev-post svg{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.post-control .next-post svg{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
/**/
.commentform{position: relative;padding:20px 50px;border: 1px solid var(--grayddd);margin: 0 auto;margin-bottom: 30px;border-radius: 4px; width: 80%; }
.commentitle{ font-size: 20px;font-family: var(--poppins); font-weight:  var(--weight600);color: var(--black); padding-bottom: 15px;}
.formcontrol{display: flex;flex-direction:column;gap:10px;margin-bottom: 30px;position: relative;}
.formcontrol label{padding-bottom: 5px;color: var(--black);font-size: 16px;font-family: var(--poppins)}
.formcontrol label span{font-weight: 400;color: var(--gray777); font-size: 13px; display: block;font-family: var(--roboto);padding-top: 5px;}
.formcontrol label i{color: var(--red);}
.formcontrol input[type=text], .formcontrol textarea{width: 100%;background-color: #f0f5f7;border: 1px solid #f0f5f7;}
.formcontrol input[type=text]:focus, .formcontrol textarea:focus{background-color:var(--white);border: 1px solid var(--grayddd);}
.formcontrol b{font-size: 12px; color: var(--gray666)} 
.formcontrol em {position: absolute;right: 10px;top: 46px;}
.formcontrol em svg{fill: var(--blue);}
.formcontrol.alert label{color: var(--red)}
.formcontrol.alert input[type=text]{border-color: var(--red)}

.successmsgwarp{text-align: center;margin: 0 auto;margin-bottom: 30px;border: 1px solid var(--grayddd);border-radius: 4px; width: 80%;padding: 20px;}
.successmsgwarp i{ width: 70px; height: 70px; background:rgba(25,103,210,.1); display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;margin-bottom: 10px;}
.successmsgwarp i svg{fill:var(--green)}
.successmsgwarp strong{display: block;padding-bottom: 10px; font-size: 20px;font-weight: var(--weight600); color: var(--green)}
/**/
.bloginfo{padding: 0 0 15px;border-bottom: solid 1px var(--grayddd);margin-bottom: 20px;}
.bloginfo ul{display: flex;gap:10px;margin: 0}
.bloginfo ul li{list-style-type: none;padding:0;display: inline-flex;align-items: center;font-size: 16px;}
.bloginfo ul li a{text-decoration: underline;display: flex;align-items: center;}
.bloginfo ul li i{margin-right: 5px;}
.bloginfo ul li i svg{fill:#878d9b}
.bloginfo ul li.listen{margin-left: auto}
.bloginfo ul li.listen a{color: var(--gray666);}

.fiexdsocial{position: fixed;right: 7%;margin-top: 40px;top: 15%;z-index: 2;}
.fiexdsocial ul {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;}
.fiexdsocial ul li a i {width: 50px;height: 50px;border-radius: 50%;display: inline-block;border: solid 1px #ddd;display: flex;align-items: center;justify-content: center;background: var(--white);}
.fiexdsocial ul li.fb i svg{fill: #3E5A99;}
.fiexdsocial ul li.in i svg{fill: #0577B5;}
.fiexdsocial ul li.tw i svg{fill: #60A9DD;}
.fiexdsocial ul li.ins i svg{fill: #B82CAA;}
.fiexdsocial ul li.wt i svg{fill: #0E9F16;}
.fiexdsocial ul li.lk i svg{fill: #212121;}
/**/
.comments-area {position: relative;margin-bottom: 50px;}
.comment-box {}
.comment-box {position: relative;padding-left: 110px;margin-bottom: 50px;}
.comment-box .user-thumb {position: absolute;left: 0;top: 0;height: 80px;width: 80px;margin-bottom: 15px;border-radius: 50%;overflow: hidden;}
.comment-box .comment-info {position: relative;display: flex;align-items: flex-start;flex-direction: column;margin-bottom: 10px;}
.comment-box .user-name {font-weight: 500;font-size: 16px;line-height: 22px;color: #202124;}
.comment-box .title {font-size: 14px;line-height: 19px;color: dimgray;}
.comment-box .text {font-size: 15px;line-height: 26px;color: dimgray;margin-bottom: 20px;}


.commonbg{margin-bottom: 30px; background-color: #f9f8fd;border-radius: 4px;padding-bottom: 10px;font-size: 16px;}
.commonbg .title-c{font-size: 18px;padding:15px;border-bottom: solid 1px var(--grayddd);}
.commonbg .rhslist{padding-bottom: 10px;}
.commonbg .rhslist ul{}
.commonbg .rhslist ul li{padding: 15px 15px 10px}
.commonbg .rhslist ul li a{color: #313539;}
.commonbg .timetag {padding: 10px;}
.commonbg .timetag a{color: var(--gray777);display: inline-block;background:var(--black);padding: 8px 15px;margin-bottom: 10px; color: var(--white)} 
    
.subscribewarp.rhssubwrb{padding: 15px;background: #ebf4fd;height: auto;margin-bottom:30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.subscribewarp.rhssubwrb .subscribert{width: 100%}
.subscribewarp.rhssubwrb .title{font-size:18px;line-height:22px;padding:0 0 15px 0;display:flex;}
.subscribewarp.rhssubwrb .subformwarp p{font-size: 14px;}
.subscribewarp.rhssubwrb .subforminput{display: block}
.subscribewarp.rhssubwrb .subforminput .selectbox{width:100%;position:relative;}
.subscribewarp.rhssubwrb .subforminput .selectbox .title-txt{font-size:12px;line-height:14px;font-weight:500;padding:0 0 2px 0;color:#666;display:flex;}
.subscribewarp.rhssubwrb .subforminput .selectbox .title-txt b{margin:0 0 0 2px;color:var(--red);}
.subscribewarp.rhssubwrb .subforminput .selectbox textarea{margin:0 0 10px 0;}
.subscribewarp.rhssubwrb .subforminput input{margin-bottom: 10px;}
.subscribewarp.rhssubwrb .subforminput .selectbox .phone-num{display:flex;flex-direction:row;}
.subscribewarp.rhssubwrb .subforminput .selectbox .phone-num .city{width:38%;margin:0 2% 0 0;}
.subscribewarp.rhssubwrb .subforminput .selectbox .phone-num .number{width:60%;margin:0;}
.buzzcardft{display: flex; justify-content: space-between;border-top: solid 1px #ddd;padding: 15px 0 0;align-items: center}
.buzzcardft span{display: inline-flex;align-items: center;gap:5px}
.buzzcardft svg{fill:#B7BDCB}


.rhsartistlist{}
.rhsartistlist .artistlist{background: transparent;box-shadow: none;}
.rhsartistlist .artistlist ul{margin: 0}
.rhsartistlist .artistlist .artistlisthd{padding:15px;margin: 0; border-bottom: solid 1px #ddd}
.rhsartistlist .artistlist .artistlisthd:last-child{border: 0}
.rhsartistlist .artistlist ul li{font-size: 14px;}
/**/
.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-suggest-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; }
.search-suggest-hd ul.v2 li { font-weight: bold;line-height: 22px;}
.search-suggest-hd ul.v2 li b { font-weight: normal; } 
.other-cons-link { background-color:#e4e4e4; padding:10px; margin:10px 0 0 0; }
.other-cons-link ul { margin:0px; padding:0px;display: flex}
.other-cons-link ul li { margin:0px; padding:0 10px 0 0;font-size:13px; line-height:20px; color:#666; letter-spacing:0.5px; }
.other-cons-link ul li.active a { background-color:#ff4242; border:solid 1px #ff4242; }
.other-cons-link ul li a { display:block; font-size:14px; line-height:20px; color:#212121; border:solid 1px #ccc; background-color:#fff; padding:4px 8px; }
.other-cons-link ul li a b { position:static; margin:0px; font-weight:normal; font-size:13px; color:#212121; }
.other-cons-link ul li a:hover span { color:#fff; }
.other-cons-link ul li.active a b { color:#fff; }
/**/
.postblock{position: relative;margin-top: 1em;margin-bottom: 1.425em;padding-top: 1.425em;border-top: 2px solid #f1f1f1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-transition: all .2s ease .1s;transition: all .2s ease .1s;opacity: 1;gap:1%;}
.postblockheader {-webkit-flex-basis: 30%;-ms-flex-preferred-size: 30%;flex-basis: 30%;min-width: 0;-webkit-box-flex: 0;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0;}
.postblockheader .postblocktitle{font-size: 22px;font-weight: var(--weight700);font-family: var(--poppins);line-height: 30px;display: -webkit-box;-webkit-line-clamp: 3;
  -webkit-box-orient: vertical; overflow: hidden;}
.postblockheader .postblocktitle a{color: var(--black)}
.postblockcontent {-webkit-flex-basis: 45%;-ms-flex-preferred-size: 45%;flex-basis: 45%;color: #777;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.postblockcontent.postblockcontentfull{-webkit-flex-basis: 69%;-ms-flex-preferred-size: 69%;flex-basis: 69%;}
.postblockcontent p{color: var(--gray777);font-size: 16px;line-height: 22px;padding-bottom: 10px;}
.postblockcontent p i svg {fill: #878d9b;}
.postblockfooter {-webkit-flex-basis: 23%;-ms-flex-preferred-size: 23%;flex-basis: 23%;}
.postblockfooter figure{height: 160px;overflow: hidden;text-align: right}
 

/**/
.buzzeventwarp{background: var(--white);box-shadow: var(--boxshadow);border-radius: 4px;position: relative}
.buzzshare{position: absolute; right: 10px;top: 10px;}
.buzzshare i{background: #EEF2FC;width: 35px; height: 35px;display: flex;justify-content: center;align-items: center;border-radius: 50%}
.buzzshare i svg{fill:var(--black)}
.buzzshare .socialmediums{position: absolute;background: var(--white);right: 0;box-shadow: var(--boxshadow);padding: 10px;border-radius: 4px;}
.buzzeventwarp .buzzeventlist{ display: flex;padding:5px 15px 10px;gap:10px;min-height:145px;}
.buzzeventwarp figure{ width:200px; height:100px; background: #f5f5f5}
.buzzevedesc{flex: 1; overflow: hidden; }
.buzzevedesc .buzzevetag{}
.buzzevedesc .buzzevetag span{margin-right: 10px;}
.buzzevedesc .buzzevetag span a{color: #666;background:var(--white);border: 1px solid #dfe3e7;border-radius: 20px;padding: 5px 10px;text-align: center;display: inline-block;font-size: 14px;}
.buzzevedesc .buzzevetitle{font-size: 26px;font-weight: var(--weight600);display: block;padding: 15px 0;}
.buzzevedesc .buzzevetitle h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;}
.buzzevedesc .buzzevetitle a{color: var(--black);}
.buzzevedesc .buzzevetitle a:hover{color: var(--link);text-decoration: underline}
.buzzevedesc .buzzeveinfo {display: flex;flex-direction: column;gap:10px;} 
.buzzeventwarp .lineaction{padding:0 15px 15px}
.buzzeventwarp .lineaction .btun-lg{font-size: 16px; padding:10px 25px}
.buzzeventwarp .lineaction span{font-size: 22px;display: flex;align-items: center;gap: 10px;} 


.buzzeventwarp .lineitems ul li.date{font-weight: 500;} 

.buzzevelisthd{padding: 15px 15px 0}
.buzzevelisthd .buzzevetag{}
.buzzevelisthd .buzzevetag span{margin-right: 10px;}
.buzzevelisthd .buzzevetag span a{color: #666;background:var(--white);border: 1px solid #dfe3e7;border-radius: 20px;padding: 5px 10px;text-align: center;display: inline-block;font-size: 14px;}
.buzzevelisthd .buzzevetitle{font-size: 26px;font-weight: var(--weight600);display: block;line-height: normal}
.buzzevelisthd .buzzevetitle h3{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:0 30px 0 0;}
.buzzevelisthd .buzzevetitle a{color: var(--black);}
.buzzevelisthd .buzzevetitle a:hover{color: var(--link);text-decoration: underline}        
.buzzartistlistwarp{background: var(--gray-a); border-radius: 4px;margin-top: 5px;padding:0 0 15px 0;}
.buzzartistlistwarp b{padding: 10px 15px 5px; display: block}
.buzzartistlist{ display: flex;gap:10px;padding:5px 10px 15px;} 
.buzzartistlist span{display: inline-flex;justify-content: center;flex-direction: column;padding: 0 10px;}
.buzzartistlist figure{ border-radius: 50%; width: 60px; height: 60px; border: solid 3px #fff;overflow: hidden;background:#40a8ca;margin: 0 auto;}
.buzzartistlist small{font-size: 14px;font-weight: var(--weight500);padding-top: 5px;}
.buzzartistlist small a{color: #4E6786;}
.buzzartistlist small a:hover{color: var(--link);text-decoration: underline}
.buzzartistlist figure img{height: 100%}
.buzzevedesc .sin-tag-list{padding:10px 0 5px 10px;}
.buzzevedesc .sin-tag-list ul{margin:0px;padding:0px;display:flex;flex-direction:row;flex-wrap:wrap;}
.buzzevedesc .sin-tag-list ul li{list-style:none;padding:2px 5px;margin:0 5px 5px 0;background-color:#fff;border-right:solid 1px #e4e4e4;border-bottom:solid 1px #e4e4e4;display:flex;font-size:13px;line-height:18px;}
.buzzevedesc .desc{font-size:13px;line-height:16px;color:#666;padding:0 10px 5px 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow:ellipsis;height:32px;}
/**/
.galleryblock{display: flex;flex-wrap: wrap; padding-bottom: 15px;gap: 10px;}
.galleryblock figure{width: 249px; height: 313px;position: relative;background: var(--black);overflow: hidden}
.galleryblock figure img{height: 100%;opacity: 0.6;transition: .5s all;transform: scale(1.1);} 
.galleryblock figure:hover img{transform: scale(1);opacity: 1} 
.galleryblock figure span, .galleryblock figure i{display: grid;justify-content: center;align-items: center;color:var(--white);position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 9;font-weight: 500;}  
.galleryblock figure i{opacity: 0;transition: transform .2s;}
.galleryblock figure:hover i{opacity: 1; -ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform: scale(1.5); }
.galleryblock figure i svg{background: var(--white);fill:var(--black); width: 30px; height: 30px;border-radius: 50%}
/**/
.dialog{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;}
.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;} 
/**/

.buzzartistinfo{background: var(--gray-a);border-radius: 4px;margin: 25px 0;}
.evelistwarp{border-bottom: solid 1px #fff;border-top: solid 1px #ddd;padding: 15px;}
.evelistwarp:last-child{border-bottom:0;}
.evelistwarp:first-child{border-top:0}
.evelistwarp .evelisthd{text-align: left;margin: 0 10px;}
.evelistwarp .evelisthd span{display: block;margin:0;font-weight: 600;font-size: 20px;line-height: 22px;}
.evelistwarp .evelisthd span a{color: var(--black)}
.evelistwarp .evelisthd b{color: var(--gray777);padding: 5px 0;display: block}
.evelistbd{}
.evelistbd .eventlinkwarp{background: var(--white);padding: 10px;margin: 10px;border-radius: 12px;transition: transform 0.15s cubic-bezier(0, 0.2, 0.5, 3) 0s;margin-bottom: 20px;box-shadow: var(--boxshadow);position: relative;display:flex;flex-direction:row;}
.buzzartistinfo .evelistbd .eventlinkwarp{}
.evelistbd .eventlinkwarp a{ display: flex;gap:10px;color: var(--black);}
.evelistbd .eventlinkwarp .buzzshare{position: static}
.evelistbd .eventlinkwarp:hover{transform: scale(1.02);}
.evelistbd .eventlinkwarp .buzzevedesc{}
.evelistbd .eventlinkwarp .buzzevedesc a{display:inline-flex;color:var(--red);}
.evelistbd .eventlinkwarp .buzzevedesc a.blue{display:inline-flex;color:var(--blue);}
.evelistbd .eventlinkwarp figure{border-radius: 12px;width: 50px;height: 50px;background: var(--black);overflow: hidden;margin:0 10px  0 0;}
.evelistbd .eventlinkwarp figure img{width: 50px;height:auto;}
.evelistbd .eventlinkwarp span{display: inline-flex;align-items:center;gap:5px;padding-bottom: 5px;color: var(--red);margin-right: 10px; font-family: var(--roboto);font-size: 14px;} 
.evelistbd .eventlinkwarp span svg{fill: #B7BDCB;}
.evelistbd .eventlinkwarp span.location{display: inline-flex;align-items:center;gap:5px;padding-bottom: 5px;color: var(--gray777);margin-right: 10px;} 
/*.evelistbd .eventlinkwarp span.location b{color: var(--link)}*/
.buzzartistinfo .evelistbd .eventlinkwarp .buzzevedesc .desc{margin:0 0 5px 0;padding:0px;font-size:13px;line-height:18px;color:#666;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height:36px;}
.buzzartistinfo .evelistbd .eventlinkwarp .buzzevedesc .tags{}
.buzzartistinfo .evelistbd .eventlinkwarp .buzzevedesc .tags ul{margin:0px;padding:0px;display:flex;flex-direction:row;flex-wrap:wrap;}
.buzzartistinfo .evelistbd .eventlinkwarp .buzzevedesc .tags ul li{margin:0 10px 5px 0;padding:4px;list-style:none;font-size:12px;color:#333;background-color:#f2f2f2;}
.buzzartistinfo .evelistbd .eventlinkwarp .buzzevedesc .tags ul li b{color:var(--green);font-weight:600;}
.buzzartistinfo .evelistbd .eventlinkwarp .buzzevedesc .vmore{}
.buzzartistinfo .evelistbd .eventlinkwarp .buzzevedesc .vmore a{font-size:13px;color:#007BFF;font-weight:500;}

.evelistbd .eventlinkwarp .eventlink{font-weight: 500;font-size: 16px;padding:0 0 5px 0;}
.evelistbd .eventlinkwarp .eventlink a{color: var(--black)}
.evelistbd .moreread{margin-top: 25px;}
.evelistbd .moreread a{background: none;border:0;padding: 0;}

.evelistbd.double{display:flex;flex-direction:row;flex-wrap:wrap;}
.evelistbd.double .eventlinkwarp{width:47.8%;margin:0 10px;}
.evelistbd.double .eventlinkwarp:nth-child( even ){margin:0 0 0 10px;}




/**/
.buzzlocation{margin: 0 8px 0 15px;border: 1px solid #d4e5ff;border-radius: 4px;background:var(--white);min-width:150px;max-width:200px;}
.buzzlocation a{display: flex;align-items: center;gap:5px;color: var(--black); font-weight: 500;padding: 10px;text-transform:capitalize;}
.buzzlocation a span{text-transform:capitalize;}
.buzzlocation i svg{fill:#8d95a7}
.mobilesearch i svg{fill:#8d95a7}
/**/
.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(../images/flags/ae.svg); } 
.flag-icon-us { background-image: url(../images/flags/us.svg); } 
.flag-icon-in { background-image: url(../images/flags/in.svg); } 
.flag-icon-gb { background-image: url(../images/flags/gb.svg); } 
.flag-icon-ca { background-image: url(../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;}
.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: 10px 0;scroll-behavior: smooth;overscroll-behavior: none;max-height: 320px;overflow-y: auto;overflow-x: hidden;}
.pannelbd .citimetrowrp .citilist ul{}
.pannelbd .citimetrowrp .citilist ul li{padding: 13px;border-bottom:solid 1px var(--grayddd); font-family: var(--roboto);font-size: 15px;}
.pannelbd .citimetrowrp .citilist ul li a{color: var(--gray666)}
.pannelbd .citimetrowrp .citilist ul li:hover a{color: var(--black)}
.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;}

.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; }
/**/
.promo-event .artstpromowarp{background-color:var(--white);box-shadow: var(--boxshadow);padding:10px 15px;gap:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin: 15px;}
.promo-event .artstpromowarp p{margin:5px 0 0 0;font-size:12px;color:#666;}
.promo-event .artstpromowarp .details{display:flex;flex-direction:row;justify-content:flex-start;}
.promo-event .artstpromowarp .details figure{width:100px;text-align: center;margin:0 10px 0 0;}
.promo-event .artstpromowarp .details figure a{display: block}
.promo-event .artstpromowarp .details figure img{width:100px;height:100px;-webkit-border-radius: 50%;-moz-border-radius:50%;border-radius: 50%;box-shadow: var(--boxshadow); border: solid 5px var(--white);}  
.promo-event .artstpromowarp .details figure .party{background-color:var(--gray-k);font-size:12px;padding:4px 10px;font-weight:500;color:#333;text-align:center;margin:8px 0 0 0;-webkit-border-radius: 2px;-moz-border-radius:2px;border-radius:2px;font-family: var(--roboto);display: block}
.promo-event .artstpromowarp .details .contblk{width:calc(100% - 115px);background-color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.promo-event .artstpromowarp .details .artistname{font-size:16px;padding:0 0 8px;font-weight: var(--weight600);}
.promo-event .artstpromowarp .details .artistname a{color: var(--black)}
.promo-event .artstpromowarp .details .artistname a:hover{color: var(--link);text-decoration: underline}
.promo-event .artstpromowarp .details .artistinfo{ color:var(--black);display: flex;gap: 3px;font-family: var(--roboto);padding-bottom: 8px;display:flex;justify-content:flex-start;align-items:center;}
.promo-event .artstpromowarp .details .artistinfo span{display:inline-block;margin:0 5px 0 0;color:var(--gray666);}
.promo-event .artstpromowarp .details .artistinfo a{color:var(--black);}
.promo-event .artstpromowarp .details .artistinfo a span{background-color:var(--gray-k);padding:0 4px;-webkit-border-radius:4px;}
.promo-event .artstpromowarp .details .artistinfo i{margin:0 5px 0 0;}
.artstcta{padding: 5px 0}
/**/
/* photo grid :: BEGIN */
.buzzdesc ul.photo-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; grid-auto-rows: minmax(100px, auto);margin: 0 0 30px}
.buzzdesc ul.photo-grid li:first-child {grid-column: 1 / 3;grid-row: 1 / 3;}
.buzzdesc ul.photo-grid li {position: relative;cursor: pointer;user-select: none;border: 0.1rem solid rgb(var(--black) / 16%);overflow: hidden;padding: 0}
.buzzdesc ul.photo-grid li img {object-fit: cover;width: 100%;height: 100%;object-position: center;z-index: 0;}
.buzzdesc .photoverlaycontent {position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, .82);padding: 15px;}
.buzzdesc .photoverlayinner {display: flex;flex-direction: column;gap: 10px;align-items: center;justify-content: center;text-align: center;height: 100%;width: 100%;color: var(--white)!important;}
@media (max-width: 1024px) {
.buzzdesc ul.photo-grid {display: flex;flex-wrap: wrap;gap: 10px;}
.buzzdesc ul.photo-grid li {flex: 1 0 40%;}
.buzzdesc ul.photo-grid li {max-height: 15rem;}
}
/* photo grid :: END */

.seo-promo-outer{margin:0 10px;}
.seo-promo-outer h4{font-size:20px;color:var(--gray666);margin:0 0 15px 0;font-weight:500;}
.seo-promo-outer ul{margin:0 0 15px 0;padding:0px;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;}
.seo-promo-outer ul li{list-style:none;margin:0 0 15px 0;padding:0px;width:25%;font-size:14px;}
.seo-promo-outer ul li a{color:var(--gray666);}
.two-promo{background: #3D7EAA;background: -webkit-linear-gradient(to right, #FFE47A, #3D7EAA); background: linear-gradient(to right, #FFE47A, #3D7EAA);margin:20px 0 0 0;}
.two-promo .promotions{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;}
.two-promo .promotions .two-divs{width:50%;border-right:solid 3px #f5f5f5;text-align:center;padding:15px 0;}
.two-promo .promotions .two-divs:last-child{border-right:none;}
.two-promo .promotions .two-divs h3{font-size:24px;color:#000;font-weight:700;padding:20px 10px;text-shadow: 1px 1px 1px #fff;color:#000;}
.two-promo .promotions .two-divs .btn-outer{padding:0 0 15px 10px;}
.two-promo .promotions .two-divs .btn-outer a{box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.rt-blk{margin:0 0 25px 0;position:sticky;top:15px;}
.rt-blk.clr-blk{background-color:#f7f5fe;padding:15px 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.rt-blk h2{margin:5px 0 15px 0;font-size:21px;font-weight:500;color:#333;} 
.rt-blk .vmore-txt{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 0;} 
.rt-blk .vmore-txt a{font-size:15px;display:flex;align-items:center;color:#007BFF;}
.rt-blk .vmore-txt a i{margin:0 5px;color:#999;}
.rt-blk .promo-blk-yellow{background-color:#ffd527;padding:6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 0 20px 0;}
.rt-blk .promo-blk-yellow .con-blk{border:solid 5px #fff;padding:15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-yellow .con-blk h4{font-size:18px;font-weight:600;color:#000;text-align:center;padding:0 0 15px 0;}
.rt-blk .promo-blk-yellow .btn-outer{display:flex;flex-direction:row;justify-content:space-around;padding:5px;margin:auto;}
.rt-blk .promo-blk-yellow .btn-outer a{display:inline-block;font-size:15px;font-weight:600;background-color:#f75c3e;padding:10px 20px;color:#fff;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-blue{background-color:#afdafc;padding:6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 0 20px 0;}
.rt-blk .promo-blk-blue .con-blk{border:solid 5px #fff;padding:15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-blue .con-blk h4{font-size:18px;font-weight:600;color:#000;text-align:center;padding:0 0 15px 0;}
.rt-blk .promo-blk-blue .btn-outer{display:flex;flex-direction:row;justify-content:space-around;padding:5px;margin:auto;}
.rt-blk .promo-blk-blue .btn-outer a{display:inline-block;font-size:15px;font-weight:600;background-color:#fff;padding:10px 20px;color:#000;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}

.rt-blk .promo-blk-gradient-one{background: #36D1DC;background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);background: linear-gradient(to right, #5B86E5, #36D1DC);padding:6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 0 20px 0;}
.rt-blk .promo-blk-gradient-one .con-blk{border:solid 5px #fff;padding:15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-gradient-one .con-blk h4{font-size:18px;line-height:22px;font-weight:600;color:#fff;text-align:center;padding:0 0 15px 0;}
.rt-blk .promo-blk-gradient-one .btn-outer{display:flex;flex-direction:row;justify-content:space-around;padding:5px;margin:auto;}
.rt-blk .promo-blk-gradient-one .btn-outer a{display:inline-block;font-size:15px;font-weight:600;background-color:#fff;padding:10px 20px;color:#000;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}

.rt-blk .promo-blk-gradient-two{background: #F2994A;background: -webkit-linear-gradient(to right, #F2C94C, #F2994A);background: linear-gradient(to right, #F2C94C, #F2994A);padding:6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 0 20px 0;}
.rt-blk .promo-blk-gradient-two .con-blk{border:solid 5px #fff;padding:15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-gradient-two .con-blk h4{font-size:18px;line-height:22px;font-weight:600;color:#000;text-align:center;padding:0 0 15px 0;}
.rt-blk .promo-blk-gradient-two .btn-outer{display:flex;flex-direction:row;justify-content:space-around;padding:5px;margin:auto;}
.rt-blk .promo-blk-gradient-two .btn-outer a{display:inline-block;font-size:15px;font-weight:600;background-color:#f75c3e;padding:10px 20px;color:#fff;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}

.rt-blk .promo-blk-gradient-three{background: #ffe7f3;padding:6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 0 20px 0;}
.rt-blk .promo-blk-gradient-three .con-blk{border:solid 5px #fff;padding:15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-gradient-three .con-blk h4{font-size:18px;line-height:22px;font-weight:600;color:#000;text-align:center;padding:0 0 15px 0;}
.rt-blk .promo-blk-gradient-three .btn-outer{display:flex;flex-direction:row;justify-content:space-around;padding:5px;margin:auto;}
.rt-blk .promo-blk-gradient-three .btn-outer a{display:inline-block;font-size:15px;font-weight:600;background-color:#f75c3e;padding:10px 20px;color:#fff;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}

.rt-blk .promo-blk-gradient-four{background: #eae3ca;padding:6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 0 20px 0;}
.rt-blk .promo-blk-gradient-four .con-blk{border:solid 5px #fff;padding:15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-gradient-four .con-blk h4{font-size:18px;line-height:22px;font-weight:600;color:#000;text-align:center;padding:0 0 15px 0;}
.rt-blk .promo-blk-gradient-four .btn-outer{display:flex;flex-direction:row;justify-content:space-around;padding:5px;margin:auto;}
.rt-blk .promo-blk-gradient-four .btn-outer a{display:inline-block;font-size:15px;font-weight:600;background-color:#f75c3e;padding:10px 20px;color:#fff;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}

.rt-blk .promo-blk-gradient-five{background: #f2f3f4;padding:6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 0 20px 0;}
.rt-blk .promo-blk-gradient-five .con-blk{border:solid 5px #fff;padding:15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-gradient-five .con-blk h4{font-size:18px;line-height:22px;font-weight:600;color:#000;text-align:left;padding:0 0 15px 0;}
.rt-blk .promo-blk-gradient-five .btn-outer{display:flex;flex-direction:row;justify-content:space-around;padding:5px;margin:auto;}
.rt-blk .promo-blk-gradient-five .btn-outer a{display:inline-block;font-size:15px;font-weight:600;background-color:#f75c3e;padding:10px 20px;color:#fff;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-gradient-five .con-blk ul{margin:0;padding:0px;display:flex;flex-direction:column;}
.rt-blk .promo-blk-gradient-five .con-blk ul li{margin:0;padding:0 0 10px 15px;list-style:none;color:#666;}
.rt-blk .promo-blk-gradient-five .con-blk ul li a{font-size:15px;line-height:18px;color:#007BFF;}

.rt-blk .promo-blk-gradient-six{background: #e0d4f8;padding:6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0 0 20px 0;}
.rt-blk .promo-blk-gradient-six .con-blk{border:solid 5px #fff;padding:15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rt-blk .promo-blk-gradient-six .con-blk h4{font-size:18px;line-height:22px;font-weight:600;color:#000;text-align:center;padding:0 0 15px 0;}
.rt-blk .promo-blk-gradient-six .btn-outer{display:flex;flex-direction:row;justify-content:space-between;padding:5px;margin:auto;}
.rt-blk .promo-blk-gradient-six .btn-outer div{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.rt-blk .promo-blk-gradient-six .btn-outer div p{font-size:14px;line-height:16px;margin:0 0 5px 0;color:#000;}
.rt-blk .promo-blk-gradient-six .btn-outer a{display:inline-block;font-size:15px;font-weight:600;background-color:#fff;padding:10px 20px;color:#000;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;border:solid 1px #f75c3e;}
.rt-blk .promo-blk-gradient-six .btn-outer a.red{display:inline-block;font-size:15px;font-weight:600;background-color:#f75c3e;padding:10px 20px;color:#fff;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;border:solid 1px #f75c3e;}
.rt-blk .listing-outer{padding:20px;margin:0 0 20px 0;background-color:#fff;border:solid 1px #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.rt-blk .listing-outer ul{margin:0px;padding:0px;}
.rt-blk .listing-outer ul li{margin:0 0 15px 0;padding:0;list-style:none;border-bottom:dashed 1px #ccc;}
.rt-blk .listing-outer ul li:last-child{margin:0px;}
.rt-blk .listing-outer ul li h3{padding:0;margin:0;}
.rt-blk .listing-outer ul li h3 a{font-size:15px;line-height:20px;color:#000;}
.rt-blk .listing-outer ul li .links-outer{padding:4px 0 10px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.rt-blk .listing-outer ul li .links-outer .lt-con{}
.rt-blk .listing-outer ul li .links-outer .lt-con ul{margin:0px;padding:0px;display:flex;flex-direction:row;justify-content: flex-start;}
.rt-blk .listing-outer ul li .links-outer .lt-con ul li{list-style:none;margin:0 10px 0 0;padding:0px;border-bottom:none;font-size:13px;color:#666;display:flex;justify-content:flex-start;align-items:center;}
.rt-blk .listing-outer ul li .links-outer .lt-con ul li i{margin:0 5px 0 0;color:#888;}
.rt-blk .listing-outer ul li .links-outer .rt-con{margin:0 0 20px 0;background-color:#fff;border:solid 1px #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.rt-blk .care-services-post{padding:0;border:solid 1px #e4e4e4;margin:0 0 15px 0;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.rt-blk .care-services-post ul{margin:0px;padding:0px;}
.rt-blk .care-services-post ul li{margin:0;padding:15px 10px;list-style:none;border-bottom:solid 1px #e4e4e4;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:1s;}
.rt-blk .care-services-post ul li:hover{background-color:#ebf4fd;}
.rt-blk .care-services-post ul li p{font-size:15px;line-height:20px;color:#000;padding:0 15px 10px 15px;text-align:center;}
.rt-blk .care-services-post ul li .btn-outer{padding:0 0 10px 0;}
.rt-blk .care-services-post ul li:first-child{padding:15px 0 10px 0;}
.rt-blk .care-services-post ul li:last-child{padding:15px 0 10px 0;border-bottom:none;}
.email-subscription{padding:0;margin:20px 0;}
.service-provider-blk{background-color:#fff;box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;margin:0 0 20px 0;padding:0 0 2px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.service-provider-blk h3{padding:15px 15px 10px 15px;font-size:17px;color:#000;}
.service-provider-blk h3 a{color:#000;font-weight:400;color:#000;}
.service-provider-blk .tags{display:flex;flex-direction:row;justify-content:flex-start;}
.service-provider-blk .tags {color: var(--gray888);font-size: 14px;padding:0 15px 10px 15px;font-weight: 400;display: block;}
.service-provider-blk .tags a {color: var(--gray888);}
.service-provider-blk .tags a:hover {color: #0167ff;text-decoration: underline}
.service-provider-blk .tags a.more {color: #007BFF;}
.service-provider-blk .v-profile{padding:0 0 15px 15px;}
.service-provider-blk .v-profile a{font-size:14px;color:#007BFF;}
.service-provider-blk .call-outer{background-color:#fff;padding:15px;margin:0 0 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border-top:solid 1px #e4e4e4}
.service-provider-blk .call-outer ul{margin:0px;padding:0px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}
.service-provider-blk .call-outer ul li{list-style:none;font-size:13px;margin:0 15px 0 0;position:relative;}
.service-provider-blk .call-outer ul li a.call{background-color:#faf9fe;font-size:15px;display:flex;align-items:center;color:#007BFF;padding:5px 15px;border:solid 1px #007BFF;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;font-weight:500;}
.service-provider-blk .call-outer ul li a.call i{margin:0 5px 0 0;color:#007BFF;}
.service-provider-blk .call-outer ul li .pininfo {display:none;padding:10px;position:absolute;width:300px;z-index: 10;background:#fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;bottom: 30px;right: -30px;border: 1px solid rgba(0, 0, 0, 0.2);}
.service-provider-blk .call-outer .pininfo ul{display:flex;flex-direction:column;justify-content:flex-start;align-items: flex-start;}
.service-provider-blk .call-outer ul li .pininfo:before {position: absolute;bottom: -15px;right: 28px;display: inline-block;border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid #ccc;content: '';}
.service-provider-blk .call-outer ul li .pininfo:after {position: absolute;bottom: -14px;right: 27px;display: inline-block;border-left: 15px solid transparent;border-right: 15px solid transparent;
border-top: 15px solid #fff;content: '';}
.service-provider-blk .call-outer ul li .pininfo ul {text-align: left}
.service-provider-blk .call-outer ul li .pininfo ul li {padding: 5px 0;color: var(--gray777);line-height: 18px;}
.service-provider-blk .call-outer ul li:hover .pininfo{display: block}
.service-provider-blk .call-outer ul li .pinover .info span {display: inline-flex;border: 1px solid;width: 15px;height: 15px;justify-content: center;align-items: center;border-radius: 100%;margin-right: 5px;font-size: 12px;font-weight: 700;}
.service-provider-blk .desc{padding:0 15px 10px 15px;margin:0 0 10px 0;font-size:12px;line-height:16px;height:32px;color:#777;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/**/
.buzzdesc .single-list{}
.buzzdesc .single-list div.title-txt{font-size: 26px !important;font-weight: var(--weight600);}
.buzzdesc .single-list ul{margin:0px;padding:0px;display:flex;flex-direction:column;}
.buzzdesc .single-list ul li{margin:0 0 10px 30px;padding:0;list-style:disc;font-size:16px;line-height:26px;color:#666;}
.login-modal{background-color: rgba(0, 0, 0, 0.8);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;}
.login-modal .login-modal-content-area{width:500px;margin:20px auto 50px auto;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:"Roboto","Google Sans","Arial",sans-serif;-webkit-border-radius:4px;-moz-border-radius:4px;
border-radius:4px;position:relative;}
.login-modal .login-modal-content-area .close-txt{color:#000;cursor: pointer;font-size:20px;line-height:20px;position: absolute;right:21px;top:5px;text-align: center;font-family: "Google Sans",Arial,sans-serif;  z-index: 99;background-color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;padding:2px 6px;}
.mob-but-sticy{display:none;}
.service-category .item .single-serv-cat{background-color:var(--white);padding:10px;margin:10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;margin:0 0 20px 0;transition:1s;}
.service-category .item .single-serv-cat:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.service-category .item .single-serv-cat a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;}
.service-category .item .single-serv-cat a figure{text-align:center;}
.service-category .item .single-serv-cat a figure img{width:100px;height:100px;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin:auto;}
.service-category .item .single-serv-cat a figure figcaption{font-size:15px;line-height:20px;color:#666;text-align:center;margin:10px 0 0 0;}

/* Muru End */
@media only screen and (max-width : 320px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
.msite-nav{width: 80%}
.herotitle{flex-direction: column}
.buzzdesc ul { grid-template-columns: repeat(1, 1fr);}
.buzzdesc iframe{width: 100%; height: 100%;}
.subscribewarp{background: #ebf4fd;padding: 15px;height: auto}
.subscribewarp .subscribert{width: 100%}
.subformwarp .subforminput{flex-direction: column;gap:10px;}
.subformwarp .subforminput .selectbox{width: 100%}
}
/*----iphone---*/
@media (max-width : 640px) {
.pannelwarp{width: 100%;border-radius: 0;margin: 0;height: 100%;}
.buzzlocation span, .mobilesearch span{display: none}
 .logo a, .logo{width: 100px}
 .loginwrp ul li{padding: 0}
 .post-control{margin: 0}
 .featuredwrp figure{height: auto}
 .featuredwrp {margin-bottom: 30px;}
 .featuredwrp .blogdetails{position: relative;left: auto;bottom: 40px;border: 0;border-radius: var(--borderradius);}
 .featuredwrp .blogdetails:before{display: none}
 .featuredwrp .blogdetails .title-b{font-size: 20px;} 
 .buzzaction{flex-direction: column;}
 .buzzaction .moreread{text-align: right;margin: 0;}
}
/**/
@media only screen and (min-width : 569px) and (max-width : 640px) {
.buzzdesc ul { grid-template-columns: repeat(2, 1fr);}
.buzzdesc iframe{width: 100%; height: 350px;}
.buzzeventwarp .buzzeventlist{flex-direction: column}
.buzzeventwarp figure {width: 100%;height: 100%;text-align: center;}
.buzzartistlist figure{width: 60px; height: 60px;}
 /**/


}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {
.buzzdesc iframe{width: 100%; height: 350px;}
.artstcta a{margin:0 10px 10px 0;}
 
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
.mobilehide {  display: none !important }
.mobileview {  display: block !important }
.login-modal .login-modal-content-area{margin:0 auto 50px auto;}
.herotitle{font-size: 20px;}
.buzzlisthd .socialmediums{margin-top: 10px;}
.buzzlisthd .herotitle{line-height: normal}
.post-control, .btomadon, .bloginfo ul{flex-direction: column;gap: 15px;justify-content: flex-start;}
.bloginfo ul li.listen{margin: 0}
.fiexdsocial{display: none}
.commentform, .successmsgwarp{padding: 20px; width: 100%}
.buzzeventwarp .buzzeventlist{flex-direction: column}
.mobilesearch{display: flex;border: 1px solid #d4e5ff;border-radius: 4px;background: var(--white);}
.mobilesearch a{display: flex;align-items: center;gap: 5px;color: var(--black);font-weight: 500;padding: 10px;} 
.searchwarp .mobilesearch i{position: static}
.searchwarp{display: none}
.searchwarp{width: 100%}
.col-sm-12 .buzzdetalwarp{width: 100%}
.buzzevelisthd .buzzevetitle{font-size: 20px;}
.buzzeventwarp .lineaction{display: block;text-align: center}
.buzzeventwarp .lineaction .btun-lg{display: block;margin-top: 10px;}
.buzzeventwarp .lineaction span{justify-content: center;padding-bottom: 5px}
.evelistbd .eventlinkwarp span.location{display: block}
.buzzaside{position: fixed;top: auto;width: 100%;left: 0;bottom: 0;z-index: 999;padding: 0 0 10px;}
.buzzlocation{min-width:30px;max-width:30px;}
.artstcta a{margin:0 10px 10px 0;}
.seo-promo-outer ul li{width:100%;}
.two-promo .promotions{flex-wrap:wrap;}
.two-promo .promotions .two-divs{width:100%;border-right:none;border-bottom:solid 3px #fff;}
.subformwarp .title{font-size:19px;}
.subformwarp p{font-size:13px;}
.evelistbd.double{flex-direction:column;margin:0 10px;}
.evelistbd.double .eventlinkwarp {width: 100%;margin: 0 0 15px 0;}
.evelistbd.double .eventlinkwarp:nth-child( even ) {margin: 0;}
.buzzeventwarp figure{width:100%;height:150px;overflow:hidden;}
.lineitems ul{flex-direction: column;align-items:flex-start;}
.login-modal{width:100% !important;}
.login-modal .login-modal-content-area{width:100%;}
.login-modal .login-modal-content-area .close-txt{right:11px;top:18px;}
.rt-blk{position:relative;}
.mob-but-sticy{width:100%;display:flex;flex-direction:column;background-color:rgba(0, 0, 0, 0.8);justify-content:center;align-items:center;bottom:0;position:fixed;z-index:999999;padding:15px 0;}
.mob-but-sticy p{font-size:14px;padding:0 0 10px 0;color:#fff;}
footer{padding:15px 0 98px 0}
.rt-blk .promo-blk-gradient-six .btn-outer{flex-direction:column;}
.rt-blk .promo-blk-gradient-six .btn-outer a{text-align:center;}
.rt-blk .promo-blk-gradient-six .btn-outer a.margin10r{margin:0 0 10px 0;}
.rt-blk .promo-blk-gradient-six .btn-outer div{margin:0 0 10px 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(800px); -webkit-transform: translateX(800px); -moz-transform: translateX(800px); -ms-transform: translateX(800px); -o-transform: translateX(800px); 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);}
.postblockheader {-webkit-flex-basis: 69%;-ms-flex-preferred-size: 69%;flex-basis: 69%;}
.postblockheader .postblocktitle {font-size: 18px;line-height: 20px;}
.postblockfooter figure{height: 100%}
}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
.padhide{display: none }
.rightsectionholder .menumain, .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} 
.buzzdetalwarp, .buzzlisthd .herotitle{width: 100%}
.socialmediums{position: static;} 
.socialmediums ul{flex-direction: row;margin-bottom: 10px;}
.socialmediums ul li{margin: 0}
.socialmediums ul li a i {border-radius: 4px;width: auto;height: auto;padding: 10px 15px;}
.rt-blk .promo-blk-gradient-six .btn-outer{flex-direction:column;}
.rt-blk .promo-blk-gradient-six .btn-outer a{text-align:center;}
.rt-blk .promo-blk-gradient-six .btn-outer a.margin10r{margin:0 0 10px 0;}
.rt-blk .promo-blk-gradient-six .btn-outer div{margin:0 0 10px 0;}
}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
.subscribewarp{background: #ebf4fd url("../images/subscribers.png") right 10px no-repeat;padding: 15px}
}
/*----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;}
.loginwrp ul li{padding-right: 0}
.searchwarp{margin-left: 10px;}
.mainsearch{width: 300px}
.service-provider-blk .call-outer ul li a.call{font-size:12px;}
.service-provider-blk .call-outer ul li{margin:0 10px 0 0;}
.rt-blk .promo-blk-gradient-six .btn-outer a, .rt-blk .promo-blk-gradient-six .btn-outer a.red{font-size:12px;}
}
/*----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;}
.loginwrp ul li{padding-right: 0}
.searchwarp{margin-left: 10px;}
.mainsearch{width: 300px}
.service-provider-blk .call-outer ul li a.call{font-size:12px;}
.service-provider-blk .call-outer ul li{margin:0 10px 0 0;}
.rt-blk .promo-blk-gradient-six .btn-outer a, .rt-blk .promo-blk-gradient-six .btn-outer a.red{font-size:12px;}
}
/*   */
@media only screen and (min-width : 1367px) and (max-width : 1512px) {}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {}










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

/*********************************/
/*<!-- Color style variable declaration -->*/
/*********************************/
:root {
    /* Font Variables */
    --roboto: 'Roboto', sans-serif;
    --poppins: 'Poppins', sans-serif;
    --fontsize: 14px;
    /*font weight*/
    --weight100: 100;
    --weight300: 300;
    --weight400: 400;
    --weight500: 500;
    --weight600: 600;
    --weight700: 700;
    --weight800: 800;
    --weight900: 900;
    /*  button color*/
    --white: #fff;
    --drakblack: #000;
    --black: #212121;
    --blue: #1b70e9;
    --green: #08a182;
    --orange: #ff7e00;
    --red: #ec4758;
    --yellow: #FDBA17;
    --yellowa: #ff0;
    --grayeee: #eee;
    --grayccc: #ccc;
    --grayddd: #ddd;
    --gray333: #333;
    --gray555: #555;
    --gray666: #666;
    --gray777: #777;
    --gray888: #888;
    --gray999: #999;
    --gray-a: #f5f5f5;
    --gray-b: #F4F4F4;
    --gray-c: #F7F7F7;
    --gray-d: #E6E6E6;
    --gray-e: #E5E5E5;
    --gray-f: #CECECE;
    --gray-g: #C7C7C7;
    --gray-h: #E0E0E0;
    --gray-i: #D9D9D9;
    --gray-j: #5B5B5B;
    --gray-k: #f2f2f2;
    --drakblue: #425066;
    --tag: #007475;
    --link: #0167ff;
    --boxshadow: 0 0 10px rgb(137 173 255 / 35%);
    --borderradius: 5px;
    --circle: 50%;
    --downarrow: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' 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='%231AA260'/%3E%3C/svg%3E%0A");
}
/* 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: 100%;
    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;
}

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(--black);
    font: 400 14px/1 "Poppins", 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 <meta name="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: 18px;
}
/* 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="date"], input[type="time"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    background: var(--white);
    border: 1px solid var(--grayddd);
    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: 15px;
    border-radius: var(--borderradius);
}

    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, *::-webkit-scrollbar-thumb {
    width: 5px;
    height: 0;
    border-radius: 13px;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
    color: transparent;
}

*:hover::-webkit-scrollbar-thumb {
    color: rgba(0, 0, 0, 0.5);
}

* {
    scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1);
    scrollbar-width: thin;
}
/* print */
@media (max-width: 768px) {
    *::-webkit-scrollbar {
        display: none;
    }
}
/* 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;
    }
}

.otherhide {
    display: none;
}
/*============================================  ============================================*/
.margin20t {
    margin-top: 20px;
}

.margin20b {
    margin-bottom: 20px;
}

.margin20tb {
    margin: 20px 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);
    }
/*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 body, .blurbody 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: #000;
    z-index: 998;
    opacity: 0.5;
    filter: alpha(opacity=80);
    display: none;
}

@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;
    font-family: "Roboto", sans-serif;
}
/*.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;
}
/**/
/*=================================================================================
Grid CSS
=================================================================================*/
/*  Grid Started  */
.container, .container-fluid {
    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;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1500px;
    }
}

.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%;
    }
}
/*============================================ checkbox & radio Start ============================================*/
#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
}

.logo a, .logo {
    display: block;
    height: 40px;
    width: 120px;
}

    .logo a {
        text-indent: -9999px;
        background: url("https://astro.sulekha.com/common/images/sulekha-logo.png?v=9") 0 0 no-repeat;
        background-position: left center;
        background-size: 100%;
        display: block;
    }

.loginwrp { /*border-left: solid 1px var(--grayccc);*/
}

    .loginwrp ul {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

        .loginwrp ul li {
            position: relative;
            padding: 10px;
            font-size: 15px;
            font-weight: var(--weight500);
        }

            .loginwrp ul li i {
                fill: var(--white);
                padding-left: 5px;
            }

            .loginwrp ul li.active i svg {
                fill: var(--white);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }


/**/
.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(--weight400)
    }

    .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(--weight400);
    }

        .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(--weight500);
        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
            }
/**/
.topsec {
    margin: 30px 0;
}

.herotitle {
    font-family: var(--poppins);
    font-size: 36px;
    font-weight: var(--weight700);
    color: var(--black);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
/**/
.featuredwrp {
    position: relative
}

    .featuredwrp figure {
        height: 670px;
        position: relative
    }

    .featuredwrp img {
        border-radius: var(--borderradius);
        width: 100%;
        height: 100%
    }

    .featuredwrp .blogdetails {
        background: var(--white);
        width: 95%;
        margin: 0 auto;
        padding: 20px;
        box-shadow: var(--boxshadow);
        position: absolute;
        bottom: 100px;
        left: 20px;
    }

        .featuredwrp .blogdetails:before {
            display: block;
            transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(-50deg) scaleX(1) scaleY(1);
            content: "";
            position: absolute;
            height: 100%;
            width: 20px;
            top: 12px;
            left: -20px;
            background-color: rgb(230 230 255);
        }

.title-a, .title-b, .title-c {
    font-weight: var(--weight600);
    padding-bottom: 15px;
}

    .title-a a, .title-b a, .title-c a {
        color: var(--black)
    }

        .title-a a:hover, .title-b a:hover, .title-c a:hover {
            color: var(--link)
        }

.title-a {
    font-size: 36px;
}

.title-b {
    font-size: 28px;
}

.title-c {
    font-size: 20px!important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blogdetails {
    padding: 0 20px 10px;
    border-bottom: solid 1px var(--grayddd);
    margin-bottom: 15px;
}

    .blogdetails.buzzdetails {
        padding: 0 0 20px;
    }

    .blogdetails p {
        font-size: 16px;
        padding-bottom: 20px;
        color: var(--gray777);
        line-height: 24px;
    }

.cattag {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--white);
    font-size: 13px;
    font-family: var(--roboto)
}

    .cattag b {
        background: var(--tag);
        border-radius: 4px;
        padding: 2px 10px;
    }

        .cattag b a {
            color: var(--white)
        }

.buzzaction {
    display: flex;
    justify-content: space-between;
}

    .buzzaction .timetag b {
        color: var(--gray777);
        font-size: 16px;
    }

    .buzzaction .timetag {
        padding-bottom: 10px;
        display: flex;
    }

        .buzzaction .timetag svg {
            fill: #878d9b;
        }

        .buzzaction .timetag a {
            color: var(--link);
            display: inline-block;
            border-radius: 20px;
            font-size: 14px;
            margin: 0 5px 0;
            text-decoration: underline
        }

            .buzzaction .timetag a:hover {
                text-decoration: none;
                color: var(--black);
            }

.buzztitle .moreread {
    text-align: right;
    margin: 0;
}

.moreread {
    font-weight: var(--weight600);
    text-align: center;
    margin: 15px 0;
    text-decoration: none;
    color: var(--gray555)
}

    .moreread a {
        color: var(--gray666);
        text-decoration: none;
        background: var(--white);
        padding: 10px 20px;
        border-radius: 4px;
        border: solid 1px var(--grayddd);
    }

    .moreread i svg {
        -webkit-transform: rotate(268deg);
        transform: rotate(268deg);
    }

.buzztitle {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

    .buzztitle figure {
        width: 150px;
        height: 130px;
        background: #f5f5f5
    }

        .buzztitle figure img {
            object-fit: cover;
            height: 100%;
            border-radius: var(--borderradius)
        }

    .buzztitle .title-a {
        flex: 1
    }

.buzzdetal {
    flex: 1
}

.latestwarp {
    background: var(--gray-a);
    padding: 30px 0;
}

.latestwarpa {
    background: var(--gray-d);
    padding: 30px 0;
}

.buzzcard {
    margin-bottom: 25px;
}

.latestwarp .buzzcard, .latestwarpa .buzzcard {
    margin-bottom: 25px;
    background: var(--white);
    box-shadow: var(--boxshadow);
    padding: 15px;
    border-radius: 4px;
}

.buzzcard figure {
    margin-bottom: 15px;
    width: 100%
}

    .buzzcard figure img {
        width: 100%;
        height: 220px
    }

.buzzcard .buzztitle {
    flex-direction: column
}

    .buzzcard .buzztitle .cattag {
        margin: 0;
    }

    .buzzcard .buzztitle .title-b {
        font-size: 18px!important;
        line-height: 24px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-bottom: 0;
    }

    .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)
        }

.videowarp .buzzcard {
    padding: 15px;
}

    .videowarp .buzzcard figure {
        position: relative
    }

        .videowarp .buzzcard figure .video-icon {
            width: 46px;
            height: 46px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color: var(--red);
            position: absolute;
            z-index: 1;
            display: block;
            top: 50%;
            left: 50%;
            margin-top: -23px;
            margin-left: -23px;
            cursor: pointer;
        }


            .videowarp .buzzcard figure .video-icon:after {
                content: '';
                display: block;
                position: absolute;
                width: 0;
                height: 0;
                border: solid transparent;
                border-width: 15px 25px;
                border-left-color: var(--white);
                top: 50%;
                left: 50%;
                margin-top: -15px;
                margin-left: -8px;
            }

/**/

.buzzlisthd .buzztag span {
    border-color: var(--white)
}
/**/
.buzzlisthd {
    background: url("../images/about_page_bg.jpg") 0 0 no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
    padding: 15px 0
}

    .buzzlisthd:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, #1c0087, #9a00b0);
        opacity: 0.7;
        z-index: -1;
    }

    .buzzlisthd .herotitle {
        text-align: center;
        color: var(--white);
        margin-bottom: 0;
        width: 70%;
        margin: 0 auto;
        line-height: 50px;
        display: block
    }

    .buzzlisthd .buzztag span {
        border: 0
    }

.buzztag {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding: 20px 0
}

    .buzztag span {
        border: solid 1px var(--gray999);
        border-radius: 20px;
        font-size: 15px;
        display: block;
        background: var(--white)
    }

        .buzztag span:hover {
            background: var(--red);
            border-color: var(--white)
        }

            .buzztag span:hover a {
                color: var(--white)
            }

        .buzztag span.active {
            background: var(--red);
            border-color: var(--white)
        }

            .buzztag span.active a {
                color: var(--white)
            }

        .buzztag span a {
            display: block;
            color: var(--gray666);
            padding: 8px 20px;
        }
/**/
.buzzlisthd .socialmediums {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .buzzlisthd .socialmediums label {
        font-size: 14px;
        font-weight: normal
    }

    .buzzlisthd .socialmediums ul {
        margin: 0
    }

        .buzzlisthd .socialmediums ul li {
            position: relative
        }

            .buzzlisthd .socialmediums ul li span {
                background: var(--white);
                position: absolute;
                top: -38px;
                font-size: 14px;
                line-height: normal;
                width: 130px;
                font-weight: 400;
                left: -50px;
                display: flex;
                align-items: center;
                gap: 5px;
                border-radius: 4px;
                padding: 3px 10px;
                justify-content: center;
                color: var(--black);
                box-shadow: var(--boxshadow);
            }

                .buzzlisthd .socialmediums ul li span:before {
                    position: absolute;
                    bottom: -7px;
                    left: 59px;
                    display: inline-block;
                    border-left: 7px solid transparent;
                    border-right: 7px solid transparent;
                    border-top: 7px solid #ccc;
                    content: '';
                }

                .buzzlisthd .socialmediums ul li span:after {
                    position: absolute;
                    bottom: -6px;
                    left: 60px;
                    display: inline-block;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-top: 6px solid #ffffff;
                    content: '';
                }

                .buzzlisthd .socialmediums ul li span svg {
                    fill: var(--black)
                }

            .buzzlisthd .socialmediums ul li a {
                display: block
            }

                .buzzlisthd .socialmediums ul li a i {
                    border-radius: 50%;
                    width: 30px;
                    height: 30px;
                    background: #ffffff52;
                    padding: 0
                }

                    .buzzlisthd .socialmediums ul li a i svg {
                        fill: var(--white)
                    }
/**/
.col-sm-12 .buzzdetalwarp {
    width: 70%;
    margin: 0 auto
}

.col-lg-8 .buzzdetalwarp {
    width: 100%;
    margin: 0 auto
}

.buzzaside {
    width: 90%;
    position: sticky;
    top: 24px;
    bottom: auto;
    padding: 35px 20px;
    text-align: center;
    border-radius: 4px;
    border: solid 1px var(--garyddd);
    background: var(--white);
    box-shadow: var(--boxshadow);
    margin-left: auto;
}

    .buzzaside span {
        display: block;
        color: #39364f;
        font-size: 20px;
        font-family: var(--poppins);
        font-weight: var(--weight600);
        padding: 0 0 10px
    }

        .buzzaside span em {
            color: var(--green)
        }

    .buzzaside a {
        background: #d1410c;
        display: block;
        margin-top: 10px;
        padding: 10px 20px;
        font-size: 16px;
    }

        .buzzaside a:hover {
            background: #f05537
        }
/**/
.buzzdetailswarp {
    margin: 30px 0
}

    .buzzdetailswarp .buzzdetitle {
        font-size: 40px;
        font-weight: var(--weight600);
        line-height: 50px;
    }
/**/
.metabox {
    border-radius: 11px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 25px 0 0;
    font-size: 16px;
}

    .metabox span {
        display: inline-flex;
        align-items: center
    }

        .metabox span.time {
            color: var(--white);
        }

        .metabox span.tag a {
            color: var(--white);
            text-decoration: underline;
            font-weight: var(--weight600);
            display: inline-block;
            padding-right: 3px;
        }

            .metabox span.tag a:hover {
                text-decoration: none
            }

        .metabox span svg {
            width: 20px;
            height: 20px;
            fill: var(--white);
            margin-right: 5px;
        }

.buzzdesc {
}

    .buzzdesc p, .buzzdesc div {
        font-size: 17px !important;
        color: var(--gray666) !important;
        line-height: 26px;
        padding-bottom: 10px;
        font-family: var(--poppins) !important
    }

        .buzzdesc p span {
            font-size: 17px !important;
            color: var(--gray666) !important;
            font-family: var(--poppins) !important
        }

        .buzzdesc p:empty {
            display: none;
            padding: 0
        }

    .buzzdesc span:empty {
        display: none
    }

    .buzzdesc p b {
        padding: 0
    }

    .buzzdesc div br, .buzzdesc p br, .buzzdesc div:empty {
        display: none;
        padding: 0;
    }

    .buzzdesc>b, .buzzdesc>strong {
        font-size: 26px;
        font-weight: var(--weight600);
        padding: 15px 0;
    }

    .buzzdesc figure {
        margin: 15px 0
    }

    .buzzdesc ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-left: 17px
    }

        .buzzdesc ul li {
            font-size: 17px;
            color: var(--gray666);
            padding-bottom: 15px;
            list-style: disc;
        }

            .buzzdesc ul li a {
                color: var(--link)
            }
/*
.buzzdesc figure{width: 100%;text-align: center;margin-bottom: 15px;}
.buzzdesc iframe{width: 100%; height: 600px; margin: 15px 0}
*/
.videoblock {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
    gap: 10px;
}

    .videoblock figure iframe {
        width: 336px;
        height: 280px;
    }
/**/
.buzzlistwarp .buzzcard {
    margin-bottom: 40px;
}
/**/
.socialshare {
}

    .socialshare label {
        font-size: 14px;
        padding-bottom: 5px;
        display: block
    }

.socialmediums {
}

    .socialmediums ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 10px;
        margin-top: 10px;
    }

        .socialmediums ul li a {
            color: #62646a
        }

            .socialmediums ul li a:hover {
                text-decoration: underline
            }

            .socialmediums ul li a i {
                border-radius: 4px;
                padding: 5px 8px;
                display: inline-block;
                border: solid 1px #ddd;
                display: flex;
                align-items: center;
                justify-content: center;
                background: var(--white);
                margin: 0
            }

        .socialmediums ul li svg {
            margin: 0
        }

        .socialmediums ul li.fb i svg {
            fill: #3E5A99;
        }

        .socialmediums ul li.in i svg {
            fill: #0577B5;
        }

        .socialmediums ul li.tw i svg {
            fill: #60A9DD;
        }

        .socialmediums ul li.ins i svg {
            fill: #B82CAA;
        }

        .socialmediums ul li.wt i svg {
            fill: #0E9F16;
        }

        .socialmediums ul li.lk i svg {
            fill: #212121;
        }
/**/
footer {
    padding: 15px 0 0;
    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 .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 {
                    width: 120px;
                }

            .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: #60A9DD;
            }

            .ftmenutwo ul li .share.wt {
                background: #0E9F16;
            }

            .ftmenutwo ul li .share.lk {
                background: var(--white);
            }

                .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
        }

/**/
#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-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;
}
/* new hd*/
.topblockwarp {
    background: var(--gray-a);
    border-bottom: solid 1px rgb(137 173 255 / 25%)
}

.topblock {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.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(--weight500);
        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
            }

.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 {
    }

        .msite-nav ul li {
            font-size: 14px;
            border-bottom: solid 1px var(--grayddd)
        }

            .msite-nav ul li a {
                padding: 15px;
                position: relative;
                color: var(--gray777);
                display: flex
            }

            .msite-nav ul li svg {
                margin-left: auto
            }

.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;
}
/**/
/*============================================ 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;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .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-nav div {
        opacity: 1;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        background-color: var(--white);
        background-size: 50%;
        display: block;
        height: 50px;
        overflow: hidden;
        margin: -15px 0 0;
        padding: 0;
        position: absolute;
        text-indent: -9999px;
        top: 50%;
        background-clip: padding-box;
        background-repeat: no-repeat;
        background-position: 50%;
        vertical-align: middle;
        width: 50px;
        cursor: pointer;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
        box-shadow: var(--boxshadow);
        border-radius: 50%
    }

        .owl-carousel .owl-nav div.disabled {
            display: none
        }

.owl-theme .owl-nav .disabled {
    opacity: 0;
}

.owl-carousel.owl-theme:hover .owl-nav .disabled {
    opacity: 0.5 !important
}

.owl-carousel:hover .owl-nav div {
    opacity: 1
}

.owl-carousel .owl-nav div.owl-next {
    background-image: url(../images/arrow-blc-rt.svg);
    right: 0
}

.owl-carousel .owl-nav div.owl-prev {
    background-image: url(../images/arrow-blc-lt.svg);
    left: 0
}

.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 ============================================*/
.mobinav {
    display: none
}

.logowarp {
    display: flex;
    align-items: center
}

    .logowarp span {
        margin-right: 10px;
    }
/**/
.buzzcardinfo .buzztitle .title-b {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0
}

.buzzcardinfo .lineaction {
    padding: 0
}

.imgwarp {
    display: flex;
    gap: 10px;
}

    .imgwarp .buzzinfo {
        flex: 1
    }

    .imgwarp figure {
        width: 100px;
        height: 80px;
    }

        .imgwarp figure img {
            height: 80px
        }

    .imgwarp .buzztitle {
        margin-bottom: 0
    }

    .imgwarp .lineaction {
        padding-bottom: 0
    }

.lineitems {
}

    .lineitems ul {
    }

        .lineitems ul li:first-child {
            padding-top: 0
        }

        .lineitems ul li {
            padding: 5px 0;
            color: #4E6786;
            font-size: 14px;
            display: flex;
            gap: 10px;
            align-items: center
        }

            .lineitems ul li.date {
                color: var(--red);
            }

            .lineitems ul li i svg {
                fill: #B7BDCB
            }

.lineaction {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

    .lineaction .prices span {
        color: var(--green);
        font-family: var(--poppins);
        font-weight: var(--weight600);
        font-size: 18px;
    }

        .lineaction .prices span b {
            color: var(--gray666);
            font-weight: var(--weight400);
            font-size: 12px;
            display: block;
            padding-bottom: 5px;
        }

    .lineaction .prices small {
        color: var(--green);
        font-weight: var(--weight400);
        font-size: 12px;
        display: inline-flex;
        align-items: center;
        background: #D1F3DF;
        padding: 5px 10px;
        border-radius: 20px;
    }

        .lineaction .prices small.sellingfast {
            background: #FEEEEF;
            color: #FF5962
        }

        .lineaction .prices small svg {
            width: 10px;
            height: 12px;
            margin-right: 5px;
            fill: var(--green)
        }

        .lineaction .prices small.sellingfast svg {
            fill: #FF5962
        }
/**/
input.fieldstyledinput {
    border: 0;
    border-radius: 0;
    font-size: 26px;
    color: var(--link);
    background: transparent;
    padding: 15px 15px 15px 25px;
}

.herotitle span {
    position: relative;
}

    .herotitle span i {
        position: absolute;
        left: 0px;
        top: 10px;
    }

.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: 1000;
    text-align: left;
    min-width: 230px;
    width: 100%;
}

    .edsdropdown ul {
        margin: 5px 0
    }

        .edsdropdown ul li {
            padding: 15px;
            font-size: 14px;
            font-weight: var(--weight400);
        }

            .edsdropdown ul li:hover {
                background: #ff4242
            }

            .edsdropdown ul li a {
                color: var(--gray666);
                display: block
            }
/**/
.breadcrumb {
    padding: 15px 0;
    font-size: 12px;
    line-height: 13px;
    color: var(--white);
    display: block;
    z-index: 2;
}

    .breadcrumb a {
        color: var(--white);
    }

        .breadcrumb a:after {
            display: inline-block;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "/";
            padding: 0 5px;
            color: var(--white);
        }

.artistlist {
    background: var(--white);
    box-shadow: var(--boxshadow);
    border-radius: 4px;
    margin-bottom: 15px;
}

.artistlisthd {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px;
    padding: 10px;
}

.artistlist figure {
    width: 80px;
    height: 80px;
    background: var(--white);
    border-radius: 50%;
    overflow: hidden
}

    .artistlist figure img {
        width: 100%;
        height: 100%
    }

.artistlist .artistinfo {
    width: 72%
}

    .artistlist .artistinfo .title {
        font-size: 16px;
        font-weight: 500;
    }

        .artistlist .artistinfo .title a {
            color: var(--black);
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            line-height: 20px;
        }

            .artistlist .artistinfo .title a:hover {
                color: var(--link);
                text-decoration: underline
            }

    .artistlist .artistinfo ul {
        margin-top: 5px;
    }

        .artistlist .artistinfo ul li {
            padding: 5px 0;
            color: #4E6786;
        }

            .artistlist .artistinfo ul li.date {
            }

.artistcta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: dotted 1px var(--grayddd);
    padding: 10px;
}

    .artistcta b {
        font-weight: 500;
        font-size: 16px;
        color: var(--green);
    }

.artistlist .artistinfo ul li .btun {
    background: var(--white);
    border-color: #007BFF
}

    .artistlist .artistinfo ul li .btun:hover {
        background: #007BFF;
        color: #fff
    }

.orglistwarp {
}

    .orglistwarp .orglist {
        background: #EEF0FF;
        border-radius: 4px;
        margin-bottom: 15px;
    }

        .orglistwarp .orglist .orglisthd {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 10px;
            padding: 10px;
        }

            .orglistwarp .orglist .orglisthd figure {
                width: 80px;
                height: 80px;
                background: var(--white);
                border-radius: 50%;
                overflow: hidden;
            }

                .orglistwarp .orglist .orglisthd figure img {
                    width: 100%;
                    height: 100%
                }

            .orglistwarp .orglist .orglisthd .orginfo {
                width: 72%
            }

    .orglistwarp .orginfo .title {
        font-size: 16px;
        font-weight: 500;
    }

        .orglistwarp .orginfo .title a {
            color: var(--black);
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            line-height: 20px;
        }

            .orglistwarp .orginfo .title a:hover {
                color: var(--link);
                text-decoration: underline
            }

    .orglistwarp .orginfo ul {
        margin-top: 5px;
    }

        .orglistwarp .orginfo ul li {
            padding: 5px 0;
            color: #4E6786;
        }

            .orglistwarp .orginfo ul li.date {
            }

.orglistft {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: dotted 1px var(--grayddd);
    padding: 10px;
    gap: 10px
}

    .orglistft b {
        font-weight: 500;
        font-size: 16px;
        color: var(--green);
    }

    .orglistft .btun {
        background: var(--white);
        border-color: #007BFF
    }

        .orglistft .btun:hover {
            background: #007BFF;
            color: #fff
        }

.btomadon {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    background: #EEF0FF;
    padding: 15px;
    border-radius: 4px;
    gap: 10px;
}

.helpactn {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

    .helpactn svg {
        fill: var(--white)
    }

    .helpactn span {
        border-radius: 4px;
        padding: 10px 15px;
    }

    .helpactn .green {
        background: var(--green);
    }

    .helpactn .red {
        background: var(--red);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }


.subscribewarp {
    background: #ebf4fd url("../images/subscribers.png") 150px 10px no-repeat;
    height: 260px;
    padding: 25px 25px 20px 532px;
    display: flex;
    gap: 10px;
    border: solid 5px var(--white);
    box-shadow: var(--boxshadow)
}

    .subscribewarp .subscribert {
        width: 70%;
    }

.subformwarp {
}

    .subformwarp .title {
        font-size: 26px;
        font-weight: var(--weight500)
    }

    .subformwarp p {
        padding: 10px 0;
        font-size: 16px;
        line-height: normal;
    }

    .subformwarp .subforminput {
        display: flex;
        align-items: center
    }

        .subformwarp .subforminput input[type="text"] {
            border-radius: 0;
            width: 100%;
            margin-left: -1px
        }

        .subformwarp .subforminput .selectbox {
            width: 500px;
            position: relative
        }

            .subformwarp .subforminput .selectbox select {
                border-radius: 0;
                padding: 16.5px 15px;
                width: 100%
            }

            .subformwarp .subforminput .selectbox select {
                border-radius: 0;
                padding: 16.5px 15px;
                width: 100%
            }

        .subformwarp .subforminput .btun {
            padding: 13px 15px;
            border-radius: 0
        }
/**/
.rightsectionholder {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .rightsectionholder .menumain {
        display: flex;
        gap: 10px;
    }

        .rightsectionholder .menumain span {
            font-family: var(--poppins);
            position: relative;
            font-size: 15px;
            padding: 20px 10px;
        }

            .rightsectionholder .menumain span a {
                font-weight: var(--weight500);
                position: relative;
                color: var(--gray666);
                display: block;
                padding-bottom: 5px
            }

/* Accordion Menu */
.accordionmenunw, .accordionmenunw ul, .accordionmenunw li, .accordionmenunw a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
    position: relative;
}

.accordionmenunw {
    padding: 15px;
    width: 100%;
    margin: 0;
}

    .accordionmenunw ul {
        border-top: 0;
    }

        .accordionmenunw ul li {
            border-bottom: solid 1px rgba(255, 255, 255, 0.1);
            margin-bottom: 5px;
            padding: 0 0 3px;
        }

            .accordionmenunw ul li a {
                font-size: 16px;
                color: var(--white);
                display: block;
                padding: 10px 0;
                line-height: 1.3;
                display: flex;
                justify-content: space-between
            }

                .accordionmenunw ul li a:hover {
                    text-decoration: none;
                }

            .accordionmenunw ul li.active a {
                color: var(--white);
                border-bottom: solid 1px rgba(255, 255, 255, 0.1);
                transition: none
            }

            .accordionmenunw 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;
            }

                .accordionmenunw ul li a i svg {
                    fill: var(--gray999)
                }

            .accordionmenunw ul li.active a i svg {
                fill: var(--gray999)
            }

            .accordionmenunw ul li.active a i {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }
        /* Sub menu */
        .accordionmenunw ul div {
            padding: 5px 12px;
            display: none;
        }

        .accordionmenunw ul li .acc {
            padding: 0;
        }

            .accordionmenunw ul li .acc.inline ul {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
            }

        .accordionmenunw ul .acc ul {
            margin: 10px 0 0;
        }

        .accordionmenunw ul li .acc ul li {
            list-style-type: none;
            margin: 0;
            padding: 5px 0;
            border-bottom: 0;
            color: #666;
            display: block
        }

            .accordionmenunw ul li .acc ul li a {
                color: var(--gray666);
                background: none;
                padding: 0;
                border-bottom: 0;
                display: inline-block;
                font-size: 14px;
            }

                .accordionmenunw ul li .acc ul li a:hover {
                    color: var(--white)
                }
/* Accordion Menu */
.logomainwarp {
    display: flex;
    align-items: center;
}

.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
            }

.mobilesearch {
    display: none
}

/* Alert text start*/
.noeventwarp {
    background: var(--white);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    border: solid 3px var(--white);
    margin: 0 0 15px;
}

    .noeventwarp .noevent {
        background: #ea445b;
        padding: 10px;
        color: var(--white)
    }

        .noeventwarp .noevent i {
            text-shadow: 2px 2px 0 #9a263a;
        }

            .noeventwarp .noevent i svg {
                fill: var(--white)
            }

        .noeventwarp .noevent b {
            font-weight: 400;
            font-size: 18px;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            gap: 15px
        }

        .noeventwarp .noevent p {
            font-size: 14px;
            font-weight: 300;
            padding: 8px 0;
            display: block;
        }

            .noeventwarp .noevent p a {
                color: #ff0;
                font-weight: 500;
                font-size: 16px;
            }

.countywrp {
    padding: 0 0 15px;
}

    .countywrp .countytitle {
        font-size: 20px;
        color: var(--black);
        margin-bottom: 15px;
        letter-spacing: .1px;
        font-weight: 500;
        display: block
    }

    .countywrp .countylist {
    }

        .countywrp .countylist ul {
            display: flex;
            flex-wrap: wrap
        }

            .countywrp .countylist ul li {
                font-size: 16px;
                margin-right: 15px;
                margin-bottom: 15px;
            }

                .countywrp .countylist ul li a {
                    color: #666;
                    background: var(--white);
                    border: 1px solid #dfe3e7;
                    border-radius: 20px;
                    padding: 6px 15px;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    gap: 5px;
                }

                    .countywrp .countylist ul li a:hover {
                        color: #0167ff;
                    }

                .countywrp .countylist ul li.morecounty a {
                    background: none;
                    border: 0;
                    color: #0167ff;
                    font-weight: 500
                }

            .countywrp .countylist ul.show {
                display: flex !important
            }
/**/
.post-control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid #ecedf2;
    border-bottom: 1px solid #ecedf2;
    margin: 50px 0;
}

    .post-control .next-post {
        text-align: right;
    }

    .post-control .title {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        text-transform: capitalize;
    }

        .post-control .title a {
            color: var(--black)
        }

    .post-control .icon {
    }

    .post-control .prev-post svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .post-control .next-post svg {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
/**/
.commentform {
    position: relative;
    padding: 20px 50px;
    border: 1px solid var(--grayddd);
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 4px;
    width: 80%;
}

.commentitle {
    font-size: 20px;
    font-family: var(--poppins);
    font-weight: var(--weight600);
    color: var(--black);
    padding-bottom: 15px;
}

.formcontrol {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
    position: relative;
}

    .formcontrol label {
        padding-bottom: 5px;
        color: var(--black);
        font-size: 16px;
        font-family: var(--poppins)
    }

        .formcontrol label span {
            font-weight: 400;
            color: var(--gray777);
            font-size: 13px;
            display: block;
            font-family: var(--roboto);
            padding-top: 5px;
        }

        .formcontrol label i {
            color: var(--red);
        }

    .formcontrol input[type=text], .formcontrol textarea {
        width: 100%;
        background-color: #f0f5f7;
        border: 1px solid #f0f5f7;
    }

        .formcontrol input[type=text]:focus, .formcontrol textarea:focus {
            background-color: var(--white);
            border: 1px solid var(--grayddd);
        }

    .formcontrol b {
        font-size: 12px;
        color: var(--gray666)
    }

    .formcontrol em {
        position: absolute;
        right: 10px;
        top: 46px;
    }

        .formcontrol em svg {
            fill: var(--blue);
        }

    .formcontrol.alert label {
        color: var(--red)
    }

    .formcontrol.alert input[type=text] {
        border-color: var(--red)
    }

.successmsgwarp {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 1px solid var(--grayddd);
    border-radius: 4px;
    width: 80%;
    padding: 20px;
}

    .successmsgwarp i {
        width: 70px;
        height: 70px;
        background: rgba(25,103,210,.1);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin-bottom: 10px;
    }

        .successmsgwarp i svg {
            fill: var(--green)
        }

    .successmsgwarp strong {
        display: block;
        padding-bottom: 10px;
        font-size: 20px;
        font-weight: var(--weight600);
        color: var(--green)
    }
/**/
.bloginfo {
    padding: 0 0 15px;
    border-bottom: solid 1px var(--grayddd);
    margin-bottom: 20px;
}

    .bloginfo ul {
        display: flex;
        gap: 10px;
        margin: 0
    }

        .bloginfo ul li {
            list-style-type: none;
            padding: 0;
            display: inline-flex;
            align-items: center;
            font-size: 16px;
        }

            .bloginfo ul li a {
                text-decoration: underline;
                display: flex;
                align-items: center;
            }

            .bloginfo ul li i {
                margin-right: 5px;
            }

                .bloginfo ul li i svg {
                    fill: #878d9b
                }

            .bloginfo ul li.listen {
                margin-left: auto
            }

                .bloginfo ul li.listen a {
                    color: var(--gray666);
                }

.fiexdsocial {
    position: fixed;
    right: 7%;
    margin-top: 40px;
    top: 15%;
    z-index: 2;
}

    .fiexdsocial ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }

        .fiexdsocial ul li a i {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: inline-block;
            border: solid 1px #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--white);
        }

        .fiexdsocial ul li.fb i svg {
            fill: #3E5A99;
        }

        .fiexdsocial ul li.in i svg {
            fill: #0577B5;
        }

        .fiexdsocial ul li.tw i svg {
            fill: #60A9DD;
        }

        .fiexdsocial ul li.ins i svg {
            fill: #B82CAA;
        }

        .fiexdsocial ul li.wt i svg {
            fill: #0E9F16;
        }

        .fiexdsocial ul li.lk i svg {
            fill: #212121;
        }
/**/
.comments-area {
    position: relative;
    margin-bottom: 50px;
}

.comment-box {
}

.comment-box {
    position: relative;
    padding-left: 110px;
    margin-bottom: 50px;
}

    .comment-box .user-thumb {
        position: absolute;
        left: 0;
        top: 0;
        height: 80px;
        width: 80px;
        margin-bottom: 15px;
        border-radius: 50%;
        overflow: hidden;
    }

    .comment-box .comment-info {
        position: relative;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .comment-box .user-name {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #202124;
    }

    .comment-box .title {
        font-size: 14px;
        line-height: 19px;
        color: dimgray;
    }

    .comment-box .text {
        font-size: 15px;
        line-height: 26px;
        color: dimgray;
        margin-bottom: 20px;
    }


.commonbg {
    margin-bottom: 30px;
    background-color: #f9f8fd;
    border-radius: 4px;
    padding-bottom: 10px;
    font-size: 16px;
}

    .commonbg .title-c {
        font-size: 18px;
        padding: 15px;
        border-bottom: solid 1px var(--grayddd);
    }

    .commonbg .rhslist {
        padding-bottom: 10px;
    }

        .commonbg .rhslist ul {
        }

            .commonbg .rhslist ul li {
                padding: 15px 15px 10px
            }

                .commonbg .rhslist ul li a {
                    color: #313539;
                }

    .commonbg .timetag {
        padding: 10px;
    }

        .commonbg .timetag a {
            color: var(--gray777);
            display: inline-block;
            background: var(--black);
            padding: 8px 15px;
            margin-bottom: 10px;
            color: var(--white)
        }

.subscribewarp.rhssubwrb {
    padding: 15px;
    background: #ebf4fd;
    height: auto;
    margin-bottom: 30px;
}

    .subscribewarp.rhssubwrb .subscribert {
        width: 100%
    }

    .subscribewarp.rhssubwrb .title {
        font-size: 20px;
    }

    .subscribewarp.rhssubwrb .subformwarp p {
        font-size: 14px;
    }

    .subscribewarp.rhssubwrb .subforminput {
        display: block
    }

        .subscribewarp.rhssubwrb .subforminput .selectbox {
            width: 100%;
        }

        .subscribewarp.rhssubwrb .subforminput input {
            margin-bottom: 10px;
        }

.buzzcardft {
    display: flex;
    justify-content: space-between;
    border-top: solid 1px #ddd;
    padding: 15px 0 0;
    align-items: center
}

    .buzzcardft span {
        display: inline-flex;
        align-items: center;
        gap: 5px
    }

    .buzzcardft svg {
        fill: #B7BDCB
    }


.rhsartistlist {
}

    .rhsartistlist .artistlist {
        background: transparent;
        box-shadow: none;
    }

        .rhsartistlist .artistlist ul {
            margin: 0
        }

        .rhsartistlist .artistlist .artistlisthd {
            padding: 15px;
            margin: 0;
            border-bottom: solid 1px #ddd
        }

            .rhsartistlist .artistlist .artistlisthd:last-child {
                border: 0
            }

        .rhsartistlist .artistlist ul li {
            font-size: 14px;
        }
/**/
.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-suggest-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;
                }

    .search-suggest-hd ul.v2 li {
        font-weight: bold;
        line-height: 22px;
    }

        .search-suggest-hd ul.v2 li b {
            font-weight: normal;
        }

.other-cons-link {
    background-color: #e4e4e4;
    padding: 10px;
    margin: 10px 0 0 0;
}

    .other-cons-link ul {
        margin: 0px;
        padding: 0px;
        display: flex
    }

        .other-cons-link ul li {
            margin: 0px;
            padding: 0 10px 0 0;
            font-size: 13px;
            line-height: 20px;
            color: #666;
            letter-spacing: 0.5px;
        }

            .other-cons-link ul li.active a {
                background-color: #ff4242;
                border: solid 1px #ff4242;
            }

            .other-cons-link ul li a {
                display: block;
                font-size: 14px;
                line-height: 20px;
                color: #212121;
                border: solid 1px #ccc;
                background-color: #fff;
                padding: 4px 8px;
            }

                .other-cons-link ul li a b {
                    position: static;
                    margin: 0px;
                    font-weight: normal;
                    font-size: 13px;
                    color: #212121;
                }

                .other-cons-link ul li a:hover span {
                    color: #fff;
                }

            .other-cons-link ul li.active a b {
                color: #fff;
            }
/**/
.postblock {
    position: relative;
    margin-top: 1em;
    margin-bottom: 1.425em;
    padding-top: 1.425em;
    border-top: 2px solid #f1f1f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .2s ease .1s;
    transition: all .2s ease .1s;
    opacity: 1;
    gap: 1%;
}

.postblockheader {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    min-width: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

    .postblockheader .postblocktitle {
        font-size: 22px;
        font-weight: var(--weight700);
        font-family: var(--poppins);
        line-height: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

        .postblockheader .postblocktitle a {
            color: var(--black)
        }

.postblockcontent {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    color: #777;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .postblockcontent.postblockcontentfull {
        -webkit-flex-basis: 69%;
        -ms-flex-preferred-size: 69%;
        flex-basis: 69%;
    }

    .postblockcontent p {
        color: var(--gray777);
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 10px;
    }

        .postblockcontent p i svg {
            fill: #878d9b;
        }

.postblockfooter {
    -webkit-flex-basis: 23%;
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
}

    .postblockfooter figure {
        height: 160px;
        overflow: hidden;
        text-align: right
    }


/**/
.buzzeventwarp {
    background: var(--white);
    box-shadow: var(--boxshadow);
    border-radius: 4px;
    position: relative
}

.buzzshare {
    position: absolute;
    right: 10px;
    top: 10px;
}

    .buzzshare i {
        background: #EEF2FC;
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%
    }

        .buzzshare i svg {
            fill: var(--black)
        }

    .buzzshare .socialmediums {
        position: absolute;
        background: var(--white);
        right: 0;
        box-shadow: var(--boxshadow);
        padding: 10px;
        border-radius: 4px;
    }

.buzzeventwarp .buzzeventlist {
    display: flex;
    padding: 5px 15px 10px;
    gap: 10px;
}

.buzzeventwarp figure {
    width: 300px;
    height: 200px;
    background: #f5f5f5
}

.buzzevedesc {
    flex: 1;
    overflow: hidden;
}

    .buzzevedesc .buzzevetag {
    }

        .buzzevedesc .buzzevetag span {
            margin-right: 10px;
        }

            .buzzevedesc .buzzevetag span a {
                color: #666;
                background: var(--white);
                border: 1px solid #dfe3e7;
                border-radius: 20px;
                padding: 5px 10px;
                text-align: center;
                display: inline-block;
                font-size: 14px;
            }

    .buzzevedesc .buzzevetitle {
        font-size: 26px;
        font-weight: var(--weight600);
        display: block;
        padding: 15px 0;
    }

        .buzzevedesc .buzzevetitle h3 {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            line-height: 20px;
        }

        .buzzevedesc .buzzevetitle a {
            color: var(--black);
        }

            .buzzevedesc .buzzevetitle a:hover {
                color: var(--link);
                text-decoration: underline
            }

    .buzzevedesc .buzzeveinfo {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

.buzzeventwarp .lineaction {
    padding: 0 15px 15px
}

    .buzzeventwarp .lineaction .btun-lg {
        font-size: 16px;
        padding: 10px 25px
    }

    .buzzeventwarp .lineaction span {
        font-size: 22px;
        display: flex;
        align-items: center;
        gap: 10px;
    }


.buzzeventwarp .lineitems ul li.date {
    font-weight: 500;
}

.buzzevelisthd {
    padding: 15px 15px 0
}

    .buzzevelisthd .buzzevetag {
    }

        .buzzevelisthd .buzzevetag span {
            margin-right: 10px;
        }

            .buzzevelisthd .buzzevetag span a {
                color: #666;
                background: var(--white);
                border: 1px solid #dfe3e7;
                border-radius: 20px;
                padding: 5px 10px;
                text-align: center;
                display: inline-block;
                font-size: 14px;
            }

    .buzzevelisthd .buzzevetitle {
        font-size: 26px;
        font-weight: var(--weight600);
        display: block;
        line-height: normal
    }

        .buzzevelisthd .buzzevetitle h3 {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .buzzevelisthd .buzzevetitle a {
            color: var(--black);
        }

            .buzzevelisthd .buzzevetitle a:hover {
                color: var(--link);
                text-decoration: underline
            }

.buzzartistlistwarp {
    background: var(--gray-a);
    border-radius: 4px;
    margin-top: 5px;
}

    .buzzartistlistwarp b {
        padding: 10px 15px 5px;
        display: block
    }

.buzzartistlist {
    display: flex;
    gap: 10px;
    padding: 5px 10px 15px;
}

    .buzzartistlist span {
        display: inline-flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 10px;
    }

    .buzzartistlist figure {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        border: solid 3px #fff;
        overflow: hidden;
        background: #40a8ca;
        margin: 0 auto;
    }

    .buzzartistlist small {
        font-size: 14px;
        font-weight: var(--weight500);
        padding-top: 5px;
    }

        .buzzartistlist small a {
            color: #4E6786;
        }

            .buzzartistlist small a:hover {
                color: var(--link);
                text-decoration: underline
            }

    .buzzartistlist figure img {
        height: 100%
    }

/**/
.galleryblock {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
    gap: 10px;
}

    .galleryblock figure {
        width: 249px;
        height: 313px;
        position: relative;
        background: var(--black);
        overflow: hidden
    }

        .galleryblock figure img {
            height: 100%;
            opacity: 0.6;
            transition: .5s all;
            transform: scale(1.1);
        }

        .galleryblock figure:hover img {
            transform: scale(1);
            opacity: 1
        }

        .galleryblock figure span, .galleryblock figure i {
            display: grid;
            justify-content: center;
            align-items: center;
            color: var(--white);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 9;
            font-weight: 500;
        }

        .galleryblock figure i {
            opacity: 0;
            transition: transform .2s;
        }

        .galleryblock figure:hover i {
            opacity: 1;
            -ms-transform: scale(1.5);
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

        .galleryblock figure i svg {
            background: var(--white);
            fill: var(--black);
            width: 30px;
            height: 30px;
            border-radius: 50%
        }
/**/
.dialog {
    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;
}

.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;
}
/**/

.buzzartistinfo {
    background: var(--gray-a);
    border-radius: 4px;
    margin: 25px 0;
}

.evelistwarp {
    border-bottom: solid 1px #fff;
    border-top: solid 1px #ddd;
    padding: 15px;
}

    .evelistwarp:last-child {
        border-bottom: 0;
    }

    .evelistwarp:first-child {
        border-top: 0
    }

    .evelistwarp .evelisthd {
        text-align: left;
        margin: 0 10px;
    }

        .evelistwarp .evelisthd span {
            display: block;
            margin: 0;
            font-weight: 600;
            font-size: 20px;
            line-height: 22px;
        }

            .evelistwarp .evelisthd span a {
                color: var(--black)
            }

        .evelistwarp .evelisthd b {
            color: var(--gray777);
            padding: 5px 0;
            display: block
        }

.evelistbd {
}

    .evelistbd .eventlinkwarp {
        background: var(--white);
        padding: 10px;
        margin: 10px;
        border-radius: 12px;
        align-items: center;
        transition: transform 0.15s cubic-bezier(0, 0.2, 0.5, 3) 0s;
        margin-bottom: 20px;
        box-shadow: var(--boxshadow);
        position: relative;
        display: flex;
        gap: 10px
    }

.buzzartistinfo .evelistbd .eventlinkwarp {
    display: block
}

.evelistbd .eventlinkwarp a {
    display: flex;
    gap: 10px;
    color: var(--black);
}

.evelistbd .eventlinkwarp .buzzshare {
    position: static
}

.evelistbd .eventlinkwarp:hover {
    transform: scale(1.02);
}

.evelistbd .eventlinkwarp .buzzevedesc {
}

.evelistbd .eventlinkwarp figure {
    border-radius: 12px;
    width: 50px;
    height: 50px;
    background: var(--black);
    overflow: hidden
}

    .evelistbd .eventlinkwarp figure img {
        width: 50px;
        height: 50px;
    }

.evelistbd .eventlinkwarp span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding-bottom: 5px;
    color: var(--red);
    margin-right: 10px;
    font-family: var(--roboto);
    font-size: 14px;
}

    .evelistbd .eventlinkwarp span svg {
        fill: #B7BDCB;
    }

    .evelistbd .eventlinkwarp span.location {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding-bottom: 5px;
        color: var(--gray777);
        margin-right: 10px;
    }
        /*.evelistbd .eventlinkwarp span.location b{color: var(--link)}*/
        .evelistbd .eventlinkwarp span.location svg {
            fill: #B7BDCB;
        }


.evelistbd .eventlinkwarp .eventlink {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 15px;
}

    .evelistbd .eventlinkwarp .eventlink a {
        color: var(--black)
    }

.evelistbd .moreread {
    margin-top: 25px;
}

    .evelistbd .moreread a {
        background: none;
        border: 0;
        padding: 0;
    }
/**/
.buzzlocation {
    margin: 0 8px 0 15px;
    border: 1px solid #d4e5ff;
    border-radius: 4px;
    background: var(--white);
}

    .buzzlocation a {
        display: flex;
        align-items: center;
        gap: 5px;
        color: var(--black);
        font-weight: 500;
        padding: 10px;
    }

    .buzzlocation i svg {
        fill: #8d95a7
    }

.mobilesearch i svg {
    fill: #8d95a7
}
/**/
.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(../images/flags/ae.svg);
}

.flag-icon-us {
    background-image: url(../images/flags/us.svg);
}

.flag-icon-in {
    background-image: url(../images/flags/in.svg);
}

.flag-icon-gb {
    background-image: url(../images/flags/gb.svg);
}

.flag-icon-ca {
    background-image: url(../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;
        }

        .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: 10px 0;
            scroll-behavior: smooth;
            overscroll-behavior: none;
            max-height: 320px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .pannelbd .citimetrowrp .citilist ul {
            }

                .pannelbd .citimetrowrp .citilist ul li {
                    padding: 13px;
                    border-bottom: solid 1px var(--grayddd);
                    font-family: var(--roboto);
                    font-size: 15px;
                }

                    .pannelbd .citimetrowrp .citilist ul li a {
                        color: var(--gray666)
                    }

                    .pannelbd .citimetrowrp .citilist ul li:hover a {
                        color: var(--black)
                    }

        .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;
                }

.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;
                }
/**/
.promo-event .artstpromowarp {
    background-color: var(--white);
    box-shadow: var(--boxshadow);
    padding: 10px 15px;
    gap: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 15px;
}

    .promo-event .artstpromowarp figure {
        width: 100px;
        text-align: center;
    }

        .promo-event .artstpromowarp figure a {
            display: block
        }

        .promo-event .artstpromowarp figure img {
            width: 100px;
            height: 100px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            box-shadow: var(--boxshadow);
            border: solid 5px var(--white);
        }

        .promo-event .artstpromowarp figure .party {
            background-color: var(--gray-k);
            font-size: 12px;
            padding: 4px 10px;
            font-weight: 500;
            color: #333;
            text-align: center;
            margin: 8px 0 0 0;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            font-family: var(--roboto);
            display: block
        }

    .promo-event .artstpromowarp .contblk {
        width: calc(100% - 115px);
        background-color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .promo-event .artstpromowarp .artistname {
        font-size: 16px;
        padding: 0 0 8px;
        font-weight: var(--weight600);
    }

        .promo-event .artstpromowarp .artistname a {
            color: var(--black)
        }

            .promo-event .artstpromowarp .artistname a:hover {
                color: var(--link);
                text-decoration: underline
            }

    .promo-event .artstpromowarp .artistinfo {
        color: var(--black);
        display: flex;
        gap: 3px;
        font-family: var(--roboto);
        padding-bottom: 8px;
    }

        .promo-event .artstpromowarp .artistinfo span {
            display: inline-block;
            margin: 0 5px 0 0;
            color: var(--gray666);
        }

        .promo-event .artstpromowarp .artistinfo a {
            color: var(--black);
        }

            .promo-event .artstpromowarp .artistinfo a span {
                background-color: var(--gray-k);
                padding: 0 4px;
                -webkit-border-radius: 4px;
            }

.artstcta {
    padding: 5px 0
}
/**/
/* photo grid :: BEGIN */
.buzzdesc ul.photo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    margin: 0 0 30px
}

    .buzzdesc ul.photo-grid li:first-child {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }

    .buzzdesc ul.photo-grid li {
        position: relative;
        cursor: pointer;
        user-select: none;
        border: 0.1rem solid rgb(var(--black) / 16%);
        overflow: hidden;
        padding: 0
    }

        .buzzdesc ul.photo-grid li img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            object-position: center;
            z-index: 0;
        }

.buzzdesc .photoverlaycontent {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .82);
    padding: 15px;
}

.buzzdesc .photoverlayinner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%;
    color: var(--white) !important;
}

@media (max-width: 1024px) {
    .buzzdesc ul.photo-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

        .buzzdesc ul.photo-grid li {
            flex: 1 0 40%;
        }

        .buzzdesc ul.photo-grid li {
            max-height: 15rem;
        }
}

/* photo grid :: END */


/* Muru End */
@media only screen and (max-width : 320px) {
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
    .msite-nav {
        width: 80%
    }

    .herotitle {
        flex-direction: column
    }

    .buzzdesc ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .buzzdesc iframe {
        width: 100%;
        height: 100%;
    }

    .subscribewarp {
        background: #ebf4fd;
        padding: 15px;
        height: auto
    }

        .subscribewarp .subscribert {
            width: 100%
        }

    .subformwarp .subforminput {
        flex-direction: column;
        gap: 10px;
    }

        .subformwarp .subforminput .selectbox {
            width: 100%
        }
}
/*----iphone---*/
@media (max-width : 640px) {
    .pannelwarp {
        width: 100%;
        border-radius: 0;
        margin: 0;
        height: 100%;
    }

    .buzzlocation span, .mobilesearch span {
        display: none
    }

    .logo a, .logo {
        width: 100px
    }

    .loginwrp ul li {
        padding: 0
    }

    .post-control {
        margin: 0
    }

    .featuredwrp figure {
        height: auto
    }

    .featuredwrp {
        margin-bottom: 30px;
    }

        .featuredwrp .blogdetails {
            position: relative;
            left: auto;
            bottom: 40px;
            border: 0;
            border-radius: var(--borderradius);
        }

            .featuredwrp .blogdetails:before {
                display: none
            }

            .featuredwrp .blogdetails .title-b {
                font-size: 20px;
            }

    .buzzaction {
        flex-direction: column;
    }

        .buzzaction .moreread {
            text-align: right;
            margin: 0;
        }
}
/**/
@media only screen and (min-width : 569px) and (max-width : 640px) {
    .buzzdesc ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .buzzdesc iframe {
        width: 100%;
        height: 350px;
    }

    .buzzeventwarp .buzzeventlist {
        flex-direction: column
    }

    .buzzeventwarp figure {
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .buzzartistlist figure {
        width: 60px;
        height: 60px;
    }
    /**/


}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {
    .buzzdesc iframe {
        width: 100%;
        height: 350px;
    }
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
    .mobilehide {
        display: none !important
    }

    .mobileview {
        display: block !important
    }

    .herotitle {
        font-size: 20px;
    }

    .buzzlisthd .socialmediums {
        margin-top: 10px;
    }

    .buzzlisthd .herotitle {
        line-height: normal
    }

    .post-control, .btomadon, .bloginfo ul {
        flex-direction: column;
        gap: 15px;
        justify-content: flex-start;
    }

        .bloginfo ul li.listen {
            margin: 0
        }

    .fiexdsocial {
        display: none
    }

    .commentform, .successmsgwarp {
        padding: 20px;
        width: 100%
    }

    .buzzeventwarp .buzzeventlist {
        flex-direction: column
    }

    .mobilesearch {
        display: flex;
        border: 1px solid #d4e5ff;
        border-radius: 4px;
        background: var(--white);
    }

        .mobilesearch a {
            display: flex;
            align-items: center;
            gap: 5px;
            color: var(--black);
            font-weight: 500;
            padding: 10px;
        }

    .searchwarp .mobilesearch i {
        position: static
    }

    .searchwarp {
        display: none
    }

    .searchwarp {
        width: 100%
    }

    .col-sm-12 .buzzdetalwarp {
        width: 100%
    }

    .buzzevelisthd .buzzevetitle {
        font-size: 20px;
    }

    .buzzeventwarp .lineaction {
        display: block;
        text-align: center
    }

        .buzzeventwarp .lineaction .btun-lg {
            display: block;
            margin-top: 10px;
        }

        .buzzeventwarp .lineaction span {
            justify-content: center;
            padding-bottom: 5px
        }

    .evelistbd .eventlinkwarp span.location {
        display: block
    }

    .buzzaside {
        position: fixed;
        top: auto;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 999;
        padding: 0 0 10px;
    }
}
/**/
@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(800px);
        -webkit-transform: translateX(800px);
        -moz-transform: translateX(800px);
        -ms-transform: translateX(800px);
        -o-transform: translateX(800px);
        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);
        }

    .postblockheader {
        -webkit-flex-basis: 69%;
        -ms-flex-preferred-size: 69%;
        flex-basis: 69%;
    }

        .postblockheader .postblocktitle {
            font-size: 18px;
            line-height: 20px;
        }

    .postblockfooter figure {
        height: 100%
    }
}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
    .padhide {
        display: none
    }

    .rightsectionholder .menumain, .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
    }

    .buzzdetalwarp, .buzzlisthd .herotitle {
        width: 100%
    }

    .socialmediums {
        position: static;
    }

        .socialmediums ul {
            flex-direction: row;
            margin-bottom: 10px;
        }

            .socialmediums ul li {
                margin: 0
            }

                .socialmediums ul li a i {
                    border-radius: 4px;
                    width: auto;
                    height: auto;
                    padding: 10px 15px;
                }
}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .subscribewarp {
        background: #ebf4fd url("../images/subscribers.png") right 10px no-repeat;
        padding: 15px
    }
}
/*----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;
            }

    .loginwrp ul li {
        padding-right: 0
    }

    .searchwarp {
        margin-left: 10px;
    }

    .mainsearch {
        width: 300px
    }
}
/*----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;
            }

    .loginwrp ul li {
        padding-right: 0
    }

    .searchwarp {
        margin-left: 10px;
    }

    .mainsearch {
        width: 300px
    }
}
/*   */
@media only screen and (min-width : 1367px) and (max-width : 1512px) {
}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {
}


.breadcrumb.page {
    color: var(--black);
}


.breadcrumb.page a {
    color: var(--black);
}

.breadcrumb.page a:after {
                display: inline-block;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "/";
                padding: 0 5px;
                color: var(--black);
            }









@media (max-width: 768px) {
   .signdetails {
    width: 100%;
    flex-direction: column;
}


 .signdetails figure figcaption.mobileaction {
        position: fixed;
        box-shadow: 0 -1px 8px 0 rgb(0 0 0 / 10%);
        bottom: 0px;
        width: 100%;
        left: 0;
        padding: 10px 15px;
        z-index: 99;
        background: var(--color-white)
    }

    .signdetails figure figcaption.mobileaction a {
        background: var(--color-green);
        color: var(--color-white)
    }

    .signdetails figure figcaption.mobileaction a svg {
        fill: var(--color-white)
    }


}



.signdetails figure figcaption {
}

.signdetails figure figcaption span {
    display: block;
    text-align: center;
    padding: 10px 0 0
}

.signdetails figure figcaption span a {
    font-weight: 700;
    letter-spacing: 0.3px;
    display: flex;
    justify-content: center
}

.signdetails figure figcaption span svg {
    fill: var(--color-green)!important;
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.signdetails figure figcaption span a:hover svg {
    fill: var(--color-white);
}

.signdetails figure figcaption b {
    display: block;
    padding: 10px 0 5px;
    font-weight: 500
}

.signdetails figure figcaption small {
    display: block
}

.signdetails figure figcaption small a {
    font-size: 13px;
    padding-right: 5px;
}

/**/
.signdetails {
    margin: 0 auto;
    margin-bottom: 50px;
    display: flex;
    gap: 15px;
    padding: 20px;
    background: var(--color-white);
    box-shadow: 0 10px 20px 0 rgb(44 130 237 / 40%);
    border-radius: 4px;
    position: relative
}

.signdetails figure {
    width: 200px;
}

.signdetails figure i {
    width: 200px;
    height: 200px;
    border-radius: 4px;
    background: #D8EDF5;
    display: flex;
    align-items: center;
    justify-content: center
}

.signdetails figure.aries i {
    background: #FFEBDF
}

.signdetails figure.taurus i {
    background: #FFE0E4
}

.signdetails figure.gemini i {
    background: #FEDCFF
}

.signdetails figure.cancer i {
    background: #FFE7E7
}

.signdetails figure.leo i {
    background: #FFF4D6
}

.signdetails figure.virgo i {
    background: #F7FFE4
}

.signdetails figure.libra i {
    background: #FFE0EC
}

.signdetails figure.scorpio i {
    background: #F9DFFF
}

.signdetails figure.sagittarius i {
    background: #FAE8B9
}

.signdetails figure.capricorn i {
    background: #D4FFE8
}

.signdetails figure.aquarius i {
    background: #FDE2FF
}

.signdetails figure.pisces i {
    background: #D7FAFF
}

/**/
.signdetails figure.aries svg {
    fill: #C94800
}

.signdetails figure.taurus svg {
    fill: #D00019
}

.signdetails figure.gemini svg {
    fill: #840087
}

.signdetails figure.cancer svg {
    fill: #ED1C24
}

.signdetails figure.leo svg {
    fill: #A17500
}

.signdetails figure.virgo svg {
    fill: #395301
}

.signdetails figure.libra svg {
    fill: #D0004D
}

.signdetails figure.scorpio svg {
    fill: #510065
}

.signdetails figure.sagittarius svg {
    fill: #DC9E00
}

.signdetails figure.capricorn svg {
    fill: #009444
}

.signdetails figure.aquarius svg {
    fill: #511955
}

.signdetails figure.pisces svg {
    fill: #007D8E
}

/**/
.signdetails div {
    flex: 1;
}

.signdetails p b, .signdetails p strong {
    color: var(--color-black);
    font-weight: 500
}

.signdetails p {
    color: var(--color-light);
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 24px;
}

.signdetails ul li {
    padding-left: 25px;
    position: relative;
    color: var(--color-light);
    font-size: 16px;
    padding-bottom: 15px;
}

.signdetails ul li:before {
    width: 10px;
    height: 10px;
    background: #ccc;
    content: "";
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 0;
}