@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%;
    }
}
/*============================================ 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;
}
/**/
.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%;
        height: 220px
    }

.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;
        }
/**/
.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: 15px;
        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 p b {
        padding: 0
    }

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

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

    .buzzdesc strong {
        font-size: 16px;
        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 .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%)
}

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

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

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

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





/* 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) {
}