.la,
.lab,
.lad,
.lal,
.lar,
.las {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.la-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.la-xs {
    font-size: .75em
}

.la-sm {
    font-size: .875em
}

.la-1x {
    font-size: 1em
}

.la-2x {
    font-size: 2em
}

.la-3x {
    font-size: 3em
}

.la-4x {
    font-size: 4em
}

.la-5x {
    font-size: 5em
}

.la-6x {
    font-size: 6em
}

.la-7x {
    font-size: 7em
}

.la-8x {
    font-size: 8em
}

.la-9x {
    font-size: 9em
}

.la-10x {
    font-size: 10em
}

.la-fw {
    text-align: center;
    width: 1.25em
}

.la-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.la-ul>li {
    position: relative
}

.la-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.la-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.la-pull-left {
    float: left
}

.la-pull-right {
    float: right
}

.la.la-pull-left,
.lab.la-pull-left,
.lal.la-pull-left,
.lar.la-pull-left,
.las.la-pull-left {
    margin-right: .3em
}

.la.la-pull-right,
.lab.la-pull-right,
.lal.la-pull-right,
.lar.la-pull-right,
.las.la-pull-right {
    margin-left: .3em
}

.la-spin {
    -webkit-animation: la-spin 2s infinite linear;
    animation: la-spin 2s infinite linear
}

.la-pulse {
    -webkit-animation: la-spin 1s infinite steps(8);
    animation: la-spin 1s infinite steps(8)
}
html{
    height: 100%;
}

@-webkit-keyframes la-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes la-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.la-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.la-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.la-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.la-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.la-flip-vertical {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.la-flip-both,
.la-flip-horizontal.la-flip-vertical {
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1)
}

:root .la-flip-both,
:root .la-flip-horizontal,
:root .la-flip-vertical,
:root .la-rotate-180,
:root .la-rotate-270,
:root .la-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.la-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.la-stack-1x,
.la-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.la-stack-1x {
    line-height: inherit
}

.la-stack-2x {
    font-size: 2em
}

.la-inverse {
    color: #fff
}

.la-500px:before {
    content: "\f26e"
}

.la-accessible-icon:before {
    content: "\f368"
}

.la-accusoft:before {
    content: "\f369"
}

.la-acquisitions-incorporated:before {
    content: "\f6af"
}

.la-ad:before {
    content: "\f641"
}

.la-address-book:before {
    content: "\f2b9"
}

.la-address-card:before {
    content: "\f2bb"
}

.la-adjust:before {
    content: "\f042"
}

.la-adn:before {
    content: "\f170"
}

.la-adobe:before {
    content: "\f778"
}

.la-adversal:before {
    content: "\f36a"
}

.la-affiliatetheme:before {
    content: "\f36b"
}

.la-air-freshener:before {
    content: "\f5d0"
}

.la-airbnb:before {
    content: "\f834"
}

.la-algolia:before {
    content: "\f36c"
}

.la-align-center:before {
    content: "\f037"
}

.la-align-justify:before {
    content: "\f039"
}

.la-align-left:before {
    content: "\f036"
}

.la-align-right:before {
    content: "\f038"
}

.la-alipay:before {
    content: "\f642"
}

.la-allergies:before {
    content: "\f461"
}

.la-amazon:before {
    content: "\f270"
}

.la-amazon-pay:before {
    content: "\f42c"
}

.la-ambulance:before {
    content: "\f0f9"
}

.la-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.la-amilia:before {
    content: "\f36d"
}

.la-anchor:before {
    content: "\f13d"
}

.la-android:before {
    content: "\f17b"
}

.la-angellist:before {
    content: "\f209"
}

.la-angle-double-down:before {
    content: "\f103"
}

.la-angle-double-left:before {
    content: "\f100"
}

.la-angle-double-right:before {
    content: "\f101"
}

.la-angle-double-up:before {
    content: "\f102"
}

.la-angle-down:before {
    content: "\f107"
}

.la-angle-left:before {
    content: "\f104"
}

.la-angle-right:before {
    content: "\f105"
}

.la-angle-up:before {
    content: "\f106"
}

.la-angry:before {
    content: "\f556"
}

.la-angrycreative:before {
    content: "\f36e"
}

.la-angular:before {
    content: "\f420"
}

.la-ankh:before {
    content: "\f644"
}

.la-app-store:before {
    content: "\f36f"
}

.la-app-store-ios:before {
    content: "\f370"
}

.la-apper:before {
    content: "\f371"
}

.la-apple:before {
    content: "\f179"
}

.la-apple-alt:before {
    content: "\f5d1"
}

.la-apple-pay:before {
    content: "\f415"
}

.la-archive:before {
    content: "\f187"
}

.la-archway:before {
    content: "\f557"
}

.la-arrow-alt-circle-down:before {
    content: "\f358"
}

.la-arrow-alt-circle-left:before {
    content: "\f359"
}

.la-arrow-alt-circle-right:before {
    content: "\f35a"
}

.la-arrow-alt-circle-up:before {
    content: "\f35b"
}

.la-arrow-circle-down:before {
    content: "\f0ab"
}

.la-arrow-circle-left:before {
    content: "\f0a8"
}

.la-arrow-circle-right:before {
    content: "\f0a9"
}

.la-arrow-circle-up:before {
    content: "\f0aa"
}

.la-arrow-down:before {
    content: "\f063"
}

.la-arrow-left:before {
    content: "\f060"
}

.la-arrow-right:before {
    content: "\f061"
}

.la-arrow-up:before {
    content: "\f062"
}

.la-arrows-alt:before {
    content: "\f0b2"
}

.la-arrows-alt-h:before {
    content: "\f337"
}

.la-arrows-alt-v:before {
    content: "\f338"
}

.la-artstation:before {
    content: "\f77a"
}

.la-assistive-listening-systems:before {
    content: "\f2a2"
}

.la-asterisk:before {
    content: "\f069"
}

.la-asymmetrik:before {
    content: "\f372"
}

.la-at:before {
    content: "\f1fa"
}

.la-atlas:before {
    content: "\f558"
}

.la-atlassian:before {
    content: "\f77b"
}

.la-atom:before {
    content: "\f5d2"
}

.la-audible:before {
    content: "\f373"
}

.la-audio-description:before {
    content: "\f29e"
}

.la-autoprefixer:before {
    content: "\f41c"
}

.la-avianex:before {
    content: "\f374"
}

.la-aviato:before {
    content: "\f421"
}

.la-award:before {
    content: "\f559"
}

.la-aws:before {
    content: "\f375"
}

.la-baby:before {
    content: "\f77c"
}

.la-baby-carriage:before {
    content: "\f77d"
}

.la-backspace:before {
    content: "\f55a"
}

.la-backward:before {
    content: "\f04a"
}

.la-bacon:before {
    content: "\f7e5"
}

.la-balance-scale:before {
    content: "\f24e"
}

.la-balance-scale-left:before {
    content: "\f515"
}
 .category-menu-item-list-wrapper .card-content .card-title span {
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-word-break: break-word;
    hyphens: auto;
 }


.la-balance-scale-right:before {
    content: "\f516"
}

.la-ban:before {
    content: "\f05e"
}

.la-band-aid:before {
    content: "\f462"
}

.la-bandcamp:before {
    content: "\f2d5"
}

.la-barcode:before {
    content: "\f02a"
}

.la-bars:before {
    content: "\f0c9"
}

.la-baseball-ball:before {
    content: "\f433"
}

.la-basketball-ball:before {
    content: "\f434"
}

.la-bath:before {
    content: "\f2cd"
}

.la-battery-empty:before {
    content: "\f244"
}

.la-battery-full:before {
    content: "\f240"
}

.la-battery-half:before {
    content: "\f242"
}

.la-battery-quarter:before {
    content: "\f243"
}

.la-battery-three-quarters:before {
    content: "\f241"
}

.la-battle-net:before {
    content: "\f835"
}

.la-bed:before {
    content: "\f236"
}

.la-beer:before {
    content: "\f0fc"
}

.la-behance:before {
    content: "\f1b4"
}

.la-behance-square:before {
    content: "\f1b5"
}

.la-bell:before {
    content: "\f0f3"
}

.la-bell-slash:before {
    content: "\f1f6"
}

.la-bezier-curve:before {
    content: "\f55b"
}

.la-bible:before {
    content: "\f647"
}

.la-bicycle:before {
    content: "\f206"
}

.la-biking:before {
    content: "\f84a"
}

.la-bimobject:before {
    content: "\f378"
}

.la-binoculars:before {
    content: "\f1e5"
}

.la-biohazard:before {
    content: "\f780"
}

.la-birthday-cake:before {
    content: "\f1fd"
}

.la-bitbucket:before {
    content: "\f171"
}

.la-bitcoin:before {
    content: "\f379"
}

.la-bity:before {
    content: "\f37a"
}

.la-black-tie:before {
    content: "\f27e"
}

.la-blackberry:before {
    content: "\f37b"
}

.la-blender:before {
    content: "\f517"
}

.la-blender-phone:before {
    content: "\f6b6"
}

.la-blind:before {
    content: "\f29d"
}

.la-blog:before {
    content: "\f781"
}

.la-blogger:before {
    content: "\f37c"
}

.la-blogger-b:before {
    content: "\f37d"
}

.la-bluetooth:before {
    content: "\f293"
}

.la-bluetooth-b:before {
    content: "\f294"
}

.la-bold:before {
    content: "\f032"
}

.la-bolt:before {
    content: "\f0e7"
}

.la-bomb:before {
    content: "\f1e2"
}

.la-bone:before {
    content: "\f5d7"
}

.la-bong:before {
    content: "\f55c"
}

.la-book:before {
    content: "\f02d"
}

.la-book-dead:before {
    content: "\f6b7"
}

.la-book-medical:before {
    content: "\f7e6"
}

.la-book-open:before {
    content: "\f518"
}

.la-book-reader:before {
    content: "\f5da"
}

.la-bookmark:before {
    content: "\f02e"
}

.la-bootstrap:before {
    content: "\f836"
}

.la-border-all:before {
    content: "\f84c"
}

.la-border-none:before {
    content: "\f850"
}

.la-border-style:before {
    content: "\f853"
}

.la-bowling-ball:before {
    content: "\f436"
}

.la-box:before {
    content: "\f466"
}

.la-box-open:before {
    content: "\f49e"
}

.la-boxes:before {
    content: "\f468"
}

.la-braille:before {
    content: "\f2a1"
}

.la-brain:before {
    content: "\f5dc"
}

.la-bread-slice:before {
    content: "\f7ec"
}

.la-briefcase:before {
    content: "\f0b1"
}

.la-briefcase-medical:before {
    content: "\f469"
}

.la-broadcast-tower:before {
    content: "\f519"
}

.la-broom:before {
    content: "\f51a"
}

.la-brush:before {
    content: "\f55d"
}

.la-btc:before {
    content: "\f15a"
}

.la-buffer:before {
    content: "\f837"
}

.la-bug:before {
    content: "\f188"
}

.la-building:before {
    content: "\f1ad"
}

.la-bullhorn:before {
    content: "\f0a1"
}

.la-bullseye:before {
    content: "\f140"
}

.la-burn:before {
    content: "\f46a"
}

.la-buromobelexperte:before {
    content: "\f37f"
}

.la-bus:before {
    content: "\f207"
}

.la-bus-alt:before {
    content: "\f55e"
}

.la-business-time:before {
    content: "\f64a"
}

.la-buy-n-large:before {
    content: "\f8a6"
}

.la-buysellads:before {
    content: "\f20d"
}

.la-calculator:before {
    content: "\f1ec"
}

.la-calendar:before {
    content: "\f133"
}

.la-calendar-alt:before {
    content: "\f073"
}

.la-calendar-check:before {
    content: "\f274"
}

.la-calendar-day:before {
    content: "\f783"
}

.la-calendar-minus:before {
    content: "\f272"
}

.la-calendar-plus:before {
    content: "\f271"
}

.la-calendar-times:before {
    content: "\f273"
}

.la-calendar-week:before {
    content: "\f784"
}

.la-camera:before {
    content: "\f030"
}

.la-camera-retro:before {
    content: "\f083"
}

.la-campground:before {
    content: "\f6bb"
}

.la-canadian-maple-leaf:before {
    content: "\f785"
}

.la-candy-cane:before {
    content: "\f786"
}

.la-cannabis:before {
    content: "\f55f"
}

.la-capsules:before {
    content: "\f46b"
}

.la-car:before {
    content: "\f1b9"
}

.la-car-alt:before {
    content: "\f5de"
}

.la-car-battery:before {
    content: "\f5df"
}

.la-car-crash:before {
    content: "\f5e1"
}

.la-car-side:before {
    content: "\f5e4"
}

.la-caret-down:before {
    content: "\f0d7"
}

.la-caret-left:before {
    content: "\f0d9"
}

.la-caret-right:before {
    content: "\f0da"
}

.la-caret-square-down:before {
    content: "\f150"
}

.la-caret-square-left:before {
    content: "\f191"
}

.la-caret-square-right:before {
    content: "\f152"
}

.la-caret-square-up:before {
    content: "\f151"
}

.la-caret-up:before {
    content: "\f0d8"
}

.la-carrot:before {
    content: "\f787"
}

.la-cart-arrow-down:before {
    content: "\f218"
}

.la-cart-plus:before {
    content: "\f217"
}

.la-cash-register:before {
    content: "\f788"
}

.la-cat:before {
    content: "\f6be"
}

.la-cc-amazon-pay:before {
    content: "\f42d"
}

.la-cc-amex:before {
    content: "\f1f3"
}

.la-cc-apple-pay:before {
    content: "\f416"
}

.la-cc-diners-club:before {
    content: "\f24c"
}

.la-cc-discover:before {
    content: "\f1f2"
}

.la-cc-jcb:before {
    content: "\f24b"
}

.la-cc-mastercard:before {
    content: "\f1f1"
}

.la-cc-paypal:before {
    content: "\f1f4"
}

.la-cc-stripe:before {
    content: "\f1f5"
}

.la-cc-visa:before {
    content: "\f1f0"
}

.la-centercode:before {
    content: "\f380"
}

.la-centos:before {
    content: "\f789"
}

.la-certificate:before {
    content: "\f0a3"
}

.la-chair:before {
    content: "\f6c0"
}

.la-chalkboard:before {
    content: "\f51b"
}

.la-chalkboard-teacher:before {
    content: "\f51c"
}

.la-charging-station:before {
    content: "\f5e7"
}

.la-chart-area:before {
    content: "\f1fe"
}

.la-chart-bar:before {
    content: "\f080"
}

.la-chart-line:before {
    content: "\f201"
}

.la-chart-pie:before {
    content: "\f200"
}

.la-check:before {
    content: "\f00c"
}

.la-check-circle:before {
    content: "\f058"
}

.la-check-double:before {
    content: "\f560"
}

.la-check-square:before {
    content: "\f14a"
}

.la-cheese:before {
    content: "\f7ef"
}

.la-chess:before {
    content: "\f439"
}

.la-chess-bishop:before {
    content: "\f43a"
}

.la-chess-board:before {
    content: "\f43c"
}

.la-chess-king:before {
    content: "\f43f"
}

.la-chess-knight:before {
    content: "\f441"
}

.la-chess-pawn:before {
    content: "\f443"
}

.la-chess-queen:before {
    content: "\f445"
}

.la-chess-rook:before {
    content: "\f447"
}

.la-chevron-circle-down:before {
    content: "\f13a"
}

.la-chevron-circle-left:before {
    content: "\f137"
}

.la-chevron-circle-right:before {
    content: "\f138"
}

.la-chevron-circle-up:before {
    content: "\f139"
}

.la-chevron-down:before {
    content: "\f078"
}

.la-chevron-left:before {
    content: "\f053"
}

.la-chevron-right:before {
    content: "\f054"
}

.la-chevron-up:before {
    content: "\f077"
}

.la-child:before {
    content: "\f1ae"
}

.la-chrome:before {
    content: "\f268"
}

.la-chromecast:before {
    content: "\f838"
}

.la-church:before {
    content: "\f51d"
}

.la-circle:before {
    content: "\f111"
}

.la-circle-notch:before {
    content: "\f1ce"
}

.la-city:before {
    content: "\f64f"
}

.la-clinic-medical:before {
    content: "\f7f2"
}

.la-clipboard:before {
    content: "\f328"
}

.la-clipboard-check:before {
    content: "\f46c"
}

.la-clipboard-list:before {
    content: "\f46d"
}

.la-clock:before {
    content: "\f017"
}

.la-clone:before {
    content: "\f24d"
}

.la-closed-captioning:before {
    content: "\f20a"
}

.la-cloud:before {
    content: "\f0c2"
}

.la-cloud-download-alt:before {
    content: "\f381"
}

.la-cloud-meatball:before {
    content: "\f73b"
}

.la-cloud-moon:before {
    content: "\f6c3"
}

.la-cloud-moon-rain:before {
    content: "\f73c"
}

.la-cloud-rain:before {
    content: "\f73d"
}

.la-cloud-showers-heavy:before {
    content: "\f740"
}

.la-cloud-sun:before {
    content: "\f6c4"
}

.la-cloud-sun-rain:before {
    content: "\f743"
}

.la-cloud-upload-alt:before {
    content: "\f382"
}

.la-cloudscale:before {
    content: "\f383"
}

.la-cloudsmith:before {
    content: "\f384"
}

.la-cloudversify:before {
    content: "\f385"
}

.la-cocktail:before {
    content: "\f561"
}

.la-code:before {
    content: "\f121"
}

.la-code-branch:before {
    content: "\f126"
}

.la-codepen:before {
    content: "\f1cb"
}

.la-codiepie:before {
    content: "\f284"
}

.la-coffee:before {
    content: "\f0f4"
}

.la-cog:before {
    content: "\f013"
}

.la-cogs:before {
    content: "\f085"
}

.la-coins:before {
    content: "\f51e"
}

.la-columns:before {
    content: "\f0db"
}

.la-comment:before {
    content: "\f075"
}

.la-comment-alt:before {
    content: "\f27a"
}

.la-comment-dollar:before {
    content: "\f651"
}

.la-comment-dots:before {
    content: "\f4ad"
}

.la-comment-medical:before {
    content: "\f7f5"
}

.la-comment-slash:before {
    content: "\f4b3"
}

.la-comments:before {
    content: "\f086"
}

.la-comments-dollar:before {
    content: "\f653"
}

.la-compact-disc:before {
    content: "\f51f"
}

.la-compass:before {
    content: "\f14e"
}

.la-compress:before {
    content: "\f066"
}

.la-compress-arrows-alt:before {
    content: "\f78c"
}

.la-concierge-bell:before {
    content: "\f562"
}

.la-confluence:before {
    content: "\f78d"
}

.la-connectdevelop:before {
    content: "\f20e"
}

.la-contao:before {
    content: "\f26d"
}

.la-cookie:before {
    content: "\f563"
}

.la-cookie-bite:before {
    content: "\f564"
}

.la-copy:before {
    content: "\f0c5"
}

.la-copyright:before {
    content: "\f1f9"
}

.la-cotton-bureau:before {
    content: "\f89e"
}

.la-couch:before {
    content: "\f4b8"
}

.la-cpanel:before {
    content: "\f388"
}

.la-creative-commons:before {
    content: "\f25e"
}

.la-creative-commons-by:before {
    content: "\f4e7"
}

.la-creative-commons-nc:before {
    content: "\f4e8"
}

.la-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.la-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.la-creative-commons-nd:before {
    content: "\f4eb"
}

.la-creative-commons-pd:before {
    content: "\f4ec"
}

.la-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.la-creative-commons-remix:before {
    content: "\f4ee"
}

.la-creative-commons-sa:before {
    content: "\f4ef"
}

.la-creative-commons-sampling:before {
    content: "\f4f0"
}

.la-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.la-creative-commons-share:before {
    content: "\f4f2"
}

.la-creative-commons-zero:before {
    content: "\f4f3"
}

.la-credit-card:before {
    content: "\f09d"
}

.la-critical-role:before {
    content: "\f6c9"
}

.la-crop:before {
    content: "\f125"
}

.la-crop-alt:before {
    content: "\f565"
}

.la-cross:before {
    content: "\f654"
}

.la-crosshairs:before {
    content: "\f05b"
}

.la-crow:before {
    content: "\f520"
}

.la-crown:before {
    content: "\f521"
}

.la-crutch:before {
    content: "\f7f7"
}

.la-css3:before {
    content: "\f13c"
}

.la-css3-alt:before {
    content: "\f38b"
}

.la-cube:before {
    content: "\f1b2"
}

.la-cubes:before {
    content: "\f1b3"
}

.la-cut:before {
    content: "\f0c4"
}

.la-cuttlefish:before {
    content: "\f38c"
}

.la-d-and-d:before {
    content: "\f38d"
}

.la-d-and-d-beyond:before {
    content: "\f6ca"
}

.la-dashcube:before {
    content: "\f210"
}

.la-database:before {
    content: "\f1c0"
}

.la-deaf:before {
    content: "\f2a4"
}

.la-delicious:before {
    content: "\f1a5"
}

.la-democrat:before {
    content: "\f747"
}

.la-deploydog:before {
    content: "\f38e"
}

.la-deskpro:before {
    content: "\f38f"
}

.la-desktop:before {
    content: "\f108"
}

.la-dev:before {
    content: "\f6cc"
}

.la-deviantart:before {
    content: "\f1bd"
}

.la-dharmachakra:before {
    content: "\f655"
}

.la-dhl:before {
    content: "\f790"
}

.la-diagnoses:before {
    content: "\f470"
}

.la-diaspora:before {
    content: "\f791"
}

.la-dice:before {
    content: "\f522"
}

.la-dice-d20:before {
    content: "\f6cf"
}

.la-dice-d6:before {
    content: "\f6d1"
}

.la-dice-five:before {
    content: "\f523"
}

.la-dice-four:before {
    content: "\f524"
}

.la-dice-one:before {
    content: "\f525"
}

.la-dice-six:before {
    content: "\f526"
}

.la-dice-three:before {
    content: "\f527"
}

.la-dice-two:before {
    content: "\f528"
}

.la-digg:before {
    content: "\f1a6"
}

.la-digital-ocean:before {
    content: "\f391"
}

.la-digital-tachograph:before {
    content: "\f566"
}

.la-directions:before {
    content: "\f5eb"
}

.la-discord:before {
    content: "\f392"
}

.la-discourse:before {
    content: "\f393"
}

.la-divide:before {
    content: "\f529"
}

.la-dizzy:before {
    content: "\f567"
}

.la-dna:before {
    content: "\f471"
}

.la-dochub:before {
    content: "\f394"
}

.la-docker:before {
    content: "\f395"
}

.la-dog:before {
    content: "\f6d3"
}

.la-dollar-sign:before {
    content: "\f155"
}

.la-dolly:before {
    content: "\f472"
}

.la-dolly-flatbed:before {
    content: "\f474"
}

.la-donate:before {
    content: "\f4b9"
}

.la-door-closed:before {
    content: "\f52a"
}

.la-door-open:before {
    content: "\f52b"
}

.la-dot-circle:before {
    content: "\f192"
}

.la-dove:before {
    content: "\f4ba"
}

.la-download:before {
    content: "\f019"
}

.la-draft2digital:before {
    content: "\f396"
}

.la-drafting-compass:before {
    content: "\f568"
}

.la-dragon:before {
    content: "\f6d5"
}

.la-draw-polygon:before {
    content: "\f5ee"
}

.la-dribbble:before {
    content: "\f17d"
}

.la-dribbble-square:before {
    content: "\f397"
}

.la-dropbox:before {
    content: "\f16b"
}

.la-drum:before {
    content: "\f569"
}

.la-drum-steelpan:before {
    content: "\f56a"
}

.la-drumstick-bite:before {
    content: "\f6d7"
}

.la-drupal:before {
    content: "\f1a9"
}

.la-dumbbell:before {
    content: "\f44b"
}

.la-dumpster:before {
    content: "\f793"
}

.la-dumpster-fire:before {
    content: "\f794"
}

.la-dungeon:before {
    content: "\f6d9"
}

.la-dyalog:before {
    content: "\f399"
}

.la-earlybirds:before {
    content: "\f39a"
}

.la-ebay:before {
    content: "\f4f4"
}

.la-edge:before {
    content: "\f282"
}

.la-edit:before {
    content: "\f044"
}

.la-egg:before {
    content: "\f7fb"
}

.la-eject:before {
    content: "\f052"
}

.la-elementor:before {
    content: "\f430"
}

.la-ellipsis-h:before {
    content: "\f141"
}

.la-ellipsis-v:before {
    content: "\f142"
}

.la-ello:before {
    content: "\f5f1"
}

.la-ember:before {
    content: "\f423"
}

.la-empire:before {
    content: "\f1d1"
}

.la-envelope:before {
    content: "\f0e0"
}

.la-envelope-open:before {
    content: "\f2b6"
}

.la-envelope-open-text:before {
    content: "\f658"
}

.la-envelope-square:before {
    content: "\f199"
}

.la-envira:before {
    content: "\f299"
}

.la-equals:before {
    content: "\f52c"
}

.la-eraser:before {
    content: "\f12d"
}

.la-erlang:before {
    content: "\f39d"
}

.la-ethereum:before {
    content: "\f42e"
}

.la-ethernet:before {
    content: "\f796"
}

.la-etsy:before {
    content: "\f2d7"
}

.la-euro-sign:before {
    content: "\f153"
}

.la-evernote:before {
    content: "\f839"
}

.la-exchange-alt:before {
    content: "\f362"
}

.la-exclamation:before {
    content: "\f12a"
}

.la-exclamation-circle:before {
    content: "\f06a"
}

.la-exclamation-triangle:before {
    content: "\f071"
}

.la-expand:before {
    content: "\f065"
}

.la-expand-arrows-alt:before {
    content: "\f31e"
}

.la-expeditedssl:before {
    content: "\f23e"
}

.la-external-link-alt:before {
    content: "\f35d"
}

.la-external-link-square-alt:before {
    content: "\f360"
}

.la-eye:before {
    content: "\f06e"
}

.la-eye-dropper:before {
    content: "\f1fb"
}

.la-eye-slash:before {
    content: "\f070"
}

.la-facebook:before {
    content: "\f09a"
}

.la-facebook-f:before {
    content: "\f39e"
}

.la-facebook-messenger:before {
    content: "\f39f"
}

.la-facebook-square:before {
    content: "\f082"
}

.la-fan:before {
    content: "\f863"
}

.la-fantasy-flight-games:before {
    content: "\f6dc"
}

.la-fast-backward:before {
    content: "\f049"
}

.la-fast-forward:before {
    content: "\f050"
}

.la-fax:before {
    content: "\f1ac"
}

.la-feather:before {
    content: "\f52d"
}

.la-feather-alt:before {
    content: "\f56b"
}

.la-fedex:before {
    content: "\f797"
}

.la-fedora:before {
    content: "\f798"
}

.la-female:before {
    content: "\f182"
}

.la-fighter-jet:before {
    content: "\f0fb"
}

.la-figma:before {
    content: "\f799"
}

.la-file:before {
    content: "\f15b"
}

.la-file-alt:before {
    content: "\f15c"
}

.la-file-archive:before {
    content: "\f1c6"
}

.la-file-audio:before {
    content: "\f1c7"
}

.la-file-code:before {
    content: "\f1c9"
}

.la-file-contract:before {
    content: "\f56c"
}

.la-file-csv:before {
    content: "\f6dd"
}

.la-file-download:before {
    content: "\f56d"
}

.la-file-excel:before {
    content: "\f1c3"
}

.la-file-export:before {
    content: "\f56e"
}

.la-file-image:before {
    content: "\f1c5"
}

.la-file-import:before {
    content: "\f56f"
}

.la-file-invoice:before {
    content: "\f570"
}

.la-file-invoice-dollar:before {
    content: "\f571"
}

.la-file-medical:before {
    content: "\f477"
}

.la-file-medical-alt:before {
    content: "\f478"
}

.la-file-pdf:before {
    content: "\f1c1"
}

.la-file-powerpoint:before {
    content: "\f1c4"
}

.la-file-prescription:before {
    content: "\f572"
}

.la-file-signature:before {
    content: "\f573"
}

.la-file-upload:before {
    content: "\f574"
}

.la-file-video:before {
    content: "\f1c8"
}

.la-file-word:before {
    content: "\f1c2"
}

.la-fill:before {
    content: "\f575"
}

.la-fill-drip:before {
    content: "\f576"
}

.la-film:before {
    content: "\f008"
}

.la-filter:before {
    content: "\f0b0"
}

.la-fingerprint:before {
    content: "\f577"
}

.la-fire:before {
    content: "\f06d"
}

.la-fire-alt:before {
    content: "\f7e4"
}

.la-fire-extinguisher:before {
    content: "\f134"
}

.la-firefox:before {
    content: "\f269"
}

.la-first-aid:before {
    content: "\f479"
}

.la-first-order:before {
    content: "\f2b0"
}

.la-first-order-alt:before {
    content: "\f50a"
}

.la-firstdraft:before {
    content: "\f3a1"
}

.la-fish:before {
    content: "\f578"
}

.la-fist-raised:before {
    content: "\f6de"
}

.la-flag:before {
    content: "\f024"
}

.la-flag-checkered:before {
    content: "\f11e"
}

.la-flag-usa:before {
    content: "\f74d"
}

.la-flask:before {
    content: "\f0c3"
}

.la-flickr:before {
    content: "\f16e"
}

.la-flipboard:before {
    content: "\f44d"
}

.la-flushed:before {
    content: "\f579"
}

.la-fly:before {
    content: "\f417"
}

.la-folder:before {
    content: "\f07b"
}

.la-folder-minus:before {
    content: "\f65d"
}

.la-folder-open:before {
    content: "\f07c"
}

.la-folder-plus:before {
    content: "\f65e"
}

.la-font:before {
    content: "\f031"
}

.la-font-awesome:before {
    content: "\f2b4"
}

.la-font-awesome-alt:before {
    content: "\f35c"
}

.la-font-awesome-flag:before {
    content: "\f425"
}

.la-font-awesome-logo-full:before {
    content: "\f4e6"
}

.la-fonticons:before {
    content: "\f280"
}

.la-fonticons-fi:before {
    content: "\f3a2"
}

.la-football-ball:before {
    content: "\f44e"
}

.la-fort-awesome:before {
    content: "\f286"
}

.la-fort-awesome-alt:before {
    content: "\f3a3"
}

.la-forumbee:before {
    content: "\f211"
}

.la-forward:before {
    content: "\f04e"
}

.la-foursquare:before {
    content: "\f180"
}

.la-free-code-camp:before {
    content: "\f2c5"
}

.la-freebsd:before {
    content: "\f3a4"
}

.la-frog:before {
    content: "\f52e"
}

.la-frown:before {
    content: "\f119"
}

.la-frown-open:before {
    content: "\f57a"
}

.la-fulcrum:before {
    content: "\f50b"
}

.la-funnel-dollar:before {
    content: "\f662"
}

.la-futbol:before {
    content: "\f1e3"
}

.la-galactic-republic:before {
    content: "\f50c"
}

.la-galactic-senate:before {
    content: "\f50d"
}

.la-gamepad:before {
    content: "\f11b"
}

.la-gas-pump:before {
    content: "\f52f"
}

.la-gavel:before {
    content: "\f0e3"
}

.la-gem:before {
    content: "\f3a5"
}

.la-genderless:before {
    content: "\f22d"
}

.la-get-pocket:before {
    content: "\f265"
}

.la-gg:before {
    content: "\f260"
}

.la-gg-circle:before {
    content: "\f261"
}

.la-ghost:before {
    content: "\f6e2"
}

.la-gift:before {
    content: "\f06b"
}

.la-gifts:before {
    content: "\f79c"
}

.la-git:before {
    content: "\f1d3"
}

.la-git-alt:before {
    content: "\f841"
}

.la-git-square:before {
    content: "\f1d2"
}

.la-github:before {
    content: "\f09b"
}

.la-github-alt:before {
    content: "\f113"
}

.la-github-square:before {
    content: "\f092"
}

.la-gitkraken:before {
    content: "\f3a6"
}

.la-gitlab:before {
    content: "\f296"
}

.la-gitter:before {
    content: "\f426"
}

.la-glass-cheers:before {
    content: "\f79f"
}

.la-glass-martini:before {
    content: "\f000"
}

.la-glass-martini-alt:before {
    content: "\f57b"
}

.la-glass-whiskey:before {
    content: "\f7a0"
}

.la-glasses:before {
    content: "\f530"
}

.la-glide:before {
    content: "\f2a5"
}

.la-glide-g:before {
    content: "\f2a6"
}

.la-globe:before {
    content: "\f0ac"
}

.la-globe-africa:before {
    content: "\f57c"
}

.la-globe-americas:before {
    content: "\f57d"
}

.la-globe-asia:before {
    content: "\f57e"
}

.la-globe-europe:before {
    content: "\f7a2"
}

.la-gofore:before {
    content: "\f3a7"
}

.la-golf-ball:before {
    content: "\f450"
}

.la-goodreads:before {
    content: "\f3a8"
}

.la-goodreads-g:before {
    content: "\f3a9"
}

.la-google:before {
    content: "\f1a0"
}

.la-google-drive:before {
    content: "\f3aa"
}

.la-google-play:before {
    content: "\f3ab"
}

.la-google-plus:before {
    content: "\f2b3"
}

.la-google-plus-g:before {
    content: "\f0d5"
}

.la-google-plus-square:before {
    content: "\f0d4"
}

.la-google-wallet:before {
    content: "\f1ee"
}

.la-gopuram:before {
    content: "\f664"
}

.la-graduation-cap:before {
    content: "\f19d"
}

.la-gratipay:before {
    content: "\f184"
}

.la-grav:before {
    content: "\f2d6"
}

.la-greater-than:before {
    content: "\f531"
}

.la-greater-than-equal:before {
    content: "\f532"
}

.la-grimace:before {
    content: "\f57f"
}

.la-grin:before {
    content: "\f580"
}

.la-grin-alt:before {
    content: "\f581"
}

.la-grin-beam:before {
    content: "\f582"
}

.la-grin-beam-sweat:before {
    content: "\f583"
}

.la-grin-hearts:before {
    content: "\f584"
}

.la-grin-squint:before {
    content: "\f585"
}

.la-grin-squint-tears:before {
    content: "\f586"
}

.la-grin-stars:before {
    content: "\f587"
}

.la-grin-tears:before {
    content: "\f588"
}

.la-grin-tongue:before {
    content: "\f589"
}

.la-grin-tongue-squint:before {
    content: "\f58a"
}

.la-grin-tongue-wink:before {
    content: "\f58b"
}

.la-grin-wink:before {
    content: "\f58c"
}

.la-grip-horizontal:before {
    content: "\f58d"
}

.la-grip-lines:before {
    content: "\f7a4"
}

.la-grip-lines-vertical:before {
    content: "\f7a5"
}

.la-grip-vertical:before {
    content: "\f58e"
}

.la-gripfire:before {
    content: "\f3ac"
}

.la-grunt:before {
    content: "\f3ad"
}

.la-guitar:before {
    content: "\f7a6"
}

.la-gulp:before {
    content: "\f3ae"
}

.la-h-square:before {
    content: "\f0fd"
}

.la-hacker-news:before {
    content: "\f1d4"
}

.la-hacker-news-square:before {
    content: "\f3af"
}

.la-hackerrank:before {
    content: "\f5f7"
}

.la-hamburger:before {
    content: "\f805"
}

.la-hammer:before {
    content: "\f6e3"
}

.la-hamsa:before {
    content: "\f665"
}

.la-hand-holding:before {
    content: "\f4bd"
}

.la-hand-holding-heart:before {
    content: "\f4be"
}

.la-hand-holding-usd:before {
    content: "\f4c0"
}

.la-hand-lizard:before {
    content: "\f258"
}

.la-hand-middle-finger:before {
    content: "\f806"
}

.la-hand-paper:before {
    content: "\f256"
}

.la-hand-peace:before {
    content: "\f25b"
}

.la-hand-point-down:before {
    content: "\f0a7"
}

.la-hand-point-left:before {
    content: "\f0a5"
}

.la-hand-point-right:before {
    content: "\f0a4"
}

.la-hand-point-up:before {
    content: "\f0a6"
}

.la-hand-pointer:before {
    content: "\f25a"
}

.la-hand-rock:before {
    content: "\f255"
}

.la-hand-scissors:before {
    content: "\f257"
}

.la-hand-spock:before {
    content: "\f259"
}

.la-hands:before {
    content: "\f4c2"
}

.la-hands-helping:before {
    content: "\f4c4"
}

.la-handshake:before {
    content: "\f2b5"
}

.la-hanukiah:before {
    content: "\f6e6"
}

.la-hard-hat:before {
    content: "\f807"
}

.la-hashtag:before {
    content: "\f292"
}

.la-hat-cowboy:before {
    content: "\f8c0"
}

.la-hat-cowboy-side:before {
    content: "\f8c1"
}

.la-hat-wizard:before {
    content: "\f6e8"
}

.la-haykal:before {
    content: "\f666"
}

.la-hdd:before {
    content: "\f0a0"
}

.la-heading:before {
    content: "\f1dc"
}

.la-headphones:before {
    content: "\f025"
}

.la-headphones-alt:before {
    content: "\f58f"
}

.la-headset:before {
    content: "\f590"
}

.la-heart:before {
    content: "\f004"
}

.la-heart-broken:before {
    content: "\f7a9"
}

.la-heartbeat:before {
    content: "\f21e"
}

.la-helicopter:before {
    content: "\f533"
}

.la-highlighter:before {
    content: "\f591"
}

.la-hiking:before {
    content: "\f6ec"
}

.la-hippo:before {
    content: "\f6ed"
}

.la-hips:before {
    content: "\f452"
}

.la-hire-a-helper:before {
    content: "\f3b0"
}

.la-history:before {
    content: "\f1da"
}

.la-hockey-puck:before {
    content: "\f453"
}

.la-holly-berry:before {
    content: "\f7aa"
}

.la-home:before {
    content: "\f015"
}

.la-hooli:before {
    content: "\f427"
}

.la-hornbill:before {
    content: "\f592"
}

.la-horse:before {
    content: "\f6f0"
}

.la-horse-head:before {
    content: "\f7ab"
}

.la-hospital:before {
    content: "\f0f8"
}

.la-hospital-alt:before {
    content: "\f47d"
}

.la-hospital-symbol:before {
    content: "\f47e"
}

.la-hot-tub:before {
    content: "\f593"
}

.la-hotdog:before {
    content: "\f80f"
}

.la-hotel:before {
    content: "\f594"
}

.la-hotjar:before {
    content: "\f3b1"
}

.la-hourglass:before {
    content: "\f254"
}

.la-hourglass-end:before {
    content: "\f253"
}

.la-hourglass-half:before {
    content: "\f252"
}

.la-hourglass-start:before {
    content: "\f251"
}

.la-house-damage:before {
    content: "\f6f1"
}

.la-houzz:before {
    content: "\f27c"
}

.la-hryvnia:before {
    content: "\f6f2"
}

.la-html5:before {
    content: "\f13b"
}

.la-hubspot:before {
    content: "\f3b2"
}

.la-i-cursor:before {
    content: "\f246"
}

.la-ice-cream:before {
    content: "\f810"
}

.la-icicles:before {
    content: "\f7ad"
}

.la-icons:before {
    content: "\f86d"
}

.la-id-badge:before {
    content: "\f2c1"
}

.la-id-card:before {
    content: "\f2c2"
}

.la-id-card-alt:before {
    content: "\f47f"
}

.la-igloo:before {
    content: "\f7ae"
}

.la-image:before {
    content: "\f03e"
}

.la-images:before {
    content: "\f302"
}

.la-imdb:before {
    content: "\f2d8"
}

.la-inbox:before {
    content: "\f01c"
}

.la-indent:before {
    content: "\f03c"
}

.la-industry:before {
    content: "\f275"
}

.la-infinity:before {
    content: "\f534"
}

.la-info:before {
    content: "\f129"
}

.la-info-circle:before {
    content: "\f05a"
}

.la-instagram:before {
    content: "\f16d"
}

.la-intercom:before {
    content: "\f7af"
}

.la-internet-explorer:before {
    content: "\f26b"
}

.la-invision:before {
    content: "\f7b0"
}

.la-ioxhost:before {
    content: "\f208"
}

.la-italic:before {
    content: "\f033"
}

.la-itch-io:before {
    content: "\f83a"
}

.la-itunes:before {
    content: "\f3b4"
}

.la-itunes-note:before {
    content: "\f3b5"
}

.la-java:before {
    content: "\f4e4"
}

.la-jedi:before {
    content: "\f669"
}

.la-jedi-order:before {
    content: "\f50e"
}

.la-jenkins:before {
    content: "\f3b6"
}

.la-jira:before {
    content: "\f7b1"
}

.la-joget:before {
    content: "\f3b7"
}

.la-joint:before {
    content: "\f595"
}

.la-joomla:before {
    content: "\f1aa"
}

.la-journal-whills:before {
    content: "\f66a"
}

.la-js:before {
    content: "\f3b8"
}

.la-js-square:before {
    content: "\f3b9"
}

.la-jsfiddle:before {
    content: "\f1cc"
}

.la-kaaba:before {
    content: "\f66b"
}

.la-kaggle:before {
    content: "\f5fa"
}

.la-key:before {
    content: "\f084"
}

.la-keybase:before {
    content: "\f4f5"
}

.la-keyboard:before {
    content: "\f11c"
}

.la-keycdn:before {
    content: "\f3ba"
}

.la-khanda:before {
    content: "\f66d"
}

.la-kickstarter:before {
    content: "\f3bb"
}

.la-kickstarter-k:before {
    content: "\f3bc"
}

.la-kiss:before {
    content: "\f596"
}

.la-kiss-beam:before {
    content: "\f597"
}

.la-kiss-wink-heart:before {
    content: "\f598"
}

.la-kiwi-bird:before {
    content: "\f535"
}

.la-korvue:before {
    content: "\f42f"
}

.la-landmark:before {
    content: "\f66f"
}

.la-language:before {
    content: "\f1ab"
}

.la-laptop:before {
    content: "\f109"
}

.la-laptop-code:before {
    content: "\f5fc"
}

.la-laptop-medical:before {
    content: "\f812"
}

.la-laravel:before {
    content: "\f3bd"
}

.la-lastfm:before {
    content: "\f202"
}

.la-lastfm-square:before {
    content: "\f203"
}

.la-laugh:before {
    content: "\f599"
}

.la-laugh-beam:before {
    content: "\f59a"
}

.la-laugh-squint:before {
    content: "\f59b"
}

.la-laugh-wink:before {
    content: "\f59c"
}

.la-layer-group:before {
    content: "\f5fd"
}

.la-leaf:before {
    content: "\f06c"
}

.la-leanpub:before {
    content: "\f212"
}

.la-lemon:before {
    content: "\f094"
}

.la-less:before {
    content: "\f41d"
}

.la-less-than:before {
    content: "\f536"
}

.la-less-than-equal:before {
    content: "\f537"
}

.la-level-down-alt:before {
    content: "\f3be"
}

.la-level-up-alt:before {
    content: "\f3bf"
}

.la-life-ring:before {
    content: "\f1cd"
}

.la-lightbulb:before {
    content: "\f0eb"
}

.la-line:before {
    content: "\f3c0"
}

.la-link:before {
    content: "\f0c1"
}

.la-linkedin:before {
    content: "\f08c"
}

.la-linkedin-in:before {
    content: "\f0e1"
}

.la-linode:before {
    content: "\f2b8"
}

.la-linux:before {
    content: "\f17c"
}

.la-lira-sign:before {
    content: "\f195"
}

.la-list:before {
    content: "\f03a"
}

.la-list-alt:before {
    content: "\f022"
}

.la-list-ol:before {
    content: "\f0cb"
}

.la-list-ul:before {
    content: "\f0ca"
}

.la-location-arrow:before {
    content: "\f124"
}

.la-lock:before {
    content: "\f023"
}

.la-lock-open:before {
    content: "\f3c1"
}

.la-long-arrow-alt-down:before {
    content: "\f309"
}

.la-long-arrow-alt-left:before {
    content: "\f30a"
}

.la-long-arrow-alt-right:before {
    content: "\f30b"
}

.la-long-arrow-alt-up:before {
    content: "\f30c"
}

.la-low-vision:before {
    content: "\f2a8"
}

.la-luggage-cart:before {
    content: "\f59d"
}

.la-lyft:before {
    content: "\f3c3"
}

.la-magento:before {
    content: "\f3c4"
}

.la-magic:before {
    content: "\f0d0"
}

.la-magnet:before {
    content: "\f076"
}

.la-mail-bulk:before {
    content: "\f674"
}

.la-mailchimp:before {
    content: "\f59e"
}

.la-male:before {
    content: "\f183"
}

.la-mandalorian:before {
    content: "\f50f"
}

.la-map:before {
    content: "\f279"
}

.la-map-marked:before {
    content: "\f59f"
}

.la-map-marked-alt:before {
    content: "\f5a0"
}

.la-map-marker:before {
    content: "\f041"
}

.la-map-marker-alt:before {
    content: "\f3c5"
}

.la-map-pin:before {
    content: "\f276"
}

.la-map-signs:before {
    content: "\f277"
}

.la-markdown:before {
    content: "\f60f"
}

.la-marker:before {
    content: "\f5a1"
}

.la-mars:before {
    content: "\f222"
}

.la-mars-double:before {
    content: "\f227"
}

.la-mars-stroke:before {
    content: "\f229"
}

.la-mars-stroke-h:before {
    content: "\f22b"
}

.la-mars-stroke-v:before {
    content: "\f22a"
}

.la-mask:before {
    content: "\f6fa"
}

.la-mastodon:before {
    content: "\f4f6"
}

.la-maxcdn:before {
    content: "\f136"
}

.la-mdb:before {
    content: "\f8ca"
}

.la-medal:before {
    content: "\f5a2"
}

.la-medapps:before {
    content: "\f3c6"
}

.la-medium:before {
    content: "\f23a"
}

.la-medium-m:before {
    content: "\f3c7"
}

.la-medkit:before {
    content: "\f0fa"
}

.la-medrt:before {
    content: "\f3c8"
}

.la-meetup:before {
    content: "\f2e0"
}

.la-megaport:before {
    content: "\f5a3"
}

.la-meh:before {
    content: "\f11a"
}

.la-meh-blank:before {
    content: "\f5a4"
}

.la-meh-rolling-eyes:before {
    content: "\f5a5"
}

.la-memory:before {
    content: "\f538"
}

.la-mendeley:before {
    content: "\f7b3"
}

.la-menorah:before {
    content: "\f676"
}

.la-mercury:before {
    content: "\f223"
}

.la-meteor:before {
    content: "\f753"
}

.la-microchip:before {
    content: "\f2db"
}

.la-microphone:before {
    content: "\f130"
}

.la-microphone-alt:before {
    content: "\f3c9"
}

.la-microphone-alt-slash:before {
    content: "\f539"
}

.la-microphone-slash:before {
    content: "\f131"
}

.la-microscope:before {
    content: "\f610"
}

.la-microsoft:before {
    content: "\f3ca"
}

.la-minus:before {
    content: "\f068"
}

.la-minus-circle:before {
    content: "\f056"
}

.la-minus-square:before {
    content: "\f146"
}

.la-mitten:before {
    content: "\f7b5"
}

.la-mix:before {
    content: "\f3cb"
}

.la-mixcloud:before {
    content: "\f289"
}

.la-mizuni:before {
    content: "\f3cc"
}

.la-mobile:before {
    content: "\f10b"
}

.la-mobile-alt:before {
    content: "\f3cd"
}

.la-modx:before {
    content: "\f285"
}

.la-monero:before {
    content: "\f3d0"
}

.la-money-bill:before {
    content: "\f0d6"
}

.la-money-bill-alt:before {
    content: "\f3d1"
}

.la-money-bill-wave:before {
    content: "\f53a"
}

.la-money-bill-wave-alt:before {
    content: "\f53b"
}

.la-money-check:before {
    content: "\f53c"
}

.la-money-check-alt:before {
    content: "\f53d"
}

.la-monument:before {
    content: "\f5a6"
}

.la-moon:before {
    content: "\f186"
}

.la-mortar-pestle:before {
    content: "\f5a7"
}

.la-mosque:before {
    content: "\f678"
}

.la-motorcycle:before {
    content: "\f21c"
}

.la-mountain:before {
    content: "\f6fc"
}

.la-mouse:before {
    content: "\f8cc"
}

.la-mouse-pointer:before {
    content: "\f245"
}

.la-mug-hot:before {
    content: "\f7b6"
}

.la-music:before {
    content: "\f001"
}

.la-napster:before {
    content: "\f3d2"
}

.la-neos:before {
    content: "\f612"
}

.la-network-wired:before {
    content: "\f6ff"
}

.la-neuter:before {
    content: "\f22c"
}

.la-newspaper:before {
    content: "\f1ea"
}

.la-nimblr:before {
    content: "\f5a8"
}

.la-node:before {
    content: "\f419"
}

.la-node-js:before {
    content: "\f3d3"
}

.la-not-equal:before {
    content: "\f53e"
}

.la-notes-medical:before {
    content: "\f481"
}

.la-npm:before {
    content: "\f3d4"
}

.la-ns8:before {
    content: "\f3d5"
}

.la-nutritionix:before {
    content: "\f3d6"
}

.la-object-group:before {
    content: "\f247"
}

.la-object-ungroup:before {
    content: "\f248"
}

.la-odnoklassniki:before {
    content: "\f263"
}

.la-odnoklassniki-square:before {
    content: "\f264"
}

.la-oil-can:before {
    content: "\f613"
}

.la-old-republic:before {
    content: "\f510"
}

.la-om:before {
    content: "\f679"
}

.la-opencart:before {
    content: "\f23d"
}

.la-openid:before {
    content: "\f19b"
}

.la-opera:before {
    content: "\f26a"
}

.la-optin-monster:before {
    content: "\f23c"
}

.la-orcid:before {
    content: "\f8d2"
}

.la-osi:before {
    content: "\f41a"
}

.la-otter:before {
    content: "\f700"
}

.la-outdent:before {
    content: "\f03b"
}

.la-page4:before {
    content: "\f3d7"
}

.la-pagelines:before {
    content: "\f18c"
}

.la-pager:before {
    content: "\f815"
}

.la-paint-brush:before {
    content: "\f1fc"
}

.la-paint-roller:before {
    content: "\f5aa"
}

.la-palette:before {
    content: "\f53f"
}

.la-palfed:before {
    content: "\f3d8"
}

.la-pallet:before {
    content: "\f482"
}

.la-paper-plane:before {
    content: "\f1d8"
}

.la-paperclip:before {
    content: "\f0c6"
}

.la-parachute-box:before {
    content: "\f4cd"
}

.la-paragraph:before {
    content: "\f1dd"
}

.la-parking:before {
    content: "\f540"
}

.la-passport:before {
    content: "\f5ab"
}

.la-pastafarianism:before {
    content: "\f67b"
}

.la-paste:before {
    content: "\f0ea"
}

.la-patreon:before {
    content: "\f3d9"
}

.la-pause:before {
    content: "\f04c"
}

.la-pause-circle:before {
    content: "\f28b"
}

.la-paw:before {
    content: "\f1b0"
}

.la-paypal:before {
    content: "\f1ed"
}

.la-peace:before {
    content: "\f67c"
}

.la-pen:before {
    content: "\f304"
}

.la-pen-alt:before {
    content: "\f305"
}

.la-pen-fancy:before {
    content: "\f5ac"
}

.la-pen-nib:before {
    content: "\f5ad"
}

.la-pen-square:before {
    content: "\f14b"
}

.la-pencil-alt:before {
    content: "\f303"
}

.la-pencil-ruler:before {
    content: "\f5ae"
}

.la-penny-arcade:before {
    content: "\f704"
}

.la-people-carry:before {
    content: "\f4ce"
}

.la-pepper-hot:before {
    content: "\f816"
}

.la-percent:before {
    content: "\f295"
}

.la-percentage:before {
    content: "\f541"
}

.la-periscope:before {
    content: "\f3da"
}

.la-person-booth:before {
    content: "\f756"
}

.la-phabricator:before {
    content: "\f3db"
}

.la-phoenix-framework:before {
    content: "\f3dc"
}

.la-phoenix-squadron:before {
    content: "\f511"
}

.la-phone:before {
    content: "\f095"
}

.la-phone-alt:before {
    content: "\f879"
}

.la-phone-slash:before {
    content: "\f3dd"
}

.la-phone-square:before {
    content: "\f098"
}

.la-phone-square-alt:before {
    content: "\f87b"
}

.la-phone-volume:before {
    content: "\f2a0"
}

.la-photo-video:before {
    content: "\f87c"
}

.la-php:before {
    content: "\f457"
}

.la-pied-piper:before {
    content: "\f2ae"
}

.la-pied-piper-alt:before {
    content: "\f1a8"
}

.la-pied-piper-hat:before {
    content: "\f4e5"
}

.la-pied-piper-pp:before {
    content: "\f1a7"
}

.la-piggy-bank:before {
    content: "\f4d3"
}

.la-pills:before {
    content: "\f484"
}

.la-pinterest:before {
    content: "\f0d2"
}

.la-pinterest-p:before {
    content: "\f231"
}

.la-pinterest-square:before {
    content: "\f0d3"
}

.la-pizza-slice:before {
    content: "\f818"
}

.la-place-of-worship:before {
    content: "\f67f"
}

.la-plane:before {
    content: "\f072"
}

.la-plane-arrival:before {
    content: "\f5af"
}

.la-plane-departure:before {
    content: "\f5b0"
}

.la-play:before {
    content: "\f04b"
}

.la-play-circle:before {
    content: "\f144"
}

.la-playstation:before {
    content: "\f3df"
}

.la-plug:before {
    content: "\f1e6"
}

.la-plus:before {
    content: "\f067"
}

.la-plus-circle:before {
    content: "\f055"
}

.la-plus-square:before {
    content: "\f0fe"
}

.la-podcast:before {
    content: "\f2ce"
}

.la-poll:before {
    content: "\f681"
}

.la-poll-h:before {
    content: "\f682"
}

.la-poo:before {
    content: "\f2fe"
}

.la-poo-storm:before {
    content: "\f75a"
}

.la-poop:before {
    content: "\f619"
}

.la-portrait:before {
    content: "\f3e0"
}

.la-pound-sign:before {
    content: "\f154"
}

.la-power-off:before {
    content: "\f011"
}

.la-pray:before {
    content: "\f683"
}

.la-praying-hands:before {
    content: "\f684"
}

.la-prescription:before {
    content: "\f5b1"
}

.la-prescription-bottle:before {
    content: "\f485"
}

.la-prescription-bottle-alt:before {
    content: "\f486"
}

.la-print:before {
    content: "\f02f"
}

.la-procedures:before {
    content: "\f487"
}

.la-product-hunt:before {
    content: "\f288"
}

.la-project-diagram:before {
    content: "\f542"
}

.la-pushed:before {
    content: "\f3e1"
}

.la-puzzle-piece:before {
    content: "\f12e"
}

.la-python:before {
    content: "\f3e2"
}

.la-qq:before {
    content: "\f1d6"
}

.la-qrcode:before {
    content: "\f029"
}

.la-question:before {
    content: "\f128"
}

.la-question-circle:before {
    content: "\f059"
}

.la-quidditch:before {
    content: "\f458"
}

.la-quinscape:before {
    content: "\f459"
}

.la-quora:before {
    content: "\f2c4"
}

.la-quote-left:before {
    content: "\f10d"
}

.la-quote-right:before {
    content: "\f10e"
}

.la-quran:before {
    content: "\f687"
}

.la-r-project:before {
    content: "\f4f7"
}

.la-radiation:before {
    content: "\f7b9"
}

.la-radiation-alt:before {
    content: "\f7ba"
}

.la-rainbow:before {
    content: "\f75b"
}

.la-random:before {
    content: "\f074"
}

.la-raspberry-pi:before {
    content: "\f7bb"
}

.la-ravelry:before {
    content: "\f2d9"
}

.la-react:before {
    content: "\f41b"
}

.la-reacteurope:before {
    content: "\f75d"
}

.la-readme:before {
    content: "\f4d5"
}

.la-rebel:before {
    content: "\f1d0"
}

.la-receipt:before {
    content: "\f543"
}

.la-record-vinyl:before {
    content: "\f8d9"
}

.la-recycle:before {
    content: "\f1b8"
}

.la-red-river:before {
    content: "\f3e3"
}

.la-reddit:before {
    content: "\f1a1"
}

.la-reddit-alien:before {
    content: "\f281"
}

.la-reddit-square:before {
    content: "\f1a2"
}

.la-redhat:before {
    content: "\f7bc"
}

.la-redo:before {
    content: "\f01e"
}

.la-redo-alt:before {
    content: "\f2f9"
}

.la-registered:before {
    content: "\f25d"
}

.la-remove-format:before {
    content: "\f87d"
}

.la-renren:before {
    content: "\f18b"
}

.la-reply:before {
    content: "\f3e5"
}

.la-reply-all:before {
    content: "\f122"
}

.la-replyd:before {
    content: "\f3e6"
}

.la-republican:before {
    content: "\f75e"
}

.la-researchgate:before {
    content: "\f4f8"
}

.la-resolving:before {
    content: "\f3e7"
}

.la-restroom:before {
    content: "\f7bd"
}

.la-retweet:before {
    content: "\f079"
}

.la-rev:before {
    content: "\f5b2"
}

.la-ribbon:before {
    content: "\f4d6"
}

.la-ring:before {
    content: "\f70b"
}

.la-road:before {
    content: "\f018"
}

.la-robot:before {
    content: "\f544"
}

.la-rocket:before {
    content: "\f135"
}

.la-rocketchat:before {
    content: "\f3e8"
}

.la-rockrms:before {
    content: "\f3e9"
}

.la-route:before {
    content: "\f4d7"
}

.la-rss:before {
    content: "\f09e"
}

.la-rss-square:before {
    content: "\f143"
}

.la-ruble-sign:before {
    content: "\f158"
}

.la-ruler:before {
    content: "\f545"
}

.la-ruler-combined:before {
    content: "\f546"
}

.la-ruler-horizontal:before {
    content: "\f547"
}

.la-ruler-vertical:before {
    content: "\f548"
}

.la-running:before {
    content: "\f70c"
}

.la-rupee-sign:before {
    content: "\f156"
}

.la-sad-cry:before {
    content: "\f5b3"
}

.la-sad-tear:before {
    content: "\f5b4"
}

.la-safari:before {
    content: "\f267"
}

.la-salesforce:before {
    content: "\f83b"
}

.la-sass:before {
    content: "\f41e"
}

.la-satellite:before {
    content: "\f7bf"
}

.la-satellite-dish:before {
    content: "\f7c0"
}

.la-save:before {
    content: "\f0c7"
}

.la-schlix:before {
    content: "\f3ea"
}

.la-school:before {
    content: "\f549"
}

.la-screwdriver:before {
    content: "\f54a"
}

.la-scribd:before {
    content: "\f28a"
}

.la-scroll:before {
    content: "\f70e"
}

.la-sd-card:before {
    content: "\f7c2"
}

.la-search:before {
    content: "\f002"
}

.la-search-dollar:before {
    content: "\f688"
}

.la-search-location:before {
    content: "\f689"
}

.la-search-minus:before {
    content: "\f010"
}

.la-search-plus:before {
    content: "\f00e"
}

.la-searchengin:before {
    content: "\f3eb"
}

.la-seedling:before {
    content: "\f4d8"
}

.la-sellcast:before {
    content: "\f2da"
}

.la-sellsy:before {
    content: "\f213"
}

.la-server:before {
    content: "\f233"
}

.la-servicestack:before {
    content: "\f3ec"
}

.la-shapes:before {
    content: "\f61f"
}

.la-share:before {
    content: "\f064"
}

.la-share-alt:before {
    content: "\f1e0"
}

.la-share-alt-square:before {
    content: "\f1e1"
}

.la-share-square:before {
    content: "\f14d"
}

.la-shekel-sign:before {
    content: "\f20b"
}

.la-shield-alt:before {
    content: "\f3ed"
}

.la-ship:before {
    content: "\f21a"
}

.la-shipping-fast:before {
    content: "\f48b"
}

.la-shirtsinbulk:before {
    content: "\f214"
}

.la-shoe-prints:before {
    content: "\f54b"
}

.la-shopping-bag:before {
    content: "\f290"
}

.la-shopping-basket:before {
    content: "\f291"
}

.la-shopping-cart:before {
    content: "\f07a"
}

.la-shopware:before {
    content: "\f5b5"
}

.la-shower:before {
    content: "\f2cc"
}

.la-shuttle-van:before {
    content: "\f5b6"
}

.la-sign:before {
    content: "\f4d9"
}

.la-sign-in-alt:before {
    content: "\f2f6"
}

.la-sign-language:before {
    content: "\f2a7"
}

.la-sign-out-alt:before {
    content: "\f2f5"
}

.la-signal:before {
    content: "\f012"
}

.la-signature:before {
    content: "\f5b7"
}

.la-sim-card:before {
    content: "\f7c4"
}

.la-simplybuilt:before {
    content: "\f215"
}

.la-sistrix:before {
    content: "\f3ee"
}

.la-sitemap:before {
    content: "\f0e8"
}

.la-sith:before {
    content: "\f512"
}

.la-skating:before {
    content: "\f7c5"
}

.la-sketch:before {
    content: "\f7c6"
}

.la-skiing:before {
    content: "\f7c9"
}

.la-skiing-nordic:before {
    content: "\f7ca"
}

.la-skull:before {
    content: "\f54c"
}

.la-skull-crossbones:before {
    content: "\f714"
}

.la-skyatlas:before {
    content: "\f216"
}

.la-skype:before {
    content: "\f17e"
}

.la-slack:before {
    content: "\f198"
}

.la-slack-hash:before {
    content: "\f3ef"
}

.la-slash:before {
    content: "\f715"
}

.la-sleigh:before {
    content: "\f7cc"
}

.la-sliders-h:before {
    content: "\f1de"
}

.la-slideshare:before {
    content: "\f1e7"
}

.la-smile:before {
    content: "\f118"
}

.la-smile-beam:before {
    content: "\f5b8"
}

.la-smile-wink:before {
    content: "\f4da"
}

.la-smog:before {
    content: "\f75f"
}

.la-smoking:before {
    content: "\f48d"
}

.la-smoking-ban:before {
    content: "\f54d"
}

.la-sms:before {
    content: "\f7cd"
}

.la-snapchat:before {
    content: "\f2ab"
}

.la-snapchat-ghost:before {
    content: "\f2ac"
}

.la-snapchat-square:before {
    content: "\f2ad"
}

.la-snowboarding:before {
    content: "\f7ce"
}

.la-snowflake:before {
    content: "\f2dc"
}

.la-snowman:before {
    content: "\f7d0"
}

.la-snowplow:before {
    content: "\f7d2"
}

.la-socks:before {
    content: "\f696"
}

.la-solar-panel:before {
    content: "\f5ba"
}

.la-sort:before {
    content: "\f0dc"
}

.la-sort-alpha-down:before {
    content: "\f15d"
}

.la-sort-alpha-down-alt:before {
    content: "\f881"
}

.la-sort-alpha-up:before {
    content: "\f15e"
}

.la-sort-alpha-up-alt:before {
    content: "\f882"
}

.la-sort-amount-down:before {
    content: "\f160"
}

.la-sort-amount-down-alt:before {
    content: "\f884"
}

.la-sort-amount-up:before {
    content: "\f161"
}

.la-sort-amount-up-alt:before {
    content: "\f885"
}

.la-sort-down:before {
    content: "\f0dd"
}

.la-sort-numeric-down:before {
    content: "\f162"
}

.la-sort-numeric-down-alt:before {
    content: "\f886"
}

.la-sort-numeric-up:before {
    content: "\f163"
}

.la-sort-numeric-up-alt:before {
    content: "\f887"
}

.la-sort-up:before {
    content: "\f0de"
}

.la-soundcloud:before {
    content: "\f1be"
}

.la-sourcetree:before {
    content: "\f7d3"
}

.la-spa:before {
    content: "\f5bb"
}

.la-space-shuttle:before {
    content: "\f197"
}

.la-speakap:before {
    content: "\f3f3"
}

.la-speaker-deck:before {
    content: "\f83c"
}

.la-spell-check:before {
    content: "\f891"
}

.la-spider:before {
    content: "\f717"
}

.la-spinner:before {
    content: "\f110"
}

.la-splotch:before {
    content: "\f5bc"
}

.la-spotify:before {
    content: "\f1bc"
}

.la-spray-can:before {
    content: "\f5bd"
}

.la-square:before {
    content: "\f0c8"
}

.la-square-full:before {
    content: "\f45c"
}

.la-square-root-alt:before {
    content: "\f698"
}

.la-squarespace:before {
    content: "\f5be"
}

.la-stack-exchange:before {
    content: "\f18d"
}

.la-stack-overflow:before {
    content: "\f16c"
}

.la-stackpath:before {
    content: "\f842"
}

.la-stamp:before {
    content: "\f5bf"
}

.la-star:before {
    content: "\f005"
}

.la-star-and-crescent:before {
    content: "\f699"
}

.la-star-half:before {
    content: "\f089"
}

.la-star-half-alt:before {
    content: "\f5c0"
}

.la-star-of-david:before {
    content: "\f69a"
}

.la-star-of-life:before {
    content: "\f621"
}

.la-staylinked:before {
    content: "\f3f5"
}

.la-steam:before {
    content: "\f1b6"
}

.la-steam-square:before {
    content: "\f1b7"
}

.la-steam-symbol:before {
    content: "\f3f6"
}

.la-step-backward:before {
    content: "\f048"
}

.la-step-forward:before {
    content: "\f051"
}

.la-stethoscope:before {
    content: "\f0f1"
}

.la-sticker-mule:before {
    content: "\f3f7"
}

.la-sticky-note:before {
    content: "\f249"
}

.la-stop:before {
    content: "\f04d"
}

.la-stop-circle:before {
    content: "\f28d"
}

.la-stopwatch:before {
    content: "\f2f2"
}

.la-store:before {
    content: "\f54e"
}

.la-store-alt:before {
    content: "\f54f"
}

.la-strava:before {
    content: "\f428"
}

.la-stream:before {
    content: "\f550"
}

.la-street-view:before {
    content: "\f21d"
}

.la-strikethrough:before {
    content: "\f0cc"
}

.la-stripe:before {
    content: "\f429"
}

.la-stripe-s:before {
    content: "\f42a"
}

.la-stroopwafel:before {
    content: "\f551"
}

.la-studiovinari:before {
    content: "\f3f8"
}

.la-stumbleupon:before {
    content: "\f1a4"
}

.la-stumbleupon-circle:before {
    content: "\f1a3"
}

.la-subscript:before {
    content: "\f12c"
}

.la-subway:before {
    content: "\f239"
}

.la-suitcase:before {
    content: "\f0f2"
}

.la-suitcase-rolling:before {
    content: "\f5c1"
}

.la-sun:before {
    content: "\f185"
}

.la-superpowers:before {
    content: "\f2dd"
}

.la-superscript:before {
    content: "\f12b"
}

.la-supple:before {
    content: "\f3f9"
}

.la-surprise:before {
    content: "\f5c2"
}

.la-suse:before {
    content: "\f7d6"
}

.la-swatchbook:before {
    content: "\f5c3"
}

.la-swift:before {
    content: "\f8e1"
}

.la-swimmer:before {
    content: "\f5c4"
}

.la-swimming-pool:before {
    content: "\f5c5"
}

.la-symfony:before {
    content: "\f83d"
}

.la-synagogue:before {
    content: "\f69b"
}

.la-sync:before {
    content: "\f021"
}

.la-sync-alt:before {
    content: "\f2f1"
}

.la-syringe:before {
    content: "\f48e"
}

.la-table:before {
    content: "\f0ce"
}

.la-table-tennis:before {
    content: "\f45d"
}

.la-tablet:before {
    content: "\f10a"
}

.la-tablet-alt:before {
    content: "\f3fa"
}

.la-tablets:before {
    content: "\f490"
}

.la-tachometer-alt:before {
    content: "\f3fd"
}

.la-tag:before {
    content: "\f02b"
}

.la-tags:before {
    content: "\f02c"
}

.la-tape:before {
    content: "\f4db"
}

.la-tasks:before {
    content: "\f0ae"
}

.la-taxi:before {
    content: "\f1ba"
}

.la-teamspeak:before {
    content: "\f4f9"
}

.la-teeth:before {
    content: "\f62e"
}

.la-teeth-open:before {
    content: "\f62f"
}

.la-telegram:before {
    content: "\f2c6"
}

.la-telegram-plane:before {
    content: "\f3fe"
}

.la-temperature-high:before {
    content: "\f769"
}

.la-temperature-low:before {
    content: "\f76b"
}

.la-tencent-weibo:before {
    content: "\f1d5"
}

.la-tenge:before {
    content: "\f7d7"
}

.la-terminal:before {
    content: "\f120"
}

.la-text-height:before {
    content: "\f034"
}

.la-text-width:before {
    content: "\f035"
}

.la-th:before {
    content: "\f00a"
}

.la-th-large:before {
    content: "\f009"
}

.la-th-list:before {
    content: "\f00b"
}

.la-the-red-yeti:before {
    content: "\f69d"
}

.la-theater-masks:before {
    content: "\f630"
}

.la-themeco:before {
    content: "\f5c6"
}

.la-themeisle:before {
    content: "\f2b2"
}

.la-thermometer:before {
    content: "\f491"
}

.la-thermometer-empty:before {
    content: "\f2cb"
}

.la-thermometer-full:before {
    content: "\f2c7"
}

.la-thermometer-half:before {
    content: "\f2c9"
}

.la-thermometer-quarter:before {
    content: "\f2ca"
}

.la-thermometer-three-quarters:before {
    content: "\f2c8"
}

.la-think-peaks:before {
    content: "\f731"
}

.la-thumbs-down:before {
    content: "\f165"
}

.la-thumbs-up:before {
    content: "\f164"
}

.la-thumbtack:before {
    content: "\f08d"
}

.la-ticket-alt:before {
    content: "\f3ff"
}

.la-times:before {
    content: "\f00d"
}

.la-times-circle:before {
    content: "\f057"
}

.la-tint:before {
    content: "\f043"
}

.la-tint-slash:before {
    content: "\f5c7"
}

.la-tired:before {
    content: "\f5c8"
}

.la-toggle-off:before {
    content: "\f204"
}

.la-toggle-on:before {
    content: "\f205"
}

.la-toilet:before {
    content: "\f7d8"
}

.la-toilet-paper:before {
    content: "\f71e"
}

.la-toolbox:before {
    content: "\f552"
}

.la-tools:before {
    content: "\f7d9"
}

.la-tooth:before {
    content: "\f5c9"
}

.la-torah:before {
    content: "\f6a0"
}

.la-torii-gate:before {
    content: "\f6a1"
}

.la-tractor:before {
    content: "\f722"
}

.la-trade-federation:before {
    content: "\f513"
}

.la-trademark:before {
    content: "\f25c"
}

.la-traffic-light:before {
    content: "\f637"
}

.la-train:before {
    content: "\f238"
}

.la-tram:before {
    content: "\f7da"
}

.la-transgender:before {
    content: "\f224"
}

.la-transgender-alt:before {
    content: "\f225"
}

.la-trash:before {
    content: "\f1f8"
}

.la-trash-alt:before {
    content: "\f2ed"
}

.la-trash-restore:before {
    content: "\f829"
}

.la-trash-restore-alt:before {
    content: "\f82a"
}

.la-tree:before {
    content: "\f1bb"
}

.la-trello:before {
    content: "\f181"
}

.la-tripadvisor:before {
    content: "\f262"
}

.la-trophy:before {
    content: "\f091"
}

.la-truck:before {
    content: "\f0d1"
}

.la-truck-loading:before {
    content: "\f4de"
}

.la-truck-monster:before {
    content: "\f63b"
}

.la-truck-moving:before {
    content: "\f4df"
}

.la-truck-pickup:before {
    content: "\f63c"
}

.la-tshirt:before {
    content: "\f553"
}

.la-tty:before {
    content: "\f1e4"
}

.la-tumblr:before {
    content: "\f173"
}

.la-tumblr-square:before {
    content: "\f174"
}

.la-tv:before {
    content: "\f26c"
}

.la-twitch:before {
    content: "\f1e8"
}

.la-twitter:before {
    content: "\f099"
}

.la-twitter-square:before {
    content: "\f081"
}

.la-typo3:before {
    content: "\f42b"
}

.la-uber:before {
    content: "\f402"
}

.la-ubuntu:before {
    content: "\f7df"
}

.la-uikit:before {
    content: "\f403"
}

.la-umbraco:before {
    content: "\f8e8"
}

.la-umbrella:before {
    content: "\f0e9"
}

.la-umbrella-beach:before {
    content: "\f5ca"
}

.la-underline:before {
    content: "\f0cd"
}

.la-undo:before {
    content: "\f0e2"
}

.la-undo-alt:before {
    content: "\f2ea"
}

.la-uniregistry:before {
    content: "\f404"
}

.la-universal-access:before {
    content: "\f29a"
}

.la-university:before {
    content: "\f19c"
}

.la-unlink:before {
    content: "\f127"
}

.la-unlock:before {
    content: "\f09c"
}

.la-unlock-alt:before {
    content: "\f13e"
}

.la-untappd:before {
    content: "\f405"
}

.la-upload:before {
    content: "\f093"
}

.la-ups:before {
    content: "\f7e0"
}

.la-usb:before {
    content: "\f287"
}

.la-user:before {
    content: "\f007"
}

.la-user-alt:before {
    content: "\f406"
}

.la-user-alt-slash:before {
    content: "\f4fa"
}

.la-user-astronaut:before {
    content: "\f4fb"
}

.la-user-check:before {
    content: "\f4fc"
}

.la-user-circle:before {
    content: "\f2bd"
}

.la-user-clock:before {
    content: "\f4fd"
}

.la-user-cog:before {
    content: "\f4fe"
}

.la-user-edit:before {
    content: "\f4ff"
}

.la-user-friends:before {
    content: "\f500"
}

.la-user-graduate:before {
    content: "\f501"
}

.la-user-injured:before {
    content: "\f728"
}

.la-user-lock:before {
    content: "\f502"
}

.la-user-md:before {
    content: "\f0f0"
}

.la-user-minus:before {
    content: "\f503"
}

.la-user-ninja:before {
    content: "\f504"
}

.la-user-nurse:before {
    content: "\f82f"
}

.la-user-plus:before {
    content: "\f234"
}

.la-user-secret:before {
    content: "\f21b"
}

.la-user-shield:before {
    content: "\f505"
}

.la-user-slash:before {
    content: "\f506"
}

.la-user-tag:before {
    content: "\f507"
}

.la-user-tie:before {
    content: "\f508"
}

.la-user-times:before {
    content: "\f235"
}

.la-users:before {
    content: "\f0c0"
}

.la-users-cog:before {
    content: "\f509"
}

.la-usps:before {
    content: "\f7e1"
}

.la-ussunnah:before {
    content: "\f407"
}

.la-utensil-spoon:before {
    content: "\f2e5"
}

.la-utensils:before {
    content: "\f2e7"
}

.la-vaadin:before {
    content: "\f408"
}

.la-vector-square:before {
    content: "\f5cb"
}

.la-venus:before {
    content: "\f221"
}

.la-venus-double:before {
    content: "\f226"
}

.la-venus-mars:before {
    content: "\f228"
}

.la-viacoin:before {
    content: "\f237"
}

.la-viadeo:before {
    content: "\f2a9"
}

.la-viadeo-square:before {
    content: "\f2aa"
}

.la-vial:before {
    content: "\f492"
}

.la-vials:before {
    content: "\f493"
}

.la-viber:before {
    content: "\f409"
}

.la-video:before {
    content: "\f03d"
}

.la-video-slash:before {
    content: "\f4e2"
}

.la-vihara:before {
    content: "\f6a7"
}

.la-vimeo:before {
    content: "\f40a"
}

.la-vimeo-square:before {
    content: "\f194"
}

.la-vimeo-v:before {
    content: "\f27d"
}

.la-vine:before {
    content: "\f1ca"
}

.la-vk:before {
    content: "\f189"
}

.la-vnv:before {
    content: "\f40b"
}

.la-voicemail:before {
    content: "\f897"
}

.la-volleyball-ball:before {
    content: "\f45f"
}

.la-volume-down:before {
    content: "\f027"
}

.la-volume-mute:before {
    content: "\f6a9"
}

.la-volume-off:before {
    content: "\f026"
}

.la-volume-up:before {
    content: "\f028"
}

.la-vote-yea:before {
    content: "\f772"
}

.la-vr-cardboard:before {
    content: "\f729"
}

.la-vuejs:before {
    content: "\f41f"
}

.la-walking:before {
    content: "\f554"
}

.la-wallet:before {
    content: "\f555"
}

.la-warehouse:before {
    content: "\f494"
}

.la-water:before {
    content: "\f773"
}

.la-wave-square:before {
    content: "\f83e"
}

.la-waze:before {
    content: "\f83f"
}

.la-weebly:before {
    content: "\f5cc"
}

.la-weibo:before {
    content: "\f18a"
}

.la-weight:before {
    content: "\f496"
}

.la-weight-hanging:before {
    content: "\f5cd"
}

.la-weixin:before {
    content: "\f1d7"
}

.la-whatsapp:before {
    content: "\f232"
}

.la-whatsapp-square:before {
    content: "\f40c"
}

.la-wheelchair:before {
    content: "\f193"
}

.la-whmcs:before {
    content: "\f40d"
}

.la-wifi:before {
    content: "\f1eb"
}

.la-wikipedia-w:before {
    content: "\f266"
}

.la-wind:before {
    content: "\f72e"
}

.la-window-close:before {
    content: "\f410"
}

.la-window-maximize:before {
    content: "\f2d0"
}

.la-window-minimize:before {
    content: "\f2d1"
}

.la-window-restore:before {
    content: "\f2d2"
}

.la-windows:before {
    content: "\f17a"
}

.la-wine-bottle:before {
    content: "\f72f"
}

.la-wine-glass:before {
    content: "\f4e3"
}

.la-wine-glass-alt:before {
    content: "\f5ce"
}

.la-wix:before {
    content: "\f5cf"
}

.la-wizards-of-the-coast:before {
    content: "\f730"
}

.la-wolf-pack-battalion:before {
    content: "\f514"
}

.la-won-sign:before {
    content: "\f159"
}

.la-wordpress:before {
    content: "\f19a"
}

.la-wordpress-simple:before {
    content: "\f411"
}

.la-wpbeginner:before {
    content: "\f297"
}

.la-wpexplorer:before {
    content: "\f2de"
}

.la-wpforms:before {
    content: "\f298"
}

.la-wpressr:before {
    content: "\f3e4"
}

.la-wrench:before {
    content: "\f0ad"
}

.la-x-ray:before {
    content: "\f497"
}

.la-xbox:before {
    content: "\f412"
}

.la-xing:before {
    content: "\f168"
}

.la-xing-square:before {
    content: "\f169"
}

.la-y-combinator:before {
    content: "\f23b"
}

.la-yahoo:before {
    content: "\f19e"
}

.la-yammer:before {
    content: "\f840"
}

.la-yandex:before {
    content: "\f413"
}

.la-yandex-international:before {
    content: "\f414"
}

.la-yarn:before {
    content: "\f7e3"
}

.la-yelp:before {
    content: "\f1e9"
}

.la-yen-sign:before {
    content: "\f157"
}

.la-yin-yang:before {
    content: "\f6ad"
}

.la-yoast:before {
    content: "\f2b1"
}

.la-youtube:before {
    content: "\f167"
}

.la-youtube-square:before {
    content: "\f431"
}

.la-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: 'Line Awesome Brands';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../fonts/lineawesome/la-brands-400.eot);
    src: url(../fonts/lineawesome/la-brands-400d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/lineawesome/la-brands-400.woff2) format("woff2"), url(../fonts/lineawesome/la-brands-400.woff) format("woff"), url(../fonts/lineawesome/la-brands-400.ttf) format("truetype"), url(../fonts/lineawesome/la-brands-400.svg#lineawesome) format("svg")
}

.lab {
    font-family: 'Line Awesome Brands'
}

@font-face {
    font-family: 'Line Awesome Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../fonts/lineawesome/la-regular-400.eot);
    src: url(../fonts/lineawesome/la-regular-400d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/lineawesome/la-regular-400.woff2) format("woff2"), url(../fonts/lineawesome/la-regular-400.woff) format("woff"), url(../fonts/lineawesome/la-regular-400.ttf) format("truetype"), url(../fonts/lineawesome/la-regular-400.svg#lineawesome) format("svg")
}

.lar {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

@font-face {
    font-family: 'Line Awesome Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(../fonts/lineawesome/la-solid-900.eot);
    src: url(../fonts/lineawesome/la-solid-900d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/lineawesome/la-solid-900.woff2) format("woff2"), url(../fonts/lineawesome/la-solid-900.woff) format("woff"), url(../fonts/lineawesome/la-solid-900.ttf) format("truetype"), url(../fonts/lineawesome/la-solid-900.svg#lineawesome) format("svg")
}

.la,
.las {
    font-family: 'Line Awesome Free';
    font-weight: 900
}

.la.la-glass:before {
    content: "\f000"
}

.la.la-meetup {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-star-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-star-o:before {
    content: "\f005"
}

.la.la-remove:before {
    content: "\f00d"
}

.la.la-close:before {
    content: "\f00d"
}

.la.la-gear:before {
    content: "\f013"
}

.la.la-trash-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-trash-o:before {
    content: "\f2ed"
}

.la.la-file-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-o:before {
    content: "\f15b"
}

.la.la-clock-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-clock-o:before {
    content: "\f017"
}

.la.la-arrow-circle-o-down {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-arrow-circle-o-down:before {
    content: "\f358"
}

.la.la-arrow-circle-o-up {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-arrow-circle-o-up:before {
    content: "\f35b"
}

.la.la-play-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-play-circle-o:before {
    content: "\f144"
}

.la.la-repeat:before {
    content: "\f01e"
}

.la.la-rotate-right:before {
    content: "\f01e"
}

.la.la-refresh:before {
    content: "\f021"
}

.la.la-list-alt {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-dedent:before {
    content: "\f03b"
}

.la.la-video-camera:before {
    content: "\f03d"
}

.la.la-picture-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-picture-o:before {
    content: "\f03e"
}

.la.la-photo {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-photo:before {
    content: "\f03e"
}

.la.la-image {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-image:before {
    content: "\f03e"
}

.la.la-pencil:before {
    content: "\f303"
}

.la.la-map-marker:before {
    content: "\f3c5"
}

.la.la-pencil-square-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-pencil-square-o:before {
    content: "\f044"
}

.la.la-share-square-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-share-square-o:before {
    content: "\f14d"
}

.la.la-check-square-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-check-square-o:before {
    content: "\f14a"
}

.la.la-arrows:before {
    content: "\f0b2"
}

.la.la-times-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-times-circle-o:before {
    content: "\f057"
}

.la.la-check-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-check-circle-o:before {
    content: "\f058"
}

.la.la-mail-forward:before {
    content: "\f064"
}

.la.la-eye {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-eye-slash {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-warning:before {
    content: "\f071"
}

.la.la-calendar:before {
    content: "\f073"
}

.la.la-arrows-v:before {
    content: "\f338"
}

.la.la-arrows-h:before {
    content: "\f337"
}

.la.la-bar-chart {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-bar-chart:before {
    content: "\f080"
}

.la.la-bar-chart-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-bar-chart-o:before {
    content: "\f080"
}

.la.la-twitter-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-facebook-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-gears:before {
    content: "\f085"
}

.la.la-thumbs-o-up {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-thumbs-o-up:before {
    content: "\f164"
}

.la.la-thumbs-o-down {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-thumbs-o-down:before {
    content: "\f165"
}

.la.la-heart-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-heart-o:before {
    content: "\f004"
}

.la.la-sign-out:before {
    content: "\f2f5"
}

.la.la-linkedin-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-linkedin-square:before {
    content: "\f08c"
}

.la.la-thumb-tack:before {
    content: "\f08d"
}

.la.la-external-link:before {
    content: "\f35d"
}

.la.la-sign-in:before {
    content: "\f2f6"
}

.la.la-github-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-lemon-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-lemon-o:before {
    content: "\f094"
}

.la.la-square-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-square-o:before {
    content: "\f0c8"
}

.la.la-bookmark-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-bookmark-o:before {
    content: "\f02e"
}

.la.la-twitter {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-facebook {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-facebook:before {
    content: "\f39e"
}

.la.la-facebook-f {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-facebook-f:before {
    content: "\f39e"
}

.la.la-github {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-credit-card {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-feed:before {
    content: "\f09e"
}

.la.la-hdd-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hdd-o:before {
    content: "\f0a0"
}

.la.la-hand-o-right {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-o-right:before {
    content: "\f0a4"
}

.la.la-hand-o-left {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-o-left:before {
    content: "\f0a5"
}

.la.la-hand-o-up {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-o-up:before {
    content: "\f0a6"
}

.la.la-hand-o-down {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-o-down:before {
    content: "\f0a7"
}

.la.la-arrows-alt:before {
    content: "\f31e"
}

.la.la-group:before {
    content: "\f0c0"
}

.la.la-chain:before {
    content: "\f0c1"
}

.la.la-scissors:before {
    content: "\f0c4"
}

.la.la-files-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-files-o:before {
    content: "\f0c5"
}

.la.la-floppy-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-floppy-o:before {
    content: "\f0c7"
}

.la.la-navicon:before {
    content: "\f0c9"
}

.la.la-reorder:before {
    content: "\f0c9"
}

.la.la-pinterest {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-pinterest-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-google-plus-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-google-plus {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-google-plus:before {
    content: "\f0d5"
}

.la.la-money {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-money:before {
    content: "\f3d1"
}

.la.la-unsorted:before {
    content: "\f0dc"
}

.la.la-sort-desc:before {
    content: "\f0dd"
}

.la.la-sort-asc:before {
    content: "\f0de"
}

.la.la-linkedin {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-linkedin:before {
    content: "\f0e1"
}

.la.la-rotate-left:before {
    content: "\f0e2"
}

.la.la-legal:before {
    content: "\f0e3"
}

.la.la-tachometer:before {
    content: "\f3fd"
}

.la.la-dashboard:before {
    content: "\f3fd"
}

.la.la-comment-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-comment-o:before {
    content: "\f075"
}

.la.la-comments-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-comments-o:before {
    content: "\f086"
}

.la.la-flash:before {
    content: "\f0e7"
}

.la.la-clipboard {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-paste {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-paste:before {
    content: "\f328"
}

.la.la-lightbulb-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-lightbulb-o:before {
    content: "\f0eb"
}

.la.la-exchange:before {
    content: "\f362"
}

.la.la-cloud-download:before {
    content: "\f381"
}

.la.la-cloud-upload:before {
    content: "\f382"
}

.la.la-bell-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-bell-o:before {
    content: "\f0f3"
}

.la.la-cutlery:before {
    content: "\f2e7"
}

.la.la-file-text-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-text-o:before {
    content: "\f15c"
}

.la.la-building-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-building-o:before {
    content: "\f1ad"
}

.la.la-hospital-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hospital-o:before {
    content: "\f0f8"
}

.la.la-tablet:before {
    content: "\f3fa"
}

.la.la-mobile:before {
    content: "\f3cd"
}

.la.la-mobile-phone:before {
    content: "\f3cd"
}

.la.la-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-circle-o:before {
    content: "\f111"
}

.la.la-mail-reply:before {
    content: "\f3e5"
}

.la.la-github-alt {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-folder-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-folder-o:before {
    content: "\f07b"
}

.la.la-folder-open-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-folder-open-o:before {
    content: "\f07c"
}

.la.la-smile-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-smile-o:before {
    content: "\f118"
}

.la.la-frown-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-frown-o:before {
    content: "\f119"
}

.la.la-meh-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-meh-o:before {
    content: "\f11a"
}

.la.la-keyboard-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-keyboard-o:before {
    content: "\f11c"
}

.la.la-flag-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-flag-o:before {
    content: "\f024"
}

.la.la-mail-reply-all:before {
    content: "\f122"
}

.la.la-star-half-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-star-half-o:before {
    content: "\f089"
}

.la.la-star-half-empty {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-star-half-empty:before {
    content: "\f089"
}

.la.la-star-half-full {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-star-half-full:before {
    content: "\f089"
}

.la.la-code-fork:before {
    content: "\f126"
}

.la.la-chain-broken:before {
    content: "\f127"
}

.la.la-shield:before {
    content: "\f3ed"
}

.la.la-calendar-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-calendar-o:before {
    content: "\f133"
}

.la.la-maxcdn {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-html5 {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-css3 {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-ticket:before {
    content: "\f3ff"
}

.la.la-minus-square-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-minus-square-o:before {
    content: "\f146"
}

.la.la-level-up:before {
    content: "\f3bf"
}

.la.la-level-down:before {
    content: "\f3be"
}

.la.la-pencil-square:before {
    content: "\f14b"
}

.la.la-external-link-square:before {
    content: "\f360"
}

.la.la-compass {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-caret-square-o-down {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-caret-square-o-down:before {
    content: "\f150"
}

.la.la-toggle-down {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-toggle-down:before {
    content: "\f150"
}

.la.la-caret-square-o-up {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-caret-square-o-up:before {
    content: "\f151"
}

.la.la-toggle-up {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-toggle-up:before {
    content: "\f151"
}

.la.la-caret-square-o-right {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-caret-square-o-right:before {
    content: "\f152"
}

.la.la-toggle-right {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-toggle-right:before {
    content: "\f152"
}

.la.la-eur:before {
    content: "\f153"
}

.la.la-euro:before {
    content: "\f153"
}

.la.la-gbp:before {
    content: "\f154"
}

.la.la-usd:before {
    content: "\f155"
}

.la.la-dollar:before {
    content: "\f155"
}

.la.la-inr:before {
    content: "\f156"
}

.la.la-rupee:before {
    content: "\f156"
}

.la.la-jpy:before {
    content: "\f157"
}

.la.la-cny:before {
    content: "\f157"
}

.la.la-rmb:before {
    content: "\f157"
}

.la.la-yen:before {
    content: "\f157"
}

.la.la-rub:before {
    content: "\f158"
}

.la.la-ruble:before {
    content: "\f158"
}

.la.la-rouble:before {
    content: "\f158"
}

.la.la-krw:before {
    content: "\f159"
}

.la.la-won:before {
    content: "\f159"
}

.la.la-btc {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-bitcoin {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-bitcoin:before {
    content: "\f15a"
}

.la.la-file-text:before {
    content: "\f15c"
}

.la.la-sort-alpha-asc:before {
    content: "\f15d"
}

.la.la-sort-alpha-desc:before {
    content: "\f881"
}

.la.la-sort-amount-asc:before {
    content: "\f160"
}

.la.la-sort-amount-desc:before {
    content: "\f884"
}

.la.la-sort-numeric-asc:before {
    content: "\f162"
}

.la.la-sort-numeric-desc:before {
    content: "\f886"
}

.la.la-youtube-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-youtube {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-xing {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-xing-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-youtube-play {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-youtube-play:before {
    content: "\f167"
}

.la.la-dropbox {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-stack-overflow {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-instagram {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-flickr {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-adn {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-bitbucket {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-bitbucket-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-bitbucket-square:before {
    content: "\f171"
}

.la.la-tumblr {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-tumblr-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-long-arrow-down:before {
    content: "\f309"
}

.la.la-long-arrow-up:before {
    content: "\f30c"
}

.la.la-long-arrow-left:before {
    content: "\f30a"
}

.la.la-long-arrow-right:before {
    content: "\f30b"
}

.la.la-apple {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-windows {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-android {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-linux {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-dribbble {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-skype {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-foursquare {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-trello {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-gratipay {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-gittip {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-gittip:before {
    content: "\f184"
}

.la.la-sun-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-sun-o:before {
    content: "\f185"
}

.la.la-moon-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-moon-o:before {
    content: "\f186"
}

.la.la-vk {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-weibo {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-renren {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-pagelines {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-stack-exchange {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-arrow-circle-o-right {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-arrow-circle-o-right:before {
    content: "\f35a"
}

.la.la-arrow-circle-o-left {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-arrow-circle-o-left:before {
    content: "\f359"
}

.la.la-caret-square-o-left {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-caret-square-o-left:before {
    content: "\f191"
}

.la.la-toggle-left {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-toggle-left:before {
    content: "\f191"
}

.la.la-dot-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-dot-circle-o:before {
    content: "\f192"
}

.la.la-vimeo-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-try:before {
    content: "\f195"
}

.la.la-turkish-lira:before {
    content: "\f195"
}

.la.la-plus-square-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-plus-square-o:before {
    content: "\f0fe"
}

.la.la-slack {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wordpress {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-openid {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-institution:before {
    content: "\f19c"
}

.la.la-bank:before {
    content: "\f19c"
}

.la.la-mortar-board:before {
    content: "\f19d"
}

.la.la-yahoo {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-google {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-reddit {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-reddit-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-stumbleupon-circle {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-stumbleupon {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-delicious {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-digg {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-pied-piper-pp {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-pied-piper-alt {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-drupal {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-joomla {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-spoon:before {
    content: "\f2e5"
}

.la.la-behance {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-behance-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-steam {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-steam-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-automobile:before {
    content: "\f1b9"
}

.la.la-cab:before {
    content: "\f1ba"
}

.la.la-envelope-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-envelope-o:before {
    content: "\f0e0"
}

.la.la-deviantart {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-soundcloud {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-file-pdf-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-pdf-o:before {
    content: "\f1c1"
}

.la.la-file-word-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-word-o:before {
    content: "\f1c2"
}

.la.la-file-excel-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-excel-o:before {
    content: "\f1c3"
}

.la.la-file-powerpoint-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-powerpoint-o:before {
    content: "\f1c4"
}

.la.la-file-image-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-image-o:before {
    content: "\f1c5"
}

.la.la-file-photo-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-photo-o:before {
    content: "\f1c5"
}

.la.la-file-picture-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-picture-o:before {
    content: "\f1c5"
}

.la.la-file-archive-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-archive-o:before {
    content: "\f1c6"
}

.la.la-file-zip-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-zip-o:before {
    content: "\f1c6"
}

.la.la-file-audio-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-audio-o:before {
    content: "\f1c7"
}

.la.la-file-sound-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-sound-o:before {
    content: "\f1c7"
}

.la.la-file-video-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-video-o:before {
    content: "\f1c8"
}

.la.la-file-movie-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-movie-o:before {
    content: "\f1c8"
}

.la.la-file-code-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-file-code-o:before {
    content: "\f1c9"
}

.la.la-vine {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-codepen {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-jsfiddle {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-life-ring {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-life-bouy {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-life-bouy:before {
    content: "\f1cd"
}

.la.la-life-buoy {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-life-buoy:before {
    content: "\f1cd"
}

.la.la-life-saver {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-life-saver:before {
    content: "\f1cd"
}

.la.la-support {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-support:before {
    content: "\f1cd"
}

.la.la-circle-o-notch:before {
    content: "\f1ce"
}

.la.la-rebel {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-ra {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-ra:before {
    content: "\f1d0"
}

.la.la-resistance {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-resistance:before {
    content: "\f1d0"
}

.la.la-empire {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-ge {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-ge:before {
    content: "\f1d1"
}

.la.la-git-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-git {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-hacker-news {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-y-combinator-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-y-combinator-square:before {
    content: "\f1d4"
}

.la.la-yc-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-yc-square:before {
    content: "\f1d4"
}

.la.la-tencent-weibo {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-qq {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-weixin {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wechat {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wechat:before {
    content: "\f1d7"
}

.la.la-send:before {
    content: "\f1d8"
}

.la.la-paper-plane-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-paper-plane-o:before {
    content: "\f1d8"
}

.la.la-send-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-send-o:before {
    content: "\f1d8"
}

.la.la-circle-thin {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-circle-thin:before {
    content: "\f111"
}

.la.la-header:before {
    content: "\f1dc"
}

.la.la-sliders:before {
    content: "\f1de"
}

.la.la-futbol-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-futbol-o:before {
    content: "\f1e3"
}

.la.la-soccer-ball-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-soccer-ball-o:before {
    content: "\f1e3"
}

.la.la-slideshare {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-twitch {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-yelp {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-newspaper-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-newspaper-o:before {
    content: "\f1ea"
}

.la.la-paypal {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-google-wallet {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-cc-visa {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-cc-mastercard {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-cc-discover {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-cc-amex {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-cc-paypal {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-cc-stripe {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-bell-slash-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-bell-slash-o:before {
    content: "\f1f6"
}

.la.la-trash:before {
    content: "\f2ed"
}

.la.la-copyright {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-eyedropper:before {
    content: "\f1fb"
}

.la.la-area-chart:before {
    content: "\f1fe"
}

.la.la-pie-chart:before {
    content: "\f200"
}

.la.la-line-chart:before {
    content: "\f201"
}

.la.la-lastfm {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-lastfm-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-ioxhost {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-angellist {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-cc {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-cc:before {
    content: "\f20a"
}

.la.la-ils:before {
    content: "\f20b"
}

.la.la-shekel:before {
    content: "\f20b"
}

.la.la-sheqel:before {
    content: "\f20b"
}

.la.la-meanpath {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-meanpath:before {
    content: "\f2b4"
}

.la.la-buysellads {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-connectdevelop {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-dashcube {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-forumbee {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-leanpub {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-sellsy {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-shirtsinbulk {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-simplybuilt {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-skyatlas {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-diamond {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-diamond:before {
    content: "\f3a5"
}

.la.la-intersex:before {
    content: "\f224"
}

.la.la-facebook-official {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-facebook-official:before {
    content: "\f09a"
}

.la.la-pinterest-p {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-whatsapp {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-hotel:before {
    content: "\f236"
}

.la.la-viacoin {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-medium {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-y-combinator {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-yc {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-yc:before {
    content: "\f23b"
}

.la.la-optin-monster {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-opencart {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-expeditedssl {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-battery-4:before {
    content: "\f240"
}

.la.la-battery:before {
    content: "\f240"
}

.la.la-battery-3:before {
    content: "\f241"
}

.la.la-battery-2:before {
    content: "\f242"
}

.la.la-battery-1:before {
    content: "\f243"
}

.la.la-battery-0:before {
    content: "\f244"
}

.la.la-object-group {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-object-ungroup {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-sticky-note-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-sticky-note-o:before {
    content: "\f249"
}

.la.la-cc-jcb {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-cc-diners-club {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-clone {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hourglass-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hourglass-o:before {
    content: "\f254"
}

.la.la-hourglass-1:before {
    content: "\f251"
}

.la.la-hourglass-2:before {
    content: "\f252"
}

.la.la-hourglass-3:before {
    content: "\f253"
}

.la.la-hand-rock-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-rock-o:before {
    content: "\f255"
}

.la.la-hand-grab-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-grab-o:before {
    content: "\f255"
}

.la.la-hand-paper-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-paper-o:before {
    content: "\f256"
}

.la.la-hand-stop-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-stop-o:before {
    content: "\f256"
}

.la.la-hand-scissors-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-scissors-o:before {
    content: "\f257"
}

.la.la-hand-lizard-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-lizard-o:before {
    content: "\f258"
}

.la.la-hand-spock-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-spock-o:before {
    content: "\f259"
}

.la.la-hand-pointer-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-pointer-o:before {
    content: "\f25a"
}

.la.la-hand-peace-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-hand-peace-o:before {
    content: "\f25b"
}

.la.la-registered {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-creative-commons {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-gg {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-gg-circle {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-tripadvisor {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-odnoklassniki {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-odnoklassniki-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-get-pocket {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wikipedia-w {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-safari {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-chrome {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-firefox {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-opera {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-internet-explorer {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-television:before {
    content: "\f26c"
}

.la.la-contao {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-500px {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-amazon {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-calendar-plus-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-calendar-plus-o:before {
    content: "\f271"
}

.la.la-calendar-minus-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-calendar-minus-o:before {
    content: "\f272"
}

.la.la-calendar-times-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-calendar-times-o:before {
    content: "\f273"
}

.la.la-calendar-check-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-calendar-check-o:before {
    content: "\f274"
}

.la.la-map-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-map-o:before {
    content: "\f279"
}

.la.la-commenting:before {
    content: "\f4ad"
}

.la.la-commenting-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-commenting-o:before {
    content: "\f4ad"
}

.la.la-houzz {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-vimeo {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-vimeo:before {
    content: "\f27d"
}

.la.la-black-tie {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-fonticons {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-reddit-alien {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-edge {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-credit-card-alt:before {
    content: "\f09d"
}

.la.la-codiepie {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-modx {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-fort-awesome {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-usb {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-product-hunt {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-mixcloud {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-scribd {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-pause-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-pause-circle-o:before {
    content: "\f28b"
}

.la.la-stop-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-stop-circle-o:before {
    content: "\f28d"
}

.la.la-bluetooth {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-bluetooth-b {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-gitlab {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wpbeginner {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wpforms {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-envira {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wheelchair-alt {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wheelchair-alt:before {
    content: "\f368"
}

.la.la-question-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-question-circle-o:before {
    content: "\f059"
}

.la.la-volume-control-phone:before {
    content: "\f2a0"
}

.la.la-asl-interpreting:before {
    content: "\f2a3"
}

.la.la-deafness:before {
    content: "\f2a4"
}

.la.la-hard-of-hearing:before {
    content: "\f2a4"
}

.la.la-glide {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-glide-g {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-signing:before {
    content: "\f2a7"
}

.la.la-viadeo {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-viadeo-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-snapchat {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-snapchat-ghost {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-snapchat-square {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-pied-piper {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-first-order {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-yoast {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-themeisle {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-google-plus-official {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-google-plus-official:before {
    content: "\f2b3"
}

.la.la-google-plus-circle {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-google-plus-circle:before {
    content: "\f2b3"
}

.la.la-font-awesome {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-fa {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-fa:before {
    content: "\f2b4"
}

.la.la-handshake-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-handshake-o:before {
    content: "\f2b5"
}

.la.la-envelope-open-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-envelope-open-o:before {
    content: "\f2b6"
}

.la.la-linode {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-address-book-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-address-book-o:before {
    content: "\f2b9"
}

.la.la-vcard:before {
    content: "\f2bb"
}

.la.la-address-card-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-address-card-o:before {
    content: "\f2bb"
}

.la.la-vcard-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-vcard-o:before {
    content: "\f2bb"
}

.la.la-user-circle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-user-circle-o:before {
    content: "\f2bd"
}

.la.la-user-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-user-o:before {
    content: "\f007"
}

.la.la-id-badge {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-drivers-license:before {
    content: "\f2c2"
}

.la.la-id-card-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-id-card-o:before {
    content: "\f2c2"
}

.la.la-drivers-license-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-drivers-license-o:before {
    content: "\f2c2"
}

.la.la-quora {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-free-code-camp {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-telegram {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-thermometer-4:before {
    content: "\f2c7"
}

.la.la-thermometer:before {
    content: "\f2c7"
}

.la.la-thermometer-3:before {
    content: "\f2c8"
}

.la.la-thermometer-2:before {
    content: "\f2c9"
}

.la.la-thermometer-1:before {
    content: "\f2ca"
}

.la.la-thermometer-0:before {
    content: "\f2cb"
}

.la.la-bathtub:before {
    content: "\f2cd"
}

.la.la-s15:before {
    content: "\f2cd"
}

.la.la-window-maximize {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-window-restore {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-times-rectangle:before {
    content: "\f410"
}

.la.la-window-close-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-window-close-o:before {
    content: "\f410"
}

.la.la-times-rectangle-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-times-rectangle-o:before {
    content: "\f410"
}

.la.la-bandcamp {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-grav {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-etsy {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-imdb {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-ravelry {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-eercast {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-eercast:before {
    content: "\f2da"
}

.la.la-snowflake-o {
    font-family: 'Line Awesome Free';
    font-weight: 400
}

.la.la-snowflake-o:before {
    content: "\f2dc"
}

.la.la-superpowers {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-wpexplorer {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.la.la-spotify {
    font-family: 'Line Awesome Brands';
    font-weight: 400
}

.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,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    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-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.html) 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-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 [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

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

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none
}

.cd-title {
    position: relative;
    height: 160px;
    line-height: 230px;
    text-align: center
}

.cd-title h1 {
    font-size: 2.4rem;
    font-weight: 700
}

/* 27-10-2025 */
.sec-table-reserv.homepg-table-reservation-section{
    background-color: #e9eaeb52;
}
.table-reservation-form-wrapper{
    box-shadow: 0px 0px 7px 4px #E9EAEB;
}
.table-reservation-form-wrapper form .form-group .form-control{
    background-color: #F5F5F5;
    font-size: 14px;
    /* height: 40px; */
    text-align: -webkit-left;
}
/* 11-11-2025 */

.table-reservation-form-wrapper form .form-group input[type="date"].form-control {
    background-color: #F5F5F5;
    color: #000;
    /* Safari me visible banane ke liye */
    font-size: 14px;
    text-align: left;
    /* instead of -webkit-left */
    -webkit-appearance: none;
    /* Native control styling ko override karega */
    appearance: none;
    padding: 8px;
}

.table-reservation-form-wrapper form .form-group input[type="date"]::-webkit-datetime-edit {
    color: #000;
    /* Date text visible rahe */
}

.table-reservation-form-wrapper form .form-group input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.4);
    /* Calendar icon ko visible banane ke liye optional tweak */
}
.table-reservation-form-wrapper form .form-group .input-group-text{
    background-color: #F5F5F5;
}
.table-reservation-form-wrapper form .table_book_btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-reservation-form-wrapper .row {
    align-items: flex-start !important;
}
.table-reservation-form-wrapper form .custom-phone-field {
    border: 1px solid #ced4da;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
}

.table-reservation-form-wrapper form .custom-phone-field .input-group-text {
    background-color: #F5F5F5;
    border: none;
    font-weight: 500;
    color: #333;
    padding: 0 12px;
    font-size: 14px;
}

.table-reservation-form-wrapper form .custom-phone-field .form-control{
    border: none !important;
    box-shadow: none !important;
    font-size: 14px;
}
.table-reservation-form-wrapper form label{
    margin: 0;
    display: block;
}
.table-reservation-form-wrapper form .select2-container{
    width: 100% !important;
}
@media only screen and (min-width:768px) {
    .cd-title {
        line-height: 250px
    }
}

@media only screen and (min-width:1170px) {
    .cd-title {
        height: 200px;
        line-height: 300px
    }

    .cd-title h1 {
        font-size: 3rem
    }
}

.cd-intro {
    width: 90%;
    max-width: 768px;
    text-align: center
}

.cd-intro {
    margin: 4em auto
}

@media only screen and (min-width:768px) {
    .cd-intro {
        margin: 5em auto
    }
}

@media only screen and (min-width:1170px) {
    .cd-intro {
        margin: 6em auto
    }
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2
}

@media only screen and (min-width:768px) {
    .cd-headline {
        font-size: 4.4rem;
        font-weight: 300
    }
}

@media only screen and (min-width:1170px) {
    .cd-headline {
        font-size: 6rem
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
    width: auto !important
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.cd-words-wrapper b.is-visible {
    position: relative
}

.no-js .cd-words-wrapper b {
    opacity: 0
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1
}

.cd-headline.rotate-1 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-1 b {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.cd-headline.rotate-1 b.is-visible {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-animation: cd-rotate-1-in 1.2s;
    -moz-animation: cd-rotate-1-in 1.2s;
    animation: cd-rotate-1-in 1.2s
}

.cd-headline.rotate-1 b.is-hidden {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: cd-rotate-1-out 1.2s;
    -moz-animation: cd-rotate-1-out 1.2s;
    animation: cd-rotate-1-out 1.2s
}

@-webkit-keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1
    }
}

@-moz-keyframes cd-rotate-1-in {
    0% {
        -moz-transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -moz-transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -moz-transform: rotateX(360deg);
        opacity: 1
    }
}

@keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotateX(120deg);
        -moz-transform: rotateX(120deg);
        -ms-transform: rotateX(120deg);
        -o-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1
    }
}

@-webkit-keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        opacity: 1
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(180deg);
        opacity: 0
    }
}

@-moz-keyframes cd-rotate-1-out {
    0% {
        -moz-transform: rotateX(0);
        opacity: 1
    }

    35% {
        -moz-transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -moz-transform: rotateX(180deg);
        opacity: 0
    }
}

@keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        -moz-transform: rotateX(-40deg);
        -ms-transform: rotateX(-40deg);
        -o-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }
}

.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
    overflow: hidden
}

.cd-headline.type .cd-words-wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9
}

.cd-headline.type .cd-words-wrapper.waiting::after {
    -webkit-animation: cd-pulse 1s infinite;
    -moz-animation: cd-pulse 1s infinite;
    animation: cd-pulse 1s infinite
}

.cd-headline.type .cd-words-wrapper.selected {
    background-color: #aebcb9
}

.cd-headline.type .cd-words-wrapper.selected::after {
    visibility: hidden
}

.cd-headline.type .cd-words-wrapper.selected b {
    color: #0d0d0d
}

.cd-headline.type b {
    visibility: hidden
}

.cd-headline.type b.is-visible {
    visibility: visible
}

.cd-headline.type i {
    position: absolute;
    visibility: hidden
}

.cd-headline.type i.in {
    position: relative;
    visibility: visible
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -moz-transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        -moz-transform: translateY(-50%) scale(.9);
        -ms-transform: translateY(-50%) scale(.9);
        -o-transform: translateY(-50%) scale(.9);
        transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-2 em,
.cd-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-headline.rotate-2 b {
    opacity: 0
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in .4s forwards;
    -moz-animation: cd-rotate-2-in .4s forwards;
    animation: cd-rotate-2-in .4s forwards
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out .4s forwards;
    -moz-animation: cd-rotate-2-out .4s forwards;
    animation: cd-rotate-2-out .4s forwards
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.cd-headline.loading-bar span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.loading-bar .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.loading-bar .cd-words-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #0096a7;
    z-index: 2;
    -webkit-transition: width .3s -.1s;
    -moz-transition: width .3s -.1s;
    transition: width .3s -.1s
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
    width: 100%;
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s
}

.cd-headline.loading-bar b {
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.cd-headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0
}

.cd-headline.slide span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.slide b {
    opacity: 0;
    top: .2em
}

.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in .6s;
    -moz-animation: slide-in .6s;
    animation: slide-in .6s
}

.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out .6s;
    -moz-animation: slide-out .6s;
    animation: slide-out .6s
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.clip .cd-words-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9
}

.cd-headline.clip b {
    opacity: 0
}

.cd-headline.clip b.is-visible {
    opacity: 1
}

.cd-headline.zoom .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.zoom b {
    opacity: 0
}

.cd-headline.zoom b.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in .8s;
    -moz-animation: zoom-in .8s;
    animation: zoom-in .8s
}

.cd-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out .8s;
    -moz-animation: zoom-out .8s;
    animation: zoom-out .8s
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }
}

@-moz-keyframes zoom-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0)
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px)
    }
}

@-moz-keyframes zoom-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-100px)
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        -moz-transform: translateZ(-100px);
        -ms-transform: translateZ(-100px);
        -o-transform: translateZ(-100px);
        transform: translateZ(-100px)
    }
}

.cd-headline.rotate-3 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-3 b {
    opacity: 0
}

.cd-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.is-visible .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.cd-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in .6s forwards;
    -moz-animation: cd-rotate-3-in .6s forwards;
    animation: cd-rotate-3-in .6s forwards
}

.cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out .6s forwards;
    -moz-animation: cd-rotate-3-out .6s forwards;
    animation: cd-rotate-3-out .6s forwards
}

.no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(180deg)
    }

    100% {
        -moz-transform: rotateY(0)
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg)
    }
}

@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0)
    }

    100% {
        -moz-transform: rotateY(-180deg)
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

.cd-headline.scale b {
    opacity: 0
}

.cd-headline.scale i {
    font-style: inherit;
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.is-visible .cd-headline.scale i {
    opacity: 1
}

.cd-headline.scale i.in {
    -webkit-animation: scale-up .6s forwards;
    -moz-animation: scale-up .6s forwards;
    animation: scale-up .6s forwards
}

.cd-headline.scale i.out {
    -webkit-animation: scale-down .6s forwards;
    -moz-animation: scale-down .6s forwards;
    animation: scale-down .6s forwards
}

.no-csstransitions .cd-headline.scale i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0
}

.no-csstransitions .cd-headline.scale .is-visible i {
    opacity: 1
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    60% {
        -moz-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1
    }

    60% {
        -moz-transform: scale(0);
        opacity: 0
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.cd-headline.push b {
    opacity: 0
}

.cd-headline.push b.is-visible {
    opacity: 1;
    -webkit-animation: push-in .6s;
    -moz-animation: push-in .6s;
    animation: push-in .6s
}

.cd-headline.push b.is-hidden {
    -webkit-animation: push-out .6s;
    -moz-animation: push-out .6s;
    animation: push-out .6s
}

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        -o-transform: translateX(10%);
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%)
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup>.ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}


@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
    /* .category-menu-item-list-wrapper .card-content .card-title span {
        max-width: 160px !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    } */
    .category-menu-item-list-wrapper .card-item .rating-row{
        flex-direction: column;
        align-items: flex-start;
    }
    .sec__title.menu_item_searcg_no_data{
        color: #000;
    }
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/chosen-sprite.png) no-repeat 0 2px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: #fff url(../images/chosen-sprite.png) no-repeat 100% -20px;
    background: url(../images/chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 5px;
    height: auto;
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
    background-image: -o-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #111 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl .chosen-drop,
.chosen-rtl.chosen-container-single-nosearch .chosen-search {
    left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: #fff url(../images/chosen-sprite.png) no-repeat -30px -20px;
    background: url(../images/chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:144dpi) {

    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image: url(../images/chosen-sprite%402x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

@keyframes loader-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

@-webkit-keyframes play-button-pulse {
    0% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@-moz-keyframes play-button-pulse {
    0% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@-ms-keyframes play-button-pulse {
    0% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@-o-keyframes play-button-pulse {
    0% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes play-button-pulse {
    0% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    40% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    60% {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -o-transform: scale(1.04);
        transform: scale(1.04)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes cluster-animation {

    0%,
    100% {
        -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1)
    }

    50% {
        -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1)
    }
}

@keyframes bounce {

    0%,
    20%,
    60%,
    100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-10px)
    }

    80% {
        transform: translateY(-5px)
    }
}

@-webkit-keyframes run {
    0% {
        top: -60%
    }

    100% {
        top: 120%
    }
}

@-ms-keyframes run {
    0% {
        top: -60%
    }

    100% {
        top: 120%
    }
}

@-o-keyframes run {
    0% {
        top: -60%
    }

    100% {
        top: 120%
    }
}

@keyframes run {
    0% {
        top: -60%
    }

    100% {
        top: 120%
    }
}

@-webkit-keyframes arrow_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0
    }
}

@-moz-keyframes arrow_fade_move_down {
    0% {
        -moz-transform: translate(0, -20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0
    }
}

@keyframes arrow_fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate(0, 20px);
        opacity: 0
    }
}

@-webkit-keyframes growIn {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes growIn {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes mercuryTypingAnimation {
    0% {
        -webkit-transform: translateY(0)
    }

    28% {
        -webkit-transform: translateY(-5px)
    }

    44% {
        -webkit-transform: translateY(0)
    }
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

a:hover,
a:focus {
    text-decoration: none
}

input:focus,
button:focus,
.dropdown-item:focus {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333f57;
    font-family: 'Roboto', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

img {
    opacity: 1;
    transition: .8s
}

img[data-img] {
    opacity: 0
}

body {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #808996;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.font-be-vietnam {
    font-family: "Be Vietnam", "sans-serif" !important
}

.font-Route {
    font-family: "Route 159 Bold" !important
}

@font-face {
    font-family: "Route 159 Regular";
    font-style: normal;
    font-weight: 400;
    src: local("Route 159 Regular"), url(../fonts/Route159-Regular.woff) format("woff")
}

@font-face {
    font-family: "Route 159 UltraLight";
    font-style: normal;
    font-weight: 400;
    src: local("Route 159 UltraLight"), url(../fonts/Route159-UltraLight.woff) format("woff")
}

@font-face {
    font-family: "Route 159 Light";
    font-style: normal;
    font-weight: 400;
    src: local("Route 159 Light"), url(../fonts/Route159-Light.woff) format("woff")
}

@font-face {
    font-family: "Route 159 SemiBold";
    font-style: normal;
    font-weight: 400;
    src: local("Route 159 SemiBold"), url(../fonts/Route159-SemiBold.woff) format("woff")
}

@font-face {
    font-family: "Route 159 Bold";
    font-style: normal;
    font-weight: 400;
    src: local("Route 159 Bold"), url(../fonts/Route159-Bold.woff) format("woff")
}

@font-face {
    font-family: "Route 159 Heavy";
    font-style: normal;
    font-weight: 400;
    src: local("Route 159 Heavy"), url(../fonts/Route159-Heavy.woff) format("woff")
}

.scrollbar-hidden::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.section--padding {
    padding-top: 10px;
    padding-bottom: 10px
}

.section--margin {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-top: 100px;
    margin-bottom: 70px
}

.padding-top-320px {
    padding-top: 320px !important
}

.padding-top-200px {
    padding-top: 200px !important
}

.padding-top-190px {
    padding-top: 190px !important
}

.padding-top-180px {
    padding-top: 180px !important
}

.padding-top-170px {
    padding-top: 170px !important
}

.padding-top-160px {
    padding-top: 160px !important
}

.padding-top-150px {
    padding-top: 150px !important
}

.padding-top-140px {
    padding-top: 140px !important
}

.padding-top-130px {
    padding-top: 130px !important
}

.padding-top-120px {
    padding-top: 120px !important
}

.padding-top-110px {
    padding-top: 110px !important
}

.padding-top-100px {
    padding-top: 100px !important
}

.padding-top-95px {
    padding-top: 95px !important
}

.padding-top-90px {
    padding-top: 90px !important
}

.padding-top-85px {
    padding-top: 85px !important
}

.padding-top-80px {
    padding-top: 80px !important
}

.padding-top-70px {
    padding-top: 70px !important
}

.padding-top-60px {
    padding-top: 60px !important
}

.padding-top-50px {
    padding-top: 50px !important;
    padding-top: 50px !important
}

.padding-top-45px {
    padding-top: 45px !important
}

.padding-top-40px {
    padding-top: 40px !important
}

.padding-top-35px {
    padding-top: 35px !important
}

.padding-top-30px {
    padding-top: 30px !important
}

.padding-top-25px {
    padding-top: 25px !important
}

.padding-top-20px {
    padding-top: 20px !important
}

.padding-top-10px {
    padding-top: 10px !important
}

.padding-bottom-200px {
    padding-bottom: 200px !important
}

.padding-bottom-190px {
    padding-bottom: 190px !important
}

.padding-bottom-180px {
    padding-bottom: 180px !important
}

.padding-bottom-170px {
    padding-bottom: 170px !important
}

.padding-bottom-160px {
    padding-bottom: 160px !important
}

.padding-bottom-150px {
    padding-bottom: 150px !important
}

.padding-bottom-140px {
    padding-bottom: 140px !important
}

.padding-bottom-130px {
    padding-bottom: 130px !important
}

.padding-bottom-120px {
    padding-bottom: 120px !important
}

.padding-bottom-110px {
    padding-bottom: 110px !important
}

.padding-bottom-100px {
    padding-bottom: 100px !important
}

.padding-bottom-95px {
    padding-bottom: 95px !important
}

.padding-bottom-90px {
    padding-bottom: 90px !important
}

.padding-bottom-85px {
    padding-bottom: 85px !important
}

.padding-bottom-80px {
    padding-bottom: 80px !important
}

.padding-bottom-70px {
    padding-bottom: 70px !important
}

.padding-bottom-60px {
    padding-bottom: 60px !important
}

.padding-bottom-50px {
    padding-bottom: 50px !important
}

.padding-bottom-45px {
    padding-bottom: 45px !important
}

.padding-bottom-40px {
    padding-bottom: 40px !important
}

.padding-bottom-35px {
    padding-bottom: 35px !important
}

.padding-bottom-30px {
    padding-bottom: 30px !important
}

.padding-bottom-25px {
    padding-bottom: 25px !important
}

.padding-bottom-20px {
    padding-bottom: 20px !important
}

.padding-bottom-10px {
    padding-bottom: 10px !important
}

.padding-right-100px {
    padding-right: 100px !important
}

.padding-right-95px {
    padding-right: 95px !important
}

.padding-right-90px {
    padding-right: 90px !important
}

.padding-right-85px {
    padding-right: 85px !important
}

.padding-right-80px {
    padding-right: 80px !important
}

.padding-right-70px {
    padding-right: 70px !important
}

.padding-right-60px {
    padding-right: 60px !important
}

.padding-right-55px {
    padding-right: 55px !important
}

.padding-right-50px {
    padding-right: 50px !important
}

.padding-right-45px {
    padding-right: 45px !important
}

.padding-right-40px {
    padding-right: 40px !important
}

.padding-right-30px {
    padding-right: 30px !important
}

.padding-right-20px {
    padding-right: 20px !important
}

.padding-right-25px {
    padding-right: 25px !important
}

.padding-right-15px {
    padding-right: 15px !important
}

.padding-right-10px {
    padding-right: 10px !important
}

.padding-left-100px {
    padding-left: 100px !important
}

.padding-left-95px {
    padding-left: 95px !important
}

.padding-left-90px {
    padding-left: 90px !important
}

.padding-left-85px {
    padding-left: 85px !important
}

.padding-left-80px {
    padding-left: 80px !important
}

.padding-left-70px {
    padding-left: 70px !important
}

.padding-left-60px {
    padding-left: 60px !important
}

.padding-left-55px {
    padding-left: 55px !important
}

.padding-left-50px {
    padding-left: 50px !important
}

.padding-left-45px {
    padding-left: 45px !important
}

.padding-left-40px {
    padding-left: 40px !important
}

.padding-left-30px {
    padding-left: 30px !important
}

.padding-left-25px {
    padding-left: 25px !important
}

.padding-left-20px {
    padding-left: 20px !important
}

.padding-left-15px {
    padding-left: 15px !important
}

.padding-left-10px {
    padding-left: 10px !important
}

.margin-top-200px {
    margin-top: 200px !important
}

.margin-top-190px {
    margin-top: 190px !important
}

.margin-top-180px {
    margin-top: 180px !important
}

.margin-top-160px {
    margin-top: 160px !important
}

.margin-top-150px {
    margin-top: 150px !important
}

.margin-top-140px {
    margin-top: 140px !important
}

.margin-top-130px {
    margin-top: 130px !important
}

.margin-top-120px {
    margin-top: 120px !important
}

.margin-top-110px {
    margin-top: 110px !important
}

.margin-top-100px {
    margin-top: 100px !important
}

.margin-top-95px {
    margin-top: 95px !important
}

.margin-top-90px {
    margin-top: 90px !important
}

.margin-top-85px {
    margin-top: 85px !important
}

.margin-top-80px {
    margin-top: 80px !important
}

.margin-top-70px {
    margin-top: 70px !important
}

.margin-top-60px {
    margin-top: 60px !important
}

.margin-top-55px {
    margin-top: 55px !important
}

.margin-top-50px {
    margin-top: 50px !important
}

.margin-top-45px {
    margin-top: 45px !important
}

.margin-top-40px {
    margin-top: 40px !important
}

.margin-top-35px {
    margin-top: 35px !important
}

.margin-top-30px {
    margin-top: 30px !important
}

.margin-top-25px {
    margin-top: 25px !important
}

.margin-top-20px {
    margin-top: 20px !important
}

.margin-top-10px {
    margin-top: 10px !important
}

.margin-bottom-200px {
    margin-bottom: 200px !important
}

.margin-bottom-190px {
    margin-bottom: 190px !important
}

.margin-bottom-180px {
    margin-bottom: 180px !important
}

.margin-bottom-170px {
    margin-bottom: 170px !important
}

.margin-bottom-160px {
    margin-bottom: 160px !important
}

.margin-bottom-150px {
    margin-bottom: 150px !important
}

.margin-bottom-140px {
    margin-bottom: 140px !important
}

.margin-bottom-130px {
    margin-bottom: 130px !important
}

.margin-bottom-120px {
    margin-bottom: 120px !important
}

.margin-bottom-110px {
    margin-bottom: 110px !important
}

.margin-bottom-100px {
    margin-bottom: 100px !important
}

.margin-bottom-95px {
    margin-bottom: 95px !important
}

.margin-bottom-90px {
    margin-bottom: 90px !important
}

.margin-bottom-85px {
    margin-bottom: 85px !important
}

.margin-bottom-80px {
    margin-bottom: 80px !important
}

.margin-bottom-70px {
    margin-bottom: 70px !important
}

.margin-bottom-60px {
    margin-bottom: 60px !important
}

.margin-bottom-50px {
    margin-bottom: 50px !important
}

.margin-bottom-55px {
    margin-bottom: 55px !important
}

.margin-bottom-45px {
    margin-bottom: 45px !important
}

.margin-bottom-40px {
    margin-bottom: 40px !important
}

.margin-bottom-35px {
    margin-bottom: 35px !important
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.margin-bottom-25px {
    margin-bottom: 25px !important
}

.margin-bottom-20px {
    margin-bottom: 20px !important
}

.margin-bottom-10px {
    margin-bottom: 10px !important
}

.bg-white {
    background-color: #fff !important
}

.bg-dark {
    background-color: #333f57 !important
}

.bg-gray {
    background-color: #f5f7fc !important
}

.bg-gradient-gray {
    background: linear-gradient(70deg, #e8eef9 0, #fff 100%) !important
}

.bg-transparent {
    background-image: none !important
}

.bg-dark-opacity {
    background: var(--header-bg-color) !important
}

.bg-fixed {
    background-attachment: fixed !important
}

.bg-gradient-1 {
    background-image: linear-gradient(45deg, #5065cd 0, #c366bd 100%) !important
}

.bg-gradient-2 {
    background-image: linear-gradient(62deg, #d6875a 0, #f7ce68 100%) !important
}

.bg-gradient-3 {
    background-image: linear-gradient(45deg, #0877b9 0, #80d0c7 100%) !important
}

.bg-gradient-4 {
    background-image: linear-gradient(45deg, #31d0f5 0, #2c61e6 100%) !important
}

.bg-1 {
    background-color: #8c43ff !important
}

.bg-2 {
    background-color: #28d5a7 !important
}

.bg-3 {
    background-color: #f9b851 !important
}

.bg-4 {
    background-color: #cc08e9 !important
}

.bg-5 {
    background-color: #ff8c2a !important
}

.bg-6 {
    background-color: #25b15f !important
}

.bg-7 {
    background-color: #307cf3 !important
}

.bg-8 {
    background-color: #4267b2 !important
}

.bg-9 {
    background-color: #71c9f8 !important
}

.bg-10 {
    background-color: #ff4c00 !important
}

.bg-opacity-1 {
    background: rgba(140, 67, 255, 0.1) !important
}

.bg-opacity-2 {
    background: rgba(40, 213, 167, 0.1) !important
}

.bg-opacity-3 {
    background: rgba(249, 184, 81, 0.1) !important
}

.bg-opacity-4 {
    background: rgba(204, 8, 233, 0.1) !important
}

.f-bg {
    background-color: #4267b2 !important
}

.t-bg {
    background-color: #71c9f8 !important
}

.i-bg {
    background-color: #c13584 !important
}

.y-bg {
    background-color: #e62117 !important
}

.f-bg-rgb {
    background-color: rgba(66, 103, 178, 0.1) !important;
    color: #4267b2 !important
}

.t-bg-rgb {
    background-color: rgba(113, 201, 248, 0.1) !important;
    color: #71c9f8 !important
}

.i-bg-rgb {
    background-color: rgba(193, 53, 172, 0.1) !important;
    color: #c13584 !important
}

.y-bg-rgb {
    background-color: rgba(230, 33, 23, 0.1) !important;
    color: #e62117 !important
}

.bg-rgb-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    color: #dc3545 !important
}

.bg-rgb-danger:hover {
    background-color: rgba(220, 53, 69, 0.2) !important
}

.bg-rgb-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    color: #28a745 !important
}

.bg-rgb-success:hover {
    background-color: rgba(40, 167, 69, 0.2) !important
}

.svg-icon-color path {
    fill: #8c43ff
}

.svg-icon-color-2 path {
    fill: #28d5a7
}

.svg-icon-color-3 path {
    fill: #f9b851
}

.svg-icon-color-4 path {
    fill: #cc08e9
}

.svg-icon-white path {
    fill: #fff
}

.font-size-100 {
    font-size: 100px !important
}

.font-size-95 {
    font-size: 95px !important
}

.font-size-90 {
    font-size: 90px !important
}

.font-size-85 {
    font-size: 85px !important
}

.font-size-80 {
    font-size: 80px !important
}

.font-size-75 {
    font-size: 75px !important
}

.font-size-70 {
    font-size: 70px !important
}

.font-size-65 {
    font-size: 65px !important
}

.font-size-60 {
    font-size: 60px !important
}

.font-size-55 {
    font-size: 55px !important
}

.font-size-50 {
    font-size: 50px !important
}

.font-size-45 {
    font-size: 45px !important
}

.font-size-40 {
    font-size: 40px !important
}

.font-size-35 {
    font-size: 35px !important
}

.font-size-30 {
    font-size: 30px !important
}

.font-size-28 {
    font-size: 28px !important
}

.font-size-27 {
    font-size: 27px !important
}

.font-size-26 {
    font-size: 26px !important
}

.font-size-25 {
    font-size: 25px !important
}

.font-size-24 {
    font-size: 24px !important
}

.font-size-23 {
    font-size: 23px !important
}

.font-size-22 {
    font-size: 22px !important
}

.font-size-21 {
    font-size: 21px !important
}

.font-size-20 {
    font-size: 20px !important
}

.font-size-19 {
    font-size: 19px !important
}

.font-size-18 {
    font-size: 18px !important
}

.font-size-17 {
    font-size: 17px !important
}

.font-size-16 {
    font-size: 16px !important
}

.font-size-15 {
    font-size: 15px !important
}

.font-size-14 {
    font-size: 14px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-11 {
    font-size: 11px !important
}

.line-height-100 {
    line-height: 100px !important
}

.line-height-95 {
    line-height: 95px !important
}

.line-height-90 {
    line-height: 90px !important
}

.line-height-85 {
    line-height: 85px !important
}

.line-height-80 {
    line-height: 80px !important
}

.line-height-75 {
    line-height: 75px !important
}

.line-height-70 {
    line-height: 70px !important
}

.line-height-65 {
    line-height: 65px !important
}

.line-height-60 {
    line-height: 60px !important
}

.line-height-55 {
    line-height: 55px !important
}

.line-height-50 {
    line-height: 50px !important
}

.line-height-45 {
    line-height: 45px !important
}

.line-height-40 {
    line-height: 40px !important
}

.line-height-35 {
    line-height: 35px !important
}

.line-height-30 {
    line-height: 30px !important
}

.line-height-28 {
    line-height: 28px !important
}

.line-height-27 {
    line-height: 27px !important
}

.line-height-26 {
    line-height: 26px !important
}

.line-height-25 {
    line-height: 25px !important
}

.line-height-24 {
    line-height: 24px !important
}

.line-height-23 {
    line-height: 23px !important
}

.line-height-22 {
    line-height: 22px !important
}

.line-height-21 {
    line-height: 21px !important
}

.line-height-20 {
    line-height: 20px !important
}

.line-height-18 {
    line-height: 18px !important
}

.line-height-16 {
    line-height: 16px !important
}

.line-height-15 {
    line-height: 15px !important
}

.font-weight-thin {
    font-weight: 200 !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-regular {
    font-weight: 400 !important
}

.font-weight-medium {
    font-weight: 500 !important
}

.font-weight-semi-bold {
    font-weight: 600 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-9 {
    opacity: .9 !important
}

.radius-round {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important
}

.radius-rounded {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important
}

.ba-none:before,
.ba-none:after {
    display: none !important
}

.before-none:before {
    display: none !important
}

.after-none:after {
    display: none !important
}

.section-block,
.section-block-2 {
    height: 1px
}

.section-block {
    background-color: #f5f7fc
}

.section-block-2 {
    background-color: rgba(127, 137, 150, 0.1)
}

.border-color {
    border-color: rgba(127, 137, 150, 0.1) !important
}

.border-top-color {
    border-top-color: rgba(127, 137, 150, 0.1) !important
}

.border-right-color {
    border-right-color: rgba(127, 137, 150, 0.1) !important
}

.border-bottom-color {
    border-bottom-color: rgba(127, 137, 150, 0.1) !important
}

.border-left-color {
    border-left-color: rgba(127, 137, 150, 0.1) !important
}

.text-gray {
    color: #808996 !important
}

.text-color {
    color: #333f57 !important
}

.text-color-2 {
    color: #ff4c00 !important
}

.text-color-3 {
    color: #8c43ff !important
}

.text-color-4 {
    color: #28d5a7 !important
}

.text-color-5 {
    color: #f9b851 !important
}

.text-color-6 {
    color: #cc08e9 !important
}

.text-color-7 {
    color: #ff8c2a !important
}

.text-color-8 {
    color: #25b15f !important
}

.text-color-9 {
    color: #307cf3 !important
}

.text-color-10 {
    color: #4267b2 !important
}

.text-color-11 {
    color: #71c9f8 !important
}

.text-color-12 {
    color: #c13584 !important
}

.text-color-13 {
    color: #ea4c89 !important
}

.text-color-14 {
    color: #053eff !important
}

.text-color-15 {
    color: #db4437 !important
}

.text-color-16 {
    color: #ffbb3d !important
}

.p-relative {
    position: relative !important
}

.p-absolute {
    position: absolute !important
}

.position-inherit {
    position: inherit !important
}

.top-auto {
    top: auto !important
}

.right-auto {
    right: auto !important
}

.bottom-auto {
    bottom: auto !important
}

.left-auto {
    left: auto !important
}

.top-0 {
    top: 0 !important
}

.right-0 {
    right: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

.left-0 {
    left: 0 !important
}

.bounce {
    animation: bounce 8s ease-in-out infinite
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.z-index-3 {
    z-index: 3
}

.z-index-4 {
    z-index: 4
}

.z-index-5 {
    z-index: 5
}

.z-index-negative {
    z-index: -1
}

.flex-column-inherit {
    flex-direction: inherit !important
}

.container {
    max-width: 1200px
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
    .table_view_all_resolution.hide_desktop_view{
        display: none;
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .responsive-text-center {
        text-align: center !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive-text-center {
        text-align: center !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .responsive-text-center {
        text-align: center !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .responsive-text-left {
        text-align: left !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive-text-left {
        text-align: left !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .responsive-text-left {
        text-align: left !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .responsive-text-right {
        text-align: right !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive-text-right {
        text-align: right !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .responsive-text-right {
        text-align: right !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .responsive-column {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive-column {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .responsive-column {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width:1366px) {
    .responsive-column-lg {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width:1199px) {
    .responsive-column-lg {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .responsive-column-lg {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .responsive-column-lg {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width:1199px) {
    .responsive-column--lg {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.theme-btn {
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    : var(--btn-font-color);
    background-color: var(--btn-bg-color);
    border-color: var(--btn-border-color);
    border-width: 1px;
    border-style: solid;
    text-align: center;
    position: relative;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

a.theme-btn {
    color: var(--btn-font-color) !important
}

.theme-btn:hover {
    color: #fff
}

.theme-btn-primary {
    font-weight: 500;
    background-color: #6777ef;
    border-color: #6777ef;
    color: #fff
}

.theme-btn-primary:hover {
    background-color: #4c60da;
    border-color: #4c60da;
    color: #fff
}

.btn-text {
    color: #808996;
    font-weight: 600;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    display: inline-block
}

.btn-text .icon {
    position: absolute;
    right: -20px;
    top: 6px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.btn-text:hover {
    color: #ff4c00
}

.btn-text:hover .icon {
    right: -25px
}

.btn-transparent {
    background-color: rgba(40, 213, 167, 0.1);
    color: #28d5a7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-transparent:hover {
    background-color: #28d5a7;
    color: #fff
}

.gradient-btn {
    background: #ff4c00;
    position: relative;
    color: #fff
}

.theme-btn:hover {
    background-color: #d74406 !important
}

.gradient-btn:hover {
    background-color: #d74406 !important
}

.gradient-btn::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: linear-gradient(270deg, #ff4c00, #f76527);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -1
}

.gradient-btn:hover::before {
    opacity: 1;
    visibility: visible
}

.offer-btn {
    background: #fff;
    color: #ff4c00;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    font-size: 24px;
    font-weight: 800;
    padding: 8px 30px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

@media(max-width:320px) {
    .offer-btn {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 21px
    }
}

.collapse-btn {
    font-weight: 500;
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.collapse-btn[aria-expanded="true"] .collapse-btn-show {
    display: inline-block
}

.collapse-btn[aria-expanded="true"] .collapse-btn-hide {
    display: none
}

.collapse-btn[aria-expanded="false"] .collapse-btn-show {
    display: none
}

.collapse-btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.collapse-btn:hover {
    color: #333f57
}

.btn-gray {
    background-color: #fff;
    color: #808996;
    padding: 2px 14px;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid rgba(128, 137, 150, 0.2);
    font-weight: 500
}

.btn-gray:hover {
    color: #333f57
}

.btn-gray .active {
    background-color: #40cc6f;
    color: #fff;
    border: #40cc6f
}

.btn-gray-lg {
    padding-top: 12px;
    padding-bottom: 12px
}

.btn-gray-sm {
    padding: 5px 10px;
    font-size: 15px
}

.open-filter-btn.active {
    background-color: #40cc6f;
    color: #fff;
    border-color: #40cc6f
}

.open-filter-btn.active .la-clock::before {
    content: "\f00c"
}

.dot-action-btn {
    background-color: transparent;
    font-size: 25px;
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.dot-action-btn:hover {
    color: #333f57
}

.button-warning {
    background-color: #f9b851 !important
}

.button-danger {
    background-color: #ff4c00 !important
}

.fixed-btn {
    position: fixed;
    top: 30%;
    right: -70px;
    z-index: 1024;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 10px 20px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 20px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 20px rgba(82, 85, 90, 0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 600
}

.fixed-btn:hover {
    right: -1px
}

.section-icon {
    position: relative;
    display: block;
    width: 80px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.section-icon svg {
    width: 40px
}

.gradient-icon svg path {
    fill: url(#svg-gradient)
}

.gradient-bg svg path {
    fill: url(#svg-gradient-3)
}

.gradient-bg-2 svg path {
    fill: url(#svg-gradient-2)
}

.gradient-bg-3 svg path {
    fill: url(#svg-gradient-4)
}

.gradient-text {
    background-image: -webkit-linear-gradient(to right, #ff6c5f, #ffbb3d);
    background-image: linear-gradient(to right, #ff6c5f, #ffbb3d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.svg-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.svg-bg svg {
    width: calc(100%+1.6px);
    height: 55px
}

.svg-bg-2 svg {
    width: 190%;
    height: auto
}

.svg-bg-3 svg {
    width: 100%;
    height: 350px
}

.svg-bg-4 svg {
    width: 100%;
    height: 450px
}

.circle-bg {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 3px solid #ddd;
    border-radius: 50%
}

.circle-bg-1 {
    top: 10%;
    left: 10%
}

.circle-bg-2 {
    top: 30%;
    left: 25%
}

.circle-bg-3 {
    bottom: 25%;
    left: 13%
}

.circle-bg-4 {
    top: 10%;
    right: 20%
}

.circle-bg-5 {
    bottom: 40%;
    right: 10%;
    width: 40px;
    height: 40px
}

.loader-container {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 99999
}

.loader-container .loader-ripple {
    position: relative;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loader-container .loader-ripple div {
    position: absolute;
    border: 4px solid #ff4c00;
    opacity: 1;
    border-radius: 50%;
    animation: loader-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite
}

.loader-container .loader-ripple div:nth-child(2) {
    animation-delay: -0.5s
}

.ribbon {
    display: inline-block;
    padding: 0 6px;
    background: rgba(255, 187, 61, 0.1);
    color: #ffbb3d;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
    font-weight: 600
}

.ribbon-2 {
    padding: 5px 18px;
    font-size: 15px;
    background-color: #fff;
    color: #333f57;
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ribbon-lg {
    font-size: 16px;
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.scroll-down-arrow {
    cursor: pointer;
    font-size: 22px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 50px;
    color: #fff;
    text-align: center;
    z-index: 100;
    -webkit-animation: arrow_fade_move_down 2s ease-in-out infinite;
    -moz-animation: arrow_fade_move_down 2s ease-in-out infinite;
    animation: arrow_fade_move_down 2s ease-in-out infinite
}

.arrow-down-shape {
    position: relative
}

.arrow-down-shape:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background-color: #f5f7fc;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.hover-scale:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.hover-scale-2:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.overlay {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333f57;
    opacity: .8;
    pointer-events: none
}

#fullscreen-slide-container {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: -2
}

.pattern-bg,
.pattern-bg-2 {
    position: relative;
    z-index: 1
}

.pattern-bg:after,
.pattern-bg-2:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .1;
    z-index: -1
}

.pattern-bg:after {
    background-image: url(../images/pattern.png)
}

.pattern-bg-2:after {
    background-image: url(../images/pattern2.png);
    background-size: inherit
}

.section-heading .sec__title {
    font-size: 36px;
    line-height: 50px;
    color: #353535;
    margin-bottom: 0px !important;
    font-weight: 700;
    margin-top: 0px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-heading .sec__title br {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .section-heading .sec__title br {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .section-heading .sec__title br {
        display: none
    }
}

@media(max-width:480px) {
    .section-heading .sec__title {
        font-size: 32px;
        line-height: 40px
    }
}

.section-heading .sec__desc {
    font-size: 18px;
    color: #808996;
    font-weight: 500;
    line-height: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-heading .sec__desc br {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .section-heading .sec__desc br {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .section-heading .sec__desc br {
        display: none
    }
}

.sec__list li {
    display: inline-block;
    margin-left: 4px
}

.sec__list li:first-child {
    margin-left: 0
}

.sec__list li a {
    display: block;
    color: #533ae9;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 2px solid rgba(140, 67, 255, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sec__list li a:hover {
    background-color: #533ae9;
    color: #fff;
    border-color: #533ae9
}

.custom-checkbox {
    display: block;
    margin-bottom: 12px
}

@media(max-width:400px) {
    .custom-checkbox {
        margin-right: 0;
        display: block
    }
}

.custom-checkbox label {
    color: #808996;
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 0;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.custom-checkbox label:hover {
    color: #333f57
}

.custom-checkbox label .cat-badge {
    float: right;
    background-color: rgba(128, 137, 150, 0.1);
    display: block;
    padding: 2px 4px;
    line-height: 20px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px
}

.custom-checkbox input[type="checkbox"]:not(:checked),
.custom-checkbox input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px
}

.custom-checkbox input[type="checkbox"]:not(:checked)+label,
.custom-checkbox input[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 26px
}

.custom-checkbox input[type="checkbox"]:not(:checked)+label:before,
.custom-checkbox input[type="checkbox"]:checked+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.custom-checkbox input[type="checkbox"]:not(:checked)+label:after,
.custom-checkbox input[type="checkbox"]:checked+label:after {
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 3px;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: "Line Awesome Free";
    font-weight: 900
}

.custom-checkbox input[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    visibility: hidden
}

.custom-checkbox input[type="checkbox"]:checked+label {
    color: #333f57
}

.custom-checkbox input[type="checkbox"]:checked+label:after {
    opacity: 1;
    visibility: visible
}

.custom-checkbox input[type="checkbox"]:checked+label:before {
    background-color: #ff4c00;
    border-color: #ff4c00
}

.custom-radio li+li {
    padding-top: 10px
}

.custom-radio li .la {
    color: #f9b851
}

.custom-radio .radio-label {
    position: relative;
    user-select: none;
    display: inline-block;
    margin-right: 28px
}

.custom-radio .radio-label input {
    opacity: 0;
    position: absolute;
    cursor: pointer
}

.custom-radio .radio-label input:checked~.radio-mark {
    border-color: #f9b851
}

.custom-radio .radio-label input:checked~.radio-mark:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.custom-radio .radio-label .radio-mark {
    position: absolute;
    top: -3px;
    left: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: #e4e4e4;
    border-image: initial;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.custom-radio .radio-label .radio-mark:before {
    top: 2px;
    left: 2px;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #f9b851;
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.user-chosen-select-container {
    position: relative
}

.user-chosen-select-container .chosen-container {
    color: #808996;
    font-size: 15px;
    width: 100% !important;
    font-weight: 500
}

.user-chosen-select-container .chosen-drop {
    border-color: rgba(128, 137, 150, 0.3);
    -webkit-box-shadow: 0 10px 15px 0 rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 10px 15px 0 rgba(82, 85, 90, 0.2);
    box-shadow: 0 10px 15px 0 rgba(82, 85, 90, 0.2);
    margin-top: -2px;
    padding-right: 15px
}

.user-chosen-select-container .chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff;
    border-color: rgba(128, 137, 150, 0.3)
}

.user-chosen-select-container .chosen-container-active.chosen-with-drop .chosen-single div b::after {
    -webkit-transform: rotateX(-190deg);
    -moz-transform: rotateX(-190deg);
    -ms-transform: rotateX(-190deg);
    -o-transform: rotateX(-190deg);
    transform: rotateX(-190deg)
}

.user-chosen-select-container .chosen-single span {
    color: #808996
}

.user-chosen-select-container .chosen-single div {
    top: 14px;
    right: 14px
}

.user-chosen-select-container .chosen-single div b {
    position: relative;
    background-image: none !important
}

.user-chosen-select-container .chosen-single div b::after {
    position: absolute;
    content: "\f107";
    top: 0;
    right: 0;
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 14px;
    color: #808996;
    pointer-events: none;
    display: inline-block
}

.user-chosen-select-container .chosen-single abbr {
    top: 19px;
    right: 30px
}

.user-chosen-select-container .user-chosen-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    outline: 0;
    width: 100%;
    cursor: pointer
}

.user-chosen-select-container .user-chosen-select,
.user-chosen-select-container .chosen-single,
.user-chosen-select-container .chosen-choices {
    padding: 12px 20px;
    height: auto;
    color: #808996;
    border-color: rgba(128, 137, 150, 0.3);
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.user-chosen-select-container .chosen-choices {
    padding: 10px 15px
}

.user-chosen-select-container .chosen-choices li.search-choice {
    border-color: rgba(128, 137, 150, 0.3)
}

.user-chosen-select-container .chosen-search {
    padding: 10px 0 5px 15px
}

.user-chosen-select-container .chosen-search input[type="text"] {
    border-color: rgba(128, 137, 150, 0.3);
    padding: 6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333f57
}

.user-chosen-select-container .chosen-results {
    margin-right: 0;
    padding-left: 0;
    max-height: 210px
}

.user-chosen-select-container .chosen-results::-webkit-scrollbar {
    width: 8px
}

.user-chosen-select-container .chosen-results::-webkit-scrollbar-track {
    background-color: rgba(128, 137, 150, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.user-chosen-select-container .chosen-results::-webkit-scrollbar-thumb {
    background-color: rgba(128, 137, 150, 0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.user-chosen-select-container .chosen-results::-webkit-scrollbar-thumb:hover {
    background-color: rgba(128, 137, 150, 0.4)
}

.user-chosen-select-container .chosen-results li {
    padding-right: 15px;
    padding-left: 15px;
    line-height: inherit;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.user-chosen-select-container .chosen-results li.highlighted {
    background: rgba(44, 44, 81, 0.1);
    color: #333f57
}

.chosen-container .chosen-drop {
    left: 0;
    display: none
}

.chosen-container.chosen-drop-up .chosen-drop {
    top: auto;
    bottom: 100%;
    border-top: 1px rgba(128, 137, 150, 0.3);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 -10px 15px 0 rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 -10px 15px 0 rgba(82, 85, 90, 0.2);
    box-shadow: 0 -10px 15px 0 rgba(82, 85, 90, 0.2);
    margin-bottom: -2px;
    margin-top: 0;
    border-bottom: 0
}

.chosen-container.chosen-drop-up .chosen-single {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.chosen-container.chosen-with-drop .chosen-drop {
    display: block
}

.range-slider.ui-widget-content {
    border: 0;
    background-color: #eee;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 6px;
    margin-left: 10px;
    margin-right: 10px
}

.range-slider.ui-widget-content .ui-slider-range {
    background-color: #ff4c00
}

.range-slider.ui-widget-content .ui-slider-handle {
    background-color: #ff4c00;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border: 7px solid #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 22px;
    width: 22px;
    top: -8px;
    cursor: ew-resize;
    outline: 0
}

.range-slider-price {
    padding-top: 24px;
    padding-left: 7px;
    font-weight: 600
}

.range-slider-price .filter__label {
    color: #333f57;
    margin: 0;
    font-size: 18px
}

.range-slider-price .amounts {
    border: 0;
    font-weight: 600;
    color: #808996
}

@media(max-width:320px) {
    .range-slider-price .amounts {
        width: 50%
    }
}

div.datedropper {
    font-family: "Be Vietnam", sans-serif
}

div.datedropper .picker ul.pick .pick-arw {
    font-size: 12px
}

div.datedropper .picker ul.pick:hover .pick-arw {
    opacity: 1
}

div.datedropper .picker .pick-lg-b li {
    color: #808996
}

.time-list thead th {
    border-top: 0;
    padding-top: 0;
    vertical-align: middle;
    border-bottom: 0;
    font-weight: 600
}

.time-list td,
.time-list th {
    vertical-align: middle
}

.time-list td {
    border-top-color: rgba(128, 137, 150, 0.1)
}

.time-list tbody .business-day {
    color: #808996;
    font-weight: 500
}

.social-profile li {
    display: inline-block
}

.social-profile li a {
    display: block;
    color: #333f57;
    width: 30px;
    height: 30px;
    line-height: 38px;
    text-align: center;
    background-color: rgba(128, 137, 150, 0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.social-profile li a:hover {
    color: #fff
}

.social-profile-styled li .facebook-bg {
    color: #fff
}

.social-profile-styled li .facebook-bg:hover {
    background-color: #4267b2
}

.social-profile-styled li .twitter-bg {
    color: #71c9f8
}

.social-profile-styled li .twitter-bg:hover {
    background-color: #4267b2
}

.social-profile-styled li .instagram-bg {
    color: #c13584
}

.social-profile-styled li .instagram-bg:hover {
    background-color: #4267b2
}

.social-profile-colored li .facebook-bg {
    color: #4267b2;
    background-color: rgba(66, 103, 178, 0.1)
}

.social-profile-colored li .facebook-bg:hover {
    background-color: #4267b2
}

.social-profile-colored li .twitter-bg {
    color: #71c9f8;
    background-color: rgba(29, 161, 242, 0.1)
}

.social-profile-colored li .twitter-bg:hover {
    background-color: #71c9f8
}

.social-profile-colored li .instagram-bg {
    color: #c13584;
    background-color: rgba(193, 53, 132, 0.1)
}

.social-profile-colored li .instagram-bg:hover {
    background-color: #c13584
}

.social-profile-colored li .dribbble-bg {
    color: #ea4c89;
    background-color: rgba(234, 76, 137, 0.1)
}

.social-profile-colored li .dribbble-bg:hover {
    background-color: #ea4c89
}

.social-profile-colored li .behance-bg {
    color: #053eff;
    background-color: rgba(5, 62, 255, 0.1)
}

.social-profile-colored li .behance-bg:hover {
    background-color: #053eff
}

.social-profile-colored li .google-bg {
    color: #db4437;
    background-color: rgba(219, 68, 55, 0.1)
}

.social-profile-colored li .google-bg:hover {
    background-color: #db4437
}

.social-profile-colored li .youtube-bg {
    color: #e62117;
    background-color: rgba(230, 33, 23, 0.1)
}

.social-profile-colored li .youtube-bg:hover {
    background-color: #e62117
}

.social-profile-colored-2 li a {
    color: #fff
}

.social-profile-colored-2 li .facebook-bg {
    background-color: #4267b2
}

.social-profile-colored-2 li .facebook-bg:hover {
    background-color: #4267b2
}

.social-profile-colored-2 li .twitter-bg {
    background-color: #71c9f8
}

.social-profile-colored-2 li .twitter-bg:hover {
    background-color: #71c9f8
}

.social-profile-colored-2 li .instagram-bg {
    background-color: #c13584
}

.social-profile-colored-2 li .instagram-bg:hover {
    background-color: #c13584
}

.social-profile-colored-2 li .dribbble-bg {
    background-color: #ea4c89
}

.social-profile-colored-2 li .dribbble-bg:hover {
    background-color: #ea4c89
}

.social-profile-colored-2 li .behance-bg {
    background-color: #053eff
}

.social-profile-colored-2 li .behance-bg:hover {
    background-color: #053eff
}

.social-profile-colored-2 li .google-bg {
    background-color: #db4437
}

.social-profile-colored-2 li .google-bg:hover {
    background-color: #db4437
}

.social-profile-colored-2 li .youtube-bg {
    background-color: #e62117
}

.social-profile-colored-2 li .youtube-bg:hover {
    background-color: #e62117
}

.social-profile-styled {
    display: inline-block
}

.social-profile-styled li {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.social-profile-styled li:nth-child(n+2) {
    margin-left: 0
}

.social-profile-styled li a {
    background-color: transparent;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    border: 1px solid #fff;
    color: #fff
}

.social-profile-styled li .facebook-bg {
    color: #fff
}

.social-profile-styled li .facebook-bg:hover {
    background-color: #4267b2;
    color: #fff
}

.social-profile-styled li .twitter-bg {
    color: #fff
}

.social-profile-styled li .twitter-bg:hover {
    background-color: #000;
    color: #fff
}

.social-profile-styled li .instagram-bg {
    color: #fff
}

.social-profile-styled li .instagram-bg:hover {
    background-color: #c13584;
    color: #fff
}

.social-profile-styled li .behance-bg {
    color: #053eff
}

.social-profile-styled li .behance-bg:hover {
    background-color: #053eff;
    color: #fff
}

.social-profile-styled li .dribbble-bg {
    color: #ea4c89
}

.social-profile-styled li .dribbble-bg:hover {
    background-color: #ea4c89;
    color: #fff
}

.social-profile-styled li .youtube-bg {
    color: #e62117
}

.social-profile-styled li .youtube-bg:hover {
    background-color: #e62117;
    color: #fff
}

.social-profile-styled:hover li:nth-child(n+2) {
    margin-left: 0
}

.social-profile--styled li:nth-child(n+2) {
    margin-left: 0
}

.info-list li {
    display: block;
    font-size: 16px;
    color: #808996;
    font-weight: 500;
    margin-bottom: 6px
}

.info-list li a {
    color: #808996
}

.info-list li .icon {
    color: #ff4c00;
    margin-right: 2px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    background-color: rgba(123, 104, 238, 0.1);
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.info-list li:hover a {
    color: #ff4c00
}

.info-list li:hover .icon {
    background-color: #ff4c00;
    color: #fff
}

.img-boxes img {
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .img-boxes .img-box-item.mt-4 {
        margin-top: 0 !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .img-boxes .img-box-item.mt-4 {
        margin-top: 0 !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .img-boxes .img-box-item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .img-boxes .img-box-item {
        margin-bottom: 20px
    }
}

.mobile-img img {
    width: 100%
}

.list-items li {
    margin-bottom: 7px;
    font-weight: normal;
    color: #808996;
    font-size: 16px
}

.list-items li a {
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    display: inline-block
}

.list-items li a:before {
    position: absolute;
    content: "";
    bottom: -2px;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #ff4c00;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.list-items li a:hover {
    color: #ff4c00
}

.list-items li a:hover:before {
    right: auto;
    left: 0;
    width: 100%
}

.list--items li span {
    display: inline-block
}

.list--items-2 li span {
    width: 100px
}

.list-items-style li {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-right: 15px
}

.list-items-style-2 li {
    margin-bottom: 0
}

.list-items-style-2 li+li {
    border-top: 1px solid rgba(128, 137, 150, 0.1);
    padding-top: 15px;
    margin-top: 15px
}

.list-items-style-2 li a:before {
    display: none
}

.list-items-bullet li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.list-items-bullet li:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(128, 137, 150, 0.6);
    top: 10px;
    left: 0
}

.quantity-item .qtyInput {
    width: 40px;
    border: 0;
    text-align: center;
    color: #333f57;
    font-weight: 500;
    pointer-events: none;
    font-size: 17px
}

.qtyDec,
.qtyInc {
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 17px;
    background-color: rgba(128, 137, 150, 0.1);
    color: #333f57;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.qtyDec:hover,
.qtyInc:hover {
    background-color: rgba(128, 137, 150, 0.3)
}

.tag-number {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(128, 137, 150, 0.1);
    font-size: 14px
}

.tip {
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #808996;
    font-size: 15px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #fff;
    border: 1px solid rgba(128, 137, 150, 0.3)
}

.jqte {
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(128, 137, 150, 0.3)
}

.jqte * {
    font-family: "Be Vietnam", sans-serif !important
}

.jqte ul,
.jqte dl,
.jqte ol {
    padding: 5px 5px 5px 16px
}

.jqte ul {
    list-style: disc
}

.jqte_toolbar {
    background-color: rgba(128, 137, 150, 0.1);
    border-bottom-color: rgba(128, 137, 150, 0.3)
}

.jqte_tool {
    padding: 3px
}

.jqte_tool:hover {
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.2)
}

.jqte_tool,
.jqte_tool_icon,
.jqte_tool_label {
    border-color: transparent !important
}

.jqte_title {
    font-weight: 600
}

.jqte_tool.jqte_tool_1 .jqte_tool_label {
    width: 80px;
    height: 24px;
    padding: 0
}

.jqte_formats,
.jqte_fontsizes,
.jqte_cpalette,
.jqte_linktypes {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    border-color: rgba(128, 137, 150, 0.3)
}

.jqte_formats .jqte_format:hover,
.jqte_fontsizes .jqte_fontsize:hover,
.jqte_linktypes a:hover {
    background-color: rgba(128, 137, 150, 0.1)
}

.jqte_editor,
.jqte_source {
    min-height: 160px
}

.jqte_placeholder {
    display: block
}

.jqte_placeholder_text {
    top: 49px;
    color: #808996;
    font-weight: 500
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .jqte_placeholder_text {
        top: 80px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .jqte_placeholder_text {
        top: 80px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .jqte_placeholder_text {
        top: 130px
    }
}

.jqte_linktypeview {
    border-color: rgba(128, 137, 150, 0.4);
    padding: 4px 10px
}

.jqte_linktypearrow {
    bottom: 13px;
    right: 13px
}

.jqte_linkinput {
    border-color: rgba(128, 137, 150, 0.4);
    padding-top: 4px;
    padding-bottom: 4px;
    color: #333f57
}

.jqte_linkinput:focus,
.jqte_linkinput:hover {
    border-color: rgba(128, 137, 150, 0.8)
}

.jqte_linkbutton {
    background-color: rgba(128, 137, 150, 0.1);
    border-color: rgba(128, 137, 150, 0.4);
    color: #333f57;
    -webkit-box-shadow: inset 0 0;
    -moz-box-shadow: inset 0 0;
    box-shadow: inset 0 0;
    padding-top: 4px;
    padding-bottom: 4px
}

.jqte_linkbutton:hover {
    background-color: rgba(128, 137, 150, 0.3)
}

.section-pagination {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    padding: 12px
}

.section-pagination .page-item:first-child .page-link {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.section-pagination .page-link {
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 2px;
    margin-left: 2px;
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
    padding: 7px 13px;
    font-weight: 600
}

.section-pagination .page-link:hover {
    color: #333f57;
    background-color: rgba(128, 137, 150, 0.1)
}

.section-pagination .page-link.page-link-active {
    background-color: #ff4c00;
    color: #fff;
    border-color: #ff4c00
}

.section-pagination .page-link.page-link-first,
.section-pagination .page-link.page-link-last {
    background-color: transparent
}

.filter-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid rgba(128, 137, 150, 0.1);
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 12px 12px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .filter-bar {
        display: block
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .filter-bar {
        display: block
    }
}

@media(max-width:375px) {
    .filter-bar-action .user-chosen-select-container {
        margin-left: 0 !important
    }
}

@media(max-width:320px) {
    .filter-bar-action .user-chosen-select-container {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.filter-bar-action .user-chosen-select-container .chosen-container {
    min-width: 150px !important
}

.filter-bar-action .user-chosen-select-container .user-chosen-select {
    padding: 3px 10px
}

.filter-bar-action .user-chosen-select-container .chosen-single {
    padding: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0
}

.filter-bar-action .user-chosen-select-container .chosen-single div {
    top: 5px;
    right: 5px
}

.filter-bar-action .user-chosen-select-container .chosen-drop {
    width: 180px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 15px;
    border-top: 1px solid rgba(128, 137, 150, 0.3)
}

.search-filter {
    color: #808996;
    font-weight: 500;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 15px
}

.search-filter:hover {
    color: #333f57
}

.filter-nav li {
    display: inline-block
}

.filter-nav li+li {
    margin-left: 3px
}

.filter-nav li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 31px;
    font-size: 20px;
    color: #808996;
    text-align: center;
    background-color: #fff;
    border: 1px solid rgba(128, 137, 150, 0.3);
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.filter-nav li a.active {
    background-color: #ff4c00;
    color: #fff;
    border-color: #ff4c00
}

.dot-action-wrap .dropdown-menu {
    margin-top: 10px;
    border-color: rgba(128, 137, 150, 0.1);
    padding-right: 10px;
    padding-left: 10px;
    min-width: 9rem
}

.dot-action-wrap .dropdown-item {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #808996;
    font-weight: 500;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 7px 15px;
    font-size: 15px
}

.dot-action-wrap .dropdown-item:hover {
    color: #333f57
}

#back-to-top {
    position: fixed;
    right: -150px;
    bottom: 58px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fe4b00;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    color: #fff;
    font-size: 16px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

#back-to-top:hover {
    background-color: #ff4c00;
    color: #fff;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#back-to-top.btn-active {
    right: 20px;
    opacity: 1;
    visibility: visible
}

.owl-trigger-action .owl-nav div {
    position: absolute;
    top: 50%;
    left: -50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    line-height: 40px;
    -webkit-box-shadow: 0 5px 30px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 5px 30px rgba(82, 85, 90, 0.1);
    box-shadow: 0 5px 30px rgba(82, 85, 90, 0.1);
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    color: rgba(51, 63, 87, 0.5);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .owl-trigger-action .owl-nav div {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .owl-trigger-action .owl-nav div {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .owl-trigger-action .owl-nav div {
        display: none
    }
}

.owl-trigger-action .owl-nav div.owl-next {
    left: auto;
    right: -50px
}

.owl-trigger-action .owl-nav div:hover {
    color: #ff4c00;
    -webkit-box-shadow: 0 5px 30px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 5px 30px rgba(82, 85, 90, 0.2);
    box-shadow: 0 5px 30px rgba(82, 85, 90, 0.2)
}

.owl-trigger-action .owl-dots {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.owl-trigger-action .owl-dots div {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(51, 63, 87, 0.1);
    border: 2px solid transparent;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin: 0 2px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

.owl-trigger-action .owl-dots div.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-color: transparent;
    border-color: #ff4c00
}

.owl-trigger-action-2 .owl-nav div {
    left: 45px
}

.owl-trigger-action-2 .owl-nav div.owl-next {
    right: 45px
}

.owl-trigger-action-3 .owl-nav div {
    left: 20px;
    width: 35px;
    height: 35px;
    line-height: 32px;
    font-size: 18px
}

.owl-trigger-action-3 .owl-nav div.owl-next {
    right: 20px
}

.owl-trigger-action-3 .owl-dots {
    margin-top: 0;
    position: absolute;
    bottom: 20px
}

.owl-trigger-action-3 .owl-dots div {
    background-color: rgba(255, 255, 255, 0.7)
}

.owl-trigger-action-3 .owl-dots div.active {
    background-color: #fff;
    border-color: #fff
}

.stroke-shape {
    position: relative;
    width: 45px;
    height: 4px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: linear-gradient(270deg, #ff4c00 0, #dd4f13 100%)
}

.line-bg {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    top: 0;
    opacity: .7;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg)
}

.line-bg:before {
    position: absolute;
    top: -60%;
    left: 0;
    content: "";
    height: 80px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-animation: run 5s 0 infinite;
    animation: run 5s 0 infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0, 0.98);
    animation-timing-function: cubic-bezier(0.3, 0.27, 0, 0.98)
}

.line-bg1 {
    left: 14%
}

.line-bg1:before {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.line-bg2 {
    left: 30%
}

.line-bg2:before {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.line-bg3 {
    left: 45%
}

.line-bg3:before {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.line-bg4 {
    left: 60%
}

.line-bg4:before {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

.line-bg5 {
    left: 75%
}

.line-bg5:before {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.line-bg6 {
    left: 88%
}

.line-bg6:before {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s
}

.block-card {
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    border: 1px solid rgba(128, 137, 150, 0.1);
    padding: 30px
}

.block-card-header {
    border-bottom: 1px solid rgba(128, 137, 150, 0.1);
    padding-bottom: 20px
}

.block-card-body {
    padding-top: 20px
}

.animated--grow-in {
    -webkit-animation-name: growIn;
    animation-name: growIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
    animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1)
}

.typing-indicator {
    align-items: center;
    display: flex;
    height: 13px
}

.typing-indicator-dot {
    background-color: rgba(128, 137, 150, 0.6);
    -webkit-animation: mercuryTypingAnimation 1.4s infinite ease-in-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    margin-right: 3px;
    width: 7px
}

.typing-indicator-dot:nth-child(1) {
    -webkit-animation-delay: 200ms
}

.typing-indicator-dot:nth-child(2) {
    -webkit-animation-delay: 300ms
}

.typing-indicator-dot:nth-child(3) {
    -webkit-animation-delay: 400ms
}

.blockquote-box {
    border-left: 7px solid rgba(128, 137, 150, 0.2);
    padding-left: 20px;
    position: relative
}

.blockquote-box p {
    padding-right: 30px;
    font-style: italic
}

.blockquote-box .la-quote-right {
    position: absolute;
    bottom: 10px;
    right: 5px;
    font-size: 50px;
    opacity: .2
}

.post-nav {
    font-weight: 600
}

.post-nav li {
    width: 33%
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .post-nav li {
        width: 48%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .post-nav li {
        width: 48%
    }
}

.post-nav li a {
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    padding: 10px;
    display: block;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.post-nav li i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.post-nav li.prev-post a {
    padding-left: 40px
}

.post-nav li.prev-post a:hover {
    color: #333f57
}

.post-nav li.prev-post a:hover i {
    left: 10px
}

.post-nav li.prev-post i {
    left: 15px
}

.post-nav li.next-post a {
    padding-right: 40px
}

.post-nav li.next-post a:hover {
    color: #333f57
}

.post-nav li.next-post a:hover i {
    right: 10px
}

.post-nav li.next-post i {
    right: 15px
}

.post-nav .text-truncate {
    max-width: 12rem;
    display: block
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .destination-content .btn-box {
        margin-top: 30px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .destination-content .btn-box {
        margin-top: 30px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .destination-content .btn-box {
        margin-top: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-heading-content {
        margin-bottom: 50px;
        margin-top: 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-heading-content {
        margin-bottom: 50px;
        margin-top: 50px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-heading-content {
        margin-bottom: 50px;
        margin-top: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blog-content {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .blog-content {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .blog-content {
        margin-bottom: 50px
    }
}

.icon-element {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ff4c00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    font-size: 26px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #fff
}

.icon-element:hover {
    color: #fff
}

.icon-element-sm {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px
}

.icon-element-lg {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 35px
}

.icon-element-white {
    background-color: #fff;
    color: #333f57
}

.icon-element-white:hover {
    color: #333f57
}

.icon-block-wrap .icon-block {
    margin: 4px
}

.icon-block {
    background-color: #fff;
    border: 1px solid rgba(128, 137, 150, 0.1);
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.icon-block .icon-element {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.label-text {
    font-size: 14px;
    color: #333f57;
    font-weight: 600;
    text-transform: capitalize;
    position: relative
}

.form-box .form-group {
    position: relative
}

.form-box .form-group .form-icon, .profile_flag_form_group .form-icon {
    position: absolute;
    top: 13px;
    left: 15px;
    color: #808996;
    font-size: 18px
}

.form-box .form-group .form-icon-2 {
    top: 12px
}

.form-box .form-group .dollar-icon {
    top: 8px;
    font-size: 16px
}

.form-box .form-group .input-btn-append {
    position: absolute;
    top: 0;
    right: 0
}

@media(max-width:320px) {
    .form-box .form-group .input-btn-append {
        position: inherit;
        top: auto;
        right: auto;
        margin-top: 10px
    }
}

.form-box .form-control {
    height: auto;
    line-height: inherit;
    padding: 12px 20px 12px 40px;
    font-size: 15px;
    color: #333f57;
    border: 1px solid rgba(128, 137, 150, 0.3);
    font-weight: 500;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.form-box .form-control[readonly] {
    background-color: #fff
}

.form-box .form-control:focus {
    border-color: rgba(128, 137, 150, 0.6);
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0
}

.form-box .form-control::-webkit-input-placeholder {
    color: #808996
}

.form-box .form-control:-ms-input-placeholder {
    color: #808996
}

.form-box .form-control::placeholder {
    color: #808996
}

.form-box .form-control-sm {
    padding: 7px 14px 7px 40px
}

.form-box .form-control-long {
    width: 360px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .form-box .form-control-long {
        width: 100%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .form-box .form-control-long {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .form-box .form-control-long {
        width: 100%
    }
}

.form-box .form-control-styled {
    border-left: 5px solid #ff4c00;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12)
}

.form-box .form-control-styled:focus {
    border-left-color: #533ae9;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12)
}

.form-box .message-control {
    height: 160px
}

.price-range-wrap .form-control-sm {
    width: 120px
}

.price-range-wrap-2 .form-control-sm {
    width: 96px
}

.payment-logo {
    position: absolute;
    right: 20px;
    top: 21px
}

.payment-tab-toggle {
    padding-right: 20px;
    padding-left: 20px
}

.payment-tab-toggle>label {
    cursor: pointer;
    display: block;
    position: relative;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: 600;
    color: #333f57
}

.payment-tab-toggle>label:before {
    background-color: #fff;
    border: 2px solid #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 18px;
    height: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.payment-tab-toggle>label:after {
    background-color: #f9b851;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 5px;
    top: 19px;
    width: 8px;
    height: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.payment-tab-toggle>input {
    position: absolute;
    visibility: hidden
}

.payment-tab-toggle>input:checked~label:before {
    border-color: #ff4c00
}

.payment-tab-toggle>input:checked~label:after {
    background-color: #ff4c00;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.payment-tab {
    background-color: #fff;
    max-height: 55px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    margin-bottom: 15px
}

.payment-tab.is-active {
    max-height: 400px
}

.payment-tab.is-active .payment-tab-content {
    visibility: visible;
    opacity: 1
}

.payment-tab-content {
    padding: 0 20px 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.coupon-widget .theme-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 50px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.my-table table tr th {
    color: #333f57;
    font-weight: 600;
    border-bottom-width: 1px
}

.my-table table tr th,
.my-table table tr td {
    padding: 10px 20px
}

.my-table table tr td {
    font-weight: 500
}

.my-table .invoice-table-two {
    margin-bottom: 0
}

.my-table .invoice-table-two tr th,
.my-table .invoice-table-two tr td {
    border-top: 0;
    padding: 5px 0
}

.my-table .invoice-table-two tr td {
    text-align: right
}

.coming-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.coming-inner {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.coming-inner:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333f57;
    opacity: .7;
    z-index: -1
}

.blockquote-item {
    border-left: 0;
    background-image: url(../images/video-img.jpg);
    background-size: cover;
    background-position: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    padding: 40px;
    position: relative
}

.blockquote-item .blockquote__icon {
    position: absolute;
    right: 30px;
    bottom: 20px;
    font-size: 100px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.1)
}

.blockquote-item .blockquote__text {
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #fff
}

.blockquote-item .blockquote__meta {
    font-weight: 500;
    margin-top: 16px;
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 30px
}

.blockquote-item .blockquote__meta span {
    color: #808996;
    font-size: 18px;
    margin-left: 5px
}

.blockquote-item:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333f57;
    opacity: .9;
    z-index: -1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.breadcrumb-area {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: top;
    overflow: visible !important;
}

@media(max-width:480px) {
    /* .breadcrumb-area {
        padding-top: 250px
    } */
}

.breadcrumb--area {
    padding-top: 250px;
    padding-bottom: 160px
}

.bread-overlay {
    position: relative;
    z-index: 1
}

.bread-overlay:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.breadcrumb-content .section-heading {
    display: none
}

.breadcrumb-content .bread-list {
    background-color: var(--theme-bgcolor);
    -webkit-box-shadow: 0 .25rem .5rem rgba(34, 34, 34, 0.05), 0 24px 35px rgba(34, 34, 34, 0.1);
    box-shadow: 0 .25rem .5rem rgba(34, 34, 34, 0.05), 0 24px 35px rgba(34, 34, 34, 0.1)
}

.bread-svg {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    pointer-events: none
}

.bread-svg svg {
    width: 100%;
    height: 140px;
    stroke: none;
    fill: #fff
}

.bread-bg-2 {
    background-image: url(../images/bread-bg2.jpg)
}

.bread-bg-3 {
    background-image: url(../images/bread-bg3.jpg)
}

.user-bread-bg {
    background-image: url(../images/user-bread-img.jpg)
}

@media(max-width:480px) {
    .breadcrumb-content .section-heading.pb-3 {
        padding-bottom: 0 !important
    }
}

@media(max-width:480px) {
    .breadcrumb-content .sec__title {
        font-size: 32px !important
    }
}

@media(max-width:480px) {
    .breadcrumb-content .sec__title.font-size-28 {
        font-size: 26px !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .breadcrumb-content .sec__title.font-size-60 {
        font-size: 40px !important;
        line-height: 50px !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .breadcrumb-content .sec__title.font-size-60 {
        font-size: 40px !important;
        line-height: 50px !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .breadcrumb-content .sec__title.font-size-60 {
        font-size: 32px !important;
        line-height: 40px !important
    }
}

@media(max-width:480px) {
    .breadcrumb-content .bread-thumb {
        width: 80px;
        height: 80px;
        bottom: auto;
        position: inherit
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .breadcrumb-content .bread-list {
        margin-top: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .breadcrumb-content .bread-list {
        margin-top: 15px
    }
}

.breadcrumb-content .contact-form-action .form-control {
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.breadcrumb-content .contact-form-action .form-group .submit-btn {
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    color: #333f57;
    background-color: rgba(128, 137, 150, 0.2);
    padding-right: 25px;
    padding-left: 25px;
    top: 1px;
    right: 0;
    line-height: 64px
}

.breadcrumb-content .contact-form-action .form-group .submit-btn:hover {
    background-color: #ff4c00;
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .breadcrumb-content-2 .section-heading {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .breadcrumb-content-2 .section-heading {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .breadcrumb-content-2 .section-heading {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .timestamp {
        padding-left: 0 !important;
        border-left: 0 !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .timestamp {
        padding-left: 0 !important;
        border-left: 0 !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .timestamp {
        padding-left: 0 !important;
        border-left: 0 !important
    }
}

.bread-list {
    background-color: transparent;
    padding: 10px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block
}

.bread-list li {
    display: inline-block;
    position: relative;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0
}

.bread-list li a {
    color: #fff
}

.bread-list li a:before {
    background-color: #fff;
    height: 1px
}

.bread-list li a:hover {
    color: #fff
}

.bread-list li+li {
    padding-left: 10px;
    margin-left: 10px
}

.bread-list li+li:after {
    position: absolute;
    content: "|";
    font-weight: 900;
    top: 60%;
    font-size: 12px;
    left: -4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bread-list-2 {
    background-color: rgba(128, 137, 150, 0.1)
}

.bread-list-2 li {
    color: rgba(128, 137, 150, 0.9)
}

.bread-list-2 li a {
    color: #333f57
}

.bread-list-2 li a:before {
    background-color: #ff4c00
}

.bread-list-2 li a:hover {
    color: #ff4c00
}

.bread-thumb {
    position: relative;
    bottom: -35px;
    border-width: 5px !important
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .bread-btns {
        padding-top: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .bread-btns {
        padding-top: 20px
    }
}

.hover-tooltip-box {
    position: relative
}

.hover-tooltip-box .hover-tooltip {
    position: absolute;
    top: -65px;
    left: 0;
    width: 300px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.09);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.09);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.09)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .hover-tooltip-box .hover-tooltip {
        width: 240px;
        left: auto;
        right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .hover-tooltip-box .hover-tooltip {
        width: 200px;
        left: auto;
        right: 0
    }
}

.hover-tooltip-box .hover-tooltip a {
    color: #333f57;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.hover-tooltip-box .hover-tooltip a:hover {
    color: #ff4c00
}

.hover-tooltip-box .hover-tooltip:after {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .hover-tooltip-box .hover-tooltip:after {
        left: auto;
        right: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .hover-tooltip-box .hover-tooltip:after {
        left: auto;
        right: 15px
    }
}

.hover-tooltip-box:hover .hover-tooltip {
    top: -70px;
    opacity: 1;
    visibility: visible
}

.category-link {
    font-size: 16px;
    position: relative;
    padding-left: 12px
}

.category-link a {
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.category-link a:hover {
    color: #ff4c00
}

.category-link:after {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(128, 137, 150, 0.6)
}

.header-area {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999
}

@media(max-width:991px) {
    .header-area {
        background-color: #333f57
    }
}

.header-area:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: transparent;
    opacity: .1
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .header-top-bar {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .header-top-bar {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .header-menu-wrapper {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .header-menu-wrapper {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.header-menu-wrapper.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    background: #333f57 !important
}

.header-menu-wrapper.header-fixed .logo .sticky-logo-hide {
    display: none
}

.header-menu-wrapper.header-fixed .logo .sticky-logo-show {
    display: block
}

.header-menu-wrapper.header-fixed .logo .btn-gray.text-color {
    color: #fff !important
}

.header-menu-wrapper.header-fixed .menu-toggle-black {
    background-color: rgba(255, 255, 255, 0.1)
}

.header-menu-wrapper.header-fixed .menu-toggle-black .menu__bar {
    background: #fff
}

.header-menu-wrapper.header-fixed .main-menu-2>ul>li>a {
    color: rgba(255, 255, 255, 0.8)
}

.header-menu-wrapper.header-fixed .main-menu-2>ul>li>a:hover {
    color: #fff
}

.logo {
    display: flex;
    align-items: center;
    z-index: 2
}

.sticky-logo-show {
    display: none
}

.quick-search-form {
    position: relative;
    flex-shrink: 0
}

.quick-search-form .header-search {
    border-left: 1px solid rgba(255, 255, 255, 0.1)
}

@media(max-width:991px) {
    .quick-search-form {
        display: none !important
    }
}

.header-search .form-icon {
    position: absolute;
    left: 15px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.header-search input {
    background-color: transparent;
    padding: 14px 10px 14px 50px;
    border: 0;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.header-search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.header-search input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.header-search input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.header-search input::placeholder {
    color: rgba(255, 255, 255, 0.8)
}

.header-search.active .form-icon {
    color: #333f57
}

.header-search.active input {
    background-color: #fff;
    color: #333f57
}

.header-search.active input::-webkit-input-placeholder {
    color: rgba(127, 137, 150, 0.8)
}

.header-search.active input::-moz-placeholder {
    color: rgba(127, 137, 150, 0.8)
}

.header-search.active input:-ms-input-placeholder {
    color: rgba(127, 137, 150, 0.8)
}

.header-search.active input::placeholder {
    color: rgba(127, 137, 150, 0.8)
}

.header-search.active .instant-results {
    opacity: 1;
    visibility: visible
}

.instant-results {
    background-color: #fff;
    border-top: 1px solid rgba(127, 137, 150, 0.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 20px 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 20px 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 20px 40px rgba(82, 85, 90, 0.2);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    z-index: 1024;
    opacity: 0;
    visibility: hidden
}

.instant-results a {
    padding: 8px 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #808996;
    font-size: 15px
}

.instant-results a:hover {
    background-color: rgba(127, 137, 150, 0.1);
    color: #333f57
}

.instant-results .icon-element {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 22px
}

.instant-results .icon-element:after {
    display: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-top-info {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .header-top-info {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .header-top-info {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.header-top-info a {
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.header-top-info a:hover {
    color: #fff
}

.header-top-info .social-profile li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff
}

.header-top-info .list-items li {
    font-size: 14px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.6)
}

.header-top-info .list-items li+li {
    margin-left: 10px
}

.header-top-info .list-items li a {
    color: rgba(255, 255, 255, 0.6)
}

.header-top-info .list-items li a:before {
    background-color: #fff
}

.header-top-info .list-items li a:hover {
    color: #fff
}

@media(max-width:320px) {
    .header-top-info .list-items-style li {
        border-right: 0;
        padding-right: 0;
        padding-bottom: 4px
    }
}

.header-top-info .user-chosen-select-container .chosen-container {
    width: 110px !important
}

.header-top-info .user-chosen-select-container .chosen-drop {
    border-color: #fff;
    padding-right: 5px
}

.header-top-info .user-chosen-select-container .chosen-container-active.chosen-with-drop .chosen-single {
    color: #333f57
}

.header-top-info .user-chosen-select-container .user-chosen-select,
.header-top-info .user-chosen-select-container .chosen-single {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.8);
    padding: 6px 12px
}

.header-top-info .user-chosen-select-container .user-chosen-select div,
.header-top-info .user-chosen-select-container .chosen-single div {
    top: 8px
}

.header-top-info .user-chosen-select-container .chosen-search {
    display: none
}

.header-top-info .user-chosen-select-container .chosen-results li {
    padding-right: 12px;
    padding-left: 12px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-top-info.justify-content-end {
        padding-top: 5px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .header-top-info.justify-content-end {
        padding-top: 5px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .header-top-info.justify-content-end {
        padding-top: 5px;
        flex-direction: column
    }
}

.login-and-signup-wrap a {
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 600
}

.login-and-signup-wrap a:hover {
    color: #fff
}

.main-menu-content {
    text-align: right;
    z-index: 10
}

@media(max-width:991px) {
    .main-menu-content {
        display: none;
        text-align: left;
        width: 100%;
        padding: 0 0 30px !important
    }
}

.main-menu-content-2 {
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.1)
}

@media(max-width:991px) {
    .main-menu-content-2 {
        margin-left: 0;
        padding-left: 0;
        border-left: 0
    }
}

.main-menu ul li {
    display: inline-block;
    text-transform: capitalize;
    padding-top: 0;
    padding-right: 4px;
    position: relative
}

@media(max-width:991px) {
    .main-menu ul li:first-child {
        padding-top: 0
    }
}

@media(max-width:991px) {
    .main-menu ul li {
        display: block;
        padding-right: 0
    }
}

.main-menu ul li a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    font-weight: normal;
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 1;
    padding: 0
}

@media(max-width:991px) {
    .main-menu ul li a {
        display: flex;
        align-items: center;
        padding-bottom: 0
    }
}

.main-menu ul li a .la-angle-down {
    font-size: 12px
}

@media(max-width:991px) {
    .main-menu ul li a .la-angle-down {
        display: none
    }
}

.main-menu ul li a:hover {
    color: #ff4c00
}

.main-menu ul li .dropdown-menu-item {
    text-align: left;
    position: absolute;
    top: 70px;
    left: 0;
    width: 240px;
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:991px) {
    .main-menu ul li .dropdown-menu-item {
        opacity: 1;
        visibility: visible;
        display: none;
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        margin-top: 10px;
        height: 260px;
        overflow-x: auto;
        overflow-y: auto
    }
}

.main-menu ul li .dropdown-menu-item li {
    display: block;
    padding-top: 0;
    padding-right: 0
}

.main-menu ul li .dropdown-menu-item li a {
    color: #808996;
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: capitalize;
    padding: 5px 25px;
    font-weight: 500;
    position: relative;
    font-size: 15px
}

.main-menu ul li .dropdown-menu-item li a .ribbon {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-menu ul li .dropdown-menu-item li a:hover {
    color: #ff4c00
}

.main-menu ul li .dropdown-menu-item li a:hover .ribbon {
    background-color: #ffbb3d;
    color: #fff
}

.main-menu ul li .mega-menu {
    width: 700px;
    left: -375px;
    padding-top: 0;
    padding-bottom: 0
}

@media(max-width:991px) {
    .main-menu ul li .mega-menu {
        width: 100%;
        left: auto;
        margin-left: 0;
        margin-right: 0
    }
}

.main-menu ul li .mega-menu .mega-menu-item {
    padding-top: 12px;
    padding-bottom: 12px
}

.main-menu ul li .mega-menu .mega-menu-item+.mega-menu-item {
    border-left: 1px solid rgba(127, 137, 150, 0.1)
}

.main-menu ul li:last-child {
    padding-right: 0
}

.main-menu-2 ul li a {
    color: rgba(51, 63, 27, 0.8)
}

.main-menu-2 ul li a .drop-menu-toggle {
    background-color: rgba(128, 137, 150, 0.1)
}

.main-menu-2 ul li a:hover {
    color: #333f57
}

@media(min-width:1200px) {
    .main-menu ul li:hover .dropdown-menu-item {
        top: 60px;
        opacity: 1;
        visibility: visible
    }
}

.nav-right-content {
    position: relative;
    z-index: 1
}

@media(max-width:991px) {
    .nav-right-content {
        padding-top: 0
    }
}

@media(max-width:991px) {
    .nav-right-content .add-listing-btn-hide {
        display: none
    }
}

.add-listing-btn-show {
    display: none;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff
}

.add-listing-btn-show:hover {
    color: #fff
}

@media(max-width:991px) {
    .add-listing-btn-show {
        display: block
    }
}

.menu-full-width {
    display: flex;
    position: relative
}

@media(max-width:991px) {
    .menu-full-width {
        flex-wrap: wrap
    }
}

@media(max-width:991px) {
    .menu-full-width .logo {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(max-width:991px) {
    .menu-full-width .login-and-signup-wrap {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.menu-toggle {
    width: 50px;
    height: 42px;
    position: relative;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none
}

@media(max-width:991px) {
    .menu-toggle {
        display: block
    }
}

.menu-toggle .menu__bar {
    display: block;
    height: 2px;
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-toggle .menu__bar:nth-child(1) {
    top: 10px
}

.menu-toggle .menu__bar:nth-child(2) {
    top: 20px
}

.menu-toggle .menu__bar:nth-child(3) {
    top: 30px
}

.menu-toggle.active .menu__bar:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 20px
}

.menu-toggle.active .menu__bar:nth-child(2) {
    opacity: 0;
    visibility: hidden
}

.menu-toggle.active .menu__bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 20px
}

.menu-toggle-black {
    background-color: rgba(128, 137, 150, 0.1)
}

.menu-toggle-black .menu__bar {
    background: #808996
}

.drop-menu-toggle {
    font-size: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 35px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: none
}

@media(max-width:1199px) {
    .drop-menu-toggle {
        display: block
    }
}

.drop-menu-toggle.active .la:before {
    content: "\f068"
}

.drop-menu-toggle.active,
.drop-menu-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

.sticky-content-navbar.is-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1025;
    background-color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding-top: 10px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1)
}

.sticky-content-nav .btn-gray {
    -webkit-box-shadow: 0 0 30px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 30px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 30px rgba(82, 85, 90, 0.1);
    border: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .sticky-content-nav .btn-gray {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .sticky-content-nav .btn-gray {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .sticky-content-nav .btn-gray {
        margin-bottom: 10px
    }
}

.sticky-content-nav .btn-gray+.btn-gray {
    margin-left: 10px
}

.sticky-content-nav .btn-gray.active {
    color: #333f57
}

.dashboard-header {
    border-bottom: 1px solid rgba(13, 35, 62, 0.1)
}

.dashboard-header .header-menu-wrapper:after {
    background-color: #fff
}

.dashboard-header .main-menu-content nav ul li a {
    color: #333f57
}

.dashboard-header .main-menu-content nav ul li a:hover {
    color: #ff4c00
}

@media(min-width:992px) {
    .modal-form .modal-dialog.modal-lg {
        width: 500px
    }
}

@media(max-width:480px) {
    .modal-form .modal-dialog.modal-lg {
        width: auto
    }
}

.modal-form .modal-top {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 38px;
    padding: 25px 30px 23px
}

.modal-form .modal-top .close-arrow {
    opacity: 1
}

.modal-form .modal-top .close-arrow span {
    font-size: 30px;
    color: #333f57;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.modal-form .modal-top .close-arrow span:hover {
    color: #ff4c00;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.modal-form .modal-top .modal-title {
    font-size: 20px;
    color: #333f57
}

@media(max-width:320px) {
    .modal-form .modal-top .modal-title {
        font-size: 16px
    }
}

.modal-form .modal-top .modal-title span {
    color: #808996;
    font-size: 30px
}

.modal-form .modal-top .modal-sub {
    font-weight: 600
}

.modal-form .alert-content .warning-icon {
    color: #f9b851;
    font-size: 70px;
    display: inline-block
}

.modal-form .alert-content .modal-title {
    line-height: 25px;
    font-weight: 600
}

.modal-form .contact-form-action {
    padding: 0 30px 30px
}

.modal-form .btn-box .theme-btn {
    line-height: 40px
}

@media(max-width:320px) {
    .modal-form .btn-box.text-right {
        text-align: left
    }
}

.modal-container.fade .modal-dialog {
    -webkit-transform: scale(0.8) translate(0, 0);
    -moz-transform: scale(0.8) translate(0, 0);
    -ms-transform: scale(0.8) translate(0, 0);
    -o-transform: scale(0.8) translate(0, 0);
    transform: scale(0.8) translate(0, 0);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.modal-container .modal-content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.modal-container .modal-header {
    padding: 18px 25px;
    border-bottom: 0;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    border-top-left-radius: calc(8px - 1px);
    border-top-right-radius: calc(8px - 1px)
}

.modal-container .modal-header:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333f57;
    opacity: .8;
    z-index: -1;
    border-top-left-radius: calc(8px - 1px);
    border-top-right-radius: calc(8px - 1px)
}

.modal-container .modal-title {
    color: #fff;
    font-size: 18px
}

.modal-container .close {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 30px;
    text-shadow: none;
    opacity: .7;
    outline: 0
}

.modal-container .close:hover {
    opacity: 1 !important
}

.modal-container .modal-body {
    padding: 18px 25px
}

.modal-container .theme-btn {
    border: 0
}

.modal-container .modal-dialog {
    -webkit-transform: scale(0.8) translate(0, 0);
    -moz-transform: scale(0.8) translate(0, 0);
    -ms-transform: scale(0.8) translate(0, 0);
    -o-transform: scale(0.8) translate(0, 0);
    transform: scale(0.8) translate(0, 0)
}

.modal-container.show {
    display: block
}

.modal-container.show .modal-dialog {
    -webkit-transform: scale(1) translate(0, 0);
    -moz-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    -o-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
}

.mh-bg {
    background-image: url(../images/login-bg.jpg)
}

.mh-bg-2 {
    background-image: url(../images/signup-bg.jpg)
}

.user-action-meta .lost-pass-btn {
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 500
}

.user-action-meta .lost-pass-btn:hover {
    color: #ff4c00
}

.copy-to-clipboard {
    position: relative;
    z-index: 1
}

.text-success-message {
    background-color: #40cc6f;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 6px;
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 500
}

.text-success-message.active {
    top: -40px;
    opacity: 1;
    visibility: visible
}

.text-success-message:after {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    background-color: #40cc6f;
    width: 8px;
    height: 8px
}

.accordion-item .card-header {
    padding: 0;
    background-color: #fff;
    border-bottom: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.accordion-item .card-header .btn {
    width: 100%;
    color: #333f57;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    padding: 12px 20px 12px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    text-align: left
}

.accordion-item .card-header .btn i {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 19px;
    display: none
}

.accordion-item .card-header .btn:after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    width: 8px;
    height: 8px;
    background-color: #333f57;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .3;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.accordion-item .card-header .btn[aria-expanded="false"] .la-plus {
    display: block
}

.accordion-item .card-header .btn[aria-expanded="true"] .la-minus {
    display: block
}

.accordion-item .card-header .btn[aria-expanded="true"]:after {
    opacity: 1
}

.accordion-item .card {
    -webkit-box-shadow: 0 0 14px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 14px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 14px rgba(82, 85, 90, 0.1);
    border-color: rgba(128, 137, 150, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.accordion-item .card+.card {
    margin-top: 10px
}

.accordion-item .card-body {
    padding: 0 20px 20px
}

.accordion-item .card-body p {
    font-weight: 500;
    font-size: 15px
}

.price-item {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.price-item:hover .price-head:before {
    bottom: -120px
}

.price-item:hover .price-head:after {
    left: -170px
}

.price-head {
    background-color: #f5f7fc;
    padding-top: 40px;
    padding-bottom: 105px;
    position: relative;
    color: #fff;
    overflow: hidden;
    text-align: center;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.price-head .ribbon {
    padding-right: 30px;
    padding-left: 30px;
    position: absolute;
    top: 24px;
    left: -35px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.price-head .price__title {
    font-size: 28px;
    font-weight: 600;
    color: #fff
}

.price-head:before,
.price-head:after {
    content: "";
    position: absolute;
    bottom: -150px;
    right: -60px;
    width: 200px;
    height: 200px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .05;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.price-head:after {
    bottom: 20px;
    right: auto;
    left: -200px;
    width: 300px;
    height: 300px
}

.price-box {
    width: 140px;
    height: 140px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    margin-top: -75px;
    position: relative;
    text-align: center
}

.price-box .price__text {
    font-size: 30px;
    font-weight: 600
}

.price-box .price__text-meta {
    font-size: 14px;
    font-weight: 500;
    display: block
}

.price-list {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 30px 30px 50px;
    width: 85%;
    margin-left: auto;
    margin-right: auto
}

.price-list li+li {
    border-top: 1px solid rgba(127, 136, 150, 0.1);
    padding-top: 12px;
    margin-top: 12px
}

.price-btn-box {
    margin-top: -23px
}

.recommended-wrap {
    font-weight: 600
}

.recommended-wrap i {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #40cc6f;
    color: #fff;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    margin-bottom: 10px
}

.pricing-active {
    margin-top: -30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pricing-active {
        margin-top: 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .pricing-active {
        margin-top: 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .pricing-active {
        margin-top: 0
    }
}

.pricing-active .price-head {
    background-color: #40cc6f
}

.pricing-active .price-content .price-number:before {
    background-color: #40cc6f
}

.pricing-active:hover .price-head,
.pricing-active:hover .price-number:before {
    background-color: #40cc6f
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about-content {
        margin-bottom: 50px;
        margin-top: 50px;
        padding-left: 0 !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .about-content {
        margin-bottom: 50px;
        margin-top: 50px;
        padding-left: 0 !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .about-content {
        margin-bottom: 50px;
        margin-top: 50px;
        padding-left: 0 !important
    }
}

.hero-wrapper {
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    z-index: 1;
    color: #fff;
    padding-top: 280px;
    padding-bottom: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-wrapper {
        padding-bottom: 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .hero-wrapper {
        padding-bottom: 50px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .hero-wrapper {
        padding-bottom: 50px
    }
}

.hero-wrapper #fullscreen-slide-container {
    position: absolute !important
}

@media(max-width:425px) {
    .hero-wrapper-4 {
        padding-top: 320px
    }
}

.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1
}

.hero-bg {
    background-image: url(../images/hero-bg.jpg)
}

.hero-bg-2 {
    background-image: url(../images/hero-bg2.jpg)
}

.hero-bg-3 {
    background-image: url(../images/hero-bg3.jpg)
}

.hero-bg-4 {
    background-image: url(../images/hero-bg4.jpg)
}

.hero-bg-5 {
    background-image: url(../images/hero-bg5.jpg)
}

.hero-heading .section-heading .sec__desc {
    font-size: 20px;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.9)
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-heading .section-heading .sec__desc {
        font-size: 18px;
        margin-top: 10px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .hero-heading .section-heading .sec__desc {
        font-size: 18px;
        margin-top: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .hero-heading .section-heading .sec__desc {
        font-size: 18px;
        margin-top: 10px
    }
}

.hero-heading .section-heading .sec__title {
    font-size: 45px;
    text-transform: capitalize;
    margin-bottom: 0;
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-heading .section-heading .sec__title {
        font-size: 40px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .hero-heading .section-heading .sec__title {
        font-size: 35px
    }
}

.hero-heading .section-heading .sec__title .cd-words-wrapper b {
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .hero-heading .section-heading .sec__title {
        font-size: 30px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .highlight-lists {
        flex-wrap: wrap
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .highlight-lists {
        flex-wrap: wrap
    }
}

.main-search-input {
    margin-top: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 20px 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .main-search-input {
        margin-top: 35px;
        margin-bottom: 30px;
        flex-direction: column
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .main-search-input {
        margin-top: 35px;
        margin-bottom: 30px;
        flex-direction: column
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .main-search-input {
        margin-top: 35px;
        margin-bottom: 30px;
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .main-search-input.mt-0 {
        margin-top: 35px !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .main-search-input.mt-0 {
        margin-top: 35px !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .main-search-input.mt-0 {
        margin-top: 35px !important
    }
}

.main-search-input-item {
    width: 25%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .main-search-input-item {
        width: 100%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .main-search-input-item {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .main-search-input-item {
        width: 100%
    }
}

.main-search-input-item+.main-search-input-item {
    margin-left: 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .main-search-input-item+.main-search-input-item {
        margin-left: 0;
        margin-top: 10px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .main-search-input-item+.main-search-input-item {
        margin-left: 0;
        margin-top: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .main-search-input-item+.main-search-input-item {
        margin-left: 0;
        margin-top: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .main-search-input-btn {
        margin-top: 20px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .main-search-input-btn {
        margin-top: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .main-search-input-btn {
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .main-search-input-btn .theme-btn {
        width: 100%;
        display: block
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .main-search-input-btn .theme-btn {
        width: 100%;
        display: block
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .main-search-input-btn .theme-btn {
        width: 100%;
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .highlight-search-desc {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .highlight-search-desc {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .highlight-search-desc {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
}

.highlighted-categories {
    margin-top: 15px;
    position: relative;
    z-index: 1
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .highlighted-categories {
        margin-top: 30px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .highlighted-categories {
        margin-top: 30px;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .highlighted-categories {
        margin-top: 00px;
        margin-bottom: 30px
    }
}

.highlighted__title {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-family: 'Roboto', sans-serif
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .highlighted__title br {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .highlighted__title br {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .highlighted__title br {
        display: none
    }
}

.cat-arrow-icon {
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
    position: relative;
    top: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cat-arrow-icon {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cat-arrow-icon {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .cat-arrow-icon {
        display: none
    }
}

.highlighted-categories-2 .cat-arrow-icon {
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .highlight-lists {
        margin-top: 0 !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .highlight-lists {
        margin-top: 0 !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .highlight-lists {
        margin-top: 0 !important
    }
}

.main-search-input-2 {
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);
    padding: 30px;
    margin-bottom: -80px
}

.hero-svg-content {
    position: absolute;
    bottom: -42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 210px;
    height: 100px;
    line-height: 90px
}

.hero-svg-content i {
    color: #333f57;
    position: relative;
    z-index: 1;
    font-size: 14px
}

.hero-svg-content:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/hero-shape.png);
    top: 0;
    left: 0;
    z-index: -1
}

.hiw-bottom-left-round {
    border-bottom-left-radius: 600px
}

.hiw-bottom-right-round {
    border-bottom-right-radius: 600px
}

.add-business-item {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -15%;
    width: 33%;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px dashed #e4e4e4
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .add-business-item {
        width: 50%;
        bottom: -10%
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .add-business-item {
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        width: 62%;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:480px) {
    .add-business-item {
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.add-business-item a {
    display: block;
    width: 100%;
    padding: 35px 20px 27px
}

.add-business-item a span {
    font-size: 30px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 20px;
    background-color: rgba(128, 137, 150, 0.2);
    color: #808996;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.add-business-item a p {
    color: #808996;
    font-size: 16px;
    font-weight: 500
}

.add-business-item:hover {
    -webkit-transform: translateX(-50%) scale(1.02);
    -moz-transform: translateX(-50%) scale(1.02);
    -ms-transform: translateX(-50%) scale(1.02);
    -o-transform: translateX(-50%) scale(1.02);
    transform: translateX(-50%) scale(1.02)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .add-business-item:hover {
        -webkit-transform: translateX(0) scale(1.02);
        -moz-transform: translateX(0) scale(1.02);
        -ms-transform: translateX(0) scale(1.02);
        -o-transform: translateX(0) scale(1.02);
        transform: translateX(0) scale(1.02)
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .add-business-item:hover {
        -webkit-transform: translateX(0) scale(1.02);
        -moz-transform: translateX(0) scale(1.02);
        -ms-transform: translateX(0) scale(1.02);
        -o-transform: translateX(0) scale(1.02);
        transform: translateX(0) scale(1.02)
    }
}

.video-box {
    position: relative;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff
}

.video-box img {
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.video-box .video-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.video-box:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333f57;
    opacity: .5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.video-box:hover {
    color: #fff
}

.video-box-negative {
    margin-bottom: -40px
}

.dot-bg {
    position: relative
}

.dot-bg:before {
    position: absolute;
    content: "";
    bottom: -40px;
    right: -41px;
    width: 45%;
    height: 45%;
    background-image: url(../images/dots.png);
    z-index: -1;
    background-size: cover;
    background-position: center;
    opacity: .1
}

@media(max-width:425px) {
    .dot-bg:before {
        right: auto;
        left: -36px;
        bottom: -18px;
        width: 60%
    }
}

.hiw-info-box-wrap {
    position: relative;
    bottom: -95px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-video-btn-box {
        margin-top: 30px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .single-video-btn-box {
        margin-top: 30px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .single-video-btn-box {
        margin-top: 30px
    }
}

.card-item {
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative
}

.card-item .card-image {
    position: relative;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

.card-item .card-image .card__img {
    width: 100%;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    height: auto
}

.card-item .card-image .badge {
    position: absolute;
    background-color: #40cc6f;
    top: 15px;
    left: 21px;
    padding: 6px 11px;
    font-size: 12px;
    text-transform: capitalize;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    z-index: 1;
    color: #fff
}

.card-item .card-image .badge-transparent {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff
}

.card-item .card-image .post-share,
.card-item .card-image .bookmark-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1;
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.card-item .card-image .price-range {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1;
    padding: 2px 8px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.card-item .card-image .post-share {
    color: #333f57;
    background-color: #fff
}

.card-item .card-image .post-share:hover {
    color: #ff4c00
}

.card-item .card-image .bookmark-btn {
    background-color: rgba(39, 43, 65, 0.6);
    color: #fff
}

.card-item .card-image .bookmark-btn:hover {
    background-color: #ff4c00
}

.card-item .card-image .bookmark-btn.active .la-bookmark:before {
    content: "\f00c"
}

.card-item .card-image .post-share-social {
    padding-left: 2px;
    -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
    visibility: hidden
}

.card-item .card-image .post-share-social .post-share-social-icon {
    display: block;
    color: #333f57;
    background-color: #fff;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 3px;
    -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.card-item .card-image .post-share-social .post-share-social-icon:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.card-item .card-image .post-share-social .post-share-social-icon:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.card-item .card-image .post-share-social .post-share-social-icon:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.card-item .card-image .post-share-social .post-share-social-icon:hover {
    color: #ff4c00
}

.card-item .card-image .post-share:hover .post-share-social,
.card-item .card-image .post-share:hover .post-share-social-icon {
    opacity: 1;
    visibility: visible
}

.card-item .card-image .post-share:hover .post-share-social-icon {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.card-item .card-image:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    background-color: #333f57;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.card-item .card-content {
    padding: 18px 20px 19px;
    position: relative
}

.card-item .card-content .user-thumb {
    position: absolute;
    left: 20px;
    top: -28px;
    z-index: 1
}

.card-item .card-title {
    font-size: 18px;
    color: #333f57;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px
}

.card-item .card-title a {
    color: #333f57;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.card-item .card-title a:hover {
    color: #ff4c00
}

.card-item .card-title i {
    color: #40cc6f
}

.card-item .card-sub {
    font-size: 16px;
    color: #808996;
    font-weight: 500;
    line-height: 26px
}

.card-item .card-sub a {
    color: #808996
}

.card-item .listing-meta {
    padding-top: 15px
}

@media(max-width:1199px) {
    .card-item .listing-meta {
        flex-wrap: wrap
    }
}

.card-item .listing-meta .rate {
    background-color: #40cc6f;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 35px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 7px;
    font-weight: 600
}

.card-item .listing-meta .listing-cat-link {
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 500
}

.card-item .listing-meta .listing-cat-link:hover {
    color: #ff4c00
}

.card-item .listing-meta .listing-icon {
    font-size: 20px;
    color: #40cc6f
}

.card-item .listing-meta .listing--icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.card-item .listing-meta .listing-rate-count span {
    font-size: 14px
}

.card-item .listing-meta .listing-star {
    color: #ff4c00;
    line-height: 16px
}

.card-item .listing-meta .listing-star i+i {
    margin-left: -4px
}

.card-item .listing-meta .price-range {
    border-left: 1px solid rgba(128, 137, 150, 0.1);
    border-right: 1px solid rgba(128, 137, 150, 0.1);
    padding-left: 15px;
    margin-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
    display: inline-block
}

.card-item:hover {
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2)
}

.card-item:hover .card-image:after {
    opacity: .2
}

.small-wave-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    fill: #fff;
    stroke: none;
    z-index: 1
}

.card-item-list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-list {
        flex-direction: column
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-list {
        flex-direction: column
    }
}

.card-item-list .card-image {
    width: 171px;
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-list .card-image {
        width: 100%;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-list .card-image {
        width: 100%;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.card-item-list .card-image .card__img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    object-fit: cover;
    height: 171px;
    width: 171px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-list .card-image .card__img {
        height: auto;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-list .card-image .card__img {
        height: auto;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 100%;
        object-fit: inherit
    }
}

.card-item-list .card-image:after {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-list .card-image:after {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-list .card-image:after {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.card-item-list .card-content {
    width: 70%
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-list .card-content {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-list .card-content {
        width: 100%
    }
}

.card-item-list .card-content .user-thumb {
    position: inherit;
    top: auto;
    left: auto
}

.card-item--list .card-image {
    width: 30%
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item--list .card-image {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item--list .card-image {
        width: 100%
    }
}

.card-item--list .card-content {
    width: 70%
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item--list .card-content {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item--list .card-content {
        width: 100%
    }
}

.card-item--list:hover {
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1)
}

.flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 30px
}

.flip-box .flip-img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%
}

.flip-box .flip-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    -webkit-transform: translateZ(70px) scale(0.9);
    -moz-transform: translateZ(70px) scale(0.9);
    -ms-transform: translateZ(70px) scale(0.9);
    -o-transform: translateZ(70px) scale(0.9);
    transform: translateZ(70px) scale(0.9);
    color: #fff
}

.flip-box .flip-title {
    color: #fff;
    font-size: 20px
}

.flip-box .flip-subtitle {
    font-weight: 600
}

.flip-box:hover .flip-box-front {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip-box:hover .flip-box-back {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip-box-front,
.flip-box-back {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -ms-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative
}

.flip-box-front:after,
.flip-box-back:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #333f57;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    opacity: .7
}

.flip-box-front {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.card-image-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    width: 100%
}

.pill {
    background-color: rgba(128, 137, 150, 0.1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 2px 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 500;
    color: #808996
}

.pill:hover {
    background-color: #ff4c00;
    color: #fff
}

.card-item-layout-2 {
    text-align: center
}

.card-item-layout-2 .card-content .user-thumb {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.card-item-layout-2 .listing-meta li {
    font-size: 15px
}

.card-item-layout-2 .listing-meta li+li {
    border-left: 0;
    padding-left: 0;
    margin-left: 2px
}

.card-item-layout-3 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-item-layout-3 {
        flex-direction: column
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 {
        flex-direction: column
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 {
        flex-direction: column
    }
}

.card-item-layout-3 .video-box {
    margin-bottom: 0;
    z-index: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.card-item-layout-3 .card-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-item-layout-3 .card-image {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 .card-image {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 .card-image {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }
}

.card-item-layout-3 .card-image .card__img {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    object-fit: cover;
    height: 381px
}

@media(max-width:1199px) {
    .card-item-layout-3 .card-image .card__img {
        height: 460px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-item-layout-3 .card-image .card__img {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
        height: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 .card-image .card__img {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
        height: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 .card-image .card__img {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
        height: auto
    }
}

.card-item-layout-3 .card-image .shop-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.card-item-layout-3 .card-image:after {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-item-layout-3 .card-image:after {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 .card-image:after {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 .card-image:after {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }
}

.card-item-layout-3 .card-image-lg .card__img {
    height: 444px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-item-layout-3 .card-image-lg .card__img {
        height: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 .card-image-lg .card__img {
        height: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 .card-image-lg .card__img {
        height: auto
    }
}

.card-item-layout-3 .card-image-round-right {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-item-layout-3 .card-image-round-right {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 .card-image-round-right {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 .card-image-round-right {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

.card-item-layout-3 .card-image-round-right .card__img {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-item-layout-3 .card-image-round-right .card__img {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 .card-image-round-right .card__img {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 .card-image-round-right .card__img {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

.card-item-layout-3 .card-image-round-right:after {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .card-item-layout-3 .card-image-round-right:after {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 .card-image-round-right:after {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 .card-image-round-right:after {
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }
}

.card-item-layout-3 .card-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding: 50px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .card-item-layout-3 .card-content {
        padding: 30px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .card-item-layout-3 .card-content {
        padding: 30px
    }
}

.card-item-layout-4 {
    position: relative
}

.card-item-layout-4 .card-image {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.card-item-layout-4 .card-image .card__img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.card-item-layout-4 .card-image:after {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    opacity: .8
}

.card-item-layout-4 .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.card-item-layout-4 .card-title {
    color: #fff
}

.card-item-layout-4 .card-title a {
    color: #fff
}

.card-item-layout-4 .info-list li {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0
}

.card-item-layout-4 .info-list li:hover a {
    color: #fff
}

.card-item-layout-4 .info-list a {
    color: #fff
}

.card-item-layout-4:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px)
}

.card-item-layout-5 {
    height: 380px
}

.card-item-layout-5 .card-image {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 100%
}

.card-item-layout-5 .card-image .card__img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 100%;
    object-fit: cover
}

.card-item-layout-5 .card-image:after {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    opacity: .8
}

.card-item-layout-5 .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.card-item-layout-5 .card-content .user-thumb {
    position: inherit;
    top: auto;
    left: auto;
    display: inline-block
}

.card-item-layout-5 .card-title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px
}

.card-item-layout-5 .card-title a {
    color: #fff
}

.card-item-layout-5 .card-title a:hover {
    color: rgba(255, 255, 255, 0.7)
}

.card-item-layout-5 .listing-meta li {
    color: #fff
}

.card-item-layout-5 .listing-meta li .listing-cat-link {
    color: #fff
}

.card-item-layout-5 .listing-meta li .listing-cat-link:hover {
    color: rgba(255, 255, 255, 0.7)
}

.card-item-layout-5:hover .card-image:after {
    opacity: .6
}

.single-card .card-content .user-thumb {
    position: inherit;
    top: auto;
    left: auto
}

.single-card:hover {
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1)
}

.mini-list-card {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex
}

.mini-list-card+.mini-list-card {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(128, 137, 150, 0.1)
}

.mini-list-card .mini-list-img {
    margin-right: 13px
}

.mini-list-card .mini-list-img img {
    width: 80px;
    height: 85px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.mini-list-card .mini-list-title {
    font-size: 16px;
    color: #333f57;
    font-weight: 600;
    line-height: 20px
}

.mini-list-card .mini-list-title a {
    color: #333f57;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.mini-list-card .mini-list-title a:hover {
    color: #ff4c00
}

.generic-img-card {
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    max-width: 100%
}

.generic-img-card .generic-img-card-img {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.generic-img-card:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: .7;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.generic-img-card:hover .generic-img-card-img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.generic-img-card:hover .badge:after {
    opacity: 1
}

.generic-img-card:hover:after {
    opacity: .3
}

.generic-img-card-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 38%;
    width: 65%;
    z-index: 1;
    padding: 10px 20px;
    max-width: 100%
}

.generic-img-card-content .badge {
    background-color: #ff4c00;
    color: #fff;
    padding: 6px 12px 6px 24px;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%;
    text-align: left
}

.generic-img-card-content .badge:after {
    position: absolute;
    content: "";
    top: 11px;
    left: 12px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .5
}

.generic-img-card-content .generic-img-card-counter {
    color: #fff;
    font-weight: 700
}

.avatar-photos {
    display: inline-block
}

.avatar-photos .user-thumb {
    width: 45px;
    height: 45px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.avatar-photos .user-thumb:nth-child(n+2) {
    margin-left: -15px
}

.avatar-photos:hover .user-thumb:nth-child(n+2) {
    margin-left: 0
}

.blog-area {
    position: relative;
    z-index: 1
}

.intro-bg {
    background-image: url(../images/funfact-bg.jpg);
    background-size: cover;
    background-position: center
}

.counter-item {
    margin-bottom: 30px
}

.counter-item .counter-icon {
    width: 60px;
    height: 60px;
    line-height: 55px
}

.counter-item .counter-icon svg {
    width: 30px
}

.counter-item .counter-content {
    text-align: left
}

.counter-item .counter__number {
    font-size: 35px;
    font-weight: 700
}

.counter-item .counter__title {
    font-size: 17px;
    font-weight: 500;
    color: rgba(51, 63, 87, 0.7)
}

.counter-item-layout-2 {
    text-align: center
}

.counter-item-layout-2 .counter-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background: linear-gradient(to right, rgba(102, 170, 255, 0.25), rgba(255, 202, 197, 0.25));
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.counter-item-layout-2 .counter-content {
    text-align: center
}

.counter-item-layout-2 .counter__title {
    font-weight: 600
}

.counter-item-layout-2:hover .counter-icon {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px)
}

@media(max-width:425px) {
    .countdown-box {
        padding-bottom: 0
    }
}

.countdown-item {
    margin-right: 60px;
    position: relative
}

@media(max-width:425px) {
    .countdown-item {
        width: 50%;
        margin-right: 0;
        margin-bottom: 50px
    }
}

.countdown-item span {
    display: block;
    color: #fff
}

.countdown-item .count-text {
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    margin-bottom: 30px
}

.countdown-item #days,
.countdown-item #hours,
.countdown-item #minutes,
.countdown-item #seconds {
    font-size: 70px;
    font-weight: 700
}

@media(max-width:600px) {

    .countdown-item #days,
    .countdown-item #hours,
    .countdown-item #minutes,
    .countdown-item #seconds {
        font-size: 30px
    }
}

.countdown-item:last-child {
    margin-right: 0
}

.countdown-item:last-child::before {
    display: none
}

.countdown-item::before {
    position: absolute;
    content: ":";
    top: 51px;
    right: -38px;
    color: #fff;
    font-weight: 700;
    font-size: 40px
}

@media(max-width:425px) {
    .countdown-item::before {
        display: none
    }
}

.hero-category-item {
    display: block;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    width: 120px;
    text-align: center
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .hero-category-item {
        width: 45%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .hero-category-item {
        width: 45%
    }
}

.hero-category-item a {
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.hero-category-item .icon-element {
    margin-bottom: 10px
}

.hero-category-item .icon-element:after {
    display: none
}

.hero-category-item .hero-cat-link {
    padding: 18px 12px 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.hero-category-item .hero-cat-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff
}

.hero-category-item .hero-cat-link-2 {
    background-color: rgba(255, 255, 255, 0.1)
}

.hero-category--item a {
    color: #808996
}

.hero-category--item .hero-cat-link:hover {
    background-color: rgba(121, 127, 150, 0.1);
    color: #333f57
}

.hero-category-item-layout-2 {
    margin-bottom: 30px;
    width: auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.hero-category-item-layout-2 a {
    color: #808996
}

.hero-category-item-layout-2 .hero-cat-link {
    background-color: #fff
}

.hero-category-item-layout-2 .hero-cat-link:hover {
    background-color: #fff;
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    color: #333f57
}

.category-item {
    position: relative;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 30px
}

.category-item .cat-img {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.category-item .icon-element {
    background-color: #fff;
    color: #ff4c00
}

.category-item .icon-element:after {
    display: none
}

.category-item .category-link {
    text-align: center;
    color: #fff;
    padding-top: 88px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1199px) {
    .category-item .category-link {
        padding-top: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .category-item .category-link {
        padding-top: 132px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .category-item .category-link {
        padding-top: 245px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .category-item .category-link {
        padding-top: 170px
    }
}

@media(max-width:375px) {
    .category-item .category-link {
        padding-top: 135px
    }
}

@media(max-width:320px) {
    .category-item .category-link {
        padding-top: 100px
    }
}

.category-item .cat__title {
    font-size: 16px;
    text-transform: capitalize;
    color: #fff
}

.category-item .badge {
    padding: 6px 11px;
    font-weight: 600;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 14px
}

.category-item .category-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.category-item .category-content:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    background-color: #333f57;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: -1
}

.category-item:hover .cat-img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.category-item:hover .category-content .badge {
    background-color: #ff4c00
}

.category-item:hover .category-content .category-link {
    padding-top: 0
}

.category-item-layout-2 .category-link {
    padding: 30px
}

.category-item-layout-2 .cat__title {
    font-size: 18px
}

.category-item-layout-2:hover .category-content .category-link {
    padding-top: 30px
}

.category-item-layout-2:hover .cat-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.category-item-layout--2 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.category-item-layout--2 .cat-img {
    object-fit: cover;
    height: 280px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.category-item-layout--2 .cat-img-height {
    height: 360px
}

.category-item-layout--2 .cat-img-height-2 {
    height: 330px
}

.category-item-layout--2 .category-link {
    color: #333f57;
    padding: 15px
}

.category-item-layout--2 .cat__title {
    font-size: 18px;
    color: #333f57
}

.category-item-layout--2 .category-content:after {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.category-item-layout--2 .category-content-inner {
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 20px;
    width: 100%
}

.category-item-layout-3 {
    height: 250px
}

.category-item-layout-3 .cat-img {
    height: 100%;
    object-fit: cover
}

.category-item-layout-3 .badge {
    opacity: 0;
    visibility: hidden
}

.category-item-layout-3:hover .badge {
    opacity: 1;
    visibility: visible
}

.location-item {
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 20px;
    margin-bottom: 30px;
    color: #808996;
    text-transform: capitalize;
    font-weight: 500;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.location-item .location-img {
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1)
}

.location-item:hover {
    color: #ff4c00;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.cta-area {
    background-size: cover;
    background-position: center;
    position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cta-area .btn-box {
        padding-top: 20px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cta-area .btn-box {
        padding-top: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .cta-area .btn-box {
        padding-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cta-area .btn-box.text-right {
        text-align: center !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cta-area .btn-box.text-right {
        text-align: center !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .cta-area .btn-box.text-right {
        text-align: center !important
    }
}

.cta-bg {
    background-image: url(../images/cta-bg.jpg)
}

.cta-content-box {
    position: relative;
    z-index: 1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1)
}

.cta-content {
    padding: 40px 40px 40px 20px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cta-content {
        flex-direction: column
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cta-content {
        flex-direction: column
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .cta-content {
        flex-direction: column
    }
}

.cta-content .subscribe-btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media(max-width:320px) {
    .cta-content .subscribe-btn {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
}

.cta-content .subscribe-btn:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media(max-width:320px) {
    .cta-content .subscribe-btn:before {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cta-content .form-box {
        margin-top: 20px;
        width: 100%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cta-content .form-box {
        margin-top: 20px;
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .cta-content .form-box {
        margin-top: 20px;
        width: 100%
    }
}

.cta-content-top-negative {
    margin-top: -40px
}

.cta-img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cta-img {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cta-img {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .cta-img {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }
}

.cta-img img {
    width: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    object-fit: cover;
    height: 365px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cta-img img {
        -webkit-border-radius: 8px 8px 50px 50px;
        -moz-border-radius: 8px 8px 50px 50px;
        border-radius: 8px 8px 50px 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cta-img img {
        -webkit-border-radius: 8px 8px 50px 50px;
        -moz-border-radius: 8px 8px 50px 50px;
        border-radius: 8px 8px 50px 50px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .cta-img img {
        -webkit-border-radius: 8px 8px 50px 50px;
        -moz-border-radius: 8px 8px 50px 50px;
        border-radius: 8px 8px 50px 50px
    }
}

.cta-img .cta-img-shape {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cta-img .cta-img-shape {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cta-img .cta-img-shape {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .cta-img .cta-img-shape {
        display: none
    }
}

.cta-img .cta-img-shape svg {
    width: 100%;
    height: 100%
}

.cta-content-box-2 {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.cta-content-box-2 .cta-img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cta-content-box-2 .cta-img img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mobile-app-content {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mobile-app-content {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .mobile-app-content {
        margin-bottom: 50px
    }
}

.mobile-app-content .info-list li {
    color: #333f57;
    font-weight: 600
}

.mobile-app-content .info-list li .icon {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 20px
}

.mobile-img {
    position: relative
}

.map-marker {
    position: absolute;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    padding: 4px
}

@media(max-width:480px) {
    .map-marker {
        width: 40px;
        height: 40px
    }
}

.map-marker img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.map-marker:after {
    top: 67px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border: solid transparent;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}

@media(max-width:480px) {
    .map-marker:after {
        top: 40px
    }
}

.map-marker-1 {
    left: 50%;
    top: 30%
}

.map-marker-2 {
    left: 38%;
    bottom: 22%;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

.map-marker-3 {
    right: 15%;
    bottom: 55%;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}

.map-marker-4 {
    left: 12%;
    top: 30%;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.map-marker-5 {
    left: 30%;
    top: 19%;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s
}

.map-marker-6 {
    right: 35%;
    top: -4%;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

.map-pin-bg {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotateX(55deg);
    -moz-transform: translateX(-50%) rotateX(55deg);
    -ms-transform: translateX(-50%) rotateX(55deg);
    -o-transform: translateX(-50%) rotateX(55deg);
    transform: translateX(-50%) rotateX(55deg);
    top: 74px
}

@media(max-width:480px) {
    .map-pin-bg {
        top: 44px
    }
}

@media(max-width:1199px) {
    .dashboard-wrap {
        flex-direction: column
    }
}

.dashboard-sidebar {
    min-height: 100vh;
    width: 20rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    z-index: 1024;
    position: fixed;
    left: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1199px) {
    .dashboard-sidebar {
        left: -20rem
    }
}

.dashboard-sidebar .sidebar-brand {
    display: block;
    padding: 20px;
    z-index: 1;
    background-color: #4c60da
}

.dashboard-sidebar .nav-item {
    position: relative
}

.dashboard-sidebar .nav-item.active .nav-link {
    color: #333f57;
    background-color: rgba(128, 137, 150, 0.1);
    border-left-color: #333f57
}

.dashboard-sidebar .nav-link {
    display: block;
    padding: 10px 16px;
    color: #808996;
    font-weight: 500;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-left: 3px solid transparent;
    position: relative;
    font-size: 15px
}

.dashboard-sidebar .nav-link .badge {
    position: absolute;
    top: 13px;
    right: 20px
}

.dashboard-sidebar .nav-link:hover {
    background-color: rgba(128, 137, 150, 0.1)
}

.dashboard-sidebar .sidebar-heading {
    padding: 0 21px;
    font-weight: 700;
    font-size: .65rem;
    letter-spacing: .13rem;
    text-transform: uppercase
}

.dashboard-sidebar.sidebar-is-active {
    left: 0
}

.dashboard-body {
    background-color: #fafdfb;
    overflow-x: hidden;
    width: calc(100% - 20rem);
    margin-left: auto
}

@media(max-width:1199px) {
    .dashboard-body {
        width: 100%
    }
}

.bg-navbar {
    background-color: #6777ef
}

#sidebar-close,
#sidebarToggleTop {
    height: 40px;
    width: 40px;
    line-height: 34px;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
    display: none;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1199px) {

    #sidebar-close,
    #sidebarToggleTop {
        display: block
    }
}

#sidebar-close:hover,
#sidebarToggleTop:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

#sidebar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 40px
}

.dashboard-topbar {
    height: 78px;
    z-index: 2;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15)
}

.dashboard-topbar .nav-item.border-left {
    border-color: rgba(255, 255, 255, 0.2) !important
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .dashboard-topbar .dropdown {
        position: static
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .dashboard-topbar .dropdown {
        position: static
    }
}

.dashboard-topbar .nav-link {
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 14px !important;
    font-size: 20px;
    position: relative
}

.dashboard-topbar .nav-link .badge-counter {
    position: absolute;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    right: 4px;
    margin-top: -10px;
    font-size: 14px;
    color: #fff
}

.dashboard-topbar .dropdown-menu {
    padding: 0;
    width: 310px;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    border-color: rgba(128, 137, 150, 0.1)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .dashboard-topbar .dropdown-menu {
        width: calc(100% - 1.5rem);
        right: .75rem
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .dashboard-topbar .dropdown-menu {
        width: calc(100% - 1.5rem);
        right: .75rem
    }
}

.dashboard-topbar .dropdown-menu-sm {
    width: 185px
}

.dashboard-topbar .dropdown-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.search-box .input-label {
    width: calc(100% - 42px)
}

.search-box .btn-primary {
    background-color: #ff4c00 !important
}

.search-box .form-control {
    font-size: .85rem;
    height: 44px;
    font-weight: 500;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 5px solid #ff4c00;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1)
}

.search-box .form-control:focus {
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    border-left-color: #533ae9
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .action-buttons {
        position: inherit !important;
        top: auto !important;
        right: auto !important;
        margin-top: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .action-buttons {
        position: inherit !important;
        top: auto !important;
        right: auto !important;
        margin-top: 20px
    }
}

.scrollable-content {
    height: 260px;
    overflow-y: auto
}

.generic-list-header {
    background-color: #6777ef;
    padding: 12px 20px;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .13rem;
    white-space: nowrap
}

.generic-list-item {
    white-space: normal;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(128, 137, 150, 0.1);
    line-height: 1.3rem;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.generic-list-item .icon-element {
    height: 35px;
    width: 35px;
    line-height: 34px;
    font-size: 18px
}

.generic-list-item .icon-element:after {
    display: none
}

.generic-list-item .text-truncate {
    max-width: 13.375rem
}

.generic-list-item:hover {
    background-color: rgba(128, 137, 150, 0.07)
}

.status-indicator {
    background-color: #e4e4e4;
    height: .75rem;
    width: .75rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    border: .125rem solid #fff
}

.dashboard-booking-list .list--items li span {
    width: 150px
}

.dashboard-booking-list .generic-list-item {
    padding-top: 30px;
    padding-bottom: 30px
}

@media(max-width:480px) {
    .dashboard-booking-list .generic-list-item {
        flex-direction: column
    }
}

@media(max-width:480px) {
    .dashboard-booking-list .generic-list-item .user-thumb {
        margin-bottom: 16px
    }
}

@media(max-width:480px) {
    .dashboard-booking-list .generic-list-item .ml-3.flex-grow-1 {
        margin-left: 0 !important
    }
}

.dashboard-booking-list .generic-list-item:hover {
    background-color: transparent
}

.dashboard-booking-list .generic-list-item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.dashboard-inner-body-container {
    padding-right: 27px;
    padding-left: 27px
}

.dashboard-footer {
    padding: 18px 15px;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15)
}

.dashboard-footer .list-items li {
    font-size: 14px;
    margin-bottom: 0
}

.dashboard-stat {
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1)
}

.dashboard-stat .card-title {
    opacity: .8
}

.chart-block {
    position: relative;
    width: 100%
}

#myChartLegend li {
    cursor: pointer;
    background-color: #fff;
    color: #808996;
    padding: 7px 14px;
    font-size: 15px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid rgba(128, 137, 150, 0.2);
    font-weight: 500
}

@media(max-width:375px) {
    #myChartLegend li {
        margin-bottom: 5px
    }
}

#myChartLegend li span {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 10px;
    margin-right: 8px;
    width: 10px;
    background-color: #e4e4e4
}

#myChartLegend li:first-child {
    margin-right: 10px
}

#myChartLegend li:first-child span {
    background-color: #4e73df !important
}

#myChartLegend li:last-child span {
    background-color: #5ecfb1 !important
}

#myChartLegend li.legend-active span {
    background-color: #e4e4e4 !important
}

.dashboard-card .user-chosen-select-container .chosen-container {
    width: 140px !important
}

.dashboard-card .user-chosen-select-container .user-chosen-select,
.dashboard-card .user-chosen-select-container .chosen-single {
    padding: 8px 14px
}

.dashboard-card .user-chosen-select-container .user-chosen-select div,
.dashboard-card .user-chosen-select-container .chosen-single div {
    top: 10px
}

.generic-list-card {
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
    padding: 20px
}

.generic-list-card+.generic-list-card {
    margin-top: 10px
}

.generic-list-card .generic-close {
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.generic-list-card .generic-close:hover {
    color: #ff4c00;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.generic-list-card-content .icon-element {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    -webkit-box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
    -moz-box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
    box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
    flex-shrink: 0
}

.generic-list-card-content .generic-link {
    color: #333f57;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 600
}

.generic-list-card-content .generic-link:hover {
    color: #ff4c00
}

.my-table .order-id {
    color: #6777ef;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.my-table .order-id:hover {
    text-decoration: underline;
    color: #4c60da
}

.my-table .table {
    color: #808996;
    font-weight: 500
}

.my-table .table td,
.my-table .table th {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.my-table .table .thead-light th {
    background-color: rgba(128, 137, 150, 0.07);
    color: #333f57;
    border-top: 0;
    border-bottom: 0;
    font-weight: 600
}

.my-table .table tbody td {
    vertical-align: middle;
    border-top-color: rgba(128, 137, 150, 0.1)
}

.msg-from-customer .text-truncate {
    max-width: 32.375rem
}

@media(max-width:375px) {
    .msg-from-customer .text-truncate {
        max-width: 13.375rem
    }
}

.online-user-slider .owl-nav div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-color: rgba(128, 137, 150, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #808996;
    text-align: center;
    line-height: 23px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 15px;
    opacity: 0;
    visibility: hidden
}

.online-user-slider .owl-nav div:hover {
    background-color: rgba(128, 137, 150, 0.2)
}

.online-user-slider .owl-nav div.owl-prev {
    left: 4px
}

.online-user-slider .owl-nav div.owl-next {
    right: 4px
}

.online-user-slider:hover .owl-nav div {
    opacity: 1;
    visibility: visible
}

.online-user-box .form-control {
    background-color: rgba(128, 137, 150, 0.07);
    border: 0
}

.online-user-item .text-truncate {
    width: 65px
}

.chat-list.scrollable-content {
    height: 479px
}

.chat-list .text-truncate {
    max-width: 15.375rem
}

.message-body.scrollable-content {
    height: 500px
}

.message-item.me .generic-list-item {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.message-item.me .message-bubble {
    margin-left: 0 !important;
    margin-right: .5rem !important;
    background-color: #6777ef
}

.message-item.me .message-bubble p {
    color: #fff !important
}

.message-item.me .message-bubble:after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #6777ef;
    border-right: 0;
    right: -6px;
    left: auto
}

.message-bubble {
    background-color: rgba(128, 137, 150, 0.07)
}

.message-bubble:after {
    position: absolute;
    content: "";
    left: -6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid rgba(128, 137, 150, 0.07)
}

.message-reply-body .emojionearea-emojis-list {
    padding-top: 20px
}

.message-reply-body .emojionearea {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.message-reply-body .emojionearea-search {
    height: auto !important
}

.message-reply-body .emojionearea-search>input {
    height: auto !important;
    border: 1px solid rgba(128, 137, 150, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 12px
}

.message-reply-body .emojionearea-editor {
    width: 100%;
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    margin-right: 10px;
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    color: #333f57;
    border: 0;
    resize: none;
    outline: 0
}

.message-reply-body .emojionearea-editor:before {
    color: #808996 !important
}

.message-reply-body .emojionearea-button {
    top: 14px
}

.message-send {
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 20px;
    cursor: pointer;
    background-color: #6777ef
}

.message-send .la-paper-plane {
    -webkit-transform: rotate(-42deg);
    -moz-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    transform: rotate(-42deg)
}

.message-send:after {
    display: none
}

@media(max-width:480px) {
    .edit-profile-photo {
        flex-direction: column
    }
}

.edit-profile-photo .profile-img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 250px
}

@media(max-width:480px) {
    .edit-profile-photo .profile-img {
        width: 200px
    }
}

@media(max-width:480px) {
    .edit-profile-photo .file-upload-wrap {
        margin-left: 0 !important;
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-box {
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-box {
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-box {
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
}

.client-logo-item {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 25px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 25px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 25px rgba(82, 85, 90, 0.1);
    position: absolute
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item {
        position: inherit;
        margin: 15px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item {
        position: inherit;
        margin: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item {
        position: inherit;
        margin: 15px
    }
}

.client-logo-item:nth-child(1) {
    top: 100px;
    left: 0;
    width: 100px;
    height: 100px;
    line-height: 100px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(1) {
        top: auto;
        left: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(1) {
        top: auto;
        left: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(1) {
        top: auto;
        left: auto
    }
}

.client-logo-item:nth-child(2) {
    top: 0;
    left: 15%;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(2) {
        top: auto;
        left: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(2) {
        top: auto;
        left: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(2) {
        top: auto;
        left: auto
    }
}

.client-logo-item:nth-child(3) {
    top: 25px;
    left: 32%;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(3) {
        top: auto;
        left: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(3) {
        top: auto;
        left: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(3) {
        top: auto;
        left: auto
    }
}

.client-logo-item:nth-child(4) {
    top: 0;
    left: 50%;
    width: 140px;
    height: 140px;
    line-height: 140px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(4) {
        top: auto;
        left: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(4) {
        top: auto;
        left: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(4) {
        top: auto;
        left: auto
    }
}

.client-logo-item:nth-child(5) {
    top: 10px;
    right: 20%;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(5) {
        top: auto;
        right: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(5) {
        top: auto;
        right: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(5) {
        top: auto;
        right: auto
    }
}

.client-logo-item:nth-child(6) {
    top: 10px;
    right: 0;
    width: 150px;
    height: 150px;
    line-height: 150px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(6) {
        top: auto;
        right: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(6) {
        top: auto;
        right: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(6) {
        top: auto;
        right: auto
    }
}

.client-logo-item:nth-child(7) {
    bottom: 10px;
    left: 15%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    animation-delay: .7s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(7) {
        bottom: auto;
        left: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(7) {
        bottom: auto;
        left: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(7) {
        bottom: auto;
        left: auto
    }
}

.client-logo-item:nth-child(8) {
    bottom: 10px;
    left: 35%;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(8) {
        bottom: auto;
        left: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(8) {
        bottom: auto;
        left: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(8) {
        bottom: auto;
        left: auto
    }
}

.client-logo-item:nth-child(9) {
    bottom: 0;
    left: 56%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    animation-delay: .9s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(9) {
        bottom: auto;
        left: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(9) {
        bottom: auto;
        left: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(9) {
        bottom: auto;
        left: auto
    }
}

.client-logo-item:nth-child(10) {
    bottom: 35px;
    right: 15%;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .client-logo-item:nth-child(10) {
        bottom: auto;
        right: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .client-logo-item:nth-child(10) {
        bottom: auto;
        right: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .client-logo-item:nth-child(10) {
        bottom: auto;
        right: auto
    }
}

.client-logo-item img {
    width: 50px
}

.comment {
    display: flex;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(128, 137, 150, 0.1)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .comment {
        flex-direction: column
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .comment {
        flex-direction: column
    }
}

.reviews-list .comment:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.meta-data {
    position: relative
}

.meta-data .comment__title {
    font-weight: 600;
    color: #333f57;
    font-size: 18px
}

.meta-data .comment__title a {
    color: #333f57;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.meta-data .comment__title a:hover {
    color: #ff4c00
}

.meta-data .comment__meta {
    font-size: 14px;
    font-weight: 500;
    position: relative
}

.meta-data .comment__meta+.comment__meta {
    padding-left: 12px;
    margin-left: 5px
}

.meta-data .comment__meta+.comment__meta:after {
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(128, 137, 150, 0.6)
}

.comment-body {
    margin-left: 18px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .comment-body {
        margin-left: 0;
        margin-top: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .comment-body {
        margin-left: 0;
        margin-top: 15px
    }
}

.comment-body .comment-desc {
    font-size: 15px;
    margin-top: 8px;
    margin-bottom: 20px;
    font-weight: 500
}

.review-photos a {
    max-width: 23%;
    margin: 0 5px 10px
}

.review-photos a img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%
}

.review-photos-2 a {
    max-width: 10%
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .review-photos-2 a {
        max-width: 23%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .review-photos-2 a {
        max-width: 23%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .comment-action {
        display: block !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .comment-action {
        display: block !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .feedback-box {
        margin-top: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .feedback-box {
        margin-top: 20px
    }
}

.comment-reply {
    margin-left: 95px
}

@media(max-width:1199px) {
    .comment-reply {
        margin-left: 40px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .comment-reply {
        margin-left: 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .comment-reply {
        margin-left: 0
    }
}

.info-box {
    background-color: #fff;
    padding: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.info-box .info-icon {
    width: 85px;
    height: 85px;
    line-height: 85px;
    -webkit-border-radius: 59% 41% 60% 40%/46% 66% 34% 54%;
    -moz-border-radius: 59% 41% 60% 40%/46% 66% 34% 54%;
    border-radius: 59% 41% 60% 40%/46% 66% 34% 54%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    background-color: #ff4c00;
    color: #fff;
    text-align: center;
    font-size: 36px;
    -webkit-box-shadow: 0 5px 25px rgba(123, 104, 238, 0.3);
    -moz-box-shadow: 0 5px 25px rgba(123, 104, 238, 0.3);
    box-shadow: 0 5px 25px rgba(123, 104, 238, 0.3);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.info-box .info-number {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 33px;
    height: 33px;
    line-height: 30px;
    color: #ff4c00;
    background-color: rgba(123, 104, 238, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 500;
    font-size: 16px
}

.info-box .info__title {
    font-size: 20px;
    color: #333f57;
    font-weight: 600;
    margin-bottom: 20px
}

.info-box .info__desc {
    font-size: 16px;
    color: #808996;
    font-weight: 500
}

.info-box:hover {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px)
}

.info-box:hover .info-icon,
.info-box:hover .info-number {
    background-color: #533ae9
}

.info-box:hover .info-number {
    color: #fff
}

.info--box {
    border: 1px solid #ff4d00
}

.info--box .info-icon {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: linear-gradient(to right, rgba(255, 201, 196, 0.15), rgba(255, 222, 162, 0.15));
    margin-bottom: 25px
}

.info--box:hover .info-icon {
    background: linear-gradient(to right, rgba(255, 201, 196, 0.15), rgba(255, 222, 162, 0.15))
}

.info-box-layout-2 .info-icon {
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2)
}

.info-box-layout-2:hover {
    -webkit-transform: translateY(0) scale(1.02);
    -moz-transform: translateY(0) scale(1.02);
    -ms-transform: translateY(0) scale(1.02);
    -o-transform: translateY(0) scale(1.02);
    transform: translateY(0) scale(1.02)
}

.info-box-layout-2,
.info-box-layout-3 {
    text-align: left
}

.info-box-layout-2 .info-icon,
.info-box-layout-3 .info-icon {
    margin-left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 30px
}

.info-box-layout-3 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 20px 0 0
}

.info-box-layout-3 .info-icon {
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1)
}

.info-box-layout-3:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.info-box-line-bg .info-box:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 180px;
    height: 68px;
    background-image: url(../images/dashed-line.png);
    background-repeat: no-repeat;
    opacity: .1
}

.info-box-line-bg .col-lg-4:nth-child(2) .info-box:after {
    background-image: url(../images/dashed-line-2.png)
}

.info-box-line-bg .col-lg-4:last-child .info-box:after {
    display: none
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .review-content {
        display: block !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .review-content {
        display: block !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .review-bars {
        flex-direction: column
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .review-bars {
        flex-direction: column
    }
}

.review-rating-summary {
    width: 140px;
    text-align: center;
    border-right: 1px solid rgba(128, 137, 150, 0.1);
    padding-right: 20px;
    margin-right: 20px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .review-rating-summary {
        width: auto;
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .review-rating-summary {
        width: auto;
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 20px
    }
}

.stats-average__count {
    color: #333f57;
    font-size: 40px;
    font-weight: 600
}

.review-bars-item {
    margin: 10px 15px;
    width: calc(50% - 30px)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .review-bars-item {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .review-bars-item {
        width: 100%
    }
}

.review-bars-item .review-bars-name {
    font-weight: 500;
    color: #333f57;
    display: block;
    font-size: 15px;
    line-height: 22px
}

.review-bars-item .review-bars-review {
    display: inline-block;
    width: 100%;
    height: 6px;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #eee;
    overflow: hidden
}

.review-bars-item .review-bars-review.high .review-bars-review-inner {
    background-color: #40cc6f
}

.review-bars-item .review-bars-review.mid .review-bars-review-inner {
    background-color: #f9b851
}

.review-bars-item .review-bars-review.low .review-bars-review-inner {
    background-color: #daca58
}

.review-bars-item .review-bars-review-inner {
    height: 6px;
    display: block;
    background-color: #eee;
    position: relative;
    width: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.review-bars-item .pill {
    background-color: #eee;
    font-size: 14px;
    color: #333f57;
    line-height: 20px;
    padding: 1px 10px
}

.leave-rating {
    height: 24px;
    float: left
}

.leave-rating input[type="radio"] {
    display: none
}

.leave-rating input[type="radio"]:hover~label:before,
.leave-rating input[type="radio"]:checked~label:before {
    color: #f9b851
}

.leave-rating label {
    font-size: 20px;
    float: right;
    letter-spacing: 4px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative
}

.leave-rating label:before {
    content: "\f005";
    color: #e4e4e4;
    font-family: "Line Awesome Free";
    font-weight: 900
}

.add-rating-bars .review-bars-item {
    width: calc(29% - 30px)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .add-rating-bars .review-bars-item {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .add-rating-bars .review-bars-item {
        width: 100%
    }
}

.section-tab .nav-tabs {
    border-bottom: 0
}

.section-tab .nav-item {
    margin-bottom: 0;
    margin-right: 5px;
    font-weight: 600;
    font-size: 18px
}

.section-tab .nav-link {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 30px;
    border: 0;
    color: #808996
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-tab .nav-link {
        margin-bottom: 5px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .section-tab .nav-link {
        margin-bottom: 5px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .section-tab .nav-link {
        margin-bottom: 5px
    }
}

.section-tab .nav-link.active {
    background-color: #fff;
    color: #ff4c00;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.2)
}

.section-tab .nav-link.nav-link-gradient.active {
    background: linear-gradient(270deg, #9f8fff, #ff4c00);
    -webkit-box-shadow: 0 5px 25px rgba(123, 104, 238, 0.3);
    -moz-box-shadow: 0 5px 25px rgba(123, 104, 238, 0.3);
    box-shadow: 0 5px 25px rgba(123, 104, 238, 0.3);
    color: #fff
}

.section--tab .nav-link {
    color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
    padding-top: 12px;
    padding-bottom: 12px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section--tab .nav-link {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .section--tab .nav-link {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .section--tab .nav-link {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }
}

.section--tab .nav-link.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.section-tab-layout-2 .nav-link {
    padding: 7px 16px 7px 30px;
    position: relative;
    font-size: 17px
}

.section-tab-layout-2 .nav-link:after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 13px;
    width: 8px;
    height: 8px;
    background-color: #333f57;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .3;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.section-tab-layout-2 .nav-link.active {
    color: #333f57
}

.section-tab-layout-2 .nav-link.active:after {
    opacity: 1
}

#particles-js {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.file-upload-wrap {
    position: relative
}

.file-upload-wrap .file-upload-input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    border: 2px dashed rgba(128, 137, 150, 0.2);
    height: 170px;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-indent: -99999px
}

.file-upload-wrap .file-upload-input:hover {
    border-color: rgba(128, 137, 150, 0.6);
    background-color: rgba(128, 137, 150, 0.04)
}

.file-upload-wrap .file-upload-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    line-height: 170px;
    text-align: center;
    font-size: 20px;
    color: rgba(128, 137, 150, 0.9);
    font-weight: 500
}

.file-upload-wrap .MultiFile-list {
    margin-top: 20px
}

.file-upload-wrap .MultiFile-list>.MultiFile-label {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(128, 137, 150, 0.06);
    display: inline-block;
    border: 2px solid rgba(128, 137, 150, 0.1);
    padding: 16px;
    position: relative;
    width: 100%
}

.file-upload-wrap .MultiFile-list>.MultiFile-label+.MultiFile-label {
    margin-top: 20px
}

.file-upload-wrap .MultiFile-list>.MultiFile-label>span {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.file-upload-wrap .MultiFile-list span.MultiFile-label {
    box-shadow: 0 .2rem .7rem 0 rgba(0, 0, 0, 0.08);
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 10px
}

.file-upload-wrap .MultiFile-list .MultiFile-remove {
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    color: #333f57;
    width: 30px;
    height: 30px;
    text-align: center;
    top: -16px;
    right: -16px;
    z-index: 1
}

.file-upload-wrap .MultiFile-list .MultiFile-remove:hover {
    color: #e62117
}

.file-upload-wrap .MultiFile-list .MultiFile-title {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 16px;
    bottom: 0;
    text-align: center;
    width: 100%;
    line-height: 24px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.file-upload-wrap .MultiFile-list .MultiFile-preview {
    max-width: 15rem !important;
    max-height: 15rem !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.file-upload-wrap-2 .file-upload-input {
    width: 175px;
    border: 1px solid rgba(128, 137, 150, 0.1);
    height: 50px;
    background-color: rgba(128, 137, 150, 0.04)
}

.file-upload-wrap-2 .file-upload-text {
    width: auto;
    left: 25px;
    line-height: 50px;
    font-size: 16px
}

.file-upload-wrap-3 .file-upload-input {
    width: 30px;
    border: 0;
    height: 25px;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.file-upload-wrap-3 .file-upload-input:hover {
    background-color: transparent
}

.file-upload-wrap-3 .file-upload-text {
    line-height: 25px;
    font-size: 20px
}

.file-upload-wrap-3 .MultiFile-list {
    position: absolute;
    right: 0;
    width: 1000px;
    bottom: 55px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .file-upload-wrap-3 .MultiFile-list {
        width: 310px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .file-upload-wrap-3 .MultiFile-list {
        width: 310px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .file-upload-wrap-3 .MultiFile-list {
        width: 310px
    }
}

.file-upload-wrap-3 .MultiFile-list>.MultiFile-label {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1)
}

.file-upload-wrap-3 .MultiFile-list .MultiFile-preview {
    max-width: 10rem !important;
    max-height: 10rem !important
}

.file-upload-wrap-4 .file-upload-input {
    height: 100px
}

.file-upload-wrap-4 .file-upload-text {
    line-height: 100px;
    font-size: 16px
}

.edit-profile-photo .file-upload-wrap .MultiFile-list .MultiFile-preview {
    max-width: 10rem !important;
    max-height: 10rem !important
}

.testimonial-area {
    position: relative;
    z-index: 1
}

.testimonial-carousel {
    position: relative
}

.testimonial-carousel .owl-stage-outer {
    padding: 40px 0
}

.testimonial-carousel .owl-item.active {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.testimonial-carousel .owl-item.active.center {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.testimonial-carousel .testimonial-item .testi__img {
    width: 90px
}

.testimonial-item .testi__img {
    width: 90px;
    height: 90px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.2)
}

.testimonial-item .testi__img img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.testimonial-item .testi-comment {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    padding: 50px 30px 33px;
    margin-bottom: 42px;
    z-index: 1;
    text-align: center
}

.testimonial-item .testi-comment .testi__desc {
    font-size: 19px;
    color: #808996;
    line-height: 31px;
    font-weight: 500
}

.testimonial-item .testi-comment:before {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-right: 1px solid rgba(128, 137, 150, 0.1);
    border-bottom: 1px solid rgba(128, 137, 150, 0.1)
}

.testimonial-item .testi-comment:after {
    position: absolute;
    content: "\f10d";
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Line Awesome Free";
    font-weight: 900;
    color: #ff4c00;
    z-index: -1;
    font-size: 35px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(128, 137, 150, 0.1)
}

.testimonial-item .tesi__title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 17px;
    margin-bottom: 15px;
    color: #333f57
}

.testimonial-item .testi__meta {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    color: #ff4c00;
    background-color: rgba(123, 104, 238, 0.05);
    padding: 6px 17px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.testimonial-area2 {
    padding-top: 173px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .testimonial-area2 {
        padding-top: 96px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .testimonial-area2 {
        padding-top: 96px
    }
}

.user-thumb {
    width: 55px;
    height: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 4px 40px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 4px 40px rgba(82, 85, 90, 0.2);
    box-shadow: 0 4px 40px rgba(82, 85, 90, 0.2)
}

.user-thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.user-thumb-xl {
    width: 132px;
    height: 132px
}

.user-thumb-lg {
    width: 80px;
    height: 80px
}

.user-thumb-md {
    width: 65px;
    height: 65px
}

.user-thumb-sm {
    width: 40px;
    height: 40px
}

.user-card {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 30px 20px;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 30px
}

.user-card:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px)
}

.user-bio {
    position: relative
}

.user-bio .author__title {
    text-transform: capitalize;
    color: #333f57;
    font-weight: 600;
    font-size: 20px
}

.user-bio .author__meta {
    font-weight: 500;
    color: #808996
}

.user-module-list {
    border-top: 1px solid rgba(127, 137, 150, 0.1);
    border-bottom: 1px solid rgba(127, 137, 150, 0.1)
}

.user-module-list li {
    font-weight: 500;
    font-size: 14px;
    padding: 10px
}

.user-module-list li+li {
    border-left: 1px solid rgba(127, 137, 150, 0.1)
}

.user-module-list li .user-module-text {
    display: block;
    color: #333f57
}

.user-content {
    border: 1px solid rgba(128, 137, 150, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.04);
    padding: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .user-content {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .user-content {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .user-content {
        margin-bottom: 50px
    }
}

.user-content .user-item .user__label {
    font-size: 16px;
    color: #808996;
    font-weight: 500;
    margin-bottom: 5px
}

.user-content .user-item .userlist__number {
    font-size: 18px;
    font-weight: 700;
    color: #333f57
}

.user-content .user-details .author-review {
    margin-right: 15px;
    border-right: 1px solid #ddd;
    padding-right: 15px
}

.map-container {
    position: relative;
    overflow: hidden
}

.enable-scroll {
    position: absolute;
    bottom: 24px;
    right: 60px;
    z-index: 20;
    padding: 8px 16px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    color: #808996;
    font-size: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 500
}

.enable-scroll.enabled {
    background-color: #ff4c00;
    color: #fff
}

.enable-scroll.enabled:hover {
    color: #fff
}

.enable-scroll:hover {
    color: #333f57
}

#myMap,
#map {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.height-400 {
    height: 400px
}

.height-500 {
    height: 500px
}

.height-980 {
    height: 980px
}

@media(max-width:1199px) {
    .full-screen-container {
        flex-direction: column
    }
}

@media(max-width:1199px) {
    .full-screen-container .card-area {
        width: 100% !important
    }
}

.full-screen-container .home-map {
    position: sticky;
    top: 0;
    height: 100vh
}

@media(max-width:1199px) {
    .full-screen-container .home-map {
        width: 100% !important;
        position: inherit;
        top: auto;
        height: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .full-screen-container .price-range-wrap.ml-3 {
        margin-left: 0 !important;
        margin-top: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .full-screen-container .price-range-wrap.ml-3 {
        margin-left: 0 !important;
        margin-top: 15px
    }
}

.map-info-popup {
    display: block;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.map-info-popup:before {
    content: "";
    height: 20px;
    width: 20px;
    background-color: #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.item-popup-box {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.01);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.01)
}

.item-popup-box img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 8px 8px 14px 14px;
    -moz-border-radius: 8px 8px 14px 14px;
    border-radius: 8px 8px 14px 14px
}

.item-popup-box .close-info {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 31px;
    top: 20px;
    text-align: center;
    right: 20px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 20;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.item-popup-box .close-info .la-close {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 700
}

.item-popup-box .close-info:hover {
    background-color: #fff
}

.item-popup-box .close-info:hover .la-close {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #ff4c00
}

.item-popup-box .map-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    font-weight: 500;
    color: #333f57;
    z-index: 20;
    padding: 6px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.item-popup-box .map-badge:hover {
    color: #ff4c00
}

.item-popup-box .map-img-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #333f57;
    opacity: .4;
    -webkit-border-radius: 4px 4px 12px 12px;
    -moz-border-radius: 4px 4px 12px 12px;
    border-radius: 4px 4px 12px 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.item-popup-box .item-list-content {
    background-color: #fff;
    padding: 25px 20px;
    z-index: 20;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.item-popup-box .item-list-content .item-ratting {
    font-size: 16px
}

.item-popup-box .item-list-content .item-ratting i {
    color: #f9b851;
    margin-right: 3px
}

.item-popup-box .item-list-content .item-ratting .map-review-count {
    font-size: 15px
}

.item-popup-box .item-list-content h4 {
    font-size: 17px;
    font-weight: 600;
    color: #333f57
}

.item-popup-box .item-list-content h4 a {
    color: #333f57;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.item-popup-box .item-list-content h4 a:hover {
    color: #ff4c00
}

.item-popup-box .item-list-content .item-call,
.item-popup-box .item-list-content .location-info {
    color: #808996;
    font-size: 15px
}

.item-popup-box .item-list-content .item-call a,
.item-popup-box .item-list-content .location-info a {
    color: #808996;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.item-popup-box .item-list-content .item-call a:hover,
.item-popup-box .item-list-content .location-info a:hover {
    color: #ff4c00
}

.item-popup-box .item-list-content .item-call i,
.item-popup-box .item-list-content .location-info i {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(123, 104, 238, 0.1);
    margin-right: 8px;
    color: #ff4c00;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.item-popup-box .item-list-content .item-call:hover i,
.item-popup-box .item-list-content .location-info:hover i {
    background-color: #ff4c00;
    color: #fff
}

.item-popup-box:hover .map-img-box:before {
    opacity: 0
}

.cluster {
    width: 40px !important;
    height: 40px !important
}

.cluster div {
    text-align: center;
    font-size: 16px !important;
    background: #333f57;
    color: #fff;
    font-weight: 600;
    border-radius: 100%;
    width: 40px !important;
    height: 40px !important;
    line-height: 38px !important;
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
    border: 2px solid #333f57;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    animation: cluster-animation 1.5s infinite
}

.cluster div:hover {
    background-color: #808996
}

.tag-list li {
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 7px;
    font-weight: 500;
    margin-right: 4px
}

.tag-list li a {
    background-color: #fff;
    color: #808996;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 6px 15px 6px 24px;
    display: block;
    -webkit-box-shadow: 0 0 20px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 20px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 20px rgba(82, 85, 90, 0.1);
    position: relative
}

.tag-list li a:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 12px;
    width: 6px;
    height: 6px;
    background-color: rgba(51, 63, 87, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.tag-list li:hover a {
    color: #333f57
}

.tag-list li:hover a:after {
    background-color: #333f57
}

.tag-list-sm li {
    font-size: 14px
}

.tag-list-sm li a {
    padding: 2px 14px 2px 24px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .tag-items {
        display: block !important
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .tag-items {
        display: block !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .tag-items .tag-list {
        margin-bottom: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .tag-items .tag-list {
        margin-bottom: 15px
    }
}

.widget-title {
    font-size: 18px;
    color: #333f57;
    font-weight: 600;
    padding-bottom: 15px;
    position: relative
}

@media(max-width:320px) {
    .widget-title {
        font-size: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .sidebar {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .sidebar {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .sidebar {
        margin-bottom: 50px
    }
}

.sidebar-widget {
    margin-bottom: 30px;
    border: 1px solid rgba(128, 137, 150, 0.1);
    padding: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    background-color: #fff;
    position: relative
}

.twitter-bg-icon {
    position: absolute;
    right: -25px;
    bottom: -30px
}

.twitter-bg-icon svg {
    width: 100px;
    height: 100px;
    fill: #71c9f8
}

.footer-bg {
    position: relative;
    z-index: 1
}

.footer-bg:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg1.png);
    background-size: cover;
    background-position: center;
    opacity: .1
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer-item {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .footer-item {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .footer-item {
        margin-bottom: 0
    }
}

.footer-item .footer__desc {
    font-size: 16px;
    font-weight: 500;
    margin-top: 25px;
    line-height: 27px
}

.footer-item .footer__desc a {
    color: #333f57;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.footer-item .footer__desc a:hover {
    color: #ff4c00
}

.footer-item .social-profile {
    margin-top: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer-item .social-profile {
        margin-top: 10px
    }
}

.footer-item .footer__title {
    font-size: 17px;
    font-weight: 600;
    color: #333f57;
    position: relative;
    display: inline-block;
    padding-bottom: 15px
}

.footer-item .contact-links {
    margin-top: 5px
}

.footer-item .contact-links li {
    margin-bottom: 15px;
    position: relative;
    text-transform: inherit
}

.footer-item-2 .footer__desc {
    color: rgba(255, 255, 255, 0.6)
}

.footer-item-2 .footer__desc a {
    color: rgba(255, 255, 255, 0.6)
}

.footer-item-2 .footer__desc a:hover {
    color: #fff
}

.footer-item-2 .list-items li {
    color: rgba(255, 255, 255, 0.6)
}

.footer-item-2 .list-items li a {
    color: rgba(255, 255, 255, 0.6)
}

.footer-item-2 .list-items li a:before {
    background-color: #fff
}

.footer-item-2 .list-items li a:hover {
    color: #fff
}

.list-items.term-list li {
    display: inline-block;
    position: relative
}

.list-items.term-list li+li {
    padding-left: 15px;
    margin-left: 5px
}

.list-items.term-list li+li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 2px;
    top: 55%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(127, 137, 150, 0.5)
}

.list-items.term-list-2 li {
    color: rgba(255, 255, 255, 0.6)
}

.list-items.term-list-2 li svg path {
    fill: #fff
}

.list-items.term-list-2 li a {
    color: rgba(255, 255, 255, 0.6)
}

.list-items.term-list-2 li a:before {
    background-color: #fff
}

.list-items.term-list-2 li a:hover {
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer-action-wrap .list-items {
        text-align: left !important;
        margin-top: 10px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .footer-action-wrap .list-items {
        text-align: left !important;
        margin-top: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .footer-action-wrap .list-items {
        text-align: left !important;
        margin-top: 10px
    }
}

.footer-chosen-container.user-chosen-select-container .chosen-container {
    width: 150px !important
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .footer-chosen-container.user-chosen-select-container .chosen-container {
        width: 140px !important
    }
}

.footer-chosen-container.user-chosen-select-container .user-chosen-select,
.footer-chosen-container.user-chosen-select-container .chosen-single {
    padding: 6px 12px
}

.footer-chosen-container.user-chosen-select-container .user-chosen-select div,
.footer-chosen-container.user-chosen-select-container .chosen-single div {
    top: 8px
}

.footer-chosen-container.user-chosen-select-container .chosen-search {
    padding-left: 5px
}

.footer-chosen-container.user-chosen-select-container .chosen-drop {
    padding-right: 5px
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .footer-chosen-container.user-chosen-select-container {
        margin-top: 10px;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        text-align: left
    }
}

.footer-chosen-container-2.user-chosen-select-container .chosen-single {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.6);
    padding: 6px 12px
}

.footer-chosen-container-2.user-chosen-select-container .chosen-single span {
    color: rgba(255, 255, 255, 0.6)
}

.footer-chosen-container-2.user-chosen-select-container .chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff;
    border-color: rgba(255, 255, 255, 0.3);
    color: #808996
}

.footer-chosen-container-2.user-chosen-select-container .chosen-container-active.chosen-with-drop .chosen-single span {
    color: #808996
}

.copy-right {
    color: #808996;
    font-weight: 500;
    font-size: 14px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .copy-right {
        margin-top: 30px;
        padding-top: 30px;
        flex-direction: column;
        text-align: center
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .copy-right {
        margin-top: 30px;
        padding-top: 30px;
        flex-direction: column;
        text-align: center
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .copy-right {
        margin-top: 0;
        padding-top: 0;
        flex-direction: column;
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #mob-copyrights-section{
        padding: 10px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #mob-copyrights-section {
        padding: 10px;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    #mob-copyrights-section {
        padding: 10px;
    }
}

.copy-right .copy__desc span {
    color: #ff4c00;
    animation: heartBeat 1000ms infinite linear
}

.copy-right .copy__desc a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #ff4c00 !important;
}

.copy-right .copy__desc a:hover {
    color: #ff4c00
}

.download-app:hover {
    transform: scale(1.1)
}

.appstore:hover {
    transform: scale(1.1)
}

.playstore:hover {
    transform: scale(1.1)
}

@media(max-width:768px) {
    .card-item {
        margin-bottom: 30px
    }

    .info-box {
        margin-bottom: 30px
    }
}

@font-face {
    font-family: 'Rooney', Sans-serif !important;
    src: local("Rooney"), url(../fonts/Route159-Light.woff/RooneyPro_Black.ttf) format("ttf")
}

@font-face {
    font-family: 'Rooney Pro';
    src: local('Rooney Pro Heavy'), local('RooneyPro-Heavy'), url(../fonts/RooneyPro_Black.ttf) format('truetype');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Rooney Pro';
    src: local('Rooney Pro Bold Italic'), local('RooneyPro-BoldItalic'), url(../fonts/RooneyPro-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: 'Rooney Pro';
    src: local('Rooney Pro Bold'), local('RooneyPro-Bold'), url(../fonts/RooneyPro-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Rooney Pro';
    src: local('Rooney Pro Black'), local('RooneyPro-Black'), url(../fonts/RooneyPro-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Rooney Pro';
    src: local('Rooney Pro Heavy Italic'), local('RooneyPro-HeavyItalic'), url(../fonts/RooneyPro-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'Rooney Pro';
    src: local('Rooney Pro Heavy'), local('RooneyPro-Heavy'), url(../fonts/RooneyPro-Heavy.woff) format('woff'), url(../fonts/RooneyPro-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.nav-right-content a i {
    font-size: 21px
}

.main-menu ul .cart-menu a {
    display: flex;
    align-items: center;
    font-weight: bold
}

.main-menu ul .cart-menu a i {
    font-size: 20px
}

.check-circle-cut svg {
    position: absolute;
    right: 0;
    font-size: 24px;
    border-radius: 50%;
    fill: var(--theme-bgcolor);
    color: var(--theme-bgcolor)
}

.section-icon {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #efefef;
    width: 80px;
    overflow: hidden
}

.branch-location img {
    height: 180px
}

.branch-location .card-item .card-content {
    padding: 10px
}

.branch-location .card-item .card-content .card-sub span,
.branch-location .card-item .card-content .info-list span.ph-no {
    font-size: 13px
}

.quick-search-form .header-search-desk {
    border-left: 1px solid rgba(255, 255, 255, 0.1)
}

.header-search-desk.active input {
    background-color: #fff;
    color: #333f57
}

.header-search-desk input {
    background-color: transparent;
    padding: 14px 10px 14px 50px;
    border: 0;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.country-code-box #countryCallingCode {
    padding-left: 0 !important;
    display: none
}

.country-code-box .iti__flag-container {
    width: 100%
}

.signup-title {
    display: flex
}

#kt_login {
    height: 100vh !important
}

.login-areabox.site-main>.flex-root,
.login-areabox.site-main>.flex-root #kt_login {
    height: 100%
}

.country-code-box .iti--separate-dial-code .iti__selected-flag {
    background-color: #f3f6f9;
    border-radius: 4px;
}

.card-sub.d-flex.open-time>span {
    min-height: 52px
}

.mobile-searchbox .header-search input,
.mobile-searchbox .header-search input:focus {
    color: #333f57
}

.header-search.active .instant-results {
    opacity: 0
}

.main-menu ul .cart-menu a {
    color: #ff4c00
}

.footer-area {
    background: #140900 !important
}

.country-code .iti.iti--allow-dropdown {
    position: absolute
}

.d-app {
    display: flex
}

.footer-area h4 {
    color: #f8f8f8;
    text-transform: uppercase;
    font-weight: 500
}

.footer-color {
    color: #9b9b9b
}

#userDropdown>span.small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 102px
}

.foot-links .list-items {
    display: flex;
    margin-top: 15px
}

.foot-links .list-items li {
    margin-right: 20px
}

.foot-links .list-items li a {
    font-size: 16px;
    font-weight: 400
}

.site-main {
    min-height: auto
}

.d-app img {
    width: auto;
    height: 53px
}

.input-bg {
    background: #f3f6f9 !important
}

.chosen-single {
    background: #fff !important
}

.btn-repeat:hover {
    background-color: #fe4b00;
    border-color: #fe4b00
}

.las.la-trash:hover {
    color: #d74406
}

.las.la-pen:hover {
    color: #d74406
}

.btn.font-weight-bolder.btn-Purchase-Gift-Card:hover {
    background-color: #d74406;
    color: #fff
}

.btn-redeem {
    margin-top: 30px;
    margin-bottom: 30px
}

.btn-reload {
    margin-top: 0
}

.btn-Purchase-Gift-Card {
    margin-top: 0;
    border: 1px solid #ff4c00
}

.active-btn {
    color: var(--btn-font-color);
    background: var(--btn-bg-color)
}

.new-listing .new-whishlist {
    position: absolute;
    top: 2%;
    right: 12px;
    z-index: 999;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: #fff
}

.new-listing .user-thumb {
    width: 40px;
    height: 40px
}

.black-color {
    color: #000
}

#load-menu-data .card-title span.fs-auto {
    font-size: 12px
}

.w-break {
    word-break: break-all
}

.long-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-item .card-content {
    padding: 10px 10px
}

.new-listing .card-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 13px 15px;
    position: relative
}

.new-listing .card-content .card-title .product-name {
    font-size: 14px;
    min-height: auto;
    margin-right: 5px;
    margin-bottom: 5px;
}

.new-listing .slider-height {
    min-height: auto;
    margin-bottom: 0;
    box-shadow: none
}

.color-theme {
    color: #ff4c00
}

.reload-gift-sec1 {
    border: 1px solid #ff4c00;
    text-align: center;
    padding: 5px;
    border-radius: .30rem
}

.reload-gift-sec1:hover {
    background-color: #ff4c00
}

.reload-gift-sec1 span a {
    color: #000
}

.near-location {
    background: #f3f6f9;
    padding: 10px
}

.justify-content-between {
    justify-content: space-between
}

.food-branch {
    padding: 15px;
    background: #f3f6f9
}

.food-branch-sec {
    padding: 15px;
    background: #f3f6f9;
    margin-top: 30px
}

.las {
    color: #ff4c00
}

.btn-start-order {
    border: 1px solid #ff4c00;
    padding: 10px
}

.btn-start-order:hover {
    background-color: #ff4c00;
    color: #fff
}

#kt_select2_1 {
    padding: 12px;
    background: #f3f6f9
}

.branch-change-sec {
    background: #fff;
    border: 1px solid #353535;
    border-radius: .30rem
}

.btn.btn-branch-change {
    background: #ff4c00;
    color: #fff;
    border-radius: 0
}

.form-control:focus {
    box-shadow: none
}

.la.la-calendar {
    color: #ff4c00;
    font-size: 20px
}

.la.la-clock-o {
    font-size: 20px;
    color: #ff4c00
}

.la-clock {
    font-size: 20px
}

.justify-content-end {
    justify-content: flex-end
}

.btn-apply {
    background-color: #ff4c00;
    color: #fff;
    padding: 7px 14px;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid rgba(128, 137, 150, 0.2);
    font-weight: 500
}

.user-thumb {
    background-color: #ff4c00;
    color: #fff
}

.btn-Add:hover {
    background-color: #d74406;
    border-color: #d74406
}

.user-thumb:hover {
    color: #fff
}

.user-thumb span {
    position: absolute;
    left: 11px;
    top: 12px
}

.btn-Add {
    background-color: #ff4c00;
    color: #fff;
    padding: 7px 14px;
    font-size: 15px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid rgba(128, 137, 150, 0.2);
    font-weight: 500
}

.categories-slider, .sub-category-slider {
    max-width: 100%;
    min-width: 100%
}

.categories-slider .owl-stage-outer, .sub-categories-slider .owl-stage-outer{
    z-index: 9
}

.categories-slider .owl-item .item , .sub-category-slider .owl-item .item{
    display: flex;
    justify-content: center;
    text-align: center;
    border: 1px solid rgba(128, 137, 150, 0.2);
    border-radius: 5px;
    overflow: hidden
}

.categories-slider .owl-item .item a, .sub-category-slider .owl-item .item a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px
}

.categories-slider .owl-item .item img, .sub-category-slider .owl-item .item img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border: 2px solid #fff
}

.categories-slider .owl-item .item span, .sub-category-slider .owl-item .item span {
    margin-top: 10px;
    display: flex;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    color: var(--theme-bgcolor);
    min-height: 40px
}

.categories-slider .owl-item .item a:hover, .sub-category-slider .owl-item .item a:hover {
    background-color: var(--theme-bgcolor)
}

.categories-slider .owl-item .item a:hover span, .sub-category-slider .owl-item .item a:hover span {
    color: var(--btn-font-hover-color)
}

.categories-slider .owl-nav, .sub-category-slider .owl-nav {
    position: absolute;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 0
}

.categories-slider .owl-nav>.owl-next,
.categories-slider .owl-nav>.owl-prev , .sub-category-slider .owl-nav>.owl-next,
.sub-category-slider .owl-nav>.owl-prev{
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: var(--theme-bgcolor) !important;
    z-index: 9
}

.categories-slider .owl-nav>.owl-next:hover,
.categories-slider .owl-nav>.owl-prev:hover, .sub-category-slider .owl-nav>.owl-next:hover,
.sub-category-slider .owl-nav>.owl-prev:hover {
    background: var(--btn-bg-hover-color) !important;
    color: var(--btn-font-hover-color) !important
}

.categories-slider .owl-nav>.owl-next, .sub-category-slider .owl-nav>.owl-next {
    right: -4%
}

.categories-slider .owl-nav>.owl-prev, .sub-category-slider .owl-nav>.owl-prev {
    left: -4%
}

.accordion .card-header .icon-rotate .svgnone svg {
    rotate: 90deg
}

.accordion .card-header.collapsed .icon-rotate .svgnone svg {
    rotate: 0
}

.rating {
    font-size: 20px;
    color: #ffc107
}

.btn-add-cart {
    border: 1px solid #ff4c00
}

.btn-add-cart:hover {
    color: #fff
}

.bg-color {
    background-color: #ff4c00
}

.for-hover:hover {
    color: #fff
}

.review-bars-item {
    margin: 10px 15px !important;
    width: calc(50% - 30px)
}

.review-bars-item .review-bars-review {
    display: inline-block;
    width: 100%;
    height: 6px;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #40cc6f !important;
    overflow: hidden
}

.Add-Ingredients {
    background: rgba(128, 137, 150, 0.1);
    padding: 10px
}

.bg-gray {
    background: #eeeff0
}

.bg-green {
    background-color: #70cb39
}

.Add-Ingredients-sec1 {
    padding: 10px
}

.Add-Ingredients-sec1 span a {
    display: flex;
    justify-content: center
}

.Add-Ingredients-sec1 span a:hover {
    color: #000
}

.color-black {
    color: #000
}

.tracking-coupan-code {
    background: #f2f3f4
}

.Order-Tracking-bill {
    padding: 20px;
    border: 1px solid #e0e1e1
}

.la-map-marker {
    font-size: 20px
}

.reservation-user {
    height: 41px
}

.color-white {
    color: #fff
}

.btn.btn-gift-card {
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none
}

.form-box .form-control-styled:focus {
    border-left-color: #ff4c00;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.12)
}

.for-review {
    background: #f3f6f9;
    padding: 20px
}

.funfact-area.section--padding.order-app {
    background-repeat: no-repeat;
    background-size: cover
}

.popular-category {
    height: 156px;
    width: 156px !important;
    border: 5px solid #fff;
    border-radius: 50%;
    object-fit: cover
}

.common-input-append {
    background-color: #fff;
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.home-slider {
    min-height: 120px
}

.home-slider #mobile-slider,
.home-slider #desktop-slider,
.home-slider #ipad-slider {
    position: relative
}

.home-slider #mobile-slider .owl-dots,
.home-slider #desktop-slider .owl-dots,
.home-slider #ipad-slider .owl-dots {
    position: absolute;
    bottom: 5%;
    right: 0;
    left: 0
}

.home-slider #desktop-slider .owl-carousel .owl-item .items img {
    min-height: 500px;
    width: 100%
}

.home-slider #desktop-slider .owl-carousel .owl-item .items {
    min-height: 500px
}

.home-slider #ipad-slider .owl-carousel .owl-item .items img {
    min-height: 400px;
    width: 100%
}

.home-slider #ipad-slider .owl-carousel .owl-item .items {
    min-height: 400px
}

.home-slider #mobile-slider .owl-carousel .owl-item .items img {
    min-height: 300px;
    width: 100%
}

.home-slider #mobile-slider .owl-carousel .owl-item .items {
    min-height: 300px
}

.home-slider #mobile-slider .owl-theme .owl-dots .owl-dot span,
.home-slider #desktop-slider .owl-theme .owl-dots .owl-dot span,
.home-slider #ipad-slider .owl-theme .owl-dots .owl-dot span {
    width: 1.1vw;
    height: 1.1vw
}

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

    .home-slider #mobile-slider .owl-theme .owl-dots .owl-dot span,
    .home-slider #desktop-slider .owl-theme .owl-dots .owl-dot span,
    .home-slider #ipad-slider .owl-theme .owl-dots .owl-dot span {
        width: 13px;
        height: 13px
    }

    .home-slider #mobile-slider .owl-theme .owl-dots .owl-dot span .home-slider #desktop-slider .owl-theme .owl-dots .owl-dot span .home-slider #ipad-slider .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
    }

    .home-slider #mobile-slider .owl-theme .owl-dots .owl-dot,
    .home-slider #desktop-slider .owl-theme .owl-dots .owl-dot,
    .home-slider #ipad-slider .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

    .home-slider #mobile-slider .owl-theme .owl-dots .owl-dot.active span,
    .home-slider #mobile-slider .owl-theme .owl-dots .owl-dot:hover span .home-slider #desktop-slider .owl-theme .owl-dots .owl-dot.active span,
    .home-slider #desktop-slider .owl-theme .owl-dots .owl-dot:hover span,
    .home-slider #ipad-slider .owl-theme .owl-dots .owl-dot.active span,
    .home-slider #ipad-slider .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }
}

.home-check-minors::before {
    top: 3px !important
}

.home-check-minors::after {
    top: 3px !important
}

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: left;
    cursor: pointer;
    font-size: 1rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin: 0
}

.checkbox>span {
    height: 18px;
    width: 18px
}

.checkbox>span::after {
    width: 5px;
    height: 10px
}

.checkbox>input:checked~span::after {
    display: block
}

.checkbox>span::after {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -2px
}

.btn.btn-gift-card:hover {
    background-color: #ff4c00;
    border-color: #ff4c00
}

.padding-1-6em {
    padding: 1.6rem .75rem
}

.padding-1-8em {
    padding: 1.8rem .75rem
}

.text-right {
    text-align: right
}

.justify-content-end {
    justify-content: flex-end
}

.menu-list-images {
    width: 30%;
    height: 100%
}

.card-item .sub-menu-item .card-title .title-two-line {
    display: inline-block;
    box-sizing: border-box;
    word-wrap: break-word
}

.card-item .sub-menu-item .card-title .title-two-line span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.w-65 {
    width: 65%
}

.w-35 {
    width: 35%
}

.btnpen {
    background-color: transparent
}

.btndlt {
    background-color: transparent
}

.width-comman-ico img {
    width: 5%
}

.badge {
    white-space: normal !important
}

.bootstrap-timepicker-widget .glyphicon-chevron-up {
    position: relative
}
.bootstrap-timepicker-widget .glyphicon-chevron-up:before {
    font-family: 'Line Awesome Free';
    content: "\f062";
    position: absolute;
    left: 0;
    top: 0;
    color: red
}

div.datedropper {
    --dd-color1: #ff4c00 !important
}

.bootstrap-timepicker-widget table td input {
    border: 0
}

.profile-address-select:focus {
    background-color: #ff4c00 !important;
    border-color: #ff4c00 !important
}

.reservation-checkbox span {
    position: absolute
}

.funfact-area.section--padding.order-app {
    position: relative
}

.funfact-area.section--padding.order-app::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(9, 10, 10, 0.63);
    top: 0;
    left: 0;
    right: 0
}

.funfact-area.section--padding.order-app>.container {
    z-index: 99;
    position: relative
}

.sec-table-reserv {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.sec-table-reserv:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(38 50 47 / 46%)
}

.btn-facebook {
    background-color: #3b5998;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn-facebook:hover {
    color: #fff !important
}

.btn-google {
    background-color: #db4437;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0
}

.btn-google:hover {
    color: #fff !important
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none !important
}

#quantity:hover {
    background-color: #fe4b00;
    color: #fff
}

.download-btn:first-child {
    background-color: #307cf3;
    color: #fff
}

.download-btn {
    line-height: 55px;
    padding-left: 55px
}

.download-btn:nth-child(2) {
    background-color: #40cc6f;
    color: #fff
}

.cta-area .btn-box .theme-btn:nth-child(2) {
    margin-left: 10px
}

.info-list li .la {
    color: #ff6b6b;
    margin-right: 2px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    background-color: hsla(0, 100%, 71%, .1);
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    transition: all .3s;
    display: inline-block
}

.mobile-app-content .info-list li .la {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 20px
}

.info-list li:hover .la {
    background-color: #ff6b6b;
    color: #fff
}

.download-btn .la {
    font-size: 30px;
    position: absolute;
    top: 42%;
    left: 20px;
    transform: translateY(-50%)
}

.sidenav {
    display: none
}

.category-img-sec .category-box {
    margin-bottom: 30px
}

.category-img-sec .category-box img {
    border: 5px solid #eee
}

.countdownnumber {
    background: var(--theme-bgcolor)
}

.countdownnumber h2 {
    color: var(--btn-font-color) !important
}

.invoice-content {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 40px 40px 32px 40px;
    border: 1px solid rgba(128, 137, 150, 0.3)
}

.invoice-content .widget-title {
    font-size: 24px
}

.onlymobile {
    display: none !important
}

.sidenav {
    display: none;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 60px;
    z-index: 9999
}

.sidenav.fullside {
    width: 300px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.05)
}

.sidenav .card {
    border: 0;
    box-shadow: none !important
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    width: 30px;
    height: 30px;
    background: #ff5000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    color: #fff
}

.mobile-smenu {
    display: none
}

.mobile-smenu .filter-bar {
    padding: 10px 30px
}

.mobile-smenu .filter-nav li a {
    border: 0
}

.mobile-smenu .filter-nav span.la {
    font-size: 40px;
    color: #fff;
    background: #ff4c00;
    border-radius: 6px
}

.owl-trigger-action .owl-dots {
    margin-bottom: 15px
}

.new-listing {
    margin-top: 5px
}

.new-listing .owl-dots {
    margin-bottom: 0;
    margin-top: 15px
}

.slidergrid-4 .card-content .food-name {
    min-height: 54px;
    display: flex
}

::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    position: absolute;
    right: 0
}

.food-margherita {
    margin-bottom: 10px
}

.cart-modifier-scroll {
    max-height: 300px;
    overflow: auto;
    padding-right: 10px
}

.cart-sidebar .block-card {
    padding: 15px 15px
}

.cart-sidebar .add-btn-sec .theme-btn {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 11px
}

.favorites-cart .favorites-img {
    min-height: 268px;
    max-height: 268px;
    object-fit: cover
}

.card-item-list .card-image .card__img.veg-non-img {
    position: absolute;
    bottom: 8px;
    right: 16px;
    width: 33px;
    height: 33px;
    z-index: 999
}

.card-item .card-image .card__img.slider_h {
    min-height: 268px;
    max-height: 268px;
    object-fit: cover
}

.gift-action>a,
.gift-card-id a {
    margin-bottom: 10px
}

.new-modifier .qty-type {
    display: flex;
    justify-content: center
}

.qty-type .qty-box {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #c6c6c6;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border: 2px solid #c6c6c6
}

.new-modifier .user-card h6.m-height {
    min-height: 18px
}

.new-modifier .user-card:hover {
    transform: none
}

.qty-type .qty-box.left-item:after {
    position: absolute;
    left: 0;
    width: 50%;
    top: 0;
    height: 100%;
    content: "";
    background: #d0d0d0
}

.qty-type .qty-box.full-item:after {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: "";
    background: #d0d0d0
}

.qty-type .qty-box.right-item:after {
    position: absolute;
    right: 0;
    width: 50%;
    top: 0;
    height: 100%;
    content: "";
    background: #d0d0d0
}

.qty-type .qty-box.left-item.selected:after,
.qty-type .qty-box.full-item.selected:after,
.qty-type .qty-box.right-item.selected:after {
    background: #ff4c00
}

.cart-modifier {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 11px;
    margin-bottom: 13px
}

.cart-modifier .cart-modifier-title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 11px;
    margin-bottom: 13px
}

.cart-modifier .cart-modifier-title .cart-modifier-name {
    display: flex;
    width: 80%;
    max-width: 80%;
    margin-left: 10px
}

.cart-modifier .cart-modifier-title .cart-modifier-name i.edit-icon {
    font-size: 20px;
    margin-right: 5px
}

.cart-modifier .cart-modifier-title .cart-modifier-name h6 {
    max-width: 70%
}

.cart-modifier .cart-modifier-price {
    display: flex;
    width: auto;
    max-width: max-content
}

.cart-modifier .cart-modifier-price span.dollar {
    margin-right: 5px
}

.cart-modifier .cart-modifier-body .cart-modifier-food {
    color: #353535;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 5px;
    margin: 5px 0;
    border-radius: 2px
}

.cart-modifier .cart-modifier-body .cart-modifier-size {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #626972
}

.cart-modifier .cart-modifier-body .cart-modifier-type-list {
    margin: 10px 0
}

.cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between
}

.cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list .qty-type {
    max-width: 10%;
    margin-right: 10px
}

.cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list .qty-type .qty-box {
    margin: 0
}

.cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list .type-info {
    width: 70%;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #353535;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list .type-price {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: right;
    color: #353535;
    width: 36%
}

.cart-modifier .cart-modifier-footer {
    text-align: center;
    border-bottom: 1px dashed #626972;
    padding-bottom: 15px
}

.cart-modifier-box>.cart-modifier:last-child .cart-modifier-footer {
    border: 0
}

.cart-modifier .cart-modifier-footer>.btn {
    background: #ff4c00;
    border-radius: 24px;
    color: #fff;
    padding: 5px 15px
}

p.modifer-item-price {
    font-size: 14px;
    font-weight: bold;
    color: #fe4b00;
    margin: 5px 0 0 0
}

.food-notes small {
    word-wrap: break-word
}

.sizes-box .sizes-inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sizes-box .sizes-inner .custom-checkbox>label {
    line-height: 19px
}

.sizes-box .sizes-inner .modifiers-sizes {
    font-weight: 500;
    font-size: 16px;
    color: #353535
}

.sizes-box .sizes-inner .modifiers-sizes .old-price {
    text-decoration: line-through;
    color: #b0b0b0
}

.location-scrolling {
    overflow: auto;
    height: 400px
}

.location-scrolling .open-time {
    min-height: 52px
}

.section-heading img {
    min-width: 100%;
    height: 100%
}

#guesttest.btn-Pickup {
    border-radius: .25rem !important
}
.footer-logo img{
    height: 60px;
    object-fit: contain;
    max-width: 150px;
}
       
.footer-logo .foot-logo img {
       height: 60px;
    object-fit: contain;
    max-width: 150px;
}

.login.login-1 .login-aside .site-logo {
    max-width: 100%;
    width: auto;
    height: 80px;
}

.Newsletter .form-box .form-group .form-icon {
    top: inherit !important;
    margin-top: -2px
}

.menu-full-width {
    align-items: center
}

.cart-modifier .add-notbtn {
    padding: 2px 5px;
    font-size: 12px;
    margin-top: 0;
    color: #fff;
    font-weight: 500;
    margin-left: 10px;
    background: var(--theme-bgcolor);
    border-radius: 4px
}

.cart-modifier .cart-modifier-qty {
    display: flex;
    align-items: center
}

.cart-modifier .cart-modifier-qty a.btn:hover {
    background: var(--theme-bgcolor) !important;
    color: var(--btn-font-hover-color) !important
}

/* .header-area .logo img {
    max-width: 150px
} */

.info-box .info-icon>img {
    width: 100%;
    height: 100%
}

.mobile-searchnew {
    display: none
}

.mobile-searchbox {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%
}

.mobile-searchnew .mobile-searchbox .header-search {
    width: 70%
}

.mobile-searchnew .mobile-searchbox .header-search input {
    border-radius: 0;
    background: #fff
}

.mobile-searchnew .mobile-searchbox .header-search input::-webkit-input-placeholder {
    color: #333f57
}

.mobile-searchnew .mobile-searchbox .header-search input::-moz-placeholder {
    color: #333f57
}

.mobile-searchnew .mobile-searchbox .header-search input:-ms-input-placeholder {
    color: #333f57
}

.mobile-searchnew .mobile-searchbox .header-search input:-moz-placeholder {
    color: #333f57
}

.mobile-searchnew .mobile-searchbox .header-search .form-icon {
    color: #333f57
}

.mobile-searchnew .mobile-searchbox .menu-search-btn {
    width: 30%
}

.mobile-searchnew .mobile-searchbox .menu-search-btn .btn-box,
.mobile-searchnew .mobile-searchbox .menu-search-btn .btn-box {
    padding: 0;
    margin-right: 0
}

.mobile-searchnew .mobile-searchbox .menu-search-btn .btn-box,
.mobile-searchnew .mobile-searchbox .menu-search-btn .btn-box button:hover {
    background-color: var(--btn-border-color);
    border: var(--btn-border-color)
}

.mobile-searchnew .mobile-searchbox .menu-search-btn .btn-box,
.mobile-searchnew .mobile-searchbox .menu-search-btn .btn-box button {
    height: 53px;
    width: 100%;
    margin: 0;
    border-radius: 0
}

.mobile-selectbranch {
    display: none
}

.item-boxnew p {
    word-break: break-all
}

.new-modifier .user-card h6 {
    min-height: 37px
}

@media(max-width:815px) {
    .login-aside.login-truffle {
        background-size: cover;
        background-position: center
    }
}

@media screen and (min-width:600px) and (max-width:815px) {
    .login-aside.login-truffle {
        background-size: cover;
        background-position: center
    }

    .login-content.for-login {
        overflow-y: auto !important;
        height: auto;
        justify-content: flex-start !important
    }
}

@media(max-width:1280px) {
    body .dropdown-menu.dropdown-menu-sm.dropdown-menu-right.animated--grow-in.py-2.show {
        transform: translate3d(-49px, 9px, 0) !important
    }
}

@media(max-width:1199px) {
    .qty-btnnew {
        width: 25px;
        height: 25px;
        padding: 2px
    }

    .card-item .card-sub {
        font-size: 15px;
        line-height: unset !important
    }
}

@media screen and (max-height:450px) {
    .sidenav {
        padding-top: 15px
    }

    .sidenav a {
        font-size: 18px
    }
}

@media(max-width:991px) {
    .reward {
        padding: 5px
    }

    .logo a.add-listing-btn-show {
        height: auto;
        min-height: 42px;
        display: flex;
        align-items: center;
        max-height: 100%;
    }

    .mobile-selectbranch {
        display: block;
    }

    .mobile-searchnew {
        display: block !important;
    }

    .onlymobile {
        display: block !important;
    }

    .profile-menus {
        display: none !important;
    }

    .sidenav {
        display: block;
        width: 0 !important;
    }

    .mobile-smenu {
        display: flex;
    }

    .menu-side-bar {
        display: none;
    }

    .info-box {
        margin-bottom: 30px;
    }
}

@media(max-width:320px) {
    .invoice-item .invoice-logo {
        margin-bottom: 40px;
    }
}

.invoice-item .invoice-title .widget-title {
    font-size: 30px
}

.invoice-item .invoice-details {
    font-weight: 500
}

.invoice-item .invoice-details strong {
    color: #333f57
}

@media(max-width:425px) {
    .invoice-item .invoice-details.text-right {
        text-align: left !important
    }
}

.invoice-item .invoice-info .widget-title {
    font-size: 18px
}

.invoice-table table tr th {
    color: #333f57;
    font-weight: 600;
    border-bottom-width: 1px
}

.invoice-table table tr th,
.invoice-table table tr td {
    font-size: 16px;
    padding: 10px 20px
}

.invoice-table table tr td {
    font-size: 15px;
    font-weight: 500
}

.invoice-table .invoice-table-two {
    margin-bottom: 0
}

.invoice-table .invoice-table-two tr th,
.invoice-table .invoice-table-two tr td {
    border-top: 0;
    padding: 5px 0 5px 0
}

.invoice-table .invoice-table-two tr td {
    text-align: right
}

@media(min-width:1400px) {
    .for-vh-process {
        height: 100vh
    }
}

@media(min-width:1023px) {
    .highlighted-categories .item {
        margin-right: 20px
    }

    .btn-redeem {
        width: 20%
    }

    .btn-reload {
        width: 20%
    }

    .btn-Purchase-Gift-Card {
        width: 20%
    }

    .slider-height {
        min-height: 355px
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .main-menu-content {
        display: ruby !important
    }

    .for-vh-process {
        height: 50vh
    }
}

@media(max-width:1023px) and (min-width:767px) {
    .filter-category-comman {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    #load-menu-data .card-title span.fs-auto {
        font-size: 14px
    }

    .filter-category-comman .menu-list-filterby-category {
        width: 45%;
        margin-left: 18px;
        margin-right: 10px
    }

    .menu-list-collapsfilterby-category {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        width: 100%
    }

    .filter-category-comman .showmore-filter-category {
        width: 45%;
        margin-left: 30px
    }
}

@media(max-width:1023px) {
    .class-branch-change {
        margin-bottom: 10px
    }

    .margin-bottom-15px {
        margin-bottom: 15px
    }
}

@media(min-width:992px) {
    .main-menu-content {
        display: flex !important
    }
}

@media(max-width:991px) {
    .main-menu-content {
        display: none
    }
    .site-main {
        height: auto !important;
    }
}

@media(max-width:768px) {
    .category-img-sec {
        margin-bottom: 0 !important
    }
}

@media(max-width:767px) {
    #kt_login {
        height: auto !important
    }

    .card-item .card-content {
        padding: 10px 10px
    }
    /* body,html{
        height:100%;
    } */
        .site-main{
            height:auto !important;
        }
}

@media(max-width:575px) {
    .item-detail-fimage {
        width: 100%;
        height: 313px
    }

    .cartnav-footer button .checkout-text {
        max-width: 100px
    }

    .popular-category {
        height: 90px;
        width: 90px !important
    }

    .foot-links .list-items li {
        margin-right: 14px
    }

    .foot-links .list-items li a {
        font-size: 12px
    }

    .section-heading .sec__title {
        font-size: 24px
    }

    .widget-title {
        text-align: left
    }

    .social-profile-styled li:nth-child(n+2) {
        margin-left: 10px
    }

    .all-location {
        flex-direction: column
    }

    .item-detail-btn5 {
        flex-direction: column
    }

    .price-range-wrap-2 .form-control-sm {
        width: 70px !important
    }

    .reload-payment-logo {
        width: 48px
    }

    .btn-redeem {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 0
    }

    .btn-reload {
        width: 100%;
        margin-top: 15px
    }

    .btn-Purchase-Gift-Card {
        width: 100%;
        margin-top: 15px
    }

    .btn-show-redeem {
        width: 100%;
        margin-top: 15px
    }

    .width-comman-ico img {
        width: 10% !important
    }
}

@media(max-width:400px) {
    .payment-logo {
        width: 48px
    }

    .payment-tab-toggle {
        padding-right: 10px;
        padding-left: 10px
    }

    .block-card {
        padding: 15px
    }

    .for-payment {
        padding: .25rem
    }
}

@media(max-width:1199px) {
    .d-none-under992 {
        display: none !important
    }

    .only1023 {
        display: none !important
    }
}

@media(min-width:991px) {
    .d-noneupper-991 {
        display: none !important
    }

    .only1023 {
        display: none !important
    }
}

@media(max-width:1199px) and (min-width:1023px) {
    .only1023 {
        display: flex !important
    }
}

@media(max-width:359px) {
    .img-refer img {
        width: 100%
    }

    .social-ico img {
        width: 13%
    }

    .cart-modifier .add-notbtn {
        padding: 2px 2px;
        font-size: 10px;
        font-weight: 500;
        margin-left: 10px;
        background: var(--theme-bgcolor);
        border-radius: 4px
    }
}

.invalid-feedback {
    color: red !important
}

.section-icon>img {
    width: 100%;
    max-width: 100%;
    padding: 10px
}

.sidebar-box {
    position: fixed;
    right: 0;
    top: 50%;
    bottom: 50%;
    z-index: 99;
    cursor: pointer
}

.sidebar-icon {
    font-size: 2.5rem;
    line-height: 2rem;
    margin-bottom: .25rem;
    color: var(--theme-bgcolor)
}

.cart-nav .cartnav-body {
    padding: 1rem 1.25rem
}

.sidebar-box .sidebar-top {
    padding: .5rem 1rem;
    background-color: #fff;
    border-top-left-radius: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    -webkit-box-shadow: 1.91px 10.833px 50px 0 rgba(38, 38, 38, 0.15);
    box-shadow: 1.91px 10.833px 50px 0 rgba(38, 38, 38, 0.15)
}

.sidebar-box .sidebar-bottom {
    padding: .5rem 1rem;
    background-color: var(--theme-bgcolor);
    border-bottom-left-radius: .5rem;
    font-size: 16px;
    -webkit-box-shadow: 1.91px 10.833px 50px 0 rgba(38, 38, 38, 0.15);
    box-shadow: 1.91px 10.833px 50px 0 rgba(38, 38, 38, 0.15)
}

.sidebar-text {
    color: #555;
    font-size: 15px;
    line-height: 1.25rem;
    font-weight: 500
}

.cart-nav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -540px;
    width: 420px;
    background-color: #fff;
    overflow: hidden;
    transition: .5s;
    display: flex;
    flex-direction: column;
    box-shadow: -2px 0 8px rgba(0, 0, 0, .15)
}

.cartnav-footer {
    padding: 1rem 1.25rem
}

.cartnav-footer a>button {
    background: var(--theme-bgcolor);
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: .5rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
    cursor: pointer;
    width: 100%;
    border: 0;
    padding: 20px 15px
}

.cartnav-footer button .checkout-text {
    font-weight: 500;
    color: #fff
}

.cartnav-footer button .checkout-amount {
    font-weight: 700;
    border-radius: .5rem;
    background: #fff;
    padding: 10px 28px;
    font-size: 19px
}

.cart-nav .cartnav-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background: #eef2ff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cart-nav .cartnav-header h2 span {
    font-size: 25px;
    line-height: 1.75rem;
    margin-bottom: .25rem;
    margin-right: .5rem
}

.cartnav-header h2 {
    font-size: 20px;
    display: flex;
    align-items: center
}

.cart-nav .cartnav-header .closebtn {
    color: #000;
    font-size: 15px
}

.cartnav-body {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    flex-grow: 1;
    width: 100%;
    max-height: 100%
}

.cartnav-body .cart-orderlist {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-bottom-width: 1px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.cartnav-body .cart-orderlist .cart-orderimg {
    border-width: 1px;
    border-radius: 9999px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    margin-right: 1rem;
    position: relative;
    border-color: #e5e7eb;
    border-style: solid
}

.cartnav-body .cart-orderlist .cart-orderimg img {
    width: 40px;
    height: 40px
}

.cartnav-empty {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 10px
}

.cartnav-empty .cartnav-empty-bx {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    border-radius: 9999px;
    align-items: center;
    background: #f9e7e0;
    margin-bottom: 10px
}

.cartnav-empty-bx span {
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: #fc4c01;
    display: block
}

.cartnav-empty h3 {
    margin-bottom: 15px
}

.open-cartnav {
    right: 0
}

.sidebar-top .sidebar-icon path {
    fill: var(--theme-bgcolor)
}

.btn.btn-primary {
    color: var(--btn-font-color);
    background-color: var(--btn-bg-color);
    border-color: var(--btn-border-color)
}

.btn-primary:hover {
    color: var(--btn-font-hover-color);
    background-color: var(--btn-bg-hover-color);
    border-color: var(--btn-border-hover-color)
}

.header-menu-wrapper.header-fixed {
    background: var(--header-bg-color) !important
}

.main-menu ul li a {
    color: var(--header-link-color)
}

.main-menu ul li a:hover {
    color: var(--header-link-hover-color)
}

#back-to-top:hover {
    background-color: var(--theme-bgcolor);
    color: var(--theme-fontcolor)
}

#back-to-top {
    background-color: var(--theme-bgcolor);
    color: #fff;
    z-index: 999
}

.color-theme,
.la.la-calendar,
.las {
    color: var(--theme-bgcolor)
}

.la-clock {
    color: var(--theme-bgcolor)
}

.list-items li a::before {
    background-color: var(--footer-link-hover-color)
}

.gradient-btn {
    background-color: var(--btn-bg-color);
    color: var(--btn-font-color)
}

.theme-btn:hover {
    background: var(--btn-bg-hover-color) !important;
    color: var(--btn-font-hover-color) !important
}

.footer-area {
    background: var(--footer-bg-color) !important
}

.foot-links .list-items li a {
    color: var(--footer-link-color)
}

.foot-links .list-items li:hover a {
    color: var(--footer-link-hover-color)
}

p.modifer-item-price {
    color: var(--theme-bgcolor)
}

.qty-type .qty-box.left-item.selected::after,
.qty-type .qty-box.full-item.selected::after,
.qty-type .qty-box.right-item.selected::after {
    background: var(--theme-bgcolor)
}

#quantity:hover {
    background-color: var(--theme-bgcolor);
    color: #fff
}

body .color-orange {
    color: var(--theme-bgcolor) !important
}

body .text-color-2 {
    color: var(--theme-bgcolor) !important
}

.cart-modifier .cart-modifier-footer>.btn {
    background: var(--btn-bg-color)
}

.cart-modifier .cart-modifier-footer>.btn {
    color: var(--btn-font-color);
    background-color: var(--btn-bg-color);
    border-color: var(--btn-border-color)
}

.cart-modifier .cart-modifier-footer>.btn:hover {
    color: var(--btn-font-hover-color);
    background-color: var(--btn-bg-hover-color);
    border-color: var(--btn-border-hover-color)
}

.owl-trigger-action .owl-dots div.active {
    color: var(--theme-fontcolor);
    border-color: var(--theme-bgcolor)
}

.form-box .form-control-styled {
    border-left: var(--theme-fontcolor)
}

.main-menu ul li a:hover {
    color: var(--theme-bgcolor)
}

.list-items li a:hover {
    color: var(--theme-bgcolor)
}

.breadcrumb-content .list-items li:hover a {
    color: var(--btn-font-hover-color) !important
}

.main-menu ul .cart-menu a {
    color: var(--theme-bgcolor)
}

.custom-checkbox input[type="checkbox"]:checked+label:before {
    background-color: var(--theme-bgcolor);
    border-color: var(--theme-bgcolor)
}

.form-box .form-control-styled {
    border-left: 5px solid var(--theme-bgcolor)
}

.btn.btn-gift-card:hover {
    background-color: var(--theme-bgcolor);
    border-color: var(--theme-bgcolor)
}

.stroke-shape {
    background: var(--theme-bgcolor)
}

.form-box .form-control-styled:focus {
    border-left-color: var(--theme-bgcolor)
}

.btn-start-order {
    border: 1px solid;
    border-color: var(--theme-bgcolor)
}

.btn-start-order:hover {
    background: var(--theme-bgcolor);
    color: var(--theme-bgcolor)
}

.gradient-btn:hover {
    background: var(--theme-bgcolor)
}

.gradient-btn::before {
    background: var(--theme-bgcolor)
}

.billing-content .contact-form-action .input-box .form-group span.form-icon {
    color: var(--theme-bgcolor) !important
}

#kt_profile_aside .navi-item.side-link .navi-link i {
    color: var(--theme-bgcolor) !important
}

.table-background {
    background: var(--theme-bgcolor)
}

.login-1 .form-group .input-icon i {
    color: var(--theme-bgcolor) !important
}

.login-1 .forgot-text {
    color: var(--theme-bgcolor) !important
}

.login-1 .color-orange {
    color: var(--theme-bgcolor) !important
}

.login-1 .btn-Pickup {
    border: 1px solid var(--theme-bgcolor) !important
}

.card-item-list .btn-Add {
    background: var(--theme-bgcolor);
    color: var(--theme-fontcolor)
}

.btn-apply {
    background: var(--theme-bgcolor);
    color: var(--theme-fontcolor)
}

.btn-add-cart {
    border: 1px solid var(--theme-bgcolor)
}

.theme-btn:hover {
    background: var(--theme-bgcolor) !important
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--theme-bgcolor);
    background-color: var(--theme-bgcolor)
}

.deliverytype-btn button {
    border: 0;
    padding-left: 20px;
    padding-right: 20px
}

.deliverytype-btn {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .25rem
}

.deliverytype-btn button {
    background-color: #fff !important;
    color: #333f57 !important
}

.deliverytype-btn button.active,
.deliverytype-btn button:hover {
    background-color: var(--theme-bgcolor) !important;
    color: #fff !important
}

.bread-overlay::before {
    background-color: var(--headerimg-opacity-color) !important;
    opacity: var(--headerimg-opacity) !important
}

.list-size {
    margin: 5px 0
}

.list-size>ul {
    display: flex
}

.list-size>ul li {
    padding: 2px 4px;
    margin-right: 3px;
    font-size: 10px;
    color: #000;
    border: 1px solid var(--theme-bgcolor) !important
}

.list-size>ul li.selected,
.list-size>ul li:hover {
    background: var(--theme-bgcolor) !important;
    cursor: pointer
}

.readmore-text {
    color: var(--theme-bgcolor) !important;
    text-decoration: underline !important;
    margin-left: 4px;
    cursor: pointer
}

.combo-cat-list .card-content {
    min-height: 70px
}

.combo-cat-list .combo-item-info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px
}

.card-content .price span {
    background: var(--theme-bgcolor) !important;
    color: var(--btn-font-color) !important;
    border-radius: 26px;
    padding: 3px 9px;
    font-size: 14px;
    border: 2px solid var(--btn-border-color);
    box-shadow: 0 2px 3px rgba(82, 85, 90, 0.21)
}

@media(max-width:768px) {
    .cart-sidebar .add-btn-sec .theme-btn {
        font-size: 10px
    }

    .cart-nav {
        width: auto
    }

    .cart-modifier .cart-modifier-name .cart-modifier-qty a.btn-comman {
        padding: .310rem .50rem
    }

    .cart-nav .cartnav-body {
        padding: 1rem .5rem
    }
}

#header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
    background-repeat: no-repeat;
    padding-top: 30.25%;
    display: block;
    height: 0 !important;
    background-size: 100%
}

#header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
    background-size: cover
}

@media only screen and (min-width:1150px) {
    .card-item .sub-menu-item .card-title .title-two-line {
        display: inline-block;
        box-sizing: border-box;
        word-wrap: break-word
    }

    .card-item .sub-menu-item .card-title .title-two-line span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden
    }
}

@media only screen and (max-width:1149px) {
    .card-item .sub-menu-item .card-title .title-two-line {
        display: inline-block;
        box-sizing: border-box;
        word-wrap: break-word
    }

    .card-item .sub-menu-item .card-title .title-two-line span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }
}

@media only screen and (min-width:961px) and (max-width:1024px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        width: 100%;
        transform: translate(0, 0);
        visibility: inherit
    }
}

@media only screen and (min-width:838px) and (max-width:991px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        height: 700px !important
    }
}

@media only screen and (min-width:838px) and (max-width:961px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        height: 700px !important
    }
}

@media only screen and (min-width:800px) and (max-width:960px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        width: 100%;
        height: 661px !important;
        transform: translate(0, 0);
        visibility: inherit
    }
}

@media only screen and (min-width:768px) and (max-width:799px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        width: 100%;
        height: 550px !important;
        transform: translate(0, 0);
        visibility: inherit
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 93.33%
    }
}

@media only screen and (min-width:540px) and (max-width:599px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 97.12% !important
    }
}

@media only screen and (min-width:501px) and (max-width:539px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 93.12% !important
    }
}

@media only screen and (min-width:480px) and (max-width:500px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 94.12% !important
    }
}

@media only screen and (min-width:400px) and (max-width:479px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 110.12% !important
    }
}

@media only screen and (max-width:399px) {
    #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 0;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-bottom: 119.19% !important
    }
}

html,
body#restro-247 {
    font-family: 'Poppins', sans-serif
}

#restro-247 h1,
#restro-247 h2,
#restro-247 h3,
#restro-247 h4,
#restro-247 h5,
#restro-247 h6,
#restro-247 p {
    font-family: 'Poppins', sans-serif
}

#restro-247 .header-area .header-menu-wrapper .logo a img {
    width: 90px !important;
    height: 90px !important
}

#restro-247 .container-f {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%
}

#restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
    background-repeat: no-repeat;
    padding-top: 30.25%;
    display: block;
    height: 0 !important;
    background-size: 100%
}

#restro-247 .login-areabox #neww_cat .square-box .popular-category {
    border-radius: 0 !important;
    width: 100% !important;
    height: 100%;
    border: 0 solid #fff;
    margin: 0;
    padding: 0
}

#restro-247 .login-areabox #neww_cat .square-box {
    width: 100% !important;
    flex: 0 0 20%;
    max-width: 20%
}

#restro-247 .square-box .inner-text {
    transition: .6s;
    transform: perspective(1px) translateZ(0);
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
    background-size: cover
}

#restro-247 .square-box .inner-text:hover::before {
    content: "";
    position: absolute;
    z-index: 0
}

#restro-247 .square-box .inner-text::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#restro-247 .square-box .inner-text:hover {
    color: white
}

#restro-247 .square-box .inner-text::before {
    clip-path: circle(0.5% at 50% 50%);
    background-color: rgb(30 139 206 / 70%);
    transition: .6s;
    border-radius: 0
}

#restro-247 .square-box {
    padding: 0;
    margin-bottom: 0 !important
}

#restro-247 .square-box .inner-text:hover::before {
    clip-path: circle(100% at 50% 50%)
}

#restro-247 .square-box a {
    background-color: rgb(231 231 231 / 20%);
    border-radius: 2%;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 23%);
    width: 100%
}

#restro-247 .text-center .theme-btn {
    margin-top: 30px
}

#restro-247 .square-box .categories-text {
    color: white;
    text-shadow: 0 6px 10px rgb(0 0 0 / 92%);
    margin: 0;
    position: absolute;
    font-weight: 800;
    padding: 10px 20px;
    font-size: 30px !important;
    font-style: italic;
    font-weight: 900;
    font-family: "Rooney Pro" !important;
    line-height: 30px;
    word-break: break-word
}

#restro-247 .funfact-area.mobile-image .row {
    justify-content: flex-end;
    height: 500px;
    align-content: center
}

#restro-247 .info--box .info-icon {
    background: transparent !important
}

#restro-247 .funfact-area.mobile-image .row::before {
    content: "";
    width: 100%;
    max-width: 30%;
    height: 100%;
    background-image: url("https://grecopizza.truffledev.com/assets-website/images/smartphone-mock.png");
    top: 10px;
    background-size: contain;
    left: 5px;
    clear: both;
    position: absolute;
    display: inline-block;
    background-position: left;
    background-repeat: no-repeat;
    background-repeat: no-repeat
}

#restro-247 .funfact-area.mobile-image .col-md-12,
#restro-247 .funfact-area.mobile-image .col-lg-12 {
    flex: 0 0 70%;
    max-width: 70%
}

#restro-247 .funfact-area.mobile-image b {
    font-size: 30px
}

#restro-247 .funfact-area.mobile-image .d-app img {
    height: 60px;
    width: auto
}

#restro-247 .funfact-area.mobile-image h1 {
    margin-bottom: 40px
}

#restro-247 .funfact-area.mobile-image .e-gift-text p {
    margin-bottom: 10px
}

#restro-247 .footer-color p.copy__desc {
    color: #fff
}

#restro-247 .footer-color ul li a {
    color: #fff
}

#restro-247 .hiw-area .row .section-heading.text-center {
    display: none
}

#restro-247 .hiw-area .info-content p {
    display: none
}

#restro-247 .hiw-area .info-content h2 {
    font-family: "Poppins", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.5em !important;
    fill: #000 !important;
    color: #000 !important;
    background-color: #61CE7000 !important;
    padding: 0 0 0 0 !important
}

#restro-247 .hiw-area .info-content h4 {
    font-family: "Poppins", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.5em !important;
    fill: #000 !important;
    color: #000 !important;
    background-color: #61CE7000 !important;
    padding: 0 0 0 0 !important
}

#restro-247 .hiw-area .info-box {
    padding: 0 33px
}

#restro-247 .info-content h2 span span div span a {
    color: #000 !important
}

#restro-247 .info-content h2 a {
    color: #000 !important
}

#restro-247 .info-content h2 span span div span a:hover {
    color: #007bff !important
}

#restro-247 .info-content h2 a:hover {
    color: #007bff !important
}

#restro-247 .info-content span {
    display: none
}

#restro-247 .responsive-column:first-child .info-icon.gradient-icon.service-icon {
    width: 145px
}

#restro-247 .info-box .info-icon>img {
    height: auto
}

#restro-247 .hiw-area .info--box .info-icon #restro-247 .hiw-area .info-box .info-icon {
    height: 100px;
    background: transparent !important
}

#restro-247 .hiw-area .info--box {
    border: 0 solid rgba(127, 137, 150, 0.1);
    background-color: transparent;
    box-shadow: none
}

#restro-247 .hiw-area .info-content h4 a {
    color: #000 !important
}

#restro-247 .hiw-area .row.padding-top-30px {
    align-items: flex-start
}

#restro-247 .funfact-area.section--padding.order-app.e-gift-text .row .col-md-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#restro-247 .funfact-area.section--padding.order-app.e-gift-text .row .col-md-12 .d-flex.mt-3 {
    margin-top: 0;
    margin: 20px;
    align-items: center
}

#restro-247 .funfact-area.section--padding.order-app.e-gift-text .row .col-md-12 p {
    margin: 20px
}

#restro-247 .footer-area h4,
#restro-247 .footer-area p {
    font-weight: 600
}

#restro-247 #back-to-top {
    width: 40px;
    height: 40px;
    line-height: 40px
}

#restro-247 .section-block-2 {
    background-color: rgb(211 211 211 / 53%)
}

@media(max-width:1279px) and (min-width:1023px) {
    .info-box.info--box.js-tilt-2 {
        min-height: auto !important
    }
}
@media only screen and (max-width:576px) {
    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width:820px) {
    .footer-item {
        margin-bottom: 0 !important
    }

    .copy-right {
        margin-top: 0 !important;
        padding-top: 0 !important
    }
}
@media only screen and (max-width:575px) {
    /* 2-12-2025 */
    /* forn contact us  */
    .cs_contact#contact .container {
        max-width: 1200px;
    }
}
@media only screen and (max-width:400px) {
    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .breadcrumb-content .bread-list {
        margin-top: 0
    }
}

@media only screen and (max-width:600px) {
    eww_cat .square-box .popular-category {
        border-radius: 0 !important;
        width: 100% !important;
        height: 400px;
        font-size: 22px
    }

    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 50%;
        max-width: 500%
    }

    #restro-247 .square-box .categories-text {
        font-size: 30px
    }

    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-size: cover;
        background-position: left;
        height: auto
    }

    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        height: 50vh !important
    }

    #restro-247 .responsive-column:first-child .info-icon.gradient-icon.service-icon {
        width: 45% !important;
        height: auto !important
    }

    #restro-247 .square-box a {
        width: 100%
    }

    #restro-247 .header-menu-wrapper.padding-right-30px.padding-left-30px {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media only screen and (min-width:600px) {
    #restro-247 .login-areabox #neww_cat .square-box .popular-category {
        border-radius: 0 !important;
        width: 100% !important;
        font-size: 22px;
        height: 100%
    }

    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 50%;
        max-width: 50%
    }

    #restro-247 .square-box .categories-text {
        font-size: 30px
    }
}

@media screen and (max-width:500px) {
    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 50%;
        max-width: 50%
    }

    .home-slider #mobile-slider .owl-theme .owl-dots .owl-dot span,
    .home-slider #desktop-slider .owl-theme .owl-dots .owl-dot span,
    .home-slider #ipad-slider .owl-theme .owl-dots .owl-dot span {
        width: 16px;
        height: 16px
    }
}

@media screen and (max-width:400px) {
    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:961px) and (max-width:1024px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        width: 100%;
        transform: translate(0, 0);
        visibility: inherit
    }
}

@media only screen and (min-width:838px) and (max-width:991px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        height: 700px !important
    }
}

@media only screen and (min-width:838px) and (max-width:961px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        height: 700px !important
    }
}

@media only screen and (min-width:800px) and (max-width:960px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        width: 100%;
        height: 661px !important;
        transform: translate(0, 0);
        visibility: inherit
    }
}

@media only screen and (min-width:768px) and (max-width:799px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        width: 100%;
        height: 550px !important;
        transform: translate(0, 0);
        visibility: inherit
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 93.33%
    }
}

@media only screen and (min-width:540px) and (max-width:599px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 97.12% !important
    }
}

@media only screen and (min-width:501px) and (max-width:539px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 93.12% !important
    }
}

@media only screen and (min-width:480px) and (max-width:500px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 94.12% !important
    }
}

@media only screen and (min-width:400px) and (max-width:479px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-top: 110.12% !important
    }
}

@media only screen and (max-width:399px) {
    #restro-247 #header-banner.breadcrumb-area.bread-bg.bread-overlay.overflow-hidden {
        background-repeat: no-repeat;
        background-position: 50% 0;
        width: 100%;
        display: block;
        height: 0 !important;
        background-size: 100%;
        padding-bottom: 119.19% !important
    }
}

@media(min-width:768px) {
    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 50%;
        max-width: 50%;
        height: 100%;
        aspect-ratio: auto 1 / 1
    }
}

@media only screen and (min-width:768px) {
    #restro-247 .login-areabox #neww_cat .square-box .popular-category {
        border-radius: 0 !important;
        font-size: 22px;
        height: 100%
    }

    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 50%;
        max-width: 50%
    }

    #restro-247 .square-box .categories-text {
        font-size: 30px
    }

    #restro-247 .foot-links .list-items {
        flex-wrap: wrap
    }
}

@media(max-width:992px) {
    #restro-247 .funfact-area.mobile-image .row::before {
        display: none !important
    }

    #restro-247 .funfact-area.mobile-image .row {
        justify-content: flex-start;
        height: auto;
        align-content: center
    }

    #restro-247 .funfact-area.mobile-image .col-md-12,
    #restro-247 .funfact-area.mobile-image .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    #restro-247 .funfact-area.mobile-image h1 {
        margin-bottom: 5px
    }

    #restro-247 .hiw-area .row.padding-top-30px {
        align-items: center
    }
}

@media(max-width:991px) {
    #restro-247 .header-area {
        background-color: #007ac2;
        position: relative;
        height: fit-content;
        height: -webkit-fit-content
    }

    .header-area {
        position: relative;
        height: fit-content;
        height: -webkit-fit-content
    }

    #header-banner.breadcrumb-area {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media(max-width:768px) {
    #header-banner.breadcrumb-area {
        padding-top: 120px;
        padding-bottom: 120px
    }

    /* .breadcrumb-area {
        padding-top: 10px;
        padding-bottom: 10px
    } */
}

@media only screen and (min-width:992px) {
    #restro-247 .login-areabox #neww_cat .square-box .popular-category {
        border-radius: 0 !important;
        width: 100% !important;
        height: 100%;
        font-size: 22px
    }

    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    #restro-247 .square-box .categories-text {
        font-size: 30px
    }
}

@media only screen and (max-width:1024px) {
    #restro-247 .login-areabox #neww_cat .square-box .popular-category {
        border-radius: 0 !important;
        width: 100% !important;
        font-size: 22px
    }

    #restro-247 .square-box .categories-text {
        font-size: 30px
    }
}

@media only screen and (min-width:1200px) {
    #restro-247 .login-areabox #neww_cat .square-box .popular-category {
        border-radius: 0 !important;
        width: 100% !important;
        font-size: 22px
    }

    #restro-247 .login-areabox #neww_cat .square-box {
        width: 100% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important
    }

    #restro-247 .square-box .categories-text {
        font-size: 22px
    }
}

@media(max-width:480px) {}

@media(max-width:450px) {
    #restro-247 .funfact-area.mobile-image .d-app {
        flex-wrap: wrap
    }

    #restro-247 .funfact-area.mobile-image .d-app .appstore {
        margin-left: 10px
    }

    #restro-247 .funfact-area.mobile-image .d-app a {
        margin-top: 15px
    }

    #restro-247 .funfact-area.section--padding.order-app.e-gift-text .row p {
        margin: 20px 10px
    }

    .d-app img.appstore {
        margin-top: 10px;
        margin-left: 10px
    }
}

@media screen and (max-width:100px) and (max-width:425px) {
    .d-app img.appstore {
        margin-top: 10px;
        margin-left: 10px
    }
}

.login.login-1 .login-aside .aside-img {
    min-height: 450px
}

.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
    display: none
}

.login.login-1.login-signin-on .login-signup {
    display: none
}

.login.login-1.login-signin-on .login-signin {
    display: block
}

.login.login-1.login-signin-on .login-forgot {
    display: none
}

.login.login-1.login-signup-on .login-signup {
    display: block
}

.login.login-1.login-signup-on .login-signin {
    display: none
}

.login.login-1.login-signup-on .login-forgot {
    display: none
}

.login.login-1.login-forgot-on .login-signup {
    display: none
}

.login.login-1.login-forgot-on .login-signin {
    display: none
}

.login.login-1.login-forgot-on .login-forgot {
    display: block
}

.dashboard-topbar .nav-link {
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 14px !important;
    font-size: 20px;
    position: relative
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.dashboard-topbar .dropdown-menu-sm {
    width: 185px
}

.dashboard-topbar .dropdown-menu {
    padding: 0;
    width: 310px;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    border-color: rgba(128, 137, 150, 0.1)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.text-color {
    color: #333f57 !important
}

.font-size-15 {
    font-size: 15px !important
}

.dropdown-menu.dropdown-menu-sm.dropdown-menu-right.animated--grow-in.py-2.show {
    padding: 30px;
    position: absolute;
    transform: translate3d(-20px, 10px, 0) !important;
    top: 50px !important;
    left: -50px !important;
    will-change: transform width:185px !important
}

.btn-repeat:hover {
    color: #fff
}

.pb-13 {
    padding-bottom: 3.25rem
}

.p-7 {
    padding: 1.75rem
}

.p-6 {
    padding: 1.5rem
}

.pt-15 {
    padding-top: 3.75rem
}

.mb-10,
.my-10 {
    margin-bottom: 2.5rem !important
}

@media only screen and (min-width:991px) and (max-width:1199px) {
    .menu-search-btn {
        display: none !important
    }
}

@media(min-width:992px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 700px
    }

    .login.login-1 .login-content {
        width: 50%;
        max-width: 50%;
        align-items: center;
        align-content: center;
        display: flex;
        justify-content: center;
        overflow-y: scroll !important
    }

    .signup {
        padding: 500px 0
    }

    .login.login-1 .login-content .login-form {
        width: 100%;
        max-width: 450px
    }

    .padding-top-rem {
        padding-top: 3.75rem
    }
}

@media(min-width:992px) and (max-width:1399.98px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 450px
    }
}

@media(max-width:991.98px) {
    .login.login-1 .login-content .login-form {
        width: 100%;
        max-width: 400px
    }
}

@media(min-width:833px) and (max-width:1023px) {
    .pro-7 {
        padding: 1.75rem
    }
}

@media(max-width:575.98px) {
    .login.login-1 .aside-img {
        min-height: 300px !important;
        background-size: 400px
    }

    .login.login-1 .login-content .login-form {
        width: 100%;
        max-width: 100%
    }
}

html,
body {
    font-size: 13px !important;
    font-weight: 400;
    font-family: 'Roboto', sans-serif
}

.brand-color {
    color: #0e97ad
}

.login-1 .form-group .input-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 100%;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center
}

.login-1 .form-group .password-eye {
    position: absolute;
    right: 16%;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center
}

.login-1t .form-group .password-eye i {
    color: #747775;
    font-size: 18px
}

.login-1 .form-group .input-icon i {
    color: #ff4c00;
    text-align: center;
    font-size: 24px
}

.login-1.form-group input.form-control:focus {
    background: #f1f3f6
}

.login-1 .forgot-text {
    color: #ff4c00;
    text-decoration-line: underline;
    font-size: 18px;
    margin-top: 10px;
    display: block
}

.login-1 .login-btn {
    background: #ff4c00;
    box-shadow: 0 8px 12px rgba(14, 151, 173, 0.3);
    font-size: 18px;
    color: #fff;
    width: 100%;
    font-weight: 600
}

.aside-menu {
    background-color: #140900
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
    color: #fff
}

body {
    background: #f1f3f6;
    min-height: 100vh;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
    background: rgba(248, 248, 248, 0.1)
}

.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link {
    background-color: rgba(248, 248, 248, 0.1)
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-text {
    color: #fff
}

.brand .btn .svg-icon svg g [fill] {
    transition: fill .3s ease;
    fill: #fff
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
    display: flex;
    align-items: center;
    background: rgba(248, 248, 248, 0.1)
}

.aside-menu .menu-nav>.menu-item>.menu-link i {
    color: #ff4c00;
    font-size: 23px;
    min-width: 30px
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
    margin-left: 10px
}

.brand {
    background-color: #ff4c00;
    box-shadow: none
}

.aside {
    background-color: #140900
}

.card.card-custom>.card-header .card-title,
.card.card-custom>.card-header .card-title .card-label {
    color: #ff4c00
}

.card.card-custom {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.05);
    border-radius: 12px
}

p {
    font-size: 16px;
    line-height: 19px;
    color: #9c9c9c
}

#carousel1_indicator {
    padding-bottom: 50px
}

.w-30 {
    width: 30% !important
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #ff4c00;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    border-radius: 50%
}

.file-preview {
    display: inline-block
}

.file-drop-zone {
    display: flex
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active>.page-link {
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    background-color: #ff4c00;
    color: #fff
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item:hover:not(.disabled)>.page-link {
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    background-color: #d74406;
    color: #fff
}

.dataTables_wrapper .dataTable th.sorting_desc,
.dataTables_wrapper .dataTable td.sorting_desc {
    color: #181c32 !important
}

.dataTables_length select {
    width: auto;
    margin: 0 10px
}

.dataTables_filter label {
    display: flex;
    align-items: center
}

.aside-menu .menu-nav>.menu-item>.menu-link {
    align-items: center
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-primary:focus:not(.btn-text),
.btn.btn-hover-primary.focus:not(.btn-text) {
    color: #fff !important;
    background-color: #ff4c00 !important;
    border-color: #ff4c00 !important
}

.dataTables_filter label input {
    width: auto;
    margin-left: 10px
}

.dataTables_filter {
    float: right
}

.symbol-label img {
    width: 100%;
    height: 100%
}

.pagination {
    justify-content: flex-end
}

form .show-password {
    color: #ff4c00;
    font-size: 18px;
    cursor: pointer
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%
}

.table i {
    color: #ff4c00
}

.table i:hover {
    color: #d74406
}

.site-alert {
    position: absolute;
    right: 2%;
    top: 1%;
    z-index: 1
}

.login.login-1 .login-aside {
    max-width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    align-content: center;
    justify-content: center
}

.login-1 .form-group input {
    background-image: none
}

.flex-center {
    justify-content: center;
    align-items: center
}

form#changepassword_form .show-password,
form#user_form .show-password {
    color: #ff4c00;
    font-size: 18px;
    cursor: pointer;
    right: 5%;
    top: 30%;
    position: absolute
}

.color-orange {
    color: #ff4c00 !important
}

.font-size-h6 {
    font-size: 1.175rem !important
}

.font-weight-bolder {
    font-weight: 600 !important
}

.text-dark {
    color: #181c32 !important
}

.btn-Pickup {
    border: 1px solid #ff4c00 !important;
    border-radius: 1rem !important
}

.fbicon {
    width: 15%
}

.chromeicon {
    width: 10%
}

.btn-gray.color-orange {
    background-color: #ff4c00;
    color: #fff !important
}

.btn-comman {
    background: #ebebeb
}

.star {
    color: #ffc107
}

.color-food {
    color: #353535
}

.pen {
    color: #539710;
    font-size: 20px
}

.dlt {
    color: #f44336;
    font-size: 20px
}

.dollar {
    font-size: 16px
}

.checkbox-tip {
    justify-content: space-between
}

.color-Night_Rider {
    color: #353535
}

.color-green {
    color: #539710
}

.bg-green {
    color: #fff;
    background-color: #539710;
    border-radius: 28px
}

.Delivery-dropdown {
    color: #626972 !important
}

.form-control.input-bg.address-changee {
    padding-left: 20px !important
}

.navi-item.side-link {
    padding: 10px
}

.for-size {
    font-size: 25px
}

.navi-item.side-link.mb-2.profile-hover:hover {
    background-color: aliceblue
}

.navi-item.side-link.mb-2.profile-hover:active {
    background-color: aliceblue
}

.profile-link {
    color: #626972
}

.for-size:hover {
    color: #ff4c00
}

.profile-link:hover {
    color: #626972
}

.profile-navitxt {
    font-size: 16px
}

.profile-header {
    background-color: #fff
}

.location-home {
    height: 100%;
    background-color: #fff;
    padding: 20px;
    border-radius: 1rem;
    box-shadow: 0 0 16px #ccc
}

.input-location {
    background-color: #fff
}

.btnpen {
    border: 0;
    color: #539710;
    font-size: x-large;
    background-color: #fff;
    border-radius: 45px;
    width: 35px
}

.btndlt {
    border: 0;
    color: #f44336;
    font-size: x-large;
    background-color: #fff;
    border-radius: 45px;
    width: 35px
}

.btn-newadd {
    text-align: center
}

.reward {
    padding: 20px;
    background-color: #f3f6f9
}

.btn-Redeem {
    text-align: center
}

.color-black {
    color: #000
}

.ico-right {
    font-size: 20px;
    padding: 5px
}

.color-red {
    color: #f44336
}

.refer-body {
    text-align: center
}

.copy-clipboard {
    justify-content: center
}

.input-copy {
    border: 0;
    background-color: #f3f6f9;
    padding: 10px
}

.table-background {
    color: #fff
}

.table-tr-background {
    background-color: #f3f6f9
}

.table-tr-background td {
    vertical-align: middle !important
}

.btn-repeat {
    background-color: #353535;
    color: #fff;
    border: 1px solid #353535;
    border-radius: 3.2px;
    padding-left: 5px;
    padding-right: 5px
}

.term-text {
    background-color: #000;
    color: #fff;
    padding: 15px;
    font-size: 24px
}

.txt-term-condition {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 31px
}

.notification {
    width: 100%;
    background: #8089961A
}

.link-setting:hover {
    color: #ff4c00
}

.privacy-ico {
    width: 18px
}

.form-control.form-control-solid {
    background: #f3f6f9
}

.review-bars-item {
    margin: 33px 24px;
    width: calc(50% - 30px)
}

.ribbon.ribbon-2.bg-2.text-white.background-orange {
    background-color: #ff4c00 !important
}

.site-main-back {
    background-color: #fff
}

.Newsletter {
    background-image: url(https://www.radiustheme.com/demo/wordpress/themes/foodymat/wp-content/uploads/2024/12/why-choose1-min.svg);
    padding-top: 30px;
    padding-bottom: 30px
}

.background-res {
    background-image: url(../images/about-1.png);
    height: 50%;
    width: 100%;
    background-repeat: no-repeat, repeat
}

.background-res2 {
    background-image: url(../images/about-2.png);
    height: 50%;
    width: 100%;
    background-repeat: no-repeat, repeat
}

.lazy.new {
    width: 20%
}

.about-per {
    text-align: center;
    padding-top: 50px
}

.fast-delivery {
    background-image: url(../images/about-3.png);
    height: auto;
    height: 381px;
    background-repeat: no-repeat
}

.for-delivery {
    text-align: center;
    padding-top: 136px
}

.color-white {
    color: #fff
}

.txt-app {
    font-size: 18px
}

.playstore {
    height: 80px
}

.appstore {
    height: 80px
}

.discount-sys {
    text-align: center;
    font-size: 20px
}

.category-main {
    background-color: #fff
}

.category-branch {
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border: 1px solid aliceblue;
    padding-bottom: 15px;
    padding-top: 15px
}

.pizaa {
    text-align: center;
    padding: 4px;
    font-size: 16px;
    color: #000
}

.user-chosen-select-container .user-chosen-select,
.user-chosen-select-container .chosen-single,
.user-chosen-select-container .chosen-choices {
    padding: 12px 20px;
    height: auto;
    color: #808996;
    border-color: rgba(128, 137, 150, 0.3);
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.site-main {
    background-color: #fff
}

.input-pass {
    border: none !important
}

.logo img {
    height: auto
}

@media(max-width:1279px) and (min-width:1023px) {
    .for-respro-table th {
        min-width: 160px
    }

    .btn-Purchase-Gift-Card {
        width: 30%
    }

    .btn-show-redeem {
        width: 36%
    }

    .info-box.info--box.js-tilt-2 {
        min-height: 380px
    }
}

@media(min-width:1279px) {
    .btn-show-redeem {
        width: 25%
    }
}

@media(max-width:992px) {
    .margin-coman {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media(max-width:815px) {

    .login.login-1 .login-aside,
    .login.login-1 .login-content {
        max-width: 50%;
        width: 50%
    }

    .login-aside img.site-logo {
        height: 75px
    }
}

@media(max-width:767px) {

    .login.login-1 .login-aside,
    .login.login-1 .login-content {
        max-width: 100%;
        width: 100%
    }

    .login-aside img.site-logo {
        height: 75px
    }

    .profile-responsive {
        flex-direction: column
    }
    /* 2-12-2025 */
    /* for contact us  */
    .cs_contact#contact .container form{
        margin-top: 20px;
    }
    /* .cs_contact#contact .theme-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    } */
    #mob-copyrights-section .copy-right.footer-color a{
        font-size: 12px;
    }
}

@media(max-width:576px) {
    .background-res {
        background-image: url(../images/about-1.png);
        height: 60%;
        width: 100%;
        background-repeat: no-repeat, repeat
    }

    .background-res2 {
        background-image: url(../images/about-2.png);
        height: 60%;
        width: 100%;
        background-repeat: no-repeat, repeat
    }

    .fast-delivery {
        margin-top: 100px
    }

    .playstore {
        height: 40px;
        margin-left: 10px
    }

    .appstore {
        height: 40px
    }
}

/* 11.07.2025 */
.sec-table-reserv .input-group.date.reservation-date input{
    padding: 20px 14px !important;
}
.main-categories-wrapper{
    padding: 12px;
    box-shadow: inset 0px 0px 1px 1px #E7E9EC;
    border-radius: 10px;
    background-image: url(../images/main-categories-wrapper-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s ease-in-out;
}
.main-categories-wrapper:hover{
    box-shadow: inset 0px 0px 1px 1px #ff4d00;
}
.main-categories-wrapper:hover img{
    transform: rotate(10deg);
}
.home-slider{min-height:auto}
.mob-header-wrapper{
    position: sticky;
    top: 70px;
    z-index: 999;
    background: #fff;
    padding: 12px;
}
.header-area{
    background: #000;
}
@media screen and (max-width:1023px) {
    .popular-category{
        height: 142px;
        width: 142px !important;
    }
}
@media (max-width: 991px) {
    .mob-header-wrapper .quick-search-form {
        display: block !important;
    }
}
@media screen and (max-width:767px) {
    .mob-header-wrapper {
        top: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    header.header-area{
        display: none;
    }
    #home-slider.home-slider{
        display: none;
    }
    /* .sec-table-reserv{
        display: none;
    } */
    .funfact-area.section--padding.order-app.mobile-image{
        display: none;
    }
    .hiw-area{
        display: none;
    }
    section.Newsletter{
        display: none;
    }
    section.footer-area{
        display: none;
    }
    /* section.combo-section{
        display: none;
    } */
}
@media (max-width: 575px) {
    .popular-category {
        height: 90px;
        width: 90px !important;
    }
    .homepg-category-section{
        background-image: url(	https://d37birv9zaylui.cloudfront.net/assets-website/images/home-table-reservation.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .category-area.homepg-category-section .section-heading .sec__title{
        color: #fff;
    }
    .category-area .pizaa{
        font-size: 14px;
    }
    .main-categories-wrapper{
        background-image: none;
        background: #fff;
    }
    .category-area.section--padding{
        padding-top: 10px;
    }
    /* .category-area .mob-browse-catbtn{
        position: fixed;
        bottom: 18px;
        width: 100%;
        text-align: center;
    } */
    .category-area .mob-browse-catbtn{
        padding-top: 0px;
    }
    
}
@media screen and (max-width:430px) and (min-width:400) {
    .popular-category {
        height: 100px;
        width: 100px !important;
    }
}
@media screen and (max-width:767px) {
    #kt_login.login.login-1 .login-aside{
        height: 100% !important;
        overflow-y: auto;
    }
}

@media screen and (max-width: 767px) {
    #kt_login.login.login-1 .login-aside.webuser-signup-wrapper {
        height: auto !important;
        overflow-y: unset;
    }
}
.login.login-1 .login-aside{
    position: relative;
    z-index: 1;
}
.login.login-1 .login-aside::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000057;
    z-index: -1;
}
.homepg-combo-slider-wrapper .card-image img{
    height: 200px;
    object-fit: cover;
}
.homepg-combo-slider-wrapper{
    overflow: hidden;
    border: 1px solid #ff4d00 !important;
    /* height: 100%; */
}

/* 15.07.2025 */

/* single add to cart sidebar design start  */ 
/* add group css 19-09-2025 regarding to #mySidenavCart-menu */
#mySidenavCart .closebtn,  #mySidenavCart-menu .closebtn{
    font-size: 30px;;
}
/* 16-07-2025  */
.cart_column_uniqe_same .cart-modifier-qty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}
.cart-modifier .cart_column_uniqe_same .add-notbtn:hover{
    background-color: #ff4d00 !important;
}
.cart_column_uniqe_same .less_more_single_addtocart .btn-comman {
    border-radius: 0;
    font-size: 14px;
    padding: 5px 8px;
    margin: 0;
}
.cart_column_uniqe_same .sidebar_span_qty span.font-weight-bolder{
    display: block;
    height: 100%;
    font-size: 14px;
    margin: 0;
    padding: 5px 8px;
    text-align: center;
}
.cart_column_uniqe_same .cart-modifier-qty .less_more_single_addtocart{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#mySidenavCart .cartnav-footer a>button.single_viewcrt_sidebar_botm_btn, #mySidenavCart-menu .cartnav-footer a>button.single_viewcrt_sidebar_botm_btn{
    /* display: flex; */
    /* gap: 10px; */
    /* flex-direction: column; */
    background: transparent !important;
    /* padding: 6px 0px 0px; */
}

/* #mySidenavCart .single_view_sidebr_card_total{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding-top: 14px;
} */
#mySidenavCart .single_view_sidebr_card_total span#findSideTotald,
#mySidenavCart-menu .single_view_sidebr_card_total span#findSideTotald {
    color: #ff4d00;
    font-size: 18px;
}
/* single add to cart sidebar design end  */
/* 16-07-2025 */
.responsive-column .footer-item .foot-links .list-items{
    flex-wrap: wrap;
}
/* view cart form section start  */
.booking-area .block-card .form-box .form-control-styled{
        border: 1px solid #ddd;
        box-shadow: none;
        border-radius: 4px;
}
.booking_area_view_cart.booking-area .block-card {
    padding: 15px 15px 0;
}
.booking_area_view_cart.booking-area .block-card .block-card-header{
    padding-bottom: 10px;
}
.booking_area_view_cart.booking-area .block-card .block-card-body{
    padding-top: 0;
}
.booking_area_view_cart.booking-area .cart-sidebar .block-card{
    padding: 15px 15px;
}
.booking-area .form-box .form-control-styled:focus{
        border-color: #ff4d00;
        box-shadow: none;
}
/* 18-07-2025 */
.booking-area .form-box .form-group .form-icon, .profile_flag_form_group .form-icon{
    color: #ff4d00;
    line-height: normal;
    margin-top: 1px;
}
/* 16-07-2025  */
.login-form-wrapper .login-form .form-group  input.form-control:focus{
border-color: #ff4d00;
    outline: none;
 }
 .login-form-wrapper .login-form .form-group input.form-control:hover {
    border-color: #ff4d00;
    outline: none;
 }
.booking-area .block-card{
    box-shadow: none;
}
.block-card{
    border-color: #ddd;
    box-shadow: none;
}
/* view cart form section end  */

/* menu category list start */
.category-menu-item-list-wrapper .card-item-list{
    flex-direction: column;
    margin-bottom: 0;
    height:100%;
    border:1px solid #ddd;
    transition:0.3s ease-in-out;
 }
 .category-menu-item-list-wrapper .card-item-list:hover{
    border-color:#ff4d00;
 }
 .category-menu-item-list-wrapper .card-item-list:hover .card-image img{
    transform: scale(1.1);
 }
 .category-menu-item-list-wrapper .card-item-list .card-content{
    width:100%;
    padding: 14px;
 }
 .category-menu-item-list-wrapper .card-item-list .card-image{
    width: 100%;
    border-top-right-radius: 8px;
    overflow: hidden;
    border-bottom-left-radius: 0;
    height: auto;
 }
 .category-menu-item-list-wrapper .card-item-list .card-image .card__img{
    width: 100%;
    object-fit:cover;
    border-bottom-left-radius: 0;
 }
 .category-menu-item-list-wrapper .card-item .card-title{
    font-size:14px;
    margin-bottom:2px;
    color:#000;
    line-height: normal;
 }
 @media only screen and (min-width: 320px) and (max-width: 479px) {
    .category-menu-item-list-wrapper .card-item-list .card-image .card__img {
       height:171px;
    }
    /* 15-09-2025 */
    .popular-category {
        height: 70px;
        width: 70px !important;
    }
 }

 body.modal-open{
    padding-right: 15px !important;
 }
 @media screen and (max-width:991px) {
    body.modal-open{
        padding-right: 0px !important;
     }  
 }
 /* Branch Location List */
 .branch-locationpg-filter-wrapper .form-box .form-group .form-icon{
    top: 11px;
    left: 14px;
 }
 .branch-locationpg-filter-wrapper #search-branch.form-control{
    padding: 8px 20px 8px 40px;
 }
 .branch-lication-listing-wrapper .branch-location.row{
    gap: 30px 0;
 }
 .branch-lication-listing-wrapper .branch-location .card-item{
    border: 1px solid #ddd;
    margin-bottom: 0;
    height: 100%;
    transition: 0.3s ease-in-out;
 }
 .branch-lication-listing-wrapper .branch-location .card-item:hover{
    border-color: #ff4d00;
 }
 .branch-lication-listing-wrapper .branch-location .card-item .card-content{
    padding: 14px;
 }
 .branch-lication-listing-wrapper .branch-location .card-item .card-image{
    overflow: hidden;
 }
 .branch-lication-listing-wrapper .branch-location .card-item .card-image .card__img{
    height: 180px;
    object-fit: cover;
    transition: 0.5s ease-in-out;
 }
 .branch-lication-listing-wrapper .branch-location .card-item:hover .card-image .card__img{
    transform: scale(1.05);
 }
 .branch-lication-listing-wrapper .branch-location .card-sub.d-flex.open-time>span{
    min-height: 60px;
 }

 /* Profile start */
 .sign-in-profile-wrapper{
    border-radius: 10px;
    overflow: hidden;
 }
 .sign-in-profile-wrapper .card-body .billing-content .input-box .form-group input[readonly] {
    cursor: not-allowed;
    background: #f5f5f5 !important;
 }
 .sign-in-profile-wrapper .card-body .billing-content .input-box .form-group input{
    background: #fff !important;
 }
 .sign-in-profile-wrapper .card-body .billing-content .input-box .form-group input:focus{
    border-color: #ff4d00;
 }
 .sign-in-profile-img-wrapper{
    border-bottom: 1px solid #ddd;
 }
 .sign-in-profile-wrapper .card-body .billing-content .form-box .form-group .form-icon{
    top: 12px;
    left: 10px;
    font-size: 24px;
 }

 /* view cart form design start  */
 .booking-area.booking_area_view_cart .block-card .form-box .form-control-styled:hover{
    border-color: #ff4d00;
 }
 .booking-area.booking_area_view_cart .block-card .form-box .form-control-styled:focus {
     border-color: #ff4d00;
 }
  .booking-area.booking_area_view_cart .block-card .form-box .form-control-styled:focus-within {
      border-color: #ff4d00 !important;
  }
.booking-area.booking_area_view_cart .block-card-body .btn-box{
    display: flex;
    align-items: center;
    justify-content: end;
}
 .booking-area.booking_area_view_cart .block-card-header .widget-title{
    padding-bottom: 3px;
 }
.booking-area.booking_area_view_cart.section--padding .cart-modifier {
    margin: 0 !important;
    padding-bottom: 0;
    /* border-bottom: none; */
}
@media only screen and (max-width: 1024px){
    .cart_column_uniqe_same .cart-modifier-qty {
        flex-direction: row;
    }
    .booking-area.booking_area_view_cart .block-card-body .no-gutters.add-btn-sec {
        justify-content: space-between;
        flex-direction: column;
        gap: 14px;
    }
    .booking-area.booking_area_view_cart .block-card-body .no-gutters.add-btn-sec .col-lg-4{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 992px){
    .booking-area.booking_area_view_cart .block-card-body .no-gutters.add-btn-sec {
        flex-direction: row;
    }
}
/* 18.07.2025 */
@media screen and (max-width: 768px){
    .booking-area.booking_area_view_cart .block-card{
        padding: 8px;
    }
}
 @media screen and (max-width:575px){
    .booking-area.booking_area_view_cart .block-card .block-card-header{
        flex-wrap: wrap;
    }
    .booking-area.booking_area_view_cart .block-card .block-card-header .widget-title{
        padding-bottom: 8px;
    }
    .booking-area.booking_area_view_cart.section--padding .section-block-2 {
        margin-top: 0 !important;
    }
    #mySidenavCart .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-text,
    #mySidenavCart-menu .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-text {
        width: 50%;
    }
    }
/* 18.07.2025 */
@media screen and (max-width: 375px) {
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
        top: -6px !important;
        width: calc(100% - 78%) !important;
    }
}
@media screen and (max-width: 360px) {
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
        top: -6px !important;
        width: calc(100% - 76%) !important;
    }
    .booking-area .block-card .form-box .form-group.cart_view_country_code_nbr_group .form-control-styled.cart_view_nbr_inpt {
        margin-left: 79px !important;
        width: calc(100% - 79px) !important;
    }
}
@media screen and (max-width: 320px){
    .cart_column_uniqe_same .cart-modifier-qty {
        flex-direction: column;
        gap: 14px;
    }
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
        top: -6px !important;
        width: calc(100% - 73%) !important;
    }

    .booking-area .block-card .form-box .form-group.cart_view_country_code_nbr_group .form-control-styled.cart_view_nbr_inpt {
        margin-left: 79px !important;
        width: calc(100% - 79px) !important;
    }
}
@media screen and (min-width: 819px) and (max-width: 860px) {
    .booking-area.booking_area_view_cart .block-card-body .no-gutters.add-btn-sec {
        flex-direction: row;
    }
}
  /* view cart form design end  */


/* 17.07.2025 */
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background: #fff !important;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    outline: 1px solid #ff4d00;
}
.iti--allow-dropdown .iti__flag-container:focus .iti__selected-flag {
    outline: 1px solid #ff4d00;
}
/* cart view for country code number start  */
.form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code, .profile_flag_form_group .iti.iti--allow-dropdown.iti--separate-dial-code{
    position: relative;
}
.form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container,
 .profile_flag_form_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container {
    position: static;
}
.form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag,
.profile_flag_form_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag{
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
    top: -5px;
    /* width: 20%; */
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 14px 2px;
    width: calc(100% - 80%);
    outline: none;
}
.booking-area .block-card .form-box .form-control-styled:focus{
    border-color: #ff4d00;
}
.booking-area .block-card .form-box .form-control-styled:focus-visible{
    border-color: #ff4d00;
}
.form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag:hover, 
.profile_flag_form_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag:hover{
    border-color: #ff4d00;
    outline: none;
    transition: all .3s;
}
.form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag:focus, 
.forprofile_flag_form_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag:focus {
    border-color: #ff4d00;
    outline: none;
}
.booking-area .block-card .form-box .form-group.cart_view_country_code_nbr_group .form-control-styled.cart_view_nbr_inpt,
.profile_flag_form_group .form-control-styled.cart_view_nbr_inpt {
    border: 1px solid #ddd;
    box-shadow: none;
    margin-left: 77px;
    position: absolute;
    top: -4px;
    width: calc(100% - 77px);
    padding-left: 16px !important;
    border-radius: 4px;
}
.booking-area .block-card .form-box .form-group.cart_view_country_code_nbr_group .form-control-styled.cart_view_nbr_inpt:hover,
 .profile_flag_form_group .form-control-styled.cart_view_nbr_inpt:hover{
    border-color: #ff4d00;
}
.booking-area .block-card .form-box .form-group.cart_view_country_code_nbr_group .form-control-styled.cart_view_nbr_inpt:focus, 
.profile_flag_form_group .form-control-styled.cart_view_nbr_inpt:focus {
    border-color: #ff4d00;
}
.booking_area_view_cart .block-card .block-card-header .btn-warning{
    background-color: #ff4d00;
    color: #fff;
    border-color: #ff4d00;
}
 /* @media screen and (max-width: 1024px){
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
        width: calc(100% - 73%);
    }
 } */
 @media screen and (min-width: 912px) and (max-width: 913px){
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
            width: calc(100% - 90%);
        }
 }
 @media screen and (min-width: 767px) and (max-width: 768px){
.form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag{
     width: calc(100% - 90%);
    }
  }
  @media screen and (min-width: 539px) and (max-width: 540px){
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
            width: calc(100% - 85%);
        }
  }
/* cart view for country code number end  */


/* delivery address form design start  */
 .delivery_address_form.form-box .form-group .form-icon{
    color: #ff4d00;
  }
  .delivery_address_form .form-control.input-bg{
    background-color: transparent !important;
    resize: none;
    border-color: #ddd;
    border-radius: 4px;
  }
  .delivery_address_form .form-control.input-bg:hover{
    border-color: #ff4d00;
  }
  .delivery_address_form .btn-box .theme-btn{
    border: 1px solid #ff4d00 !important;
    width: 50% !important;
  }
.delivery_address_form .btn-box{
    display: flex;
    align-items: center;
    /* justify-content: end; */
    justify-content: center;
}

@media screen and (max-width: 992px){
    .delivery_address_new_nd_edit {
            gap: 14px;
        }
}
/* delivery address form design end  */

.la-twitter:before {
    content: "\f099";
    content: "𝕏" !important;
    font-family: 'Roboto', sans-serif, Helvetica, Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}

/* items delete icon css start  */
.same_cart_section{
    position: relative;
}
.same_cart_section .sidebar_cart_delete_icon{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}
/* items delete icon css end  */
.homepg-combo-slider-wrapper .new-listing .card-content .card-title .product-name{
    min-height: auto;
}
.homepg-combo-slider-wrapper .card-content .card-title{
    flex-direction: column;
}
.header-menu-change-list-wrapper {
    gap: 12px;
}

/* cart sidebar bottom sub total and button start  */
#mySidenavCart .cartnav-footer a>button.single_viewcrt_sidebar_botm_btn .checkout-text,
#mySidenavCart-menu .cartnav-footer a>button.single_viewcrt_sidebar_botm_btn .checkout-text {
    font-size: 14px;
}

#mySidenavCart .cartnav-footer.single_viewcrt_sidebar_foot,
#mySidenavCart-menu .cartnav-footer.single_viewcrt_sidebar_foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid transparent;
    margin: 5px 0 5px !important;
    padding-top: 0;
    padding-bottom: 0;
}

#mySidenavCart .cartnav-footer a>button.single_viewcrt_sidebar_botm_btn,
#mySidenavCart-menu .cartnav-footer a>button.single_viewcrt_sidebar_botm_btn {
    display: block;
}

#mySidenavCart .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-text,
#mySidenavCart-menu .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-text {
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    border: 1px solid #ff4d00;
    border-radius: 4px;
    display: block;
    padding: 10px 24px;
}

#mySidenavCart .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-text:hover,
#mySidenavCart-menu .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-text:hover {
    background-color: #ff4d00 !important;
    color: #fff;
    transition: all 0.6s ease-out;
}

#mySidenavCart .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-amount,
#mySidenavCart-menu .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-amount {
    width: 100%;
}

.cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list.cart_modifier_type_list_sidebar .type-price {
    width: auto;
}

.cart_column_uniqe_same .cart-modifier-qty.cart-modifier-qty_combo {
    display: block;
}

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

    #mySidenavCart .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-text,
    #mySidenavCart-menu .cartnav-footer.single_viewcrt_sidebar_foot button .checkout-text {
        padding: 10px;
    }
}

/* cart sidebar bottom sub total and button end  */

/* view cart form button start  */
.booking-area.booking_area_view_cart .add-btn-sec.cart_view_btns_row{
    display: flex;
    gap: 14px;
    /* justify-content: center; */
    flex-wrap: wrap;
}
.booking-area.booking_area_view_cart .add-btn-sec.cart_view_btns_row .cart_view_btn .theme-btn{
   padding: 4px 6px;
}
/* 18-07-2025  */
input:-webkit-autofill {
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}
@media screen and (max-width: 992px){
    #setpickuptime .padding-cart-view-label {
        padding-top: 0 !important;
    }
}
/* view cart form button end  */

/* 18-07-2025  */
/* Customize Modifiers popup start  */
#OptionalModal .modal-header h2.widget-title{
    font-size: 28px !important;
}
#OptionalModal .modal-header button.close span {
    font-size: 40px !important;
}
.menu-item-size-modifier-wrapper .Add-Ingredients-sec1{
    font-size: 16px;
    font-weight: 500;
}
.menu-item-size-modifier-wrapper .Add-Ingredients-sec1.bg-gray{
    background-color: transparent !important;
    border: 1px solid #ff4d00;
    border-radius: 28px;
}
.menu-item-size-modifier-wrapper .Add-Ingredients-sec1.bg-green {
    background-color: #ff4d00;
    border: 1px solid #ff4d00;
}
.menu-item-size-modifier-wrapper .Add-Ingredients-sec1.bg-gray .color-black{
    text-align: center;
    display: block;
    line-height: 24px;
    margin-top: 2px;
}
.menu-item-size-modifier-wrapper .Add-Ingredients-sec1.bg-green .color-black {
    color: #fff;
    text-align: center;
    display: block;
    line-height: 24px;
    margin-top: 2px;
}
.menu-item-size-modifier-wrapper .Add-Ingredients-sec1.bg-gray:hover{
    background-color: #ff4d00 !important;
}
.menu-item-size-modifier-wrapper .Add-Ingredients-sec1.bg-gray:hover .color-black{
    color: #fff;
}
.menu-item-size-modifier-wrapper .widget-title{
    padding-bottom: 5px;
}
.block-card.show-all-modifire-wrapper .widget-title{
    padding-bottom: 5px;
}
.block-card.show-all-modifire-wrapper .modifier_group_hide_show_0 .user-card, .block-card.show-all-modifire-wrapper .modifier_group_hide_show_1 .user-card{
    border: 1px solid #ddd;
}
.block-card.show-all-modifire-wrapper .modifier_group_hide_show_0 .user-card:hover, .block-card.show-all-modifire-wrapper .modifier_group_hide_show_1 .user-card:hover{
    border: 1px solid #ff4d00;
}
.block-card.show-all-modifire-wrapper .modifier_group_hide_show_0 .user-card .btn:hover, .block-card.show-all-modifire-wrapper .modifier_group_hide_show_1 .user-card .btn:hover{
    background: #ff4d00;
    color: #fff;
}
.menu-item-size-modifier-wrapper .block-card-body .form-group select.user-chosen-select{
    font-size: 18px;
    border-color: #ddd;
    font-weight: 500;
}
.menu-item-size-modifier-wrapper .block-card-body .form-group select.user-chosen-select option {
    /* color: #ff4d00; */
    font-size: 18px;
}
/* .show-all-modifire-wrapper .block-card-body .form-group select.user-chosen-select:valid {
    color: #ff4d00;
} */
.menu-item-size-modifier-wrapper .block-card-body .form-group select.user-chosen-select:hover {
    border-color: #ff4d00;
}
.menu-item-size-modifier-wrapper .block-card-body .form-group select.user-chosen-select:focus-within {
    border-color: #ff4d00;
}
.block-card.show-all-modifire-wrapper .modifier_group_hide_show_0 h5.d-flex p{
    color: red;
}
.block-card.show-all-modifire-wrapper .modifier_group_hide_show_0 .card-header, .block-card.show-all-modifire-wrapper .modifier_group_hide_show_1 .card-header{
    background: #fff7f3;
}
.modifire-mail-item-section .modifire-main-item-detail-wrapper{
    height: 100%;
}
.menu-item-size-modifier-wrapper .modifire-size-price .modifire-size-price-custom-row{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.menu-item-size-modifier-wrapper .modifire-size-price .modifire-size-price-custom-row a.color-black{
    display: inline-block;
}
.menu-item-size-modifier-wrapper .modifire-size-price .modifire-size-price-custom-row a.color-black .Add-Ingredients-sec1 {
    padding: 7px 20px;
    display: inline-block;
}
.modifire-mail-item-section .container .row{
    gap: 24px 0px;
}

/* Customize Modifiers popup end  */

.homepg-combo-slider-wrapper .card-image{
    overflow: hidden;
}
.homepg-combo-slider-wrapper:hover .card-image img{
    transform: scale(1.05);
}
.homepg-favorites-items-list-section .card-image{
    overflow: hidden;
}
.homepg-favorites-items-list-section:hover .card-image img{
    transform: scale(1.05);
}
#mySidenavCart .cart_modifier_type_list_sidebar .type-list .type-price { 
    width: auto; text-wrap: nowrap; 
}
/* for combo edit icon sidebar start */
#mySidenavCart .edit_and_delete_icon .edit-icon{
    margin-right: 8px;
    font-size: 20px;
}


#categoryDrawer{
    width: 100% !important;
    max-width: 300px;
}
#categoryDrawer .category-item{
    margin-bottom: 4px;
    color: #000 !important;
    transition: 0.3s ease-in-out;
}
#categoryDrawer .category-item:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
#categoryDrawer .category-item:hover{
    color: #ff4d00 !important;
}
#categoryDrawer{
    border-radius: 10px !important;
    bottom: 144px;
    right: 30px;
    z-index: 998;
    border: 1px solid #ff4d00;
    max-height: 400px;
}

/* Home Booking Details popup  start*/
#bookingModal .modal-dialog.bookingModal_custom_dialog .form-control:hover{
    border-color:  #ff4d00;
}
#bookingModal .modal-dialog.bookingModal_custom_dialog .form-control:focus-within {
    border-color: #ff4d00;
    transition: all .3s;
}
/* #bookingModal .modal-dialog .btn.btn-primary:hover, #bookingModal .modal-dialog .modal-content .modal-header{
    padding: 10px;
} */
#bookingModal .modal-dialog.bookingModal_custom_dialog .btn.btn-primary:hover, #bookingModal .modal-dialog .btn.btn-primary:active{
    border-color: #ff4d00;
    background-color: #ff4d00;
}
#bookingModal .modal-dialog.bookingModal_custom_dialog .btn-close{
    background: transparent;
    border: 0;
    font-size: 30px;
    line-height: normal;
}
@media screen and (max-width: 1024px){
    #bookingModal .modal-dialog.bookingModal_custom_dialog {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
}

/* Home Booking Details popup  end*/


#otpVerifyModal .otp-inputfield-grp-wrapper{
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
#otpVerifyModal .otp-inputfield-grp-wrapper input{
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 42px;
    height: 42px;
    text-align: center;
}
#otpVerifyModal .otp-inputfield-grp-wrapper input:hover{
    border-color: #ff4d00;
}

#otpVerifyModal .otp-inputfield-grp-wrapper input:focus{
    border-color: #ff4d00;
}
#viewpromocodemodal input#promocode_for_going:hover, #viewpromocodemodal input#promocode_for_going:focus, #customerSelect:focus{
    border-color: #ff4d00;
}
#addtipmodal input#tip_amount, #addtipmodal input#tip_percentage, #customerSelect{
    border-left: 1px solid #ddd;
    border: 1px solid #ddd;
    box-shadow: none !important;
}
#addtipmodal input#tip_amount:hover, #addtipmodal input#tip_amount:focus, #addtipmodal input#tip_percentage:hover, #addtipmodal input#tip_percentage:focus{
    border-color: #ff4d00;
}
#addnotemodal #addnoteform textarea#typenotes:hover{
    border-color: #ff4d00;
}

#addnotemodal #addnoteform textarea#typenotes:focus{
    border-color: #ff4d00;
}
.same_cart_section .cart-modifier-type-list .qty-type .type-price{
    text-wrap: nowrap;
}
.cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list .type-price{
    text-wrap: nowrap;
}
.cart-sidebar .edit_and_delete_icon .edit-icon {
    margin-right: 8px;
    font-size: 20px;
}
/* 19-07-2025 */
.form-control.form-control-solid{
    background-color: #fff !important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #ff4d00;
    border-color: #ff4d00;
}
.form-control.form-control-solid {
    background: #ddd;
}
#addtipmodal #addtipform .form-box .form-group .form-icon{
    font-size: 14px;
}
.country-code-box .iti--separate-dial-code .iti__selected-flag {
    background-color: #fff;
}

/* 28-07-2025 */
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog{
    max-width: 350px;
}
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog .modal-title{
    font-size: 20px;
}
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog .modal-body input#loyalty_amount_input{
    padding: 20px 12px !important;
    border-radius: 4px !important;
    border-color: #ddd !important;
}
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog .modal-body input#loyalty_amount_input:hover{
    border-color: #ff4d00 !important;
}
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog .modal-body input#loyalty_amount_input:focus{
    border-color: #ff4d00 !important;
}
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog .modal-body .modal-content{
    padding: 10px;
}
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog .modal-body .loylty_btn{
    display: flex;
    align-items: center;
    justify-content: end;
}
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog .modal-body .loylty_btn .theme-btn{
    line-height: 35px;
}
@media screen and (max-width: 576px){
    .modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog {
        margin: 0 auto;
    }
}

/* loylty otp veriby  */
#verifyLoyaltyOtpModal .otp-inputfield-grp-wrapper{
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
#verifyLoyaltyOtpModal .otp-inputfield-grp-wrapper input{
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 42px;
    height: 42px;
    text-align: center;
}
#verifyLoyaltyOtpModal .otp-inputfield-grp-wrapper input:hover{
    border-color: #ff4d00;
}
#verifyLoyaltyOtpModal .otp-inputfield-grp-wrapper input:focus {
    border-color: #ff4d00;
}
.modal-dialog.modal-dialog-centered.loyalty_amount_modal_dialog .modal-body .modal-header .close span{
    font-size: 30px !important;
    display: block;
}

/* 01-08-2025 */
.login-form-wrapper .login-form .form-group input.form-control.input-pass{
    border: 1px solid #ddd !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 50px;
}
#kt_booking_form .custom-checkbox .home-check-minors::before{
    top: 0 !important;
}
.mob-header-wrapper#staff_table{
    z-index: 2;
}

/* staff table section  start*/
#staff_table .staff_table_text{
    /* 19-09-2025 */
    justify-content: space-between;
    /* 19-09-2025 */
    gap: 10px;
}
#staff_table .staff_table_text .btn{
    line-height: 20px;
}

#staff_table_header_wrapper.table_section, .shift_table_row_modal {
    background: #f5f7fb;
    padding: 10px 15px;
    /* 05-08-2025 */
    /* min-height: 450px; */
}
#staff_table_header_wrapper.table_section .table-row .row{
    gap: 16px 0px;
    padding: 0 10px !important;
}

#staff_table_header_wrapper.table_section h2, .shift_table_row_modal h2 {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#staff_table_header_wrapper .table-card,
.shift_table_row_modal .table-card{
    background-color: #fff;
    border-radius: 18px;
    padding: 24px 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-in-out;
    border: 2px solid transparent;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shift_table_row_modal .table-card:active, .shift_table_row_modal .table-card:focus{
    border-color: #ff4c00;
}

#staff_table_header_wrapper .table-card:hover, .shift_table_row_modal  .table-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
    border-color: #ff4c00;
}

#staff_table_header_wrapper .table-number, .shift_table_row_modal .table-number{
    font-size: 32px;
    font-weight: 700;
    color: #ff4c00;
    margin-bottom: 12px;
    margin-top: 12px;
    border-bottom: 1px solid #dddddd52
}

#staff_table_header_wrapper .table-person, .shift_table_row_modal .table-person{
    font-size: 16px;
    color: #555;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}


#staff_table_header_wrapper .table-person i,
#staff_table_header_wrapper .table-person .icon, .shift_table_row_modal  .table-person i, .shift_table_row_modal .table-person .icon{
    color: #007bff;
    font-size: 18px;
}

@media (max-width: 768px) {
    #staff_table_header_wrapper .table-card, .shift_table_row_modal .table-card{
        padding: 20px 15px;
    }

    #staff_table_header_wrapper .table-number, .shift_table_row_modal .table-number{
        font-size: 24px;
    }

    #staff_table_header_wrapper .table-person, .shift_table_row_modal .table-person {
        font-size: 14px;
    }

    #staff_table_header_wrapper .table_section .table-box, .shift_table_row_modal .table_section .table-box {
        margin-bottom: 14px;
    }

}

@media (max-width: 576px) {
    #staff_table_header_wrapper .table_section .table-box, .shift_table_row_modal .table-box{
        margin-bottom: 14px;
    }
    /* .booking_area_view_cart .block-card .cart-modifier-box .btn-box .finish_order_complete_order_btns {
        flex-direction: column;
    } */
    .booking-area.booking_area_view_cart .block-card-body .btn-box{
        display: block;
    }
    .booking-area.booking_area_view_cart .block-card-body .btn-box .finish_order_complete_order_btns{
        justify-content: space-between;
    }
    .booking-area.booking_area_view_cart .block-card-body .btn-box .finish_order_complete_order_btns a.theme-btn{
        padding: 3px 10px;
    }
}
/* staff table section  end*/
/* booking popu css  */
#bookingModal{
    top: 20%;
}
/* view cart complete payment popup css start */
#paymentMethodModal .modal-dialog .modal-content .modal-header .btn-close{
    border: 0;
    background-color: transparent;
    font-size: 30px;
    line-height: 30px;
    color: #808996;
}
#paymentMethodModal .modal-dialog .modal-content .modal-header .btn-close:hover{
    color: #000;
}

#paymentMethodModal .modal-dialog .modal-content .modal-header h5 {
    font-size: 20px;
}
#paymentMethodModal .modal-dialog .modal-content .modal-body .payment-option, #paymentModal .modal-dialog .modal-content .modal-body .payment-option{
    margin-bottom: 26px;
    gap: 20px;
}
#paymentMethodModal .modal-dialog .modal-content .modal-body .payment-option:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
    border-color: #ff4c00 !important;
}
/* category-menu-list popup start  */
#optionSelectModal .modal-dialog .modal-content .modal-header h5{
    font-size: 22px;
    line-height: 40px;
}
#optionSelectModal .modal-dialog .modal-content .modal-header{
    padding: 10px;
}
#optionSelectModal .modal-dialog .modal-content .modal-header .btn-close{
    font-size: 26px;
    background: transparent;
    border: 0;
}
/* 02-08-2025 */
#optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper .Add-Ingredients-sec1{
    background-color: transparent !important;
    /* border-color: #ff4c00 !important; */
    /* border: 1px solid; */
    /* border-radius: 50px; */
    padding: 0px;
}
/* 04-08-2025 */
#optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper{
    border-color: #ff4c00 !important;
    border: 1px solid;
    border-radius: 50px;
   /* width: 145px; */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.modifire-size-price-custom-row.row #sizeparent{
    align-items: center;
    justify-content: center;
}
#optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper .selectable-label{
    padding: 0;
    margin: 0;
    width: 100%;
}
#optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper .Add-Ingredients-sec1.bg-gray span.text_color {
   font-weight: 500;
    display: block;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #000;
}
#optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper input[type="checkbox"]:checked+label .Add-Ingredients-sec1 {
    background-color: #ff4c00 !important;
    border-color: #ff4c00 !important;
    color: #fff !important;
    border-radius: 50px;
    width: 100%;
}
#optionSelectModal .modal-dialog .modal-content .modal-footer .btn, #shiftTableModal .modal-dialog .modal-content .modal-footer .btn{
    background-color: #ff4c00 !important;
    border-color: #ff4c00 !important;
    color: #fff !important;
}
#optionSelectModal .modal-dialog .modal-content .modal-footer .btn:hover, #shiftTableModal .modal-dialog .modal-content .modal-footer .btn:hover{
    background-color: #fff !important;
    color: #000 !important;
    transition: all .3s ease;
}
#optionSelectModal .modal-dialog{
    max-width: 660px;
}
/* 04-08-2025 */
#optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper input[type="checkbox"]:checked+label .Add-Ingredients-sec1 .text_color {
    color: #fff !important;
}
#optionSelectModal .modal-dialog .modal-content .modal-body{
    /* height: 320px; */
    min-height: 200px;
    overflow-x: auto;
    padding: 30px 0px;
    max-height: 350px;
}
#staff_table_header_wrapper .table-box.Active a.table-card {
    border-color: #ff4c00 !important;
    background-color: #ff4c001f !important;
}
.modal-header .close{
    font-size: 30px;
}
#optionSelectModal .modal-dialog .modal-content .modal-body{
    padding: 0;
}
#optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row.row{
        margin: 10px;
}

/* 02-08-2025 */
.combo-cat-list.combo_cat_list_section .card-content .card-title.card_title_items span.badge{
    border: 1px solid #ff4c00 !important;
    display: inline-block;
    margin-bottom: 8px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}
.combo-cat-list.combo_cat_list_section .card-content .card-title.card_title_items span.badge:last-child{
    margin-bottom: 0;
}
.combo-cat-list.combo_cat_list_section .card-content .card-title.card_title_items span.badge:hover {
    background-color: #ff4c00;
}


/* VEG NON VEG FILLTER WRAPPER START  */
.veg-filter-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    margin-bottom: 0px;
    padding-top: 10px;
}

.veg-filter-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 10px;
    border-radius: 4px;
    background: #fff;
    transition: 0.3s ease;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.veg-filter-item.active {
    border-color: var(--theme-bgcolor);
}

.veg-filter-item img {
    height: 16px;
    margin-right: 8px;
}

.veg-filter-item input {
    display: none;
}

.no-items-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    text-align: center;
    width: 100%;
}
/* VEG NON VEG FILLTER WRAPPER END  */


/* ON CLICK LOYALTY BUTTON AFTER CLOSE OPACITY FOR  REMOVE CSS START  */
/* .modal-backdrop.fade.show{
    opacity: 0;
} */
/* ON CLICK LOYALTY BUTTON AFTER CLOSE OPACITY FOR  REMOVE CSS END  */

/* 04-08-2025  */

/* Category menu list  */
.category-menu-item-list-wrapper .card-item.card-item-list .addFavourite-heartbtn{
    position: absolute;
    top: 6px;
    right: 6px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}   
.row.combo-cat-list.combo_cat_list_section.combo_cat_list_section_gap{
    gap: 16px 0;
    padding-top: 10px;
}
input[type="radio"] {
    accent-color: #ff4c00;
}
input[type="radio"]:focus {
    accent-color: #ff4c00;
}
@media (max-width: 576px){
#optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper{
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    #optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper .Add-Ingredients-sec1.bg-gray span.text_color{
        width: 100%;
    }
    #optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper .selectable-label {
        width: 100%;
    }
    #optionSelectModal .modal-dialog .modal-content .modal-body .modifire-size-price-custom-row .size-price-wrapper input[type="checkbox"]:checked+label .Add-Ingredients-sec1 {
        width: 100%;
    }
    /* #optionSelectModal .modal-dialog .modal-content .modal-body {
        min-height: 320px;
    } */
}
/* fixed fillter button  */
 #categoryDrawer {
     position: fixed;
     bottom: 122px;
     left: 34px;
     width: auto;
     background-color: #fff;
     color: #000;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     border-bottom-left-radius: 10px;
     padding: 20px;
     z-index: 1055;
     max-height: 400px;
     overflow-y: auto;

     opacity: 0;
     /* 🔴 Hidden */
     visibility: hidden;
     /* 🔴 Hidden */
     transform: translateY(20px);
     /* slide slightly down */
     transition: all 0.3s ease-in-out;
 }

 #categoryDrawer::-webkit-scrollbar {
     width: 6px;
 }

 #categoryDrawer::-webkit-scrollbar-track {
     background: transparent;
 }

 #categoryDrawer::-webkit-scrollbar-thumb {
     background-color: rgba(255, 255, 255, 0.3);
     /* light thumb */
     border-radius: 4px;
 }

 /* Optional: On hover, make scrollbar more visible */
 #categoryDrawer::-webkit-scrollbar-thumb:hover {
     background-color: rgba(255, 255, 255, 0.5);
 }

 #categoryDrawer.active {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     /* slide up to visible position */
 }

 /* Category Item */
 #categoryDrawer .category-item {
     display: flex;
     justify-content: space-between;
     padding: 10px 0;
     border-bottom: 1px solid #ddd;
     font-size: 16px;
 }
 button#filterBtn svg {
     width: 28px;
     color: #fff;
     fill: #fff;
 }
 #filterBtn {
     position: fixed;
     /* bottom: 60px; */
     left: 20px;
     z-index: 999;
     width: 52px;
     height: 52px;
 }

 button#filterBtn svg {
     width: 28px;
     color: #fff;
     fill: #fff;
 }
 #categoryDrawer {
     width: 100% !important;
     max-width: 300px;
 }

 #categoryDrawer .category-item {
     margin-bottom: 4px;
     color: #000 !important;
     transition: 0.3s ease-in-out;
 }

 #categoryDrawer .category-item:last-child {
     margin-bottom: 0;
     border-bottom: none;
     padding-bottom: 0;
 }

 #categoryDrawer .category-item:hover {
     color: #ff4d00 !important;
 }

 #categoryDrawer {
     border-radius: 10px !important;
     bottom: 104px;
     right: 30px;
     z-index: 998;
     border: 1px solid #ff4d00;
 }

 #filterBtn,
 #closeBtn {
     background: var(--color);
     border: 1px solid var(--color);
     font-weight: 600;
     letter-spacing: 1px;
     line-height: normal;
     bottom: 74px;
     z-index: 998;
     left: 20px;
 }
 #closeBtn {
     position: fixed;
     /* bottom: 60px; */
     left: 20px;
     z-index: 1060;
     width: 52px;
     height: 52px;
     font-size: 36px;
 }
 #categoryDrawer {
     width: 100% !important;
     max-width: 300px;
 }

 #categoryDrawer .category-item {
     margin-bottom: 4px;
     color: #000 !important;
     transition: 0.3s ease-in-out;
 }

 #categoryDrawer .category-item:last-child {
     margin-bottom: 0;
     border-bottom: none;
     padding-bottom: 0;
 }

 #categoryDrawer .category-item:hover {
     color: #ff4d00 !important;
 }

 #categoryDrawer {
     border-radius: 10px !important;
     bottom: 104px;
     right: 30px;
     z-index: 998;
     border: 1px solid #ff4d00;
 }
/* 
 #filterBtn,
 #closeBtn {
     background: var(--btn-bg-color);
     border: 1px solid #ff4d00;
     font-weight: 600;
     letter-spacing: 1px;
     line-height: normal;
     bottom: 74px;
     z-index: 999 !important;
 } */
 /* 4-12-2025 */
 #filterBtn:focus,
 #closeBtn:focus, #filterBtn:active,
#closeBtn:active{
    box-shadow: none;
 }
 #closeBtn {
     position: fixed;
     /* bottom: 60px; */
     left: 20px;
     width: 52px;
     height: 52px;
     font-size: 36px;
 }

 #categoryDrawer {
     position: fixed;
     bottom: 122px;
     left: 34px;
     width: auto;
     background-color: #fff;
     color: #000;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     border-bottom-left-radius: 10px;
     padding: 20px;
     z-index: 1055;
     max-height: 400px;
     overflow-y: scroll;

     opacity: 0;
     /* 🔴 Hidden */
     visibility: hidden;
     /* 🔴 Hidden */
     transform: translateY(20px);
     /* slide slightly down */
     transition: all 0.3s ease-in-out;
 }

 #categoryDrawer::-webkit-scrollbar {
     width: 6px;
 }

 #categoryDrawer::-webkit-scrollbar-track {
     background: transparent;
 }

 #categoryDrawer::-webkit-scrollbar-thumb {
     background-color: rgba(255, 255, 255, 0.3);
     /* light thumb */
     border-radius: 4px;
 }

 /* Optional: On hover, make scrollbar more visible */
 #categoryDrawer::-webkit-scrollbar-thumb:hover {
     background-color: rgba(255, 255, 255, 0.5);
 }

 #categoryDrawer.active {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     /* slide up to visible position */
 }

 /* Category Item */
 #categoryDrawer .category-item {
     display: flex;
     justify-content: space-between;
     padding: 10px 0;
     border-bottom: 1px solid #ddd;
     font-size: 16px;
 }



 button#filterBtn svg {
     width: 28px;
     color: #fff;
     fill: #fff;
 }

 /* 05.08.2025 */
 @media screen and (max-width:575px) {
    .homepg-combo-slider-wrapper{
        height: auto;
    }
    .mob-header-wrapper h5{
        background: #ff4c00;
        padding: 5px 12px;
        color: #fff;
        border-radius: 4px;
    }
    .booking-area.booking_area_view_cart .add-btn-sec.cart_view_btns_row .cart_view_btn .theme-btn{
        font-size: 12px;
        padding: 6px 10px;
    }
 }
 .dropdown-menu.dropdown-menu-sm.dropdown-menu-right.animated--grow-in.py-2.show{
    top: 38px !important;
    left: -60px !important;
    padding: 6px 16px;
 }
 .dropdown-menu.dropdown-menu-sm.dropdown-menu-right.animated--grow-in.py-2.show  a.dropdown-item{
    padding: 4px 0;
    border-bottom: 1px solid #eee;
 }

 #optionSelectModal.category-menu-avaliabke-option-modal .modal-dialog .modal-content .modal-header .btn-close{
    line-height: 18px;
 }
 .category-menu-avaliabke-option-modal #optionModalBody{
    padding: 10px 18px !important;
 }
 .category-menu-avaliabke-option-modal #optionModalBody h6{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
 }
 .category-menu-avaliabke-option-modal #optionModalBody .row{
    gap: 12px 0;
 }
 .category-menu-avaliabke-option-modal #optionModalBody .size-price-wrapper{
    width: 100%;
 }
 .category-menu-avaliabke-option-modal #optionModalBody .size-price-wrapper label{
    width: 100%;
 }
 .category-menu-avaliabke-option-modal #optionModalBody .size-price-wrapper .Add-Ingredients-sec1{
    background: #fff;
    border: 1px solid #ff4d00;
    border-radius: 50px;
    width: 100%;
    padding: 6px 12px;
    font-weight: 500;
    color: #000;
    background: #fff;
 }
 #mob-copyrights-section p.copy__desc{
    font-size: 14px;
    margin: 0;
 }

 /* staff category section css start */
 .staff-category-list-row-main-wrapper{
    gap: 18px;
    background: #F0F7FF;
    padding: 24px;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    margin: 0;
 }
 .staff-category-list-row-main-wrapper .staff-category-list-wrapper .main-categories-wrapper{
    border: 1px solid #9C9C9C;
    padding: 6px 18px;
    background: #ffff;
    border-radius: 3px;
 }
 .staff-category-list-row-main-wrapper .staff-category-list-wrapper .main-categories-wrapper:hover{
    box-shadow: inset 0px 0px 1px 1px #ff4d00;
    border-color: #ff4d00 !important;
 }
 .staff-category-list-row-main-wrapper .staff-category-list-wrapper span.pizaa{
    padding-top: 0;
    font-weight: 500;
    font-size: 18px;
 }

 @media screen and (max-width:767px) {
    .staff-category-list-row-main-wrapper{
        gap: 12px;
    }
    .staff-category-list-row-main-wrapper .staff-category-list-wrapper .main-categories-wrapper{
        padding: 4px 14px;
    }
    .staff-category-list-row-main-wrapper .staff-category-list-wrapper span.pizaa{
        font-size: 14px;
    }
 }

 #staff_table.mob-header-wrapper{
    padding: 12px 0 0;
 }
 /* 18-09-2025  start*/
 /* #staff_table.mob-header-wrapper .staff_table_text{
    justify-content: space-between;
 } */
 /* 18-09-2025  end*/
 #staff_table.mob-header-wrapper .staff_table_text h5{
    background: #ff4c00;
    padding: 6px 10px;
    color: #fff;
    border-radius: 4px;
    text-wrap: nowrap;
    margin-bottom: 9px;
 }

 @media screen and (max-width:767px) {
  
    #staff_table.mob-header-wrapper{
        padding: 12px 6px;
    }
    .category-menu-avaliabke-option-modal #optionModalBody .size-price-wrapper .Add-Ingredients-sec1{
        text-align: center;
    }
 }

 .category-menu-item-slider-wrapper .categories-slider .owl-item .item span{
    margin-top: 0;
    min-height: auto;
 }

 .category-menu-avaliabke-option-modal #optionModalBody .size-price-wrapper label.active .Add-Ingredients-sec1{
    background: #ff4d00;
    color: #fff;
 }

 /* header.header-area .header-menu-wrapper .logo a img{
    height: 60px;
    width: auto;
    object-fit: contain;
} */
/* .mob-header-wrapper a img{
    height: 60px;
    width: 100%;
    object-fit: contain;
} */
/* #mob-copyrights-section .logo-wrapper img{
    height: 60px;
    width: 100%;
    object-fit: contain;
} */
 /* 08.08.2025 */
 /* Sticky header Buttons CSS Start */
 .sticky-btn-responce {
    position: sticky;
    top: 78px;
    justify-content: space-around;
    align-items: center;
    padding: 12px 12px;
    z-index: 9999;
    border: 1px solid #ff4d00;
    border-left: none;
    border-right: none;
    background: #fff;
    background: url(https://www.radiustheme.com/demo/wordpress/themes/foodymat/wp-content/uploads/2024/12/why-choose1-min.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sticky-btn-responce .responce-action-btn{
    padding: 6px 18px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    color: white;
    display: flex;
    align-items: center;
    gap: 6px;
    background: #ff4d00;
    font-size: 14px;
    line-height: normal;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.3s ease;
}
.sticky-btn-responce .responce-action-btn i.las{
    color: #fff;
    font-size: 20px;
}
.sticky-btn-responce .responce-action-btn:hover{
    transform: translateY(-2px);
    opacity: 0.9;
}
/* .sticky-btn-responce .water-btn  { background-color: #3DB2FF; } */
/* .sticky-btn-responce .waiter-btn { background-color: #FF6600; } */
/* .sticky-btn-responce .bill-btn   { background-color: #28a745; } */

/* 18-08-2025  */
.login.login-1 .login-content .login-form{
    margin: 0 auto;
}
.login-form-wrapper .login-form .form-group .country-code-box input.form-control{
    padding-right: 0;
}
#signup_phone:hover,
.login-form-wrapper .login-form .form-group .country-code-box input:hover {
    border: 1px solid #ff4c00 !important;
    outline: none !important;
}

.login-form-wrapper .login-form .form-group .country-code-box .iti--allow-dropdown .iti__selected-flag:hover {
    outline: none !important;
    box-shadow: none !important;
}

.login-form-wrapper .login-form .form-group .country-code-box .iti--allow-dropdown.iti--separate-dial-code {
    /* width: auto; */
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
}

.login-form-wrapper .login-form .form-group .country-code-box .iti--allow-dropdown.iti--separate-dial-code:hover {
    border: 1px solid #ff4c00 !important;
    border-radius: 4px;
}
.login-form-wrapper .login-form .form-group .country-code-box .iti--allow-dropdown.iti--separate-dial-code .iti {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Flag container */
.login-form-wrapper .login-form .form-group .country-code-box .iti--allow-dropdown.iti--separate-dial-code .iti__flag-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px; /* fixed width for flag box */
    height: auto; /* same as input */
    /* border: 1px solid #ccc; */
    border-right: none; /* merge with input */
    border-radius: 6px 0 0 6px;
    background: #fff;
}

/* Dial code inside flag box (+91) */
.login-form-wrapper .login-form .form-group .country-code-box .iti--allow-dropdown.iti--separate-dial-code .iti__selected-dial-code {
    font-size: 14px;
    font-weight: 500;
    margin-left: 6px;
}

/* Phone input */
#signup_phone {
    flex: 1;
    border: 1px solid #ccc;
    border-left: none; /* merge with flag box */
    border-radius: 0 6px 6px 0;
    height: 47px;
    padding: 0 12px !important;
    font-size: 15px;
    border-radius: 4px;
}

/* Focus state */
#signup_phone:focus,
.iti__flag-container:focus-within {
    border-color: #ff4c00 !important;
    outline: none;
}
#kt_login .login-aside .login-truffle .truffle-link{
    max-width: 250px;
    width: auto;
}
.form-control:hover{
    border-color: #ff4c00 !important;
}
.category_menu_list_name_readbtn .readmore-text{
    text-wrap: nowrap;
}
/* Responsive (mobile smaller height) */
@media (max-width: 576px) {
    .login-form-wrapper .login-form .form-group .country-code-box .iti--allow-dropdown.iti--separate-dial-code .iti__flag-container {
        min-width: 50px;
        height: 60px;
    }
    #signup_phone {
        height: 60px;
        font-size: 14px;
        border-radius: 6px;
    }
    .login-form-wrapper .login-form .form-group .country-code-box .iti--allow-dropdown.iti--separate-dial-code{
        border: 0;
        border-radius: 4px;
    }
    .country-code-box .iti--separate-dial-code .iti__selected-flag {
        background-color: #fff;
        height: 47px;
    }
}

/* Responsive reCAPTCHA */
@media screen and (max-width: 400px) {
    .g-recaptcha {
        transform: scale(0.90);
        /* Adjust scale for small screens */
        -webkit-transform: scale(0.90);
        transform-origin: 0 0;
        /* Keep aligned left */
        -webkit-transform-origin: 0 0;
    }
}

@media screen and (max-width: 320px) {
    .g-recaptcha {
        transform: scale(0.75);
        /* Even smaller for extra small screens */
        -webkit-transform: scale(0.75);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
/* 19-08-2025 */
.veg-filter-wrapper.home_page_category_select_wrapper {
    align-items: center;
}

.veg-filter-wrapper.home_page_category_select_wrapper label {
    margin: 0;
}

/* .veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
} */

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.veg-filter-wrapper.home_page_category_select_wrapper .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    transition: 0.4s;
    border-radius: 50%;
}

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider {
    background-color: #000;
}

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider:before {
    transform: translateX(22px);
}

@media screen and (max-width:576px) {
    .veg-filter-wrapper.home_page_category_select_wrapper {
        padding: 3px 6px;
        justify-content: center;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch {
        width: 32px;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper .slider:before {
        height: 15px;
        width: 15px;
        bottom: 4px;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper span {
        display: block;
        text-wrap: nowrap;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper .veg-filter-item {
        padding: 4px 10px;
        gap: 10px;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper .slider>* {
        left: -7px;
    }

    /* .veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider:before {
        transform: translateX(10px);
    } */
}

@media screen and (max-width:320px) {
    .veg-filter-wrapper.home_page_category_select_wrapper .veg-filter-item {
        padding: 4px;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper {
        gap: 0;
    }
}


.veg-filter-wrapper.home_page_category_select_wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.veg-filter-wrapper.home_page_category_select_wrapper label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 14px;
    cursor: pointer;
    gap: 10px;
}

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 18px;
    flex-shrink: 0;
}

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.veg-filter-wrapper.home_page_category_select_wrapper .slider>* {
    position: absolute;
    height: 26px;
    width: 26px;
    left: -6px;
    bottom: -4px;
    padding: 2px;
    transition: 0.4s;
}

.home_page_category_select_wrapper.veg-filter-wrapper #jain-option .toggle-switch input:checked+.slider {
    background-color: #0627FF;
}

.home_page_category_select_wrapper.veg-filter-wrapper #jain-option .slider svg {
    fill: #0627FF;
}

.home_page_category_select_wrapper.veg-filter-wrapper #jain-option .toggle-switch input:checked+.slider svg {
    transform: translateX(22px);
}

.home_page_category_select_wrapper.veg-filter-wrapper #veg-option .toggle-switch input:checked+.slider {
    background-color: #026e02;
}

.home_page_category_select_wrapper.veg-filter-wrapper #veg-option .slider img {
    object-fit: contain;
}

.home_page_category_select_wrapper.veg-filter-wrapper #veg-option .toggle-switch input:checked+.slider img {
    transform: translateX(22px);
}

.home_page_category_select_wrapper.veg-filter-wrapper #non-veg-option .toggle-switch input:checked+.slider {
    background-color: #c32809;
}

.home_page_category_select_wrapper.veg-filter-wrapper #non-veg-option .slider img {
    object-fit: contain;
}

/* .home_page_category_select_wrapper.veg-filter-wrapper #non-veg-option .toggle-switch input:checked+.slider img {
    transform: translateX(22px);
} */

@media (max-width: 480px) {
    .veg-filter-wrapper.home_page_category_select_wrapper {
        gap: 12px;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper label {
        font-size: 12px;
    }
}

.veg-filter-wrapper.home_page_category_select_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch {
    position: relative;
    display: inline-block;
}

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.veg-filter-wrapper.home_page_category_select_wrapper .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 3px;
}

/* .slider img {
      height: 20px;
      width: 20px;
      border-radius: 50%;
      transition: transform 0.4s;
  } */

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider {
    background-color: #2196F3;
    justify-content: flex-end;
}

.veg-filter-wrapper.home_page_category_select_wrapper #jain-option input:checked+.slider {
    background-color: #007bff;
}

.veg-filter-wrapper.home_page_category_select_wrapper #veg-option input:checked+.slider {
    background-color: #28a745;
}

.veg-filter-wrapper.home_page_category_select_wrapper #non-veg-option input:checked+.slider {
    background-color: #dc3545;
}

.veg-filter-wrapper.home_page_category_select_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 5px 10px;
}

/* .veg-filter-wrapper.home_page_category_select_wrapper label {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
      cursor: pointer;
      margin: 0;
  } */

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* .slider img,
  .slider svg {
      position: absolute;
      height: 18px;
      width: 18px;
      bottom: 2px;
      left: 3px;
      transition: transform 0.4s;
  } */

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider {
    justify-content: flex-end;
}

.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider img,
.veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider svg {
    transform: translateX(22px);
}

.veg-filter-wrapper.home_page_category_select_wrapper #jain-option input:checked+.slider {
    background-color: #007bff;
}

#veg-option input:checked+.slider {
    background-color: #28a745;
}

#non-veg-option input:checked+.slider {
    background-color: #dc3545;
}

@media (max-width: 576px) {
    .veg-filter-wrapper.home_page_category_select_wrapper {
        gap: 10px;
        justify-content: center;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch {
        width: 36px;
        height: 18px;
    }
         .veg-filter-wrapper.home_page_category_select_wrapper .slider>* {
             left: -7px !important;
         }

    /* .veg-filter-wrapper.home_page_category_select_wrapper .slider img,
    .veg-filter-wrapper.home_page_category_select_wrapper .slider svg {
        height: 14px;
        width: 14px;
        bottom: 2px;
        left: 2px;
    } */
    /* 
    .veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider img,
    .veg-filter-wrapper.home_page_category_select_wrapper .toggle-switch input:checked+.slider svg {
        transform: translateX(16px);
    } */
    /* 20-08-2025 */
        #categoryDrawer{
            z-index: 10599;
            bottom: 113px;
        }
}

@media (max-width: 320px) {
    .veg-filter-wrapper.home_page_category_select_wrapper {
        gap: 5px;
    }

    .veg-filter-wrapper.home_page_category_select_wrapper label {
        font-size: 12px;
    }
}
.form-control::placeholder{
    font-weight: normal;
}

/* 20.08.2025 */
@media screen and (max-width:1199px) and (min-width:992px) {
    .cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list{
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
    }
    .cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list .type-price{
        width: 60%;
        text-align: left;
        margin-left: 32px;
    }
    .cart_column_uniqe_same .less_more_single_addtocart .btn-comman {
        font-size: 8px;
        padding: 2px 4px;
    }
}




/* 19-09-205 updated start */
@media screen and (min-width: 768px) {
    .sidebar-top.mobile-staff-cart {
        display: none;
    }
}

@media screen and (min-width: 408px) and (max-width: 767px) {
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
        width: calc(100% - 81%) !important;
    }
}

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

    .staff-category-slider-main-wrapper #mySidenavCart.cart-nav,
    .staff-category-slider-main-wrapper #mySidenavCart-menu.cart-nav {
        display: none;
    }

    /* .mob-header-wrapper a img {
        height: 60px;
        width: 100%;
        object-fit: contain;
    } */
}
/* 19-09-205 updated end */
@media screen and (max-width:426px) and (min-width:340px) {
    .cart-modifier .cart-modifier-body .cart-modifier-type-list .type-list .type-price {
        width: 40%;
    }
}
/* home Table Reservation  */
#kt_booking_form .custom-checkbox .home-check-minors::before, #kt_booking_form .custom-checkbox .home-check-minors::after{
    top: 1px !important;
}
.staff-category-slider-main-wrapper #mySidenavCart.cart-nav .cartnav-body,
.staff-category-slider-main-wrapper #mySidenavCart-menu.cart-nav .cartnav-body {
    max-height: 400px;
    scrollbar-width: auto;
}

.staff-category-slider-main-wrapper #mySidenavCart.cart-nav .cartnav-body .cart-modifier,
.staff-category-slider-main-wrapper #mySidenavCart-menu.cart-nav .cartnav-body .cart-modifier {
    padding-bottom: 0;
}

#staff_table_header_wrapper .table-row{
    margin-bottom: 24px;
}
#staff_table_header_wrapper .table-row .table-box.Active{
    border-color: transparent;
}
.header-menu-wrapper.header-fixed{
    position: sticky !important;
}

@media screen and (max-width:767px) {   
    .staff-category-slider-main-wrapper #mySidenavCart.cart-nav,
    .staff-category-slider-main-wrapper #mySidenavCart-menu.cart-nav {
        display: none;
    }

    /* .mob-header-wrapper a img {
        height: 60px;
        width: 100%;
        object-fit: contain;
    } */
    .profile-menus.header_sprofile_dropdown_warpper{
        display: block;
    }
/* 13-09-2025 */
.total-amountcount-number-wrapper h4 {
    text-align: center;
}
}

/* 21.08.2025 */
.total-amountcount-number-wrapper{
    gap: 10px 0;
    background: #fff;
    padding: 12px;
    border: 1px solid #ffe3d7;
    border-radius: 4px;
    justify-content: space-between;
}

.dinein-takeaway-btn-wrapper{
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-end;
}
.dinein-takeaway-btn-wrapper .btn-grp-wrapper{
    display: flex;
    gap: 6px;
    align-items: center;
}
.dinein-takeaway-btn-wrapper .btn-grp-wrapper input[type="radio"]{
    width: 20px;
    height: 20px;
}
.dinein-takeaway-btn-wrapper .btn-grp-wrapper label{
    margin-bottom: 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
/* 23-08-2025 */
.single_addtocart_btn.disabled {
    opacity: 0.5;
}
.single_addtocart_btn.plus_minusdisabled {
   background-color: transparent;
}
.cart-modifier .cart-modifier-qty .single_addtocart_btn.plus_minus.disabled a.btn{
    color: #000 !important;
}
.cart-modifier .cart-modifier-qty .single_addtocart_btn.plus_minus.disabled a.btn:hover{
    background-color: #fff !important;
    color: #000 !important;
}
.cart-modifier .cart-modifier-qty .single_addtocart_btn.disabled a.btn:hover{
    color: #fff !important;
}
#discount_amount{
    margin-right: 10px!important;
}
/* 01-09-2025 */
.home_page_category_select_wrapper .main-categories-wrapper .inner-text .categories-text{
    text-wrap: wrap;
}
/* 02.09.2025 */
.column-gridbutton-wrapper button{
    font-size: 12px;
    font-weight: 500;
}
@media screen and (max-width: 575px) {
    /* apply only when wrapper has w-100 (2-column mode) */
    .main-categories-wrapper.w-100  .pizaa {
      font-size: 14px !important;
    }
  }
  #staff_table_header_wrapper .staff_table_shift_btns_warrpper{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
    #staff_table_header_wrapper .staff_table_shift_btns_warrpper .shift-table-btn{
        display: block;
        line-height: normal;
    }
    /* 03-09-2025 */
    .mob-header-wrapper#staff_table .mob-header-profile-option-wrapper{
        display: flex;
        align-items: baseline;
        gap: 10px;
        /* flex-direction: column; */
        /* margin-bottom: 10px; */
        justify-content: space-between;
    }
.mob-header-wrapper#staff_table .mob-header-profile-option-wrapper .theme-btn{
    padding: 6px 10px;
}
.mob-header-profile-option-wrapper .mobile_btn_thems_btn{
    display: flex;
    align-items: center;
    justify-content: end;
}
/* 04-09-2025 */
.category-menu-item-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: column;
}

.category-menu-item-list-wrapper .card-item-list {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    margin-bottom: 0;
    border: 1px solid #ddd;
    transition: 0.3s ease-in-out;
    min-height: 100%;
    height: auto;
}
.nav-link.dropdown-toggle.after-none.d-flex.header_profile_mobile_warpper {
    display: none !important;
}

@media (max-width: 767px) {
    .nav-link.dropdown-toggle.after-none.d-flex.header_profile_mobile_warpper {
        display: flex !important;
        padding: 0;
    }
    body .dropdown-menu.dropdown-menu-sm.dropdown-menu-right.animated--grow-in.py-2.show {
        transform: none !important;
    }
    #staff_table .staff_table_text .header_table_no_logout_btns{
        display: flex;
        align-items: center;
        justify-content: end;
    }
    #staff_table.mob-header-wrapper .staff_table_text h5{
        margin: 0;
        padding: 4px 6px;
    }
    .dropdown-menu.dropdown-menu-sm.dropdown-menu-right.animated--grow-in.py-2.show {
        top: 56px !important;
        right: 6px;
        width: 50%;
    }
    .dropdown-menu.dropdown-menu-sm.dropdown-menu-right.animated--grow-in.py-2.show {
         left: auto !important;
    }
    .header_profile_mobile_warpper .user-thumb.mobile_profile_thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 1px solid #ff4c00;
        background-color: transparent;
    }
}

/* 05-09-2025 */

@media (min-width: 600px) and (max-width: 1900px) {
    #homepg-column-change {
        display: none;
    }
}
@media (max-width: 599px){
    #homepg-column-change {
        display: block;
    }
    .homepg_column_change_switch_btn_wrapper {
        display: flex;
        align-items: center;
        justify-content: end;
    }
}
.credit_total_due_amount_warpper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 7px;
}
.credit_total_due_amount_warpper .credit_limit_inr{
    color: #000;
    font-weight: 500;
}
.credit_total_due_amount_warpper .total_due{
    color: #ff0000;
    font-weight: 500;
}
.credit_transaction_table_warpper{
    border: 1px solid #ddd;
    border-radius: 4px;
}
.credit_main_warpper .card-header, .credit_table_warpper .card-header, .credit_table_warpper thead.table_light{
    background-color: #e9ecef;
    
}
.credit_table_warpper thead.table_light tr th{
    text-wrap: nowrap;
}
#kt_profile_aside .card .cardmain-profile{
    border-radius: 4px;
}
.credit_transaction_table_warpper .table-responsive{
    height: 320px;
    overflow-x: auto;
}
.credit_main_warpper .credit_btn_process_warpper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.credit_main_warpper .credit_btn_process_warpper .credit_btn_process{
    background-color: #ff4c00;
    color: #fff;
}
/* category menu list  sidebar cart css  start */
#mySidenavCart{
    height: 100%;
}
.staff-category-slider-main-wrapper .category_menu_items_warpper{
    height: 440px;
    overflow-y: scroll;
}
/* category menu list  sidebar cart css  end */    
 /* 06-09-2025 */
 .shft_table_popup_wrapper .table-card {
     border: 1px solid #ff4c00;
     border-radius: 4px;
     transition: all 0.3s ease;
     cursor: pointer;
 }

 .shft_table_popup_wrapper .table-card:hover {
     background: #fff7f0;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     transform: translateY(-3px);
 }

 .shft_table_popup_wrapper .table-number {
     font-size: 22px;
     font-weight: bold;
     color: #ff4c00;
 }
 /* 09-09-2025 */
 .modal-dialog.shift_table_row_modal_wrapper{
    max-width: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 100%; */
}
  .shift_table_row_modal_wrapper .table-row .row{
    gap: 28px 0;
  }
  .shift_table_row_modal .table-card{
    padding: 10px;
  }
  /* 12-09-2025 */
  .form-control:focus{
    border-color: #ff4c00;
  }
  /* 13-09-2025 */
  .category-area.homepg-category-section .square-box .main-categories-wrapper{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100% !important;
  }
   .category-area.homepg-category-section .square-box{
        display: flex;
        flex-direction: column;
   }
/* .category-area.homepg-category-section .square-box .main-categories-wrapper .popular-category{
    height: auto;
    width: 100% !important;
} */
.category-area.homepg-category-section .container-f .column-gridbutton-wrapper{
    display: flex;
    align-items: center;
    justify-content: end;
}
#mob-copyrights-section{
    border-top: 1px solid #ddd;
}
/* 15-09-2025 */
#mob-copyrights-section .copy__desc a{
    color: #ff4d00;
}
/* 23-09-2025 */
.login-content .truffle-link {
    max-width: 250px;
    display: block;
}
 /* .login-aside.login-truffle{
    height: 100vh !important;
 } */
@media only screen and (width: 1080px) {
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
        width: calc(100% - 74%);
    }
}
@media only screen and (width: 1024px) {
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
        width: calc(100% - 74%);
    }
    /* 23-09-2025 */
   
    .login-aside.login-truffle,
    .login-aside .login-content {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
    }
    .login-aside.login-truffle {
        height: 100% !important;
    }
}
@media only screen and (width: 810px) {
    .form-group.cart_view_country_code_nbr_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
        width: calc(100% - 89%);
    }
}

/* 16-09-2025 */
:root {
    --g-0: 0;
    --g-1: .25rem;
    --g-2: .5rem;
    --g-3: 1rem;
    --g-4: 1.5rem;
    --g-5: 3rem;
    --color:#ff4d00;
}

@media (max-width: 991.98px) {

    /* default gutter variable on row (falls back to 0) */

    /* 19-09-2025 updated start*/
    .homepg-category-section .row, .combo_cat_list_section_gap.row {
        /* --g: 0; */
        display: flex;
        flex-wrap: wrap;
        margin-left: calc(var(--g) * -0.5);
        margin-right: calc(var(--g) * -0.5);
    }

    /* children get side padding and vertical spacing */
    .homepg-category-section .row>*, .combo_cat_list_section_gap.row>*{
        padding-left: calc(var(--g) * 0.5);
        padding-right: calc(var(--g) * 0.5);
        margin-bottom: var(--g);
    }
    /* 19-09-2025 updated end*/
    /* helper classes that set the gutter variable */
    .g-0 {
        --g: var(--g-0);
    }

    .g-1 {
        --g: var(--g-1);
    }

    .g-2 {
        --g: var(--g-2);
    }

    .g-3 {
        --g: var(--g-3);
    }

    .g-4 {
        --g: var(--g-4);
    }

    .g-5 {
        --g: var(--g-5);
    }

    .row.combo-cat-list.combo_cat_list_section.combo_cat_list_section_gap {
        gap: 0px 0;
    }

    .row.combo-cat-list {
        gap: 0px 0;
    }
}
/* 18-09-2025  */
#staff-table-subheader-wrapper{
    display: block;
}
@media (min-width: 992px) {
    .staff_all_browser_search_display_sub_wrapper .quick-search-form {
        display: none !important;
    }
    .staff_all_browser_search_display_sub_wrapper {
        margin-top: 6px;
        margin-right: 6px;
    }
    #staff-table-subheader-wrapper .responsive_header_logo{
        height: auto;
    }
    #staff-table-subheader-wrapper{
        display: block !important;
    }
}
@media (max-width: 991px){
    .staff_all_browser_search_display_sub_wrapper .quick-search-form{
        display: block !important;
        margin-top: 6px;
        margin-right: 6px;
    }
    .logo.staff_logo_header_logo .staff_all_browser_search_display_sub_wrapper .quick-search-form .header-search-desk input{
        border-radius: 0;
    }
    .logo.staff_logo_header_logo .staff_all_browser_search_display_sub_wrapper .quick-search-form .header-search-desk .theme-btn.mobile_searchbar_submit_btn {
        padding: 10px;
        height: auto !important;
    }
    .staff_header_search_ipad{
        display: flex;
    }
.staff_header_search_ipad .table_view_all_resolution_wrapper {
    align-items: center;
    justify-content: center;
}
    /* 23-09-2025 */
    .login-aside.login-truffle, .login-aside .login-content {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
    }
    .login-aside.login-truffle {
        height: 100% !important;
    }
}
/* 23-09-2025 */
.header_sprofile_dropdown_warpper.responsive_profile {
    display: none !important;
}
/* 19-09-2025 */
@media (min-width: 768px){
    .staff_all_browser_search_display_sub_wrapper.ipad_staff_all_browser_search_hide{
        display: none;
    }
}
/* 23-09-2025 */
#staff-table-subheader-wrapper .desktop_search_search_hide{
    display: none;
}
#staff-table-subheader-wrapper .mob-header-wrapper{
    padding: 0 !important;
}
#staff-table-subheader-wrapper .mob-header-wrapper .staff_table_text{
    padding: 10px;
}
/* 25-09-2025 */
@media (min-width: 768px) and (max-width: 912px){
    .custom_container .menu-full-width .mobile-searchnew{
        display: none !important;
    }
}
@media (max-width: 767px) {
    .mob-header-wrapper.all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 10px;
    }
        #staff-table-subheader-wrapper {
            display: block;
        }
     .mob-header-wrapper.all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .quick-search-form, .staff_all_browser_search_display_sub_wrapper .quick-search-form{
        width: 100% !important;
        max-width: 100% !important;
        
    }
    .mob-header-wrapper.all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .header-search-desk.active input{
        padding: 3px 7px !important;
    }
    .mob-header-wrapper.all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .theme-btn.mobile_searchbar_submit_btn, #staff-table-subheader-wrapper  .theme-btn.mobile_searchbar_submit_btn{
        height: auto !important;
        padding: 8px 10px;
    }
    .mob-header-wrapper.all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .search_bar_btns_warpper{
        display: -webkit-flex;
            /* Safari, Chrome */
            display: -ms-flexbox;
            /* IE 10 */
            display: flex;
            /* Modern browsers */
        
            -webkit-align-items: center;
            /* Safari */
            -ms-flex-align: center;
            /* IE 10 */
            align-items: center;
        
            -webkit-flex-direction: column-reverse;
            /* Safari, Chrome */
            -ms-flex-direction: column-reverse;
            /* IE 10 */
            flex-direction: column-reverse;
        
            -webkit-gap: 10px;
            /* Safari */
            gap: 10px;
    }
    .mob-header-wrapper h5 {
        background: #ff4c00;
        padding: 5px 12px;
        color: #fff;
        border-radius: 4px;
    }
    .mob-header-wrapper.all_browser_search_bar_display_header, #staff-table-subheader-wrapper,  #staff-table-subheader-wrapper .mob-header-wrapper{
        background-color: #000 !important;
        /* 30-09-2025 start */
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100%;
        gap: 10px;
        /* 30-09-2025 end */
    }
        #staff-table-subheader-wrapper .theme-btn.mobile_searchbar_submit_btn{
            padding: 8px 12px;
        }
        #staff_table .staff_table_text .header_table_no_logout_btns {
            gap: 4px;
        }
        .header_search_bar_desk.header-search-desk{
            align-items: normal !important;
            
        }
    .header_search_bar_desk.header-search-desk input{
        border-radius: 0 !important;
        /* padding: 3px 7px !important; */
    }
    .all_browser_search_bar_display_header .mob-header-profile-option-wrapper{
        display: flex;
        align-items: center;
        justify-content: end;
        width: 100%;
    }
    /* 23-09-2025 */
    .header_sprofile_dropdown_warpper.responsive_profile {
        display: block !important;
        width: 100%;
    }
    .header_sprofile_dropdown_warpper.responsive_profile .nav-link.dropdown-toggle{
        padding: 0;
    }
    #staff-table-subheader-wrapper .mob-header-wrapper .staff_table_text .theme-btn{
        padding: 4px 6px;
    }
    .header_sprofile_dropdown_warpper.responsive_profile .nav-link.dropdown-toggle .user-thumb-sm{
        width: 30px;
        height: 30px;
        background-color: transparent;
        border: 0;
    }
    /* .mob-header-wrapper a.responsive_header_logo {
        max-width: 150px !important;
        max-height: 150px;
        height: 100%;
        object-fit: contain;
        margin-right: 10px;
    } */
    .header_sprofile_dropdown_warpper.responsive_profile .nav-link.dropdown-toggle .user-thumb-sm img{ 
        width: 30px;
        height: 30px;
        object-fit: cover;
        border: 0;
    }
    #staff-table-subheader-wrapper .mob-header-wrapper .staff_table_text .responsive_profile .dropdown-menu.dropdown-menu-sm.dropdown-menu-right.animated--grow-in.py-2.show{
        width: auto;
    }   
    #staff-table-subheader-wrapper .desktop_search_search_hide {
        display: block;
    }
    .category_menu_items_warpper{
        height: auto !important;
    }
    /* #staff-table-subheader-wrapper .container{
        padding-left: 12px;
        padding-right: 12px;
    } */
    #staff-table-subheader-wrapper .staff_table_text{
        padding: 0 !important;
        justify-content: right;
}
    /* 09-10-2025 */
    .staff_my_profile_form_group.form_group_reponsive_m_0 {
        margin-top: 0 !important;
    }
}
@media (min-width: 320px) and (max-width: 576px){
    .mob-header-wrapper.all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .search_bar_btns_warpper {
        flex-direction: column-reverse;
    }
.mob-header-wrapper.all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .quick-search-form{
    width: 150px !important;
    max-width: 100% !important;
        
    }
    /* 19-09-2025 */
    #staff_table .staff_table_text {
        justify-content: end;
        align-items: center !important;
        /* margin-bottom: 9px; */
    }
    /* .mob-header-profile-option-wrapper h5{
        display: none;
    } */
    /* 22-09-2025 */
    .main-categories-wrapper {
        padding: 4px;
    }
    .table_section.padding-left-30px,  .table_section.padding-right-30px{
      padding: 10px 0 !important;
    }
    .table_section .total-amountcount-number-wrapper{
        padding: 12px 6px;
        gap: 10px;
    }
    .header_sprofile_dropdown_warpper{
        display: block;
    }
    /* 23-09-2025 */
    /* .mob-header-wrapper a img {
        height: auto;
        object-fit: contain;
        max-width: 150px;
    } */
   .login-content .truffle-link{
    max-width: 200px;
    display: block;
   }
/* 25-09-2025 */
.category_menu_list_name_readbtn{
    flex-wrap: wrap;
}
#staff-table-subheader-wrapper .staff_all_browser_search_display_sub_wrapper .quick-search-form{
    margin-top: 0;
    max-width: 150px !important;
    width: 100% !important;
    margin-right: 0;
}
#staff-table-subheader-wrapper .staff_table_search_wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end;
}
#staff-table-subheader-wrapper{
    padding: 12px 0;
}
/* 10-11-2025 */
.table-reservation-form-wrapper input[type="date"]::-webkit-calendar-picker-indicator,
.table-reservation-form-wrapper input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}
.table-reservation-form-wrapper input[type="date"] {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right 10px center;
    /* padding-right: 40px; */
    /* for icon spacing */
}

.table-reservation-form-wrapper input[type="time"] {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M12 1a11 11 0 1 0 11 11A11.013 11.013 0 0 0 12 1zm1 11h4v2h-6V6h2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right 10px center;
    /* padding-right: 40px; */
}
}
/* 23-09-2025 */
@media (min-width: 320px) and (max-width: 400px){
    .combo_cat_list_section_gap .category-menu-item-list-wrapper .card-item .category_menu_list_name_readbtn{
        flex-direction: column;
    }
    .combo_cat_list_section_gap .category-menu-item-list-wrapper .card-item .category_menu_list_name_readbtn .read-more-w{
        margin-left: 0;
    }
   
}
/* 20-09-2025 */
.table_section .table_section_row_wrapper_safari .safari_col{
    display: flex;
    flex-direction: column;
}
.table_section .table_section_row_wrapper_safari .safari_col .table-box{
    height: 100%;
}
/* 22-09-2025 */
@media screen and (max-width: 320px){
    .main-categories-wrapper{
        padding: 4px;
    }
    /* 23-09-2025 */
    .mob-header-wrapper a img{
        width: 100%;
        height: auto;
    }
}
/* .site-main{
    height: 100%;
} */
body{
    display: flex;
    flex-direction: column;
}
.site-main{
    /* min-height: auto !important; */
    flex: 1;
}
.table_section{
    height: 100%;
}
.table_select_form_group i{
    color: #ff4c00;
    font-size: 20px;
}

.header-menu-wrapper.desktop_header .custom_container{
    display: flex;
    align-items: center;
}
.header-menu-wrapper.desktop_header .custom_container .menu-full-width{
    width: 100%;
}
 .all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .mob-header-profile-option-wrapper {
      gap: 10px;
      flex-wrap: wrap;
  }

  .all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .mob-header-profile-option-wrapper .theme-btn {
      padding: 6px 10px;
  }

   .all_browser_search_bar_display_header .all_browser_searchbar_display_sub_wrapper .mob-header-profile-option-wrapper .mobile_btn_thems_btn {
      display: flex;
      align-items: center;
      justify-content: end;
  }

  
.sec-sub-category .sub_category_sub_container{
    background-color: #f1f3f6; 
    border: 1px solid rgba(128, 137, 150, 0.2);
}

.sec-sub-category .sub_category_sub_container  .sub-category-slider .item {
    background: #ffffff;
}
.sec-sub-category .sub_category_sub_container .sub_category_space{
    padding: 24px;
    margin: 0;
}
  
@supports (-webkit-touch-callout: none){
    .mob-header-wrapper{
        height: 100px !important;
        min-height: 100px !important;
        max-height: 100px !important;
    }
   
}
/* 25-09-2025 */
.category_menu_items_warpper .category-menu-item-slider-wrapper .categories-slider .owl-carousel .owl-stage{
    display: flex;
    align-items: stretch;
}
.category_menu_items_warpper .category-menu-item-slider-wrapper .categories-slider .owl-carousel .owl-stage .owl-item{
    display: flex;
}
.category_menu_items_warpper .category-menu-item-slider-wrapper .categories-slider .owl-carousel .owl-stage .owl-item .item{
    flex: 1 1 auto;
}
.staff_my_profile_form_group{
    margin-top: 38px;
}
.footer-area .copy-right{
    text-align: center;
    margin-top: 18px;
}
.footer-area .social-profile{
    padding: 6px 0;
}
 a.responsive_header_logo, .footer-logo{
    align-items: center;
    justify-content: center;
    height: 60px;
    max-width: 150px !important;
    overflow: hidden;
    display: inline-flex;
 }
  a.responsive_header_logo img, .footer-logo img{
    height: 100%;
    width: auto;
    object-fit: contain;
    max-width: 100% !important;
    display: block;
  }
/* 01-10-2025 */
.form-group.profile_flag_form_group .iti.iti--allow-dropdown.iti--separate-dial-code{
    display: flex;
}
.profile_flag_form_group .iti.iti--allow-dropdown.iti--separate-dial-code .iti__flag-container .iti__selected-flag{
    top: 0;
    width: 100%;
    padding: 16px 2px;
}
.form-group.profile_flag_form_group .cart_view_nbr_inpt{
    margin-left: 3px;
    padding: 10px !important;
}
/* 9-10-2025 */
.category_menu_list_wrap_wrapper{
    flex-wrap: wrap;
    gap: 10px;
}
/* 16-10-2025 */
.staff_search_wrapper #tableSearch{
   border: 0;
   background-color: transparent;
   padding: 18px;
    background: #fff;
}
.staff_search_wrapper{
    position: relative;
    border: 1px solid #ff4c00;
}
.staff_search_wrapper .theme-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 0;
    background-color: #ff4c00;
    color: #fff;
}
.staff_search_wrapper .theme-btn .la-search{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* 27-10-2025 */
.credit_user_login_col_wrapper{
    display: flex;
    align-items: center;
    justify-content: right;
}
/* 10-11-2025 */
/* Parent width control */
.table-reservation-form-wrapper .form-group.date {
    width: 100% !important;
    max-width: 100% !important;
}

/* Safari shrink bug FIX for flatpickr input */
.table-reservation-form-wrapper .form-group.date input {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    /* Safari FIX: force GPU layer */
    transform: translateZ(0);
}

/* Safari FIX: readonly inputs shrink na ho */
.table-reservation-form-wrapper .form-group.date input[readonly] {
    width: 100% !important;
    background-clip: padding-box !important;
}
.table-reservation-form-wrapper .form-group.timepicker {
    width: 100% !important;
    max-width: 100% !important;
}
.table-reservation-form-wrapper .form-group.timepicker input {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    /* Safari width bug FIX */
    transform: translateZ(0);
}

/* Safari readonly/shrink bug */
.table-reservation-form-wrapper .form-group.timepicker input[readonly] {
    width: 100% !important;
    background-clip: padding-box !important;
}
span.select2-selection.select2-selection--multiple:hover, span.select2-selection.select2-selection--multiple:focus{
    border-color: #ff4c00;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ff4c00 !important;
}
/* 11-11-2025 */
/* .select2-container{
    width: 100% !important;
} */
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #000;
}
.table-reservation-form-wrapper .form-group input {
    text-align: -webkit-left;
}
/* Safari iOS-specific fix */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 1024px) {
    .table-reservation-form-wrapper form .form-group input.form-control {
        -webkit-appearance: none;
        appearance: none;
        text-align: left !important;
        text-align-last: left !important;
    }
}


/* 13-11-2025 */

.select2-container--default .select2-selection--multiple{
    background-color: #F5F5F5 !important;
    border: 1px solid #ced4da !important;
    }


/* kiran 26-11-25 */
.cart_view_btn .theme-btn{
    padding: 4px 6px !important;
    font-size: 11px !important;
}
/* 2-12-2025 */
.cs_contact#contact{
    padding: 30px 0;
}
.cs_contact#contact .cs_height_50{
    height: 16px;
}
.cs_contact#contact .form-control{
    border-radius: 4px !important;
    font-size: 16px;
}
.cs_contact#contact .theme-btn{
    padding: 10px 20px;
} 

/* 4-12-2025 */
.table_view_all_resolution{
    background: #ff4c00;
    padding: 5px 12px;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-right:10px;
}