:root{--primary-color:#1d33bd;--primary-font:"Plus Jakarta Sans",sans-serif}
.spacer_10 {
        margin-bottom: 10px;
}
    .spacer_15 {
        margin-bottom: 15px;
}
    .spacer_20 {
        margin-bottom: 20px;
}
    .spacer_25 {
        margin-bottom: 25px;
}
    .spacer_30 {
        margin-bottom: 30px;
}
.mb-10 {
        margin-bottom: 10px;
}
.mb-15 {
        margin-bottom: 15px;
}
.mb-20 {
        margin-bottom: 20px;
}
.mb-25 {
        margin-bottom: 25px;
}
.mb-30 {
        margin-bottom: 30px;
}
.search_form {
    position: relative;   
}
.search_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    background: var(--primary-color);
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}
.search_btn:hover, .search_btn:focus {
    color: #fff !important;
    background: #f69437;   
}
    #main-nav ul li {
        font-size:12px;
}
    #main-nav .container {
        padding-left: 0;
        padding-right: 0;
}
    #main-nav .main-menu {
        margin-left: 0px;
}
    #Home_Icon {
        display: none;
        margin: 0;
        position: absolute;
        top: 33px;
        right: 5px;
        opacity: 1;
        height: 33px;
        width: 40px;
        z-index: 505;
}
    @media only screen and (max-width: 900px) {
        #Home_Icon {
            display: block;
    }
}
    @media only screen and (max-width: 500px) {
        #Home_Icon {
            top: 8px;
    }
}
    #Ban_160x600.fixed {
        position: fixed;
        top: 0;
        z-index: 999;
}
    @media (min-width:900px) and (max-width:1024px) {
        #main-nav ul li {
            font-size: 10.5px;
    }
}
    .font_18 {
        font-size: 18px 
}
    .height100 {
        min-height: 100px 
}
    .td_with_50 {
        width: 50% 
}
    .white_btn i {
        color: var(--primary-color) 
}
    [type=reset], [type=submit], button, html [type=button] {
        -webkit-appearance: button 
}
    input[type=checkbox], input[type=radio] {
        display: none 
}
    .cbtn:not(:disabled):not(.disabled) {
        cursor: pointer 
}
    .c_list {
        text-transform: uppercase;
        font-size: 15px 
}
    .btn, .mfp-close, a, a:focus, a:hover {
        text-decoration: none 
}
    .btn:focus, .flickity-button:focus, .flickity-enabled:focus, .owl-custom-nav__btn:focus, body, input[type=radio]:focus {
        outline: 0 
}
    body, html {
        overflow-x: hidden 
}
    .btn, body img {
        -moz-user-select: none;
        -ms-user-select: none 
}
    .btn, select {
        cursor: pointer 
}
    .video_img {
        width: 100%;
        height: 200px 
}
hr {
    border: 1px solid #1718210000a;
}
    .MyUrdu, .flickity-rtl .flickity-page-dots, .owl-carousel.owl-rtl, .urdu_dir {
        direction: rtl 
}
    .card, .flex-parent, .post-list {
        -webkit-box-direction: normal 
}
    .mfp-title, .tweet {
        word-wrap: break-word 
}
    .btn, .mfp-counter {
        white-space: nowrap 
}
    .clearfix:after, .clearfix:before {
        display: table;
        line-height: 0;
        content: "" 
}
    .navy {
        color: Navy 
}
    .printable span#lblDetail p, .text-center, p img {
        text-align: center 
}
.active_btn {
        background: var(--primary-color)!important;
        color: #fff!important 
}
.hide_div {
        display: none 
}
.blue {
        color: var(--primary-color) 
}
.gray {
        background: #54555e 
}
    .smartbanner-android .smartbanner-button {
        margin-top: 11% 
}
    body, video {
        height: 100%;
        width: 100% 
}
    .clear, .clearfix:after {
        clear: both 
}
    .oh {
        overflow: hidden 
}
    .relative {
        position: relative 
}
    .white {
        color: #fff 
}
    .left {
        float: left 
}
    .right {
        float: right 
}
    .bg-light {
        background: #fff 
}
    .bg-dark {
        background-color: #171821 
}
    .last {
        margin-bottom: 0!important 
}
    body, ul {
        margin: 0;
        padding: 0 
}
    .img-fullwidth {
        width: 100% 
}
    .uppercase {
        text-transform: uppercase;
}
    .nocaps {
        text-transform: none;
        letter-spacing: 0 
}
    ::-moz-selection {
        color: #333;
        background: #fbedc4 
}
    ::-webkit-selection {
        color: #333;
        background: #fbedc4 
}
    ::selection {
        color: #333;
        background: #fbedc4 
}
    a {
        color:#171821  
}
    a:focus, a:hover {
        color: var(--primary-color) 
}
    body {
        font-family: source sans pro, sans-serif;
        font-size: 15px;
        line-height: 1.5;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        background: #fff;
        overflow-y: auto;
        color: #54555e 
}
    .btn, .flickity-viewport, .mfp-bg {
        overflow: hidden 
}
    body img {
        border: none;
        max-width: 100%;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none 
}
    .loader-mask {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 99999 
}
    .loader, .loader>div {
        position: absolute;
        top: 50%;
        left: 50% 
}
    .loader {
        display: block;
        font-size: 0;
        color: var(--primary-color);
        width: 42px;
        height: 42px;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%) 
}
    .loader>div {
        border-radius: 100%;
        display: inline-block;
        float: none;
        width: 38px;
        height: 38px;
        background: 0 0;
        border-style: solid;
        border-width: 2px;
        border-right-color: transparent;
        border-left-color: transparent;
        -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(.09, .57, .49, .9) infinite;
        animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(.09, .57, .49, .9) infinite 
}
    .btn, .btn i, blockquote p {
        position: relative 
}
    .btn, .btn:hover {
        background-color: #171821 
}
    @-webkit-keyframes ball-clip-rotate-pulse-rotate {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0) 
    }
        50% {
            -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg) 
    }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg) 
    }
}
    @keyframes ball-clip-rotate-pulse-rotate {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0) 
    }
        50% {
            -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg) 
    }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg) 
    }
}
    @-webkit-keyframes ball-clip-rotate-pulse-scale {
        0%, 100% {
            opacity: 1;
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1) 
    }
        30% {
            opacity: .3;
            -webkit-transform: translate(-50%, -50%) scale(.15);
            transform: translate(-50%, -50%) scale(.15) 
    }
}
    @keyframes ball-clip-rotate-pulse-scale {
        0%, 100% {
            opacity: 1;
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1) 
    }
        30% {
            opacity: .3;
            -webkit-transform: translate(-50%, -50%) scale(.15);
            transform: translate(-50%, -50%) scale(.15) 
    }
}
    ul {
        list-style: none 
}
    h1, h2, h3, h4, h5, h6 {
        font-family: montserrat, sans-serif;
        margin-top: 0;
        color: #171821;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: -.5px;
}
    h1 {
        font-size: 22px;
        font-weight: 800;
        line-height: 1.4;
}
    .btn, .social__text, .tabs__item {
        text-transform: uppercase;
        letter-spacing: .04em 
}
    h2 {
        font-size: 22px 
}
    h3 {
        font-size: 18px 
}
    h4, h6 {
        font-size: 16px 
}
    h5 {
        font-size: 14px 
}
    address, p {
        font-size: 16px 
}
    h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {
        color: inherit 
}
    p {
        color: #54555e;
        font-weight: 400;
        line-height: 26px;
        margin: 0 0 10px 
}
    address {
        font-style: normal;
        margin-bottom: 0 
}
    .lead {
        font-size: 18px;
        line-height: 30px 
}
    .text-right {
        text-align: right 
}
    .text-left {
        text-align: left 
}
    .btn, blockquote {
        text-align: center 
}
    @media only screen and (max-width:1199px) {
        .text-lg-center {
            text-align: center 
    }
}
    @media only screen and (max-width:991px) {
        .text-md-center {
            text-align: center 
    }
}
    @media only screen and (max-width:575px) {
        .text-xs-center {
            text-align: center 
    }
}
    .cmt_hr {
        margin-top: 20px;
        margin-bottom: 10px;
        border: 0;
        border-top: 1px solid #e3e4e8 
}
    .cmt_new_hr {
        margin-top: 20px;
        margin-bottom: 10px 
}
    @media only screen and (max-width:767px) {
        .text-sm-center {
            text-align: center 
    }
}
    .flex-parent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        -webkit-box-orient: horizontal;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between 
}
    .btn, label {
        display: inline-block;
        vertical-align: middle 
}
    .flex-child {
        -webkit-box-flex: 1 0 0;
        -ms-flex: 1 0 0;
        flex: 1 0 0 
}
    .no-gutters {
        margin-right: 0;
        margin-left: 0 
}
    .no-gutters>[class*=col-] {
        padding-right: 0;
        padding-left: 0 
}
    .row-2 {
        margin: 0 -1px 
}
    .row-2>aside, .row-2>div {
        padding: 0 1px 
}
    .row-8 {
        margin: 0 -4px 
}
    .row-8>aside, .row-8>div {
        padding: 0 4px 
}
    .row-10 {
        margin: 0 -5px 
}
    .row-10>aside, .row-10>div {
        padding: 0 5px 
}
    .row-16 {
        margin: 0 -8px 
}
    .row-16>aside, .row-16>div {
        padding: 0 8px 
}
    .row-20 {
        margin: 0 -10px 
}
    .row-20>aside, .row-20>div {
        padding: 0 10px 
}
    .row-24 {
        margin: 0 -12px 
}
    .row-24>aside, .row-24>div {
        padding: 0 12px 
}
    .btn {
        font-family: source sans pro, sans-serif;
        border: 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-user-select: none;
        user-select: none 
}
    .btn:hover {
        color: #fff;
        border-color: transparent 
}
    .btn:focus {
        color: #fff 
}
    .btn-lg, .btn-lg.btn-button {
        font-size: 14px;
        padding: 0 16px 
}
    .btn-lg span, .btn-lg.btn-button span {
        line-height: 36px 
}
    .btn-lg.btn-button {
        height: 36px 
}
    .btn-sm, .btn-sm.btn-button {
        font-size: 11px;
        padding: 0 20px;
        line-height: 28px 
}
    .btn-sm.btn-button {
        height: 30px 
}
    .btn-color {
        background-color: #54555e 
}
    .btn-color:hover {
        opacity: .92 
}
    .btn-dark {
        background-color: #171821 
}
    .btn-white {
        background-color: #fff;
        color: #171821 
}
    .btn-light {
        background-color: #f7f7f7;
        color: #171821 
}
    .btn-stroke {
        background-color: transparent;
        border: 1px solid #e3e4e8;
        color: #171821 
}
    .btn-wide {
        width: 100% 
}
    .btn-light:focus, .btn-stroke:focus, .btn-white:focus {
        background-color: #171821;
        border-color: transparent 
}
    .btn i {
        font-size: 10px;
        margin-left: 3px;
        top: -1px;
        line-height: 1 
}
    .rounded, .rounded:before {
        border-radius: 70px 
}
    .dark {
        color: #171821 
}
    fieldset.form_legent {
        display: block;
        padding: 10px;
        border: 2px solid #e3e4e8;
        border-radius: 5px;
        background: #fff 
}
    .form_legent legend {
        display: block;
        padding: 5px;
        width: auto;
        color: #444;
        font-size: 13pt;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        font-family: montserrat, sans-serif;
        letter-spacing: .5px;
        margin: 0 
}
    .section-buttons {
        margin-bottom: 50px 
}
    .section-buttons a {
        margin-bottom: 10px 
}
    .btn-button {
        border: none;
        margin-bottom: 0;
        width: auto 
}
    .btn-button.btn-color, .btn-button.btn-dark {
        color: #fff 
}
    .btn-button.btn-wide {
        width: 100% 
}
    .btn-button:focus, .btn-button:hover {
        color: #fff;
        background-color: #f3f3f2;
}
    input, select, textarea {
    height: 40px;
    border: 1px solid #f3f3f2;
    background-color: #f3f3f2;
    width: 100%;
    padding: 0 10px;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.form-group {
    position: relative;
}
.form-group input, .form-group select {
    padding-left: 40px;
}
.form-group i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 35px;
    text-align: center;
    background: #f69437;
    color: white;
}
    textarea {
        height: auto;
        display: block;
        padding: 8px 16px;
        margin-bottom: 24px 
}
    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer 
}
    input[type=search] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box 
}
    input:focus, textarea:focus {
        border-color: #E3E4E8;
        background-color: #fff;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none 
}
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #54555e 
}
    input:-moz-placeholder, textarea:-moz-placeholder {
        color: #54555e;
        opacity: 1 
}
    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #54555e;
        opacity: 1 
}
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #54555e 
}
    select::-ms-expand {
        display: none 
}
    label {
    color: #171821;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 500;
}
    input[type=checkbox]+label:before, input[type=checkbox]:checked+label:after {
        display: inline-block;
        cursor: pointer;
        text-align: center;
        vertical-align: middle 
}
    input[type=checkbox]+label:before {
        width: 20px;
        height: 20px;
        content: "";
        font-size: 13px;
        margin: -4px 10px 0 0;
        border-radius: 3px;
        border: 1px solid #dbdce1 
}
    input[type=checkbox]:checked+label:after {
        font-family: ui-icons;
        content: "\f383";
        font-size: 15px;
        position: absolute;
        left: 5px;
        top: 0 
}
    input[type=checkbox]+label, input[type=radio]+label {
        cursor: pointer;
        margin-bottom: 0;
        position: relative;
        line-height: 22px 
}
    .checkbox>li, .radio>li {
        padding: 7px 0 
}
    #contact-form .message {
        height: 50px;
        width: 100%;
        font-size: 13px;
        line-height: 50px;
        text-align: center;
        float: none;
        margin-top: 20px;
        display: none;
        color: #fff 
}
    #contact-form .message.error {
        background-color: #f44336 
}
    #contact-form .message.success {
        background-color: #4caf50 
}
/*!Flickity v2.1.1 https://flickity.metafizzy.co ----------------------------------------------*/
    .flickity-enabled {
        position: relative 
}
    .flickity-viewport {
        position: relative;
        height: 100% 
}
    .flickity-slider {
        position: absolute;
        width: 100%;
        height: 100% 
}
    .flickity-enabled.is-draggable {
        -webkit-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none 
}
    .mfp-arrow, .owl-carousel, .owl-carousel .owl-item, .owl-dots {
        -webkit-tap-highlight-color: transparent 
}
    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab 
}
    .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
        cursor: -webkit-grabbing;
        cursor: grabbing 
}
    .flickity-button {
        position: absolute;
        background: rgba(255, 255, 255, .75);
        border: none;
        color: #333 
}
    .flickity-button:hover {
        background: #fff;
        cursor: pointer 
}
    .flickity-button:focus {
        -webkit-box-shadow: 0 0 0 5px #19f;
        box-shadow: 0 0 0 5px #19f 
}
    .flickity-button:active {
        opacity: .6 
}
    .flickity-button:disabled {
        opacity: .3;
        cursor: auto;
        pointer-events: none 
}
    .flickity-button-icon {
        fill: #333 
}
    .flickity-prev-next-button {
        top: 50%;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%) 
}
    .flickity-prev-next-button.previous {
        left: 10px 
}
    .flickity-prev-next-button.next {
        right: 10px 
}
    .flickity-rtl .flickity-prev-next-button.previous {
        left: auto;
        right: 10px 
}
    .flickity-rtl .flickity-prev-next-button.next {
        right: auto;
        left: 10px 
}
    .flickity-prev-next-button .flickity-button-icon {
        position: absolute;
        left: 20%;
        top: 20%;
        width: 60%;
        height: 60% 
}
    .flickity-page-dots {
        position: absolute;
        width: 100%;
        bottom: -25px;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 1 
}
    .flickity-page-dots .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 8px;
        background: #333;
        border-radius: 50%;
        opacity: .25;
        cursor: pointer 
}
    .flickity-page-dots .dot.is-selected {
        opacity: 1 
}
    .owl-carousel, .owl-carousel .owl-item {
        position: relative 
}
    .owl-carousel {
        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;
        margin: 0 auto 
}
    .owl-carousel .owl-dots.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;
        -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: -webkit-grab;
        cursor: grab 
}
    .owl-carousel.owl-rtl .owl-item {
        float: right 
}
    .owl-carousel .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both 
}
    .owl-carousel .owl-animated-in {
        z-index: 0 
}
    .owl-carousel .owl-animated-out {
        z-index: 1 
}
    .owl-carousel .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut 
}
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1 
    }
        100% {
            opacity: 0 
    }
}
    @keyframes fadeOut {
        0% {
            opacity: 1 
    }
        100% {
            opacity: 0 
    }
}
    .owl-height {
        -webkit-transition: height .5s ease-in-out;
        transition: height .5s ease-in-out 
}
    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease 
}
    .owl-carousel .owl-item img.owl-lazy {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d 
}
    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #171821 
}
    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url(owl.video.play.png) no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform .1s ease;
        transition: -webkit-transform .1s ease;
        transition: transform .1s ease;
        transition: transform .1s ease, -webkit-transform .1s ease 
}
    .owl-carousel .owl-video-play-icon:hover {
        -webkit-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;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease 
}
    .carousel-thumbs__item, .hero-slider-1__thumb-img-holder, .owl-next, .owl-prev {
        -webkit-transition: all .3s ease-in-out 
}
    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100% 
}
    .owl-next, .owl-prev {
        display: block;
        position: absolute;
        top: -18px;
        margin-top: -24px;
        border-radius: 0;
        background-color: #fff;
        text-align: center;
        line-height: 30px;
        z-index: 10;
        width: 30px;
        height: 30px;
        font-size: 18px;
        color: #171821;
        border: 1px solid #d5d5d5;
        transition: all .3s ease-in-out 
}
    .owl-next:hover, .owl-prev:hover {
        color: #fff;
        background-color: var(--primary-color);
        border-color: transparent 
}
    .owl-prev {
        right: 34px 
}
    .owl-next {
        right: 0 
}
    .owl-carousel--dark-arrows .owl-next, .owl-carousel--dark-arrows .owl-prev {
        color: #54555e 
}
    .owl-carousel--visible-arrows .owl-prev, .owl-carousel--visible-arrows:hover .owl-prev {
        left: -60px 
}
    .owl-carousel--visible-arrows .owl-next, .owl-carousel--visible-arrows:hover .owl-next {
        right: -60px 
}
    .owl-dots {
        text-align: center;
        margin-top: 20px 
}
    .owl-dot {
        display: inline-block;
        zoom: 1 
}
    .owl-dot span {
        width: 22px;
        height: 4px;
        margin: 3px;
        background: #171821;
        opacity: .4;
        display: block;
        -webkit-backface-visibility: visible;
        -webkit-transition: all .2s ease;
        transition: all .2s ease 
}
    .mfp-wrap, .thumb-container img {
        -webkit-backface-visibility: hidden 
}
    .owl-dot.active span, .owl-dot:hover span {
        opacity: 1;
        background-color: var(--primary-color) 
}
    .owl-carousel--dots-inside .owl-dots {
        position: absolute;
        bottom: 20px;
        margin-top: 0;
        width: 100% 
}
    .owl-carousel--arrows-outside .owl-next, .owl-carousel--arrows-outside .owl-prev {
        opacity: 1;
        top: -62px;
        margin-top: 0;
        padding: 0;
        width: 28px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #e3e4e8;
        font-size: 12px;
        border-radius: 0 
}
    .owl-carousel--arrows-outside .owl-next:hover, .owl-carousel--arrows-outside .owl-prev:hover {
        border-color: transparent 
}
    .owl-carousel--arrows-outside .owl-prev {
        right: 32px;
        left: auto 
}
    .owl-carousel--arrows-outside .owl-next {
        right: 0 
}
    .owl-custom-nav {
        margin-top: 24px 
}
    .owl-custom-nav__btn {
        text-transform: uppercase;
        font-size: 10px;
        border-radius: 5px;
        border: 1px solid #e3e4e8;
        padding: 0 5px;
        line-height: 26px;
        background-color: transparent 
}
    .owl-custom-nav__btn:hover {
        background-color: var(--primary-color);
        color: #fff;
        border-color: transparent 
}
    .owl-custom-nav__btn i {
        font-size: 8px;
        margin: 0 3px;
        position: relative;
        top: -1px 
}
    .mfp-bg, .mfp-wrap {
        position: fixed;
        left: 0;
        top: 0 
}
    .mfp-bg, .mfp-container, .mfp-wrap {
        height: 100%;
        width: 100% 
}
    .mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
        content: '' 
}
    .mfp-bg {
        z-index: 1042;
        background: #0b0b0b;
        opacity: .8 
}
    .mfp-wrap {
        z-index: 1043;
        outline: 0!important 
}
    .mfp-container {
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box 
}
    .mfp-container:before {
        display: inline-block;
        height: 100%;
        vertical-align: middle 
}
    .mfp-align-top .mfp-container:before {
        display: none 
}
    .mfp-content {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto;
        text-align: left;
        z-index: 1045 
}
    .mfp-close, .mfp-preloader {
        text-align: center;
        position: absolute 
}
    .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
        width: 100%;
        cursor: auto 
}
    .mfp-ajax-cur {
        cursor: progress 
}
    .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        cursor: -webkit-zoom-out;
        cursor: zoom-out 
}
    .mfp-zoom {
        cursor: pointer;
        cursor: -webkit-zoom-in;
        cursor: zoom-in 
}
    .mfp-auto-cursor .mfp-content {
        cursor: auto 
}
    .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none 
}
    .mfp-loading.mfp-figure {
        display: none 
}
    .mfp-hide {
        display: none!important 
}
    .mfp-preloader {
        color: #ccc;
        top: 50%;
        width: auto;
        margin-top: -.8em;
        left: 8px;
        right: 8px;
        z-index: 1044 
}
    .mfp-preloader a {
        color: #ccc 
}
    .mfp-close, .mfp-preloader a:hover {
        color: #fff 
}
    .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
        display: none 
}
    button.mfp-arrow, button.mfp-close {
        overflow: visible;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: 0;
        padding: 0;
        z-index: 1046;
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation 
}
    .mfp-figure:after, .mfp-iframe-scaler iframe {
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        position: absolute;
        left: 0 
}
    button::-moz-focus-inner {
        padding: 0;
        border: 0 
}
    .mfp-close {
        width: 44px;
        height: 44px;
        line-height: 44px;
        right: 0;
        top: 0;
        opacity: .65;
        padding: 0 0 18px 10px;
        font-style: normal;
        font-size: 28px;
        font-family: Arial, Baskerville, monospace 
}
    .mfp-close:focus, .mfp-close:hover {
        opacity: 1 
}
    .mfp-close:active {
        top: 1px 
}
    .mfp-close-btn-in .mfp-close {
        color: #333 
}
    .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
        color: #fff;
        right: -6px;
        text-align: right;
        padding-right: 6px;
        width: 100% 
}
    .mfp-counter {
        position: absolute;
        top: 0;
        right: 0;
        color: #ccc;
        font-size: 12px;
        line-height: 18px 
}
    .mfp-figure, img.mfp-img {
        line-height: 0 
}
    .mfp-arrow {
        position: absolute;
        opacity: .65;
        margin: -55px 0 0;
        top: 50%;
        padding: 0;
        width: 90px;
        height: 110px 
}
    .mfp-arrow:active {
        margin-top: -54px 
}
    .mfp-arrow:focus, .mfp-arrow:hover {
        opacity: 1 
}
    .mfp-arrow:after, .mfp-arrow:before {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: inset transparent 
}
    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px 
}
    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7 
}
    .mfp-arrow-left {
        left: 0 
}
    .mfp-arrow-left:after {
        border-right: 17px solid #fff;
        margin-left: 31px 
}
    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f 
}
    .mfp-arrow-right {
        right: 0 
}
    .mfp-arrow-right:after {
        border-left: 17px solid #fff;
        margin-left: 39px 
}
    .mfp-arrow-right:before {
        border-left: 27px solid #3f3f3f 
}
    .mfp-iframe-holder {
        padding-top: 40px;
        padding-bottom: 40px 
}
    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px 
}
    .mfp-image-holder .mfp-content, img.mfp-img {
        max-width: 100% 
}
    .mfp-iframe-holder .mfp-close {
        top: -40px 
}
    .mfp-iframe-scaler {
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 56.25% 
}
    .mfp-iframe-scaler iframe {
        display: block;
        top: 0;
        width: 100%;
        height: 100%;
        background: #171821 
}
    .mfp-figure:after, img.mfp-img {
        width: auto;
        height: auto;
        display: block 
}
    img.mfp-img {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 0;
        margin: 0 auto 
}
    .mfp-figure:after {
        top: 40px;
        bottom: 40px;
        right: 0;
        z-index: -1;
        background: #444 
}
    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px 
}
    .mfp-figure figure {
        margin: 0 
}
    .mfp-bottom-bar {
        margin-top: -36px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        cursor: auto 
}
    .carousel-thumbs__item, .mfp-gallery .mfp-image-holder .mfp-figure, .mobile body, .nav-icon-toggle {
        cursor: pointer 
}
    .mfp-title {
        text-align: left;
        line-height: 18px;
        color: #f3f3f3;
        padding-right: 36px 
}
    @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
        .mfp-img-mobile .mfp-image-holder {
            padding-left: 0;
            padding-right: 0 
    }
        .mfp-img-mobile img.mfp-img {
            padding: 0 
    }
        .mfp-img-mobile .mfp-figure:after {
            top: 0;
            bottom: 0 
    }
        .mfp-img-mobile .mfp-figure small {
            display: inline;
            margin-left: 5px 
    }
        .mfp-img-mobile .mfp-bottom-bar {
            background: rgba(0, 0, 0, .6);
            bottom: 0;
            margin: 0;
            top: auto;
            padding: 3px 5px;
            position: fixed;
            -webkit-box-sizing: border-box;
            box-sizing: border-box 
    }
        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0 
    }
        .mfp-img-mobile .mfp-counter {
            right: 5px;
            top: 3px 
    }
        .mfp-img-mobile .mfp-close {
            top: 0;
            right: 0;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background: rgba(0, 0, 0, .6);
            position: fixed;
            text-align: center;
            padding: 0 
    }
}
    .tabs__item, .tabs__url {
        position: relative;
        color: #171821 
}
    @media all and (max-width:900px) {
        .mfp-arrow {
            -webkit-transform: scale(.75);
            transform: scale(.75) 
    }
        .mfp-arrow-left {
            -webkit-transform-origin: 0;
            transform-origin: 0 
    }
        .mfp-arrow-right {
            -webkit-transform-origin: 100%;
            transform-origin: 100% 
    }
        .mfp-container {
            padding-left: 6px;
            padding-right: 6px 
    }
}
    .table-wrap {
        margin-bottom: 34px 
}
    .tabs__list {
        margin-bottom: -1px;
        overflow: hidden 
}
    .tabs__item {
        float: left;
        font-size: 14px 
}
    .tabs__item:not(:first-child) {
        margin-left: -1px 
}
.tab_content {
    padding: 12px 18px 11px;
    background: white;
    box-shadow: 1px 2px 6px #f1eaeaa6;
    -webkit-box-shadow: 1px 2px 6px #f1eaeaa6;
    -moz-box-shadow: 1px 2px 6px #f1eaeaa6;
    -o-box-shadow: 1px 2px 6px #f1eaeaa6;
}
    @media only screen and (max-width:575px) {
        .tabs__item {
            margin-right: 0 
    }
}
    .tabs__url {
    display: block;
    padding: 12px 18px 11px;
    border: 1px solid #e3e4e8;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    font-weight: 700;
    background: rgba(17,17,17,0.03);
}
    .tabs__url:focus {
        color: inherit 
}
    .tabs__url:hover {
        background-color: #fff 
}
    .tabs__item--active:before {
        content: '';
        height: 2px;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: var(--primary-color) 
}
    .entry, .entry__img-holder {
        position: relative;
        overflow: hidden 
}
    .tabs__item--active .tabs__url {
        color: #171821;
        background-color: #fff;
        border-bottom: 1px solid transparent 
}
    .tabs__content-pane {
        display: none 
}
    .tabs__content-pane--active {
        display: block 
}
    .socials {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap 
}
    .socials--nobase a {
        width: 13px;
        height: auto;
        border: 0;
        line-height: 32px;
        margin-right: 15px;
        margin-bottom: 0;
        color: #54555e;
        background-color: transparent 
}
    .socials--nobase a:focus, .socials--nobase a:hover {
        color: #fff;
        background-color: transparent!important 
}
    .socials--white-base a {
        background-color: #fff;
        color: #171821 
}
    .socials--dark .social-facebook:focus, .socials--dark .social-facebook:hover {
        color: #39599f!important 
}
    .socials--dark .social-twitter:focus, .socials--dark .social-twitter:hover {
        color: #55acee!important 
}
    .socials--dark .social-google-plus:focus, .socials--dark .social-google-plus:hover {
        color: #de4b39!important 
}
    .socials--dark .social-youtube:focus, .socials--dark .social-youtube:hover {
        color: #c61d23!important 
}
    .socials--dark .social-snapchat:focus, .socials--dark .social-snapchat:hover {
        color: #fffb01!important 
}
    .socials--dark .social-linkedin:focus, .socials--dark .social-linkedin:hover {
        color: #0e76a8!important 
}
    .socials--dark .social-pinterest:focus, .socials--dark .social-pinterest:hover {
        color: #c8232c!important 
}
    .socials--dark .social-instagram:focus, .socials--dark .social-instagram:hover {
        color: #e1306c!important 
}
    .socials--dark .social-rss:focus, .socials--dark .social-rss:hover {
        color: #ef822a!important 
}
    .socials--grey a {
        background-color: #f7f7f7;
        color: #171821 
}
    .social, .social:focus, .social:hover {
        color: #fff 
}
    .socials--medium a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px 
}
    .socials--large a {
        height: 46px;
        width: 46px;
        line-height: 46px;
        font-size: 16px 
}
    .social, .social__text {
        display: inline-block;
        font-size: 13px 
}
    .socials--wide a {
        width: 100%;
        padding: 0 15px;
        margin: 0 0 16px 
}
    .socials--rounded a {
        border-radius: 50%!important 
}
    .social {
        line-height: 32px;
        width: 32px;
        height: 32px;
        text-align: center;
        margin-right: 8px;
        margin-bottom: 8px;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out 
}
    .social:last-child {
        margin-right: 0 
}
    .social__text {
        margin-left: 10px 
}
    @media only screen and (max-width:1199px) {
        .social__text {
            display: none 
    }
}
    @media only screen and (max-width:991px) {
        .social__text {
            display: inline-block 
    }
}
    @media only screen and (max-width:575px) {
        .social__text {
            display: none 
    }
}
    .social-facebook {
        background-color: #39599f 
}
    .social-facebook:hover {
        background-color: #324e8c!important;
        color: #fff!important 
}
    .social-twitter {
        background-color: #55acee 
}
    .social-twitter:hover {
        background-color: #3ea1ec!important;
        color: #fff!important 
}
    .social-google-plus {
        background-color: #de4b39 
}
    .social-google-plus:hover {
        background-color: #d93824!important;
        color: #fff!important 
}
    .social-youtube {
        background-color: #c61d23 
}
    .social-youtube:hover {
        background-color: #b01a1f!important;
        color: #fff!important 
}
    .social-snapchat {
        background-color: #fffb01 
}
    .social-snapchat:hover {
        background-color: #e7e300!important;
        color: #fff!important 
}
    .social-linkedin {
        background-color: #0e76a8 
}
    .social-linkedin:hover {
        background-color: #0c6590!important;
        color: #fff!important 
}
    .social-pinterest {
        background-color: #c8232c 
}
    .social-pinterest:hover {
        background-color: #b21f27!important;
        color: #fff!important 
}
    .social-instagram {
        background-color: #e1306c 
}
    .social-instagram:hover {
        background-color: #d81f5e!important;
        color: #fff!important 
}
    .social-rss {
        background-color: #ef822a 
}
    .social-rss:hover {
        background-color: #ed7412!important;
        color: #fff!important 
}
    .entry {
        margin-bottom: 20px 
}
    .entry__img-holder {
        margin-bottom: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 
}
    .entry__img {
        width: 100%;
        height: 100%;
        object-fit: cover 
}
    .entry__title {
        font-size: 18px;
        line-height: 1.4;
        margin-top: 3px;
        margin-bottom: 5px 
}
    .entry__title:hover a {
        color: var(--primary-color) 
}
    .entry__title--sm {
        font-size: 15px 
}
    .entry__meta li, .entry__meta-category {
        font-size: 12px 
}
    .entry__excerpt {
        margin-top: 16px 
}
    .entry__excerpt p {
        margin-bottom: 0 
}
    .entry__play-time {
        position: absolute;
        bottom: 32px;
        left: 32px;
        background-color: var(--primary-color);
        color: #fff;
        padding: 7px 11px;
        font-weight: 700;
        pointer-events: none 
}
    .entry__play-time i {
        margin-right: 5px 
}
    .entry__meta li {
        display: inline-block;
        color: #83858f 
}
    li.urdu_author {
        font-size: 11px;
        vertical-align: middle 
}
    .entry__meta li:after {
        content: '-';
        display: inline-block;
        margin: 0 3px 
}
    .entry__meta li.entry__meta-views:after {
        content: '';
        margin: 0 8px;
        display: inline-block 
}
    .entry__meta li:last-child:after {
        display: none 
}
    .entry__meta a {
        color: var(--primary-color) 
}
    .entry__meta a:hover {
        color: #171821 
}
    .entry__meta i {
        display: inline-block;
        margin-right: 5px 
}
    .entry__meta-category {
        font-family: montserrat, sans-serif;
        margin-bottom: 3px;
        font-weight: 700;
        color: #0098d0 
}
    .entry__meta-category--label {
        font-size: 10px;
        background-color: var(--primary-color);
        padding: 5px 10px;
        z-index: 2;
        color: #fff;
        margin-bottom: 0;
        display: inline-block 
}
    .card, .entry__meta-holder {
        display: -webkit-box;
        display: -ms-flexbox 
}
    .entry__meta-category--label:focus, .entry__meta-category--label:hover {
        color: #fff;
        opacity: .9 
}
    .entry__meta-category--align-in-corner {
        position: absolute;
        left: 16px;
        bottom: 16px 
}
    .entry__meta-category--violet {
        background-color: #3e3edd 
}
    .entry__meta-category--purple {
        background-color: #9c27b0 
}
    .entry__meta-category--blue {
        background-color: #0e79c9 
}
    .entry__meta-category--cyan {
        background-color: #00bcd4 
}
    .entry__meta-category--green {
        background-color: #19c22a 
}
    .entry__meta-category--orange {
        background-color: #e65100 
}
    .entry__meta-category--red {
        background-color: #f44336 
}
    .entry__meta-rating i {
        font-size: 16px;
        color: #fbc02d;
        margin-right: 2px 
}
    .entry__meta+.entry__meta, .entry__meta-category--label+.entry__meta {
        margin-top: 16px 
}
    .entry__meta+.entry__img-holder {
        margin-top: 20px 
}
    .entry__meta-holder {
        margin-top: 16px;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between 
}
    .entry__meta-holder .entry__meta {
        margin-top: 0 
}
    .entry-date-label {
        background-color: #fff;
        position: absolute;
        top: 16px;
        left: 16px;
        padding: 8px;
        text-align: center;
        font-family: montserrat, sans-serif 
}
    .entry-date-label__month, .entry-date-label__weekday {
        font-size: 8px;
        text-transform: uppercase;
        line-height: 1;
        font-weight: 600 
}
    .entry-date-label__weekday {
        color: #54555e 
}
    .entry-date-label__day {
        color: var(--primary-color);
        font-weight: 700;
        font-size: 16px;
        line-height: 1.25 
}
    .entry-date-label__month {
        color: var(--primary-color) 
}
    .thumb-text-holder .entry__meta a, .thumb-text-holder .entry__meta a:focus, .thumb-text-holder .entry__meta a:hover, .thumb-text-holder .entry__meta li, .thumb-text-holder--2 .entry__meta a {
        color: #fff!important 
}
    .thumb-container {
        background-color: #f7f7f7;
        position: relative;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0) 
}
    img.custom_img_class {
        width: 100%;
        height: 135px 
}
    .thumb-container img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        backface-visibility: hidden 
}
    .footer--dark .thumb-container {
        background-color: #171821 
}
    span#lblKseScroll marquee {
        height: 150px;
        text-align: center 
}
    .thumb-text-holder {
        position: absolute;
        bottom: 24px;
        width: 100%;
        z-index: 3;
        padding: 0 24px;
        left: 0;
        text-align: center 
}
    .thumb-text-holder--1, .thumb-text-holder--2, .thumb-text-holder--3, .thumb-text-holder--4 {
        text-align: left 
}
    .thumb-text-holder--1 .thumb-entry-title {
        font-size: 18px;
        margin-bottom: 24px 
}
    .thumb-text-holder--2 .thumb-entry-title {
        font-size: 34px;
        margin-top: 14px;
        margin-bottom: 8px 
}
    @media only screen and (max-width:767px) {
        .thumb-text-holder--2 .thumb-entry-title {
            font-size: 20px 
    }
}
    .thumb-text-holder--3 .thumb-entry-title {
        font-size: 28px;
        margin-top: 16px 
}
    @media only screen and (max-width:767px) {
        .thumb-text-holder--3 .thumb-entry-title {
            font-size: 20px 
    }
}
    .thumb-text-holder--4 .thumb-entry-title {
        font-size: 16px 
}
    .thumb-text-holder--5 {
        text-align: center;
        top: 50%;
        left: 50%;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%) 
}
    .thumb-text-holder--5 .thumb-entry-title {
        font-size: 40px;
        max-width: 770px;
        margin: 8px auto 
}
    .thumb {
        margin-bottom: 48px 
}
    .thumb--mb-20 {
        margin-bottom: 20px 
}
    .thumb--size-1 {
        height: 197px 
}
    .thumb--size-2 {
        height: 298px 
}
    .thumb--size-3 {
        height: 460px 
}
    .thumb--size-4 {
        height: 395px 
}
    .thumb--size-5 {
        height: 521px 
}
    .thumb--size-6 {
        height: 609px 
}
    .thumb--size-7 {
        height: 365px 
}
    @media only screen and (max-width:991px) {
        .thumb--size-6 {
            height: 440px 
    }
}
    @media only screen and (max-width:767px) {
        .thumb-text-holder--5 .thumb-entry-title {
            font-size: 20px 
    }
        .thumb--size-3, .thumb--size-4, .thumb--size-5, .thumb--size-6, .thumb--size-7 {
            height: 250px 
    }
}
    .thumb__img-holder {
        height: 100%;
        margin-bottom: 0 
}
    .thumb-url {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2 
}
    .thumb-entry-title {
        color: #fff;
        font-size: 15px;
        margin-bottom: 0 
}
    .thumb-entry-title a:focus, .thumb-entry-title:hover a {
        color: #fff 
}
    .thumb-50 {
        padding-bottom: 50% 
}
    .thumb-60 {
        padding-bottom: 60% 
}
    .thumb-65 {
        padding-bottom: 65% 
}
    .thumb-70 {
        padding-bottom: 70% 
}
    .thumb-75 {
        padding-bottom: 75% 
}
    .thumb-80 {
        padding-bottom: 80% 
}
    .thumb-100 {
        padding-bottom: 100% 
}
    .trending-now {
        background-color: #fff;
        position: relative;
        overflow: hidden;
        margin-top: 24px;
        height: 36px;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1) 
}
    .trending-now__label {
        background-color: var(--primary-color);
        font-family: source sans pro, sans-serif;
        font-weight: 700;
        color: #fff;
        padding: 0 16px;
        line-height: 36px;
        height: 36px;
        font-size: 14px 
}
    .trending-now__label i {
        margin-right: 5px 
}
    .trending-now--1 {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 0 
}
    .trending-now--1 .newsticker {
        border: 1px solid #e3e4e8 
}
    .newsticker {
        padding-right: 80px;
        padding-left: 20px;
        overflow: hidden 
}
    .newsticker__item {
        line-height: 36px 
}
    .newsticker__item-url {
        color: #54555e 
}
    .newsticker__item-url:hover {
        color: var(--primary-color) 
}
    .newsticker-buttons {
        position: absolute;
        top: 0;
        right: 0 
}
    .newsticker-button {
        background-color: transparent;
        float: left;
        padding: 0;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 12px;
        color: #54555e;
        border: none 
}
    .newsticker-button:first-child {
        border-right: 1px solid #e3e4e8 
}
    .newsticker-button:focus {
        outline: 0 
}
    .newsticker-button:hover {
        background-color: var(--primary-color);
        color: #fff;
        border-color: transparent 
}
    .featured-posts-grid {
        padding-bottom: 24px;
        padding-top: 24px;
        overflow: hidden 
}
    .featured-posts-grid__item {
        padding-bottom: 8px 
}
    .featured-posts-grid__item--sm {
        height: 33.333% 
}
    .featured-posts-grid__item--sm .entry__title {
        font-size: 16px 
}
    .featured-posts-grid__item--lg {
        height: 100% 
}
    .featured-posts-grid__item--lg .thumb-text-holder {
        bottom: 60px;
        padding: 0 50px 
}
    .featured-posts-grid__item--lg .entry__title {
        font-size: 32px;
        line-height: 1.3 
}
    @media only screen and (max-width:767px) {
        .featured-posts-grid__item--lg .entry__title {
            font-size: 20px 
    }
}
    .featured-posts-grid--1 {
        padding-bottom: 32px 
}
    .featured-posts-grid--1 .row {
        margin: 0 -1px 
}
    .featured-posts-grid--1 .row>div {
        padding: 0 1px 
}
    .featured-posts-grid--1 .thumb {
        margin-bottom: 2px 
}
    .hero {
        background-color: #fff 
}
    @media only screen and (min-width:1200px) {
        .hero__item .entry {
            overflow: visible;
            margin-bottom: 42px 
    }
        .hero__item .entry__body {
            -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
            padding: 24px;
            background: #fff;
            position: absolute;
            right: 0;
            left: 50px;
            z-index: 1;
            max-width: 83%;
            min-height: 210px;
            margin-top: -20px 
    }
}
    @media only screen and (max-width: 1199px) {
        .desktop_Navbar {
            display: none;
    }
    .logo {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            line-height: 48px;
            text-align: center 
    }
}
    .hero__item .entry__title {
        font-size: 28px 
}
    .hero-slider {
        margin-top: 8px;
        margin-bottom: 40px 
}
    .hero-slider__item .thumb {
        height: 537px;
        margin-bottom: 0 
}
    @media only screen and (max-width:767px) {
        .hero-slider__item .thumb {
            height: 460px 
    }
}
    @media only screen and (max-width:575px) {
        .hero-slider__item .thumb {
            height: 320px 
    }
}
    .hero-slider-1 {
        position: relative 
}
    .hero-slider-1__item {
        width: 100%;
        height: 75vh 
}
    @media only screen and (max-width:767px) {
        .hero-slider-1__item {
            height: 360px 
    }
}
    .hero-slider-1__entry {
        height: 100%;
        margin: 0!important 
}
    .hero-slider-1__thumb-img-holder {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center;
        position: relative;
        transition: all .3s ease-in-out 
}
    .hero-slider-1__thumb-img-holder .bottom-gradient {
        background: #171821;
        background: -webkit-gradient(linear, left bottom, left top, from(#171821), to(transparent));
        background: linear-gradient(to top, #171821 0, transparent 100%) 
}
    .card, .card__body, .carousel-thumbs, .content-box, .video-playlist__list {
        background-color: #fff 
}
    .hero-slider-1__thumb-text-holder {
        top: 50%;
        position: absolute;
        width: 100%;
        z-index: 3 
}
    .hero-slider-1__entry-title {
        color: #fff;
        font-size: 40px;
        max-width: 594px 
}
    .hero-slider-1__entry-title:focus a, .hero-slider-1__entry-title:hover a {
        color: #fff 
}
    @media only screen and (max-width:767px) {
        .hero-slider-1__thumb-text-holder {
            top: 30% 
    }
        .hero-slider-1__entry-title {
            font-size: 24px 
    }
}
    .carousel-main .flickity-slider {
        -webkit-transform: none!important;
        transform: none!important 
}
    .carousel-main .carousel-cell {
        left: 0!important;
        opacity: 0;
        -webkit-transition: opacity .7s ease-in-out;
        transition: opacity .7s ease-in-out;
        z-index: -1 
}
    .carousel-main .carousel-cell.is-selected {
        opacity: 1;
        z-index: 0 
}
    .carousel-thumbs {
        max-width: 594px;
        margin: auto;
        padding: 5px 
}
    .carousel-thumbs-holder {
        position: absolute;
        bottom: 0;
        width: 100%;
        -webkit-transform: translateY(50%);
        transform: translateY(50%) 
}
    .post-list, .post-list-small--arrows, .title-wrap {
        position: relative 
}
    .carousel-thumbs__item {
        padding: 5px;
        opacity: .3;
        transition: all .3s ease-in-out 
}
    .carousel-thumbs .carousel-cell {
        width: 25% 
}
    .carousel-thumbs .carousel-cell.is-selected .carousel-thumbs__item {
        opacity: 1 
}
    .title-wrap {
        overflow: hidden 
}
    .title-wrap--line {
        border-top: 3px solid #888994;
        padding-top: 15px 
}
    .title-wrap--pr {
        padding-right: 62px 
}
    .section-title--sm {
        font-size: 18px 
}
    .all-posts-url {
        float: right;
        text-transform: uppercase;
        letter-spacing: .04em;
        font-family: montserrat, sans-serif;
        color: #54555e;
        font-size: 11px;
        line-height: 28px 
}
    .content-box {
        padding: 5px;
        display: inline-block;
        width: 100% 
}
    @media only screen and (min-width:992px) {
        .featured-posts-grid__item--sm:first-child .post-list__img-holder, .featured-posts-grid__item--sm:last-child .post-list__img-holder {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2 
    }
        .content-box--top-offset {
            margin-top: -232px 
    }
}
    @media only screen and (max-width:575px) {
        .content-box {
            padding: 10px 
    }
}
    .content-box--pt-108 {
        padding-top: 108px 
}
    @media only screen and (max-width:575px) {
        .content-box--pt-108 {
            padding-top: 60px 
    }
}
    .tab-post__tabs {
        line-height: 27px 
}
    @media only screen and (max-width:767px) {
        .tab-post__tabs {
            width: 100%;
            margin-top: 10px 
    }
}
    .tab-post__tabs .tabs__item {
        margin-right: 26px 
}
    .tab-post__tabs .tabs__item a {
        color: #54555e 
}
    .tab-post__tabs .tabs__item a:focus, .tab-post__tabs .tabs__item a:hover, .tab-post__tabs .tabs__item--active a {
        color: var(--primary-color) 
}
    .tab-post__tabs .tabs__item:last-child {
        margin-right: 0 
}
    .tab-post__tabs .tabs__item--active:before {
        display: none 
}
    .tab-post .tabs__content {
        padding: 0;
        border: 0 
}
    .post-list-small__img--rounded, .post-list-small__img-holder {
        border-radius: 50%;
        overflow: hidden 
}
    .post-list-small--3 .post-list-small__item:first-child, .post-list-small--border-top {
        border-top: 1px solid #e3e4e8 
}
    .tab-post .entry {
        margin-bottom: 20px 
}
    .card {
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden 
}
    .post-list, .video-playlist {
        display: -webkit-box;
        display: -ms-flexbox 
}
    .card-row>div {
        margin-bottom: 30px 
}
    .card-row .card {
        height: 100%;
        margin-bottom: 0 
}
    .card__img-holder {
        margin-right: 0!important;
        margin-bottom: 0!important 
}
    .card__body {
        padding: 10px 12px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto 
}
    .card--1 .entry__title {
        margin-bottom: 32px 
}
    .post-list {
        margin-bottom: 20px;
        min-height: 70px;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row 
}
    .post-list:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0 
}
    .post-list__img-holder {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        margin-right: 30px;
        margin-bottom: 0 
}
    @media only screen and (max-width:991px) {
        .post-list__img-holder {
            width: 170px 
    }
}
    .post-list__body {
        overflow: hidden;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75% 
}
    .post-list-small__item {
        padding: 16px 0;
        position: relative 
}
    .post-list-small__item:first-child {
        padding-top: 0 
}
    .post-list-small__item:last-child {
        padding-bottom: 0;
        border-bottom: 0 
}
    .post-list-small--1 .post-list-small__item, .post-list-small--dividers li {
        border-bottom: 1px solid #e3e4e8 
}
    .post-list-small__img-holder {
        width: 88px;
        float: left;
        margin-right: 16px 
}
    @media only screen and (max-width:575px) {
        .post-list-small__img-holder {
            width: 50px 
    }
}
    .post-list-small__body {
        overflow: hidden 
}
    .post-list-small__entry-title {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 5px;
        margin-top: 5px 
}
    .post-list-small__entry-title a {
        color: #171821 
}
    .post-list-small__entry-title a:focus, .post-list-small__entry-title a:hover {
        color: var(--primary-color) 
}
    .post-list-small--border-top {
        padding-top: 16px;
        margin-top: -10px 
}
    .post-list-small--arrows li {
        padding-left: 16px 
}
    .post-list-small--arrows li:before {
        content: '\e804';
        font-family: ui-icons;
        color: var(--primary-color);
        position: absolute;
        left: 0;
        top: 22px;
        font-size: 10px 
}
    .post-list-small--arrows li:first-child:before {
        top: 6px 
}
    .post-list-small--1 .post-list-small__item:last-child {
        border-bottom: 0 
}
    .post-list-small--1 .post-list-small__img-holder {
        border-radius: 0;
        width: 78px 
}
    .post-list-small--1 .post-list-small__entry-title {
        margin: 0 
}
    .post-list-small--2 .post-list-small__img-holder {
        border-radius: 0;
        width: 130px 
}
    .post-list-small--2 .post-list-small__entry-title {
        font-size: 16px 
}
    .post-list-small--3 {
        margin-bottom: 48px 
}
    .post-list-small--3 .post-list-small__item {
        border-bottom: 1px solid #e3e4e8;
        padding: 24px 0 
}
    .post-list-small--3 .post-list-small__item:last-child {
        padding-bottom: 24px 
}
    .post-list-small--3 .post-list-small__img-holder {
        border-radius: 0;
        width: 84px 
}
    .post-list-small--3 .post-list-small__entry-title {
        margin-top: 0;
        font-size: 16px;
        font-weight: 500;
        color: #54555e 
}
    .video-playlist {
        display: flex 
}
    .video-playlist__content {
        width: 68% 
}
    .video-playlist__content>div {
        height: 100% 
}
    .video-playlist__list {
        width: 32%;
        border: 1px solid #e3e4e8 
}
    .video-playlist__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        line-height: 1;
        padding: 16px 14px;
        border-bottom: 1px solid #e3e4e8 
}
    .video-playlist__list-item:last-child {
        border-bottom: 0 
}
    .video-playlist__list-item--active .video-playlist__list-item-title, .video-playlist__list-item:hover .video-playlist__list-item-title {
        color: var(--primary-color) 
}
    .video-playlist__list-item-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 81px;
        flex: 0 0 81px;
        margin-right: 13px 
}
    .video-playlist__list-item-description {
        overflow: hidden;
        display: table-cell;
        vertical-align: middle 
}
    .video-playlist__list-item-title {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 1.3 
}
    @media only screen and (max-width:991px) {
        .video-playlist {
            display: block 
    }
        .video-playlist__content, .video-playlist__list {
            width: 100% 
    }
}
    .entry-score {
        border-radius: 50%;
        border: 2px solid #fff;
        background-color: var(--primary-color);
        width: 34px;
        height: 34px;
        line-height: 32px;
        text-align: center;
        font-weight: 700;
        color: #fff;
        font-size: 14px 
}
    .entry__img-holder .entry-score {
        position: absolute;
        top: 16px;
        left: 16px;
        z-index: 2 
}
    .play-btn, .play-btn:before {
        top: 50%;
        left: 50%;
        position: absolute 
}
    .play-btn {
        display: inline-block;
        z-index: 3;
        pointer-events: none;
        width: 48px;
        height: 48px;
        border: 3px solid #fff;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out 
}
    .play-btn:before {
        content: "";
        display: block;
        margin: -7px 0 0 -4px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 0 7px 10px;
        border-color: transparent transparent transparent #fff 
}
    .sidebar .widget {
        margin-bottom: 30px;
        background-color: #fff;
        padding: 22px;
        border: 1px solid #e3e4e8 
}
    .sidebar .widget_mc4wp_form_widget {
        padding: 32px!important 
}
    .sidebar--right {
        padding-left: 20px;
        padding-right: 10px 
}
    @media only screen and (min-width:1200px) {
        .blog__content--right, .sidebar--right {
            float: right 
    }
        .sidebar--right {
            padding-left: 20px 
    }
}
    #tweets li, .search-form {
        position: relative 
}
    .search-button i, .widget-search-button i {
        font-size: 18px;
        margin: 0;
        top: 10px 
}
    .widget_categories li {
        padding: 9px 0;
        color: #54555e;
        line-height: 24px 
}
    .widget_categories li:first-child {
        padding-top: 0 
}
    .widget_categories li:last-child {
        padding-bottom: 0 
}
    .widget_categories li a {
        color: #54555e 
}
    .widget_categories li a:before {
        content: "\e804";
        font-family: ui-icons;
        font-size: 10px;
        color: var(--primary-color);
        margin-right: 8px;
        line-height: 1;
        vertical-align: middle 
}
    .widget_categories li a:hover {
        color: var(--primary-color) 
}
    .categories-count {
        float: right;
        background-color: #f7f7f7;
        display: inline-block;
        padding: 0 11px;
        height: 24px;
        border-radius: 5px 
}
    .mc4wp-form-fields {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex 
}
    .mc4wp-form-fields>.form-group:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1 
}
    .mc4wp-form-fields input[type=email], .mc4wp-form-fields input[type=text] {
        margin-bottom: 8px 
}
    .mc4wp-form-fields input[type=submit] {
        margin-bottom: 0;
        width: auto 
}
    .mc4wp-form-fields input[type=submit]:focus {
        background-color: var(--primary-color) 
}
    .newsletter__text {
        color: #83858f 
}
    .newsletter__icon {
        color: #afb2bd;
        margin-right: 5px;
        font-size: 18px 
}
    .newsletter-wide {
        background-color: #f7f7f7;
        padding: 48px 0 
}
    .newsletter-wide__container {
        padding: 0 15px 
}
    @media only screen and (min-width:576px) {
        .newsletter-wide__container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around 
    }
}
    .newsletter-wide__text-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center 
}
    .newsletter-wide__text {
        margin-bottom: 0 
}
    @media only screen and (max-width:575px) {
        .newsletter-wide__text {
            margin-bottom: 10px 
    }
}
    .newsletter-wide .mc4wp-form-fields input[type=email], .newsletter-wide .mc4wp-form-fields input[type=text] {
        margin-bottom: 0;
        border-color: transparent 
}
    .widget-socials .socials {
        display: block 
}
    .widget_nav_menu li {
        padding: 4px 0 
}
    .widget_nav_menu li:first-child {
        padding-top: 0 
}
    .widget_nav_menu li:last-child {
        padding-bottom: 0 
}
    .widget-rating-posts .entry__title {
        font-size: 15px 
}
    .widget-rating-posts .post-list-small--2 .post-list-small__entry-title {
        font-size: 14px 
}
    .widget-latest-videos .entry__title {
        font-size: 15px 
}
    .widget-instagram-wide {
        padding-top: 48px;
        background-color: #fff 
}
    .widget-instagram-wide__title {
        margin-bottom: 32px 
}
    .widget-instagram-wide__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex 
}
    .widget-instagram__list {
        margin-left: -24px 
}
    .widget-instagram li {
        padding: 0 0 24px 24px;
        float: left;
        width: 33.3333% 
}
    .widget-logo .copyright {
        margin-top: 24px;
        margin-bottom: 24px 
}
    .tweet {
        margin-bottom: 5px 
}
    #tweets li {
        padding-left: 24px;
        margin-bottom: 18px 
}
    #tweets li:last-child, .timePosted {
        margin-bottom: 0 
}
    #tweets li:before {
        content: '\f099';
        font-family: ui-icons;
        color: #1da1f2;
        font-size: 14px;
        position: absolute;
        left: 0;
        top: 3px 
}
    .timePosted {
        font-size: 12px!important;
        color: #83858f;
        text-transform: uppercase 
}
    .entry__tags a, .widget_tag_cloud a {
        padding: 6px 10px;
        line-height: 1;
        margin: 0 8px 8px 0;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        background-color: #f7f7f7;
        font-family: source sans pro, sans-serif;
        color: #54555e;
        display: inline-block;
        float: left 
}
    .entry__tags a:hover, .widget_tag_cloud a:hover {
        background-color: var(--primary-color)!important;
        border-color: transparent;
        color: #fff!important 
}
    .breadcrumbs__url, figcaption {
        color: #83858f 
}
    .tagcloud {
        overflow: hidden 
}
    .breadcrumbs__item {
        display: inline-block;
        font-size: 14px 
}
    .breadcrumbs__item:last-child:after {
        display: none 
}
    .breadcrumbs__item i {
        font-size: 14px 
}
    .breadcrumbs__item:before {
        content: '\00BB';
        top: 3px;
        font-size: 18px;
        margin: 0 6px 
}
.breadcrumbs__item:nth-child(1):before {
    display: none;   
}
    .final-review__text-holder:before, .nav__menu>li>a:before {
        content: '';
        bottom: 0;
        left: 0;
        right: 0 
}
    .single-post__entry-header {
        margin-bottom: 24px 
}
    .single-post__entry-title {
        font-size: 36px;
        margin-top: 12px;
        margin-bottom: 5px 
}
    @media only screen and (max-width:767px) {
        .single-post__entry-title {
            font-size: 24px 
    }
}
    .single-post__thumb-entry-title {
        max-width: 570px 
}
    .entry__article-wrap {
        margin-top: 40px;
        margin-bottom: 40px 
}
    @media only screen and (min-width:992px) {
        .entry__article-wrap .entry__article {
            padding-left: 30px 
    }
        .entry__article-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex 
    }
}
    .entry__article>h1, .entry__article>h2, .entry__article>h3, .entry__article>h4, .entry__article>h5, .entry__article>h6 {
        margin-top: 36px 
}
    .entry__article>p {
        margin-bottom: 34px;
        font-size: 18px;
        line-height: 30px 
}
    .entry__article p>a {
        text-decoration: underline 
}
    .entry__article figure {
        margin-bottom: 24px 
}
    .entry__article ol, .entry__article ul {
        padding-left: 24px;
        line-height: 26px 
}
    .entry__article ul {
        list-style: disc 
}
    figure {
        margin: 0 
}
    figcaption {
        font-family: source sans pro, sans-serif;
        font-size: 12px;
        font-style: italic;
        margin-top: 10px 
}
    .entry-author, .entry__tags {
        margin-top: 30px 
}
    .entry__share {
        margin-bottom: 16px 
}
    .final-review {
        background-color: #171821;
        margin-bottom: 48px;
        background-position: center;
        background-repear: no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex 
}
    .final-review__score, .logo-holder {
        display: -webkit-box;
        display: -ms-flexbox 
}
    .final-review__score {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center 
}
    .final-review__score-number {
        background-color: var(--primary-color);
        border: 5px solid #fff;
        font-size: 36px;
        font-weight: 700;
        font-family: montserrat, sans-serif;
        width: 100px;
        height: 100px;
        line-height: 90px;
        text-align: center;
        border-radius: 50%;
        color: #fff 
}
    .final-review__text-holder {
        padding: 48px 40px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        position: relative 
}
    .final-review__text-holder:before {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        background-color: var(--primary-color);
        opacity: .8 
}
    .entry-author, .nav, .nav__menu, .nav__menu>li, .nav__menu>li>a {
        position: relative 
}
    .final-review__text, .final-review__title {
        color: #fff!important;
        position: relative;
        z-index: 1 
}
    .final-review__title {
        font-size: 36px 
}
    @media only screen and (max-width:767px) {
        .final-review {
            display: block 
    }
        .final-review__score {
            padding: 48px 0 
    }
}
    .entry__tags a {
        float: none 
}
    .entry__tags i {
        font-size: 12px 
}
    .entry__tags-label {
        color: #171821;
        text-transform: uppercase;
        letter-spacing: .04em;
        font-weight: 700;
        font-size: 14px;
        display: inline-block;
        margin-right: 8px;
        margin-left: 3px 
}
    .entry-author {
        padding: 24px;
        border: 1px solid #e3e4e8;
        margin-bottom: 30px 
}
    .entry-author .avatar {
        display: block;
        float: left;
        margin-right: 24px;
        border-radius: 50% 
}
    @media only screen and (max-width:575px) {
        .entry-author .avatar {
            width: 50px;
            margin-right: 15px 
    }
}
    .entry-author__name {
        font-size: 16px;
        font-weight: 700 
}
    .entry-author__label {
        color: #83858f;
        display: inline-block;
        margin-right: 5px 
}
    .entry-author__info {
        overflow: hidden 
}
    .entry-navigation {
        padding: 24px 0 
}
    .entry-navigation--left {
        float: left;
        width: 50% 
}
    .entry-navigation--left i {
        margin-right: 7px 
}
    .entry-navigation--right {
        text-align: right;
        float: right;
        width: 50% 
}
    .entry-navigation--right i {
        margin-left: 7px 
}
    .entry-navigation i {
        font-size: 12px 
}
    .entry-navigation__label {
        display: inline-block;
        margin-bottom: 5px;
        color: #83858f;
        font-size: 13px 
}
    .entry-navigation a {
        display: block;
        color: #171821;
        font-weight: 700;
        line-height: 1.4 
}
    .entry-navigation a:hover {
        color: var(--primary-color) 
}
    @media only screen and (min-width:576px) {
        .comment .children {
            padding-left: 8% 
    }
}
    .comment-list>li:first-child>.comment-body {
        border-top: 0;
        padding-top: 0 
}
    .comment-body {
        margin-bottom: 24px;
        padding-top: 24px;
        border-top: 1px solid #e3e4e8 
}
    .comment-text {
        overflow: hidden 
}
    .comment-text p {
        margin-bottom: 10px 
}
    .comment-avatar {
        float: left;
        margin-right: 20px;
        display: block;
        border-radius: 50%;
        overflow: hidden 
}
    .comment-author, .comment-metadata, .pagination__page {
        display: inline-block 
}
    .comment-author {
        font-family: montserrat, sans-serif;
        font-size: 15px;
        margin-bottom: 5px;
        margin-right: 8px 
}
    .comment-date, .comment-edit-link {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #83858f 
}
    .comment-edit-link {
        margin-left: 5px;
        margin-bottom: 0;
        color: var(--primary-color) 
}
    .comment-reply {
        color: #171821;
        font-weight: 600 
}
    .comment-reply:hover {
        color: var(--primary-color) 
}
    .comment-form p {
        margin: 0 
}
    .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: .25rem;
        justify-content: center;
        text-align: center 
}
    .pagination__page {
        font-size: 15px;
        width: 6%;
        height: 32px;
        line-height: 32px;
        margin-right: 6px;
        text-align: center;
        color: #fff;
        background-color: var(--primary-color);
        vertical-align: middle;
        border-radius: 0!important 
}
    .pagination__page:focus {
        color: #fff 
}
    .page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6 
}
    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer 
}
    .gmap, .nav__menu>li.active a:before, .nav__menu>li:hover a:before {
        width: 100% 
}
    .pagination__page--current, .pagination__page:not(span):hover {
        background-color: #171821;
        color: #fff!important;
        border-color: transparent 
}
    .pagination__icon {
        font-size: 12px 
}
    .page-title {
        font-size: 38px;
        margin-bottom: 24px 
}
    .gmap, .page-featured-img {
        margin-bottom: 40px 
}
    @media only screen and (max-width:575px) {
        .page-title {
            font-size: 24px 
    }
}
    .gmap {
        height: 480px 
}
    .contact-items {
        margin-bottom: 24px 
}
    .contact-item {
        padding: 3px 0 
}
    .contact-email, .contact-name, .contact-subject {
        max-width: 266px 
}
    .page-404-number {
        font-size: 80px;
        margin-bottom: 0 
}
    @media only screen and (max-width:575px) {
        .page-404-number {
            font-size: 50px 
    }
}
    .nav {
        min-height: 60px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 120;
        -webkit-transition: height .3s ease-in-out;
        transition: height .3s ease-in-out 
}
.nav__holder {
    background-color: var(--primary-color);
}
    .nav__wrap {
        padding-left: 40px 
}
    .nav__dropdown-menu, .nav__menu {
        list-style: none 
}
    .nav__menu {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center 
}
.nav__menu>li>a {
    color: #fff;
    font-size: 15px;
    line-height: 60px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 10px;
    display: block;
    font-family: var(--primary-font);
}
    .nav__menu>li>a:hover {
        color: #fff
}
    .nav__menu>li>a:before {
        display: block;
        position: absolute;
        width: 0;
        height: 2px;
        margin: 0 auto;
        background-color: var(--primary-color);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out 
}
    .nav__dropdown>a:after {
        content: '\f123';
        font-family: ui-icons;
        margin-left: 7px;
        font-size: 10px;
        line-height: 1 
}
    .nav--align-right, .nav__right, .nav__search {
        margin-left: auto 
}
    .nav__dropdown .nav__dropdown>a:after {
        content: '\e804';
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%) 
}
    @media only screen and (min-width:992px) {
        .nav__menu>li {
            display: inline-block;
            text-align: center 
    }
        .nav__dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0;
        z-index: 1000;
        min-width: 220px;
        width: 100%;
        text-align: left;
        list-style: none;
        white-space: nowrap;
        background-color: #fff;
        -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.1);
        box-shadow: 0 4px 20px rgba(0,0,0,.1);
        background-clip: padding-box;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .1s ease-in-out;
        transition: .1s ease-in-out;
    }
    .nav__dropdown-menu>li>a {
        color: #000;
        padding: 12px 15px;
        font-size: 14px;
        display: block;
        border-bottom: 1px solid #eee;
        font-family: var(--primary-font) 
    }
        .nav__dropdown-menu>li>a:hover {
            color: var(--primary-color) 
    }
        .nav__dropdown-menu.hide-dropdown {
            visibility: hidden!important;
            opacity: 0!important 
    }
        .nav__dropdown-menu--right {
            right: 0 
    }
        .nav__dropdown:hover>.nav__dropdown-menu {
            opacity: 1;
            visibility: visible 
    }
        .nav__dropdown-menu .nav__dropdown-menu {
            left: 100%;
            top: -10px 
    }
        .nav__dropdown .nav__dropdown {
            position: relative 
    }
        .nav__megamenu {
            padding: 32px 30px 
    }
        .nav__megamenu .row {
            white-space: normal 
    }
        .nav__megamenu-item .entry {
            margin-bottom: 0 
    }
        .nav__megamenu-item .entry__title {
            font-size: 16px 
    }
        .nav__megamenu-list a {
            font-family: montserrat, sans-serif;
            display: block;
            clear: both;
            padding: 4px 0;
            white-space: nowrap;
            color: #b2b2b2;
            font-size: 15px 
    }
}
    .header {
        padding: 30px 0 
}
    .header__menu-list li {
        display: inline-block;
        font-size: 14px;
        margin-right: 19px 
}
    .header__menu-list a {
        color: #54555e 
}
    @media only screen and (min-width:992px) {
        .nav--1 {
            min-height: 82px 
    }
        .nav--1 .container:after, .nav--1 .container:before {
            content: '';
            display: block;
            position: absolute;
            left: 15px;
            right: 15px;
            height: 2px;
            background-color: #e3e4e8 
    }
        .nav--1 .container:after {
            bottom: 0 
    }
        .nav--1 .nav--sticky, .nav--1 .nav__menu>li>a {
            height: 82px 
    }
        .nav--1 .nav__menu>li>a {
            line-height: 82px 
    }
}
    .home .nav--1 .container:after, .nav--1 .nav__holder.scrolling .container:after, .nav--1 .nav__holder.scrolling .container:before, .nav--1 .nav__menu>li>a:before, .nav--2 .nav__menu>li>a:before {
        display: none 
}
    .nav--1 .sticky {
        height: 48px 
}
    .nav--1 .sticky .nav__menu>li>a {
        line-height: 48px;
        height: 48px 
}
    .nav--1 .nav__holder {
        -webkit-box-shadow: none;
        box-shadow: none 
}
    .nav--1 .nav__wrap {
        padding-left: 0;
        -webkit-box-flex: 4;
        -ms-flex: 4 0 0;
        flex: 4 0 0;
        text-align: center 
}
    @media only screen and (min-width:992px) {
        .nav--2 {
            min-height: 100px 
    }
        .nav--2 .nav__holder {
            height: 100px 
    }
        .nav--2 .nav__menu>li>a {
            line-height: 100px 
    }
}
    .nav--2 .nav__holder {
        -webkit-box-shadow: none;
        box-shadow: none 
}
    .nav--2 .nav__wrap {
        padding-left: 0;
        -webkit-box-flex: 4;
        -ms-flex: 4 0 0;
        flex: 4 0 0;
        text-align: center 
}
    .nav--2 .nav-icon-toggle {
        margin-right: 48px 
}
    .logo {
        line-height: 1 
}
.logo__img {
    width: 160px;
    height: 50px;
}
    .logo-holder {
        display: flex 
}
    header .flex-parent {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 60px 
}
    header .flex-child {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        line-height: 1 
}
    .nav--align-left {
        margin-right: auto 
}
    .nav__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex 
}
    .nav__right a:focus, .nav__right a:hover {
        color: var(--primary-color) 
}
    .nav__search-box input#btnSearch {
        position: absolute;
        top: 10px;
        right: 10px;
        width: auto;
        padding: 0;
        border-radius: 0px;
        border: none;
        box-shadow: none;
}
    .nav__search-box {
        width: 100%;
        position: absolute;
        right: 0;
        top: 100%;
        padding: 10px;
        background-color: #fff;
        display: none;
        -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.06);
}
    .nav__search-form {
        position: relative 
}
    .nav__search-input {
        margin-bottom: 0;
        display: block;
        line-height: 40px;
        font-size: 14pt;
        color: #818181 
}
    .nav__search-button {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0!important;
        width: 42px 
}
    .nav__search-trigger {
    color: #fff;
    font-size: 23px;
    display: inline-block;
    width: 24px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
    .nav__search-trigger:hover, .nav__search-trigger:focus {
    color: #fff !important;
}
    .nav__search .ui-close {
        font-size: 20px;
        position: relative 
}
    @media only screen and (max-width:991px) {
        .nav__search-box {
            width: 100% 
    }
}
    .nav__search-mobile-form {
        position: relative 
}
    .nav__search-mobile-input {
        height: 46px;
        border: none;
        background-color: transparent;
        margin-bottom: 0;
        font-family: montserrat, sans-serif;
        font-size: 13px;
        color: #171821;
        border-radius: 0;
        border-bottom: 1px solid #182835 
}
    .nav__search-mobile-input:focus {
        background-color: transparent;
        border-color: #fff 
}
    .nav__search-mobile-submit {
        position: absolute;
        right: 0;
        top: 0;
        width: 46px;
        height: 46px;
        border: 0;
        padding: 0;
        font-size: 14px;
        cursor: pointer;
        color: #9aa3ab;
        background-color: transparent 
}
    .content-overlay, .sidenav {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 121 
}
    input.nav__search-mobile-input::-webkit-input-placeholder {
        color: #9aa3ab 
}
    input.nav__search-mobile-input:-moz-placeholder {
        color: #9aa3ab;
        opacity: 1 
}
    input.nav__search-mobile-input::-moz-placeholder {
        color: #9aa3ab;
        opacity: 1 
}
    input.nav__search-mobile-input:-ms-input-placeholder {
        color: #9aa3ab 
}
    .top-bar {
        background-color: #171821 
}
    .top-bar .social {
        color: #fff 
}
    .top-menu li {
        display: inline-block;
        font-size: 14px 
}
    .top-menu li:first-child a {
        padding-left: 0 
}
    .top-menu li:last-child a {
        padding-right: 0 
}
    .top-menu a {
        display: block;
        padding: 0 10px;
        line-height: 32px;
        color: #fff 
}
    .sidenav {
        background-color: var(--primary-color);
        left: 0;
        width: 250px;
        overflow-y: auto;
        -webkit-transition: transform .5s cubic-bezier(.55, 0, .1, 1);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.55, 0, .1, 1);
        transition: -webkit-transform .5s cubic-bezier(.55, 0, .1, 1);
        transition: transform .5s cubic-bezier(.55, 0, .1, 1);
        transition: transform .5s cubic-bezier(.55, 0, .1, 1), -webkit-transform .5s cubic-bezier(.55, 0, .1, 1);
        -webkit-transform: translateX(-320px);
        transform: translateX(-320px) 
}
    .sidenav--is-open {
        -webkit-transform: translateX(0);
        transform: translateX(0) 
}
    .content-overlay {
        width: 100%;
        height: 100%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .3s cubic-bezier(.16, .36, 0, .98);
        transition: .3s cubic-bezier(.16, .36, 0, .98);
        background-color: rgba(0, 0, 0, .5) 
}
    .content-overlay--is-visible {
        opacity: 1;
        visibility: visible 
}
    .nav-icon-toggle {
        padding: 0;
        display: inline-block;
        -webkit-transition: .15s linear;
        transition: .15s linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin-right: 10px;
        overflow: visible 
}
    .nav-icon-toggle:focus {
        outline: 0 
}
    .nav-icon-toggle__box {
        width: 18px;
        height: 20px;
        position: relative;
        display: block;
}
    .nav-icon-toggle__inner {
        display: block;
        top: 50%;
        margin-top: -1px;
        margin-left: 0;
        width: 18px 
}
    .nav-icon-toggle__inner, .nav-icon-toggle__inner:after, .nav-icon-toggle__inner:before {
        height: 2px;
        background-color: #fff;
        position: absolute;
        -webkit-transition: .2s all;
        transition: .2s all 
}
    .nav-icon-toggle:hover .nav-icon-toggle__inner, .nav-icon-toggle:hover .nav-icon-toggle__inner:after, .nav-icon-toggle:hover .nav-icon-toggle__inner:before {
        background-color: #fff 
}
    .nav-icon-toggle__inner:after, .nav-icon-toggle__inner:before {
        content: "";
        display: block;
        margin-left: 0 
}
    .footer--bg-img:before, .full-overlay {
        content: '' 
}
    .nav-icon-toggle__inner:before {
        top: -6px;
        width: 18px 
}
    .nav-icon-toggle__inner:after {
        bottom: -6px;
        width: 18px 
}
    .sidenav__menu-container {
        margin-top: 52px 
}
    .sidenav__menu ul {
        list-style: none;
        padding: 0 
}
    .sidenav__menu li {
    position: relative;
    border-bottom: 1px solid #e3e4e826;
    font-size: 14px;
}
    .sidenav__menu li:last-child {
        border-bottom: 0 
}
    .sidenav__menu-dropdown {
        overflow: hidden;
        display: none;
}
    .sidenav__menu-dropdown li {
        padding-left: 10px 
}
    .sidenav__menu-dropdown .sidenav__menu-toggle, .sidenav__menu-dropdown a, .sidenav__menu-dropdown:hover {
        color: #fff 
}
    .sidenav__menu-toggle {
        position: absolute;
        top: 0;
        right: 5px;
        background-color: transparent;
        border: none;
        color: #fff;
        font-size: 12px;
        padding: 0;
        width: 46px;
        height: 46px;
        text-align: center 
}
    .sidenav__menu-toggle:focus {
        outline: 0 
}
    .sidenav__menu--is-open>a {
    color: #fff;
    border-bottom: 1px solid #e3e4e826;
}
    .sidenav__menu--is-open>a:hover {
        color: #171821 
}
    .sidenav__menu--is-open>.sidenav__menu-toggle {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        color: #fff 
}
    .sidenav__menu--is-open>.sidenav__menu-toggle:hover {
        color: #fff 
}
    .sidenav__menu-url {
    text-transform: capitalize;
    font-family: var(--primary-font);
    width: 100%;
    display: block;
    color: #fff;
    padding: 12px 15px;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: background .3s;
    transition: background .3s;
}
    #back-to-top, .nav--sticky.offset {
        -webkit-transition: all .3s ease-in-out 
}
    .sidenav__menu-url:focus, .sidenav__menu-url:hover {
        color: #fff
}
    .sidenav__close {
        position: absolute;
        right: 15px;
        top: 15px 
}
    .sidenav__close-button {
        padding: 0;
        background: 0 0;
        border: 0;
        color: #fff;
        width: 24px;
        height: 24px 
}
    i.fa.fa-home.h_icon {
        font-size: 20px 
}
    th {
        font-weight: 600!important;
        letter-spacing: .5px!important 
}
    .small_txt {
        font-weight: 600;
        font-size: 12px;
        color: #333;
        letter-spacing: .5px 
}
    .font_13 {
        font-size: 13px 
}
    .maroon {
        color: #171821;
        font-weight: 600 
}
    .sub_nav {
        color: #555;
        padding: 0 15px 
}
    .nav--sticky, .nav--sticky.sticky .logo-wrap a {
        height: auto 
}
    .sidenav__close-button:hover {
        color: var(--primary-color) 
}
    #back-to-top:hover i, .nav--colored .nav__menu>li>a, .nav--colored .nav__menu>li>a:hover, .nav--colored .nav__right a:focus, .nav--colored .nav__right a:hover, .nav--colored .nav__search-trigger {
        color: #fff 
}
    .sidenav__close-icon {
        font-size: 22px;
        line-height: 24px 
}
    .sidenav__socials {
        padding: 0 22px;
        margin-top: 20px 
}
    .nav--sticky.sticky {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        left: 0;
        right: 0;
        height: auto;
        top: 0;
        z-index: 120 
}
    .nav--sticky.sticky.scrolling {
        opacity: 1;
        visibility: visible 
}
    .nav--colored .nav-icon-toggle:hover .nav-icon-toggle__inner, .nav--colored .nav-icon-toggle:hover .nav-icon-toggle__inner:after, .nav--colored .nav-icon-toggle:hover .nav-icon-toggle__inner:before, .nav--colored .nav-icon-toggle__inner, .nav--colored .nav-icon-toggle__inner:after, .nav--colored .nav-icon-toggle__inner:before {
        background-color: #fff 
}
    #back-to-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    color: #1e9ed5;
    width: 40px;
    height: 40px;
    background: #f3f3f2;
    padding: 0;
    line-height: 40px;
    transition: 0.5s ease-out;
    text-align: center;
    display: none;
}
    #back-to-top i {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out 
}
    #back-to-top a {
        display: block;
        color: #1e9ed
}
    #back-to-top:hover {
        background-color: var(--primary-color);
        border-color: transparent 
}
    @media only screen and (max-width:991px) {
        .nav__header {
            height: 48px 
    }
        .nav__wrap {
            text-align: left 
    }
        .footer__widgets>.row>div:not(:last-child) {
            margin-bottom: 50px 
    }
}
    #CatFish, #wp-calendar td, #wp-calendar th, .entry-pages a, .wp-caption {
        text-align: center 
}
    .footer {
        position: relative 
}
    .footer a:not(.social):hover {
        color: var(--primary-color) 
}
    .footer--white {
        background-color: #fff 
}
    .footer--dark {
        background-color: #171821 
}
    .footer--dark .social, .footer--dark .widget-title, .footer--dark a {
        color: #fff 
}
    .footer--dark p {
        color: #83858f!important 
}
    .footer--dark .post-list-small__item, .footer--dark .widget_nav_menu li {
        border-color: #54555e 
}
    .footer--dark .entry__meta li {
        color: #5f686b!important 
}
    .footer--dark .mc4wp-form-fields input[type=email], .footer--dark .mc4wp-form-fields input[type=text] {
        border-color: transparent 
}
    .footer--dark .mc4wp-form-fields input[type=email]:focus, .footer--dark .mc4wp-form-fields input[type=text]:focus {
        border-color: var(--primary-color) 
}
    .footer--dark .newsletter__icon {
        color: #575961 
}
    .footer--dark .tagcloud a {
        background-color: #2d2e36;
        color: #fff 
}
    .footer__widgets {
        padding: 20px 0 
}
    .footer__widgets p {
        font-size: 14px;
        line-height: 26px 
}
    .footer__widgets--short {
        padding: 60px 0 
}
    .footer .logo__img {
        display: block;
        padding-bottom: 20px 
}
    .footer--grey {
        background-color: #f7f7f7 
}
    .footer--bg-img {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat 
}
    .footer--bg-img:before {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(23, 24, 33, .9) 
}
    .footer__widgets-top {
        position: relative;
        padding-bottom: 16px;
        margin-bottom: 24px;
        border-bottom: 1px solid #54555e 
}
    .footer__nav-menu {
        line-height: 30px 
}
    .footer__nav-menu li {
        display: inline-block;
        margin-right: 24px 
}
    .footer__nav-menu li:last-child {
        margin-right: 0 
}
    .footer__nav-menu a {
        color: #171821 
}
    .footer__nav-menu a:hover {
        color: var(--primary-color) 
}
    .footer__nav-menu+.copyright {
        margin-top: 24px 
}
    .footer__nav-menu--1 {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700 
}
    .copyright {
        font-size: 13px 
}
    .copyright a {
        color: inherit 
}
    .copyright a:hover {
        color: var(--primary-color) 
}
    .footer__bottom {
        padding: 45px 0 35px;
        position: relative 
}
    .bottom-gradient, .full-overlay {
        position: absolute;
        width: 100%;
        z-index: 1 
}
    @media only screen and (max-width:991px) {
        .footer__bottom .copyright {
            margin-top: 15px 
    }
}
    .footer__bottom .widget_nav_menu li {
        display: inline-block;
        margin-right: 15px;
        border-bottom: 0;
        padding: 0 
}
    .footer__bottom .widget_nav_menu li:last-child {
        margin-right: 0 
}
    .footer__bottom--dark {
        background-color: #0e0f14 
}
    .footer__bottom--dark .footer__nav-menu a {
        color: #fff 
}
    .footer__bottom--dark .footer__nav-menu a:hover {
        color: var(--primary-color) 
}
    .footer__bottom--white {
        background-color: #fff 
}
    .m-0 {
        margin: 0!important 
}
    .p-0 {
        padding: 0!important 
}
    .mt-0 {
        margin-top: 0!important 
}
    .mt-8 {
        margin-top: 8px 
}
    .mt-16 {
        margin-top: 16px 
}
    .mt-24 {
        margin-top: 24px 
}
    .mt-32 {
        margin-top: 32px 
}
    .mt-40 {
        margin-top: 20px 
}
    .mt-48 {
        margin-top: 48px 
}
    .mt-56 {
        margin-top: 56px 
}
    .mt-64 {
        margin-top: 64px 
}
    .mt-72 {
        margin-top: 72px 
}
    .mt-80 {
        margin-top: 80px 
}
    .mb-0 {
        margin-bottom: 0!important 
}
    .mb-8 {
        margin-bottom: 8px 
}
    .mb-16 {
        margin-bottom: 16px 
}
    .mb-24 {
        margin-bottom: 24px 
}
    .mb-30 {
        margin-bottom: 30px 
}
    .mb-40 {
        margin-bottom: 20px 
}
    .mb-48 {
        margin-bottom: 48px 
}
    .mb-56 {
        margin-bottom: 56px 
}
    .mb-64 {
        margin-bottom: 64px 
}
    .mb-72 {
        margin-bottom: 72px 
}
    .mb-80 {
        margin-bottom: 80px 
}
    .pt-0 {
        padding-top: 0 
}
    .pt-8 {
        padding-top: 8px 
}
    .pt-16 {
        padding-top: 16px 
}
    .pt-24 {
        padding-top: 24px 
}
    .pt-32 {
        padding-top: 32px 
}
    .pt-40 {
        padding-top: 40px 
}
    .pt-48 {
        padding-top: 48px 
}
    .pt-56 {
        padding-top: 56px 
}
    .pt-64 {
        padding-top: 64px 
}
    .pt-72 {
        padding-top: 72px 
}
    .pt-80 {
        padding-top: 80px 
}
    .pb-0 {
        padding-bottom: 0 
}
    .pb-8 {
        padding-bottom: 8px 
}
    .pb-16 {
        padding-bottom: 16px 
}
    .pb-24 {
        padding-bottom: 24px 
}
    .pb-32 {
        padding-bottom: 32px 
}
    .pb-40 {
        padding-bottom: 40px 
}
    .pb-48 {
        padding-bottom: 48px 
}
    .pb-56 {
        padding-bottom: 56px 
}
    .pb-64 {
        padding-bottom: 64px 
}
    .pb-72 {
        padding-bottom: 72px 
}
    .pb-80 {
        padding-bottom: 80px 
}
    @media only screen and (max-width:1199px) {
        .mt-lg-0 {
            margin-top: 0!important 
    }
        .mt-lg-8 {
            margin-top: 8px 
    }
        .mt-lg-16 {
            margin-top: 16px 
    }
        .mt-lg-24 {
            margin-top: 24px 
    }
        .mt-lg-32 {
            margin-top: 32px 
    }
        .mt-lg-40 {
            margin-top: 40px 
    }
        .mt-lg-48 {
            margin-top: 48px 
    }
        .mt-lg-56 {
            margin-top: 56px 
    }
        .mt-lg-64 {
            margin-top: 64px 
    }
        .mt-lg-72 {
            margin-top: 72px 
    }
        .mt-lg-80 {
            margin-top: 80px 
    }
        .mb-lg-0 {
            margin-bottom: 0!important 
    }
        .mb-lg-8 {
            margin-bottom: 8px 
    }
        .mb-lg-16 {
            margin-bottom: 16px 
    }
        .mb-lg-24 {
            margin-bottom: 24px 
    }
        .mb-lg-32 {
            margin-bottom: 32px 
    }
        .mb-lg-40 {
            margin-bottom: 40px 
    }
        .mb-lg-48 {
            margin-bottom: 48px 
    }
        .mb-lg-56 {
            margin-bottom: 56px 
    }
        .mb-lg-64 {
            margin-bottom: 64px 
    }
        .mb-lg-72 {
            margin-bottom: 72px 
    }
        .mb-lg-80 {
            margin-bottom: 80px 
    }
        .pt-lg-0 {
            padding-top: 0 
    }
        .pt-lg-8 {
            padding-top: 8px 
    }
        .pt-lg-16 {
            padding-top: 16px 
    }
        .pt-lg-24 {
            padding-top: 24px 
    }
        .pt-lg-32 {
            padding-top: 32px 
    }
        .pt-lg-40 {
            padding-top: 40px 
    }
        .pt-lg-48 {
            padding-top: 48px 
    }
        .pt-lg-56 {
            padding-top: 56px 
    }
        .pt-lg-64 {
            padding-top: 64px 
    }
        .pt-lg-72 {
            padding-top: 72px 
    }
        .pt-lg-80 {
            padding-top: 80px 
    }
        .pb-lg-0 {
            padding-bottom: 0 
    }
        .pb-lg-8 {
            padding-bottom: 8px 
    }
        .pb-lg-16 {
            padding-bottom: 16px 
    }
        .pb-lg-24 {
            padding-bottom: 24px 
    }
        .pb-lg-32 {
            padding-bottom: 32px 
    }
        .pb-lg-40 {
            padding-bottom: 40px 
    }
        .pb-lg-48 {
            padding-bottom: 48px 
    }
        .pb-lg-56 {
            padding-bottom: 56px 
    }
        .pb-lg-64 {
            padding-bottom: 64px 
    }
        .pb-lg-72 {
            padding-bottom: 72px 
    }
        .pb-lg-80 {
            padding-bottom: 80px 
    }
}
    @media only screen and (max-width:991px) {
        .mt-md-0 {
            margin-top: 0!important 
    }
        .mt-md-8 {
            margin-top: 8px 
    }
        .mt-md-16 {
            margin-top: 16px 
    }
        .mt-md-24 {
            margin-top: 24px 
    }
        .mt-md-32 {
            margin-top: 32px 
    }
        .mt-md-40 {
            margin-top: 40px 
    }
        .mt-md-48 {
            margin-top: 48px 
    }
        .mt-md-56 {
            margin-top: 56px 
    }
        .mt-md-64 {
            margin-top: 64px 
    }
        .mt-md-72 {
            margin-top: 72px 
    }
        .mt-md-80 {
            margin-top: 80px 
    }
        .mb-md-0 {
            margin-bottom: 0!important 
    }
        .mb-md-8 {
            margin-bottom: 8px 
    }
        .mb-md-16 {
            margin-bottom: 16px 
    }
        .mb-md-24 {
            margin-bottom: 24px 
    }
        .mb-md-32 {
            margin-bottom: 32px 
    }
        .mb-md-40 {
            margin-bottom: 40px 
    }
        .mb-md-48 {
            margin-bottom: 48px 
    }
        .mb-md-56 {
            margin-bottom: 56px 
    }
        .mb-md-64 {
            margin-bottom: 64px 
    }
        .mb-md-72 {
            margin-bottom: 72px 
    }
        .mb-md-80 {
            margin-bottom: 80px 
    }
        .pt-md-0 {
            padding-top: 0 
    }
        .pt-md-8 {
            padding-top: 8px 
    }
        .pt-md-16 {
            padding-top: 16px 
    }
        .pt-md-24 {
            padding-top: 24px 
    }
        .pt-md-32 {
            padding-top: 32px 
    }
        .pt-md-40 {
            padding-top: 40px 
    }
        .pt-md-48 {
            padding-top: 48px 
    }
        .pt-md-56 {
            padding-top: 56px 
    }
        .pt-md-64 {
            padding-top: 64px 
    }
        .pt-md-72 {
            padding-top: 72px 
    }
        .pt-md-80 {
            padding-top: 80px 
    }
        .pb-md-0 {
            padding-bottom: 0 
    }
        .pb-md-8 {
            padding-bottom: 8px 
    }
        .pb-md-16 {
            padding-bottom: 16px 
    }
        .pb-md-24 {
            padding-bottom: 24px 
    }
        .pb-md-32 {
            padding-bottom: 32px 
    }
        .pb-md-40 {
            padding-bottom: 40px 
    }
        .pb-md-48 {
            padding-bottom: 48px 
    }
        .pb-md-56 {
            padding-bottom: 56px 
    }
        .pb-md-64 {
            padding-bottom: 64px 
    }
        .pb-md-72 {
            padding-bottom: 72px 
    }
        .pb-md-80 {
            padding-bottom: 80px 
    }
}
    @media only screen and (max-width:767px) {
        .mt-sm-0 {
            margin-top: 0!important 
    }
        .mt-sm-8 {
            margin-top: 8px 
    }
        .mt-sm-16 {
            margin-top: 16px 
    }
        .mt-sm-24 {
            margin-top: 24px 
    }
        .mt-sm-32 {
            margin-top: 32px 
    }
        .mt-sm-40 {
            margin-top: 40px 
    }
        .mt-sm-48 {
            margin-top: 48px 
    }
        .mt-sm-56 {
            margin-top: 56px 
    }
        .mt-sm-64 {
            margin-top: 64px 
    }
        .mt-sm-72 {
            margin-top: 72px 
    }
        .mt-sm-80 {
            margin-top: 80px 
    }
        .mb-sm-0 {
            margin-bottom: 0!important 
    }
        .mb-sm-8 {
            margin-bottom: 8px 
    }
        .mb-sm-16 {
            margin-bottom: 16px 
    }
        .mb-sm-24 {
            margin-bottom: 24px 
    }
        .mb-sm-32 {
            margin-bottom: 32px 
    }
        .mb-sm-40 {
            margin-bottom: 40px 
    }
        .mb-sm-48 {
            margin-bottom: 48px 
    }
        .mb-sm-56 {
            margin-bottom: 56px 
    }
        .mb-sm-64 {
            margin-bottom: 64px 
    }
        .mb-sm-72 {
            margin-bottom: 72px 
    }
        .mb-sm-80 {
            margin-bottom: 80px 
    }
        .pt-sm-0 {
            padding-top: 0 
    }
        .pt-sm-8 {
            padding-top: 8px 
    }
        .pt-sm-16 {
            padding-top: 16px 
    }
        .pt-sm-24 {
            padding-top: 24px 
    }
        .pt-sm-32 {
            padding-top: 32px 
    }
        .pt-sm-40 {
            padding-top: 40px 
    }
        .pt-sm-48 {
            padding-top: 48px 
    }
        .pt-sm-56 {
            padding-top: 56px 
    }
        .pt-sm-64 {
            padding-top: 64px 
    }
        .pt-sm-72 {
            padding-top: 72px 
    }
        .pt-sm-80 {
            padding-top: 80px 
    }
        .pb-sm-0 {
            padding-bottom: 0 
    }
        .pb-sm-8 {
            padding-bottom: 8px 
    }
        .pb-sm-16 {
            padding-bottom: 16px 
    }
        .pb-sm-24 {
            padding-bottom: 24px 
    }
        .pb-sm-32 {
            padding-bottom: 32px 
    }
        .pb-sm-40 {
            padding-bottom: 40px 
    }
        .pb-sm-48 {
            padding-bottom: 48px 
    }
        .pb-sm-56 {
            padding-bottom: 56px 
    }
        .pb-sm-64 {
            padding-bottom: 64px 
    }
        .pb-sm-72 {
            padding-bottom: 72px 
    }
        .pb-sm-80 {
            padding-bottom: 80px 
    }
}
    @media only screen and (max-width:575px) {
        .mt-xs-0 {
            margin-top: 0!important 
    }
        .mt-xs-8 {
            margin-top: 8px 
    }
        .mt-xs-16 {
            margin-top: 16px 
    }
        .mt-xs-24 {
            margin-top: 24px 
    }
        .mt-xs-32 {
            margin-top: 32px 
    }
        .mt-xs-40 {
            margin-top: 40px 
    }
        .mt-xs-48 {
            margin-top: 48px 
    }
        .mt-xs-56 {
            margin-top: 56px 
    }
        .mt-xs-64 {
            margin-top: 64px 
    }
        .mt-xs-72 {
            margin-top: 72px 
    }
        .mt-xs-80 {
            margin-top: 80px 
    }
        .mb-xs-0 {
            margin-bottom: 0!important 
    }
        .mb-xs-8 {
            margin-bottom: 8px 
    }
        .mb-xs-16 {
            margin-bottom: 16px 
    }
        .mb-xs-24 {
            margin-bottom: 24px 
    }
        .mb-xs-32 {
            margin-bottom: 32px 
    }
        .mb-xs-40 {
            margin-bottom: 40px 
    }
        .mb-xs-48 {
            margin-bottom: 48px 
    }
        .mb-xs-56 {
            margin-bottom: 56px 
    }
        .mb-xs-64 {
            margin-bottom: 64px 
    }
        .mb-xs-72 {
            margin-bottom: 72px 
    }
        .mb-xs-80 {
            margin-bottom: 80px 
    }
        .pt-xs-0 {
            padding-top: 0 
    }
        .pt-xs-8 {
            padding-top: 8px 
    }
        .pt-xs-16 {
            padding-top: 16px 
    }
        .pt-xs-24 {
            padding-top: 24px 
    }
        .pt-xs-32 {
            padding-top: 32px 
    }
        .pt-xs-40 {
            padding-top: 40px 
    }
        .pt-xs-48 {
            padding-top: 48px 
    }
        .pt-xs-56 {
            padding-top: 56px 
    }
        .pt-xs-64 {
            padding-top: 64px 
    }
        .pt-xs-72 {
            padding-top: 72px 
    }
        .pt-xs-80 {
            padding-top: 80px 
    }
        .pb-xs-0 {
            padding-bottom: 0 
    }
        .pb-xs-8 {
            padding-bottom: 8px 
    }
        .pb-xs-16 {
            padding-bottom: 16px 
    }
        .pb-xs-24 {
            padding-bottom: 24px 
    }
        .pb-xs-32 {
            padding-bottom: 32px 
    }
        .pb-xs-40 {
            padding-bottom: 40px 
    }
        .pb-xs-48 {
            padding-bottom: 48px 
    }
        .pb-xs-56 {
            padding-bottom: 56px 
    }
        .pb-xs-64 {
            padding-bottom: 64px 
    }
        .pb-xs-72 {
            padding-bottom: 72px 
    }
        .pb-xs-80 {
            padding-bottom: 80px 
    }
}
    .full-overlay {
        display: block;
        height: 100%;
        background-color: rgba(0, 0, 0, .5) 
}
    .bottom-gradient {
        height: 70%;
        bottom: 0;
        background: rgba(0, 0, 0, .7);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .7)), to(transparent));
        background: linear-gradient(to top, rgba(0, 0, 0, .7) 0, transparent 100%) 
}
    .top-divider {
        border-top: 1px solid #e3e4e8 
}
    .bottom-divider {
        border-bottom: 1px solid #e3e4e8 
}
    body.admin-bar .nav--sticky {
        top: 50px 
}
    .gallery-caption {
        display: block 
}
    img {
        height: auto 
}
    .alignnone {
        margin: 8px 20px 20px 0 
}
    .aligncenter, div.aligncenter {
        display: block;
        margin: 8px auto 
}
    .alignright {
        float: right;
        margin: 8px 0 20px 20px 
}
    .alignleft {
        float: left;
        margin: 8px 20px 20px 0 
}
    a img.alignright {
        float: right;
        margin: 8px 0 20px 20px 
}
    .comment-navigation .nav-previous, a img.alignleft {
        float: left 
}
    a img.alignleft, a img.alignnone {
        margin: 8px 20px 20px 0 
}
    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto 
}
    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%;
        padding: 5px 3px 10px 
}
    .wp-caption.alignleft, .wp-caption.alignnone {
        margin: 5px 20px 20px 0 
}
    .wp-caption.alignright {
        margin: 5px 0 20px 20px 
}
    .wp-caption img {
        border: 0;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto 
}
    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px 
}
    .says, .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute!important;
        white-space: nowrap;
        height: 1px;
        width: 1px;
        overflow: hidden 
}
    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
        clip: auto!important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: .875rem;
        font-weight: 700;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000 
}
    .bypostauthor>.comment-body>.comment-meta>.comment-author .avatar {
        border: 1px solid #e3e4e8;
        padding: 2px 
}
    .widget_recent_entries ul li a {
        color: #54555e 
}
    .widget_recent_entries ul li a:hover {
        color: var(--primary-color) 
}
    .widget .recentcomments a {
        color: #54555e 
}
    #wp-calendar {
        width: 100% 
}
    #wp-calendar tbody td {
        line-height: 1 
}
    #wp-calendar>tfoot>tr {
        border: 1px solid #e3e4e8 
}
    #wp-calendar>tfoot>tr>td {
        border: 0 
}
    .post-password-form label>input {
        margin-bottom: 24px 
}
    .post-password-form label+input {
        line-height: 41px;
        font-size: 11px;
        padding: 0 24px;
        font-family: montserrat, sans-serif;
        border: none;
        text-transform: uppercase;
        letter-spacing: .1em;
        background-color: #171821;
        color: #fff;
        position: relative;
        top: -2px;
        width: auto 
}
    .entry-pages, dd, dt {
        border-bottom: 1px solid #e3e4e8 
}
    .post.sticky .entry__title:before {
        content: '\e804';
        font-family: ui-icons;
        display: inline-block;
        margin-right: 12px;
        position: relative;
        top: -2px;
        font-size: 18px;
        color: #bbb;
        max-height: 20px 
}
    .style-politics, .style-politics .all-posts-url, .style-politics .btn, .style-politics .entry-date-label, .style-politics .entry__meta-category, .style-politics .entry__tags a, .style-politics .nav__menu>li>a, .style-politics .sidenav__menu-url, .style-politics .trending-now__label, .style-politics .widget_tag_cloud a, .style-politics h1, .style-politics h2, .style-politics h3, .style-politics h4, .style-politics h5, .style-politics h6, .style-politics label {
        font-family: roboto, sans-serif 
}
    dd, dt {
        padding: 10px 0 
}
    .entry-pages {
        margin-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px 
}
    .entry-pages a {
        min-width: 12px;
        display: inline-block 
}
    .comment-navigation {
        margin: 20px 0 
}
    .comment-navigation .nav-next {
        float: right 
}
    .comment-respond {
        margin-top: 60px 
}
    .style-default .card, .style-default .content-box, .style-default .sidebar .widget {
        -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, .1);
        box-shadow: 0 3px 2px rgba(0, 0, 0, .1) 
}
    .style-default .sidebar .widget {
        border: 0 
}
    .style-rounded #back-to-top, .style-rounded .btn, .style-rounded .card, .style-rounded .card__body, .style-rounded .content-box, .style-rounded .entry__meta-category--label, .style-rounded .entry__play-time, .style-rounded .pagination__page, .style-rounded .sidebar .widget, .style-rounded .social, .style-rounded .thumb__img-holder, .style-rounded .trending-now, .style-rounded input, .style-rounded select, .style-rounded textarea {
    border-radius: 5px 
}
    .style-rounded .mc4wp-form-fields input[type=submit], .style-rounded .search-button, .style-rounded .widget-search-button {
        border-radius: 0 5px 5px 0 
}
    .style-rounded .mc4wp-form-fields input[type=email], .style-rounded .mc4wp-form-fields input[type=text] {
        border-radius: 5px 0 0 5px 
}
    .style-rounded .nav__search-box {
        border-radius: 0px;
}
    .style-politics h1, .style-politics h2, .style-politics h3, .style-politics h4, .style-politics h5, .style-politics h6 {
        letter-spacing: normal;
        line-height: 1.2 
}
    .style-politics .entry__excerpt p {
        font-size: 15px;
        line-height: 22px 
}
    .style-politics .section-title, .style-politics .widget-title {
        color: #f44336 
}
    .style-fashion .entry__meta a, .style-fashion .entry__meta li, .style-fashion p {
        color: #171821 
}
    .style-politics .widget-title {
        font-size: 14px 
}
    .style-politics .entry__title {
        font-size: 18px;
        margin-top: 8px 
}
    .style-politics .sidebar .widget {
        padding: 32px 16px 
}
    .style-politics .title-wrap--line {
        border-top: 2px solid #e3e4e8 
}
    .style-fashion {
        font-family: barlow, sans-serif 
}
    .style-fashion h1, .style-fashion h2, .style-fashion h3, .style-fashion h4, .style-fashion h5, .style-fashion h6 {
        letter-spacing: normal;
        line-height: 1.2;
        font-family: lora, serif 
}
    .style-fashion .btn, .style-fashion .entry-date-label, .style-fashion .entry__meta-category, .style-fashion .entry__tags a, .style-fashion .nav__menu>li>a, .style-fashion .sidenav__menu-url, .style-fashion .widget_tag_cloud a, .style-fashion label {
        font-family: barlow, sans-serif 
}
    .style-fashion .widget-socials .social {
        background-color: #fff;
        color: #171821 
}
    .style-fashion .entry__meta {
        margin-bottom: 12px 
}
    .style-fashion .entry__meta li {
        font-weight: 500 
}
    .style-fashion .entry__play-time {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 5px 
}
    .style-fashion .section-title, .style-fashion .widget-title {
        text-transform: none 
}
    .style-fashion .widget-title {
        font-size: 20px 
}
    .style-fashion .title-wrap {
        margin-bottom: 24px 
}
    .style-fashion .section-title {
        font-size: 24px 
}
    .style-fashion .entry__meta-author {
        font-family: lora, serif;
        font-style: italic;
        text-transform: none;
        font-weight: 400;
        font-size: 13px;
        color: #83858f 
}
    .style-games, .style-games .btn, .style-games .entry-date-label, .style-games .entry__meta-category, .style-games .entry__tags a, .style-games .nav__menu>li>a, .style-games .sidenav__menu-url, .style-games .trending-now__label, .style-games .widget_tag_cloud a, .style-games label {
        font-family: barlow, sans-serif 
}
    .lightpurplebg, .text-proper {
        text-transform: capitalize 
}
    .style-fashion .entry__title+.entry__meta {
        margin-top: 16px 
}
    .style-fashion .sidebar .widget {
        background-color: transparent;
        padding: 0;
        border: 0 
}
    .style-fashion .sidebar .widget_mc4wp_form_widget {
        background-color: #fff 
}
    .style-fashion .newsletter-wide {
        background-color: #ffebee 
}
    .style-fashion .post-list {
        min-height: 285px;
        border-bottom: 1px solid #e3e4e8;
        padding-bottom: 20px 
}
    .style-fashion .post-list:last-child {
        border-color: transparent 
}
    .style-games .card__body, .style-music .card__body {
        border: 1px solid #e3e4e8 
}
    .style-fashion .copyright {
        color: #83858f 
}
    .style-games h1, .style-games h2, .style-games h3, .style-games h4, .style-games h5, .style-games h6 {
        letter-spacing: normal;
        line-height: 1.2;
        font-family: barlow, sans-serif;
        font-weight: 700 
}
    .style-videos, .style-videos .btn, .style-videos .entry-date-label, .style-videos .entry__meta-category, .style-videos .entry__tags a, .style-videos .nav__menu>li>a, .style-videos .sidenav__menu-url, .style-videos .trending-now__label, .style-videos .widget_tag_cloud a, .style-videos label {
        font-family: poppins, sans-serif 
}
    .style-games .entry__title {
        font-size: 18px 
}
    .style-games .entry__meta-category {
        font-weight: 700;
        font-size: 14px 
}
    .style-games .card {
        -webkit-box-shadow: none;
        box-shadow: none 
}
    .style-games .footer__widgets {
        padding: 56px 0 
}
    .style-games .footer .widget-title {
        color: var(--primary-color);
        font-size: 14px 
}
    .style-games .footer__nav-menu+.copyright {
        margin-top: 24px 
}
    .style-videos h1, .style-videos h2, .style-videos h3, .style-videos h4, .style-videos h5, .style-videos h6 {
        letter-spacing: normal;
        font-family: poppins, sans-serif;
        font-weight: 500 
}
    .style-videos .section-title, .style-videos .widget-title {
        font-weight: 700 
}
    .style-videos .nav__dropdown.active {
        background-color: var(--primary-color) 
}
    .style-videos .nav__dropdown.active>a {
        color: #fff 
}
    .style-music {
        font-family: roboto, sans-serif 
}
    .style-music h1, .style-music h2, .style-music h3, .style-music h4, .style-music h5, .style-music h6 {
        letter-spacing: normal;
        font-family: rubik, sans-serif;
        font-weight: 700;
        line-height: 1.2 
}
    .style-music .entry-date-label {
        font-family: rubik, sans-serif 
}
    .style-music .btn, .style-music .entry__meta-category, .style-music .entry__tags a, .style-music .nav__menu>li>a, .style-music .sidenav__menu-url, .style-music .trending-now__label, .style-music .widget_tag_cloud a, .style-music label, .style-music p {
        font-family: roboto, sans-serif 
}
    .Bottomborder, .csDetail, .csTitle {
        border: 1px solid #909090 
}
    .style-music .widget-title {
        color: var(--primary-color);
        font-size: 14px 
}
    .csDetail {
        width: 70%;
        height: 20px 
}
    .csTitle {
        width: 30%;
        height: 20px;
        background-color: #f2f2f2 
}
    .Bottomborder {
        color: #354879;
        background-color: #e0dfdf;
        text-decoration: none;
        padding: 4px 
}
    #CatFish {
        z-index: 100;
        position: fixed;
        text-align: center;
        padding: 0px;
        background-color: white;
        width: 320px;
        bottom: 0px;
        height: 50px;
}
    * HTML #CatFish {
        position: absolute;
}
    .myIframe {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch 
}
    .myIframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100% 
}
    .box, .box-header, .sideways, .simWord {
        position: relative 
}
    .bulleted {
        margin-left: 20px;
        list-style-type: disc 
}
    .purpleBg {
        width: 40%;
        height: 40px;
        color: #2c2c2c;
        font-size: 11pt;
        padding-left: 20px;
        text-align: left;
        font-weight: 600 
}
    @media(min-width:768px) {
        .purpleBg, .simWord {
            background-color: #bbb4e8;
            color: #2c2c2c 
    }
        .simWord {
            position: relative;
            min-height: 1px;
            width: 31%;
            float: left;
            margin: 5px;
            font-size: 11pt;
            text-align: center;
            font-weight: 400;
            padding: 7px;
            vertical-align: middle 
    }
        .purpleBg, .tdGrayBg {
            width: 35%;
            height: 40px;
            font-size: 11pt;
            padding-left: 20px;
            text-align: left 
    }
        .purpleBg {
            font-weight: 600 
    }
        .tdGrayBg {
            background-color: #777;
            color: #fff 
    }
}
    .lightpurplebg {
        height: 40px;
        color: #8e8e8e;
        font-size: 12pt;
        padding-left: 10px;
        text-align: left;
        borde: 1px solid #bdbcc1 
}
    .MyUrdu {
        text-align: right;
        border-collapse: collapse;
        font-family: Tahoma;
        font-size: 14pt;
        color: #171821 
}
    .MyEng {
        font-size: 12pt;
        color: #171821 
}
    .tabs-left, .tabs-right {
        border-bottom: none;
        padding-top: 0 
}
    .tabs-left {
        border-right: 1px solid #ddd 
}
    .tabs-right {
        border-left: 1px solid #ddd 
}
    .tabs-left>li, .tabs-right>li {
        float: none;
        margin-bottom: 2px 
}
    .tabs-left>li {
        margin-right: -1px 
}
    .tabs-right>li {
        margin-left: -1px 
}
    .tabs-left>li.active>a, .tabs-left>li.active>a:focus, .tabs-left>li.active>a:hover {
        border-bottom-color: #ddd;
        border-right-color: transparent 
}
    .tabs-right>li.active>a, .tabs-right>li.active>a:focus, .tabs-right>li.active>a:hover {
        border-bottom: 1px solid #ddd;
        border-left-color: transparent 
}
    .tabs-left>li>a {
        border-radius: 0;
        margin-right: 0;
        display: block 
}
    .tabs-right>li>a {
        border-radius: 0 4px 4px 0;
        margin-right: 0 
}
    .sideways {
        margin-top: 50px;
        border: none 
}
    .sideways>li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px 
}
    .sideways>li>a {
        border-bottom: 1px solid #ddd;
        border-right-color: transparent;
        text-align: center;
        border-radius: 4px 4px 0 0 
}
    .sideways>li.active>a, .sideways>li.active>a:focus, .sideways>li.active>a:hover {
        border-bottom-color: transparent;
        border-right-color: #ddd;
        border-left-color: #ddd 
}
    .sideways.tabs-left {
        left: -50px 
}
    .sideways.tabs-right {
        right: -50px 
}
    .sideways.tabs-right>li {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg) 
}
    .sideways.tabs-left>li {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg) 
}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        color: #fff;
        background-color: #a99df3;
        border: 1px solid #aca7cc;
        border-bottom-color: transparent;
        cursor: default;
        font-size: 19px;
        font-weight: 700 
}
    .nav-tabs>li>a {
        color: #333 
}
    .nav>li>a:focus, .nav>li>a:hover {
        text-decoration: none;
        background-color: #d6d5d3 
}
    .box {
        padding: 0;
        border-radius: 3px;
        background: #fff;
        margin-bottom: 10px;
        width: 100%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        border: 1px solid #f2f2f2 
}
    .boxcolorlightPurple {
        background-color: #a99df3;
        border-top: 3px solid #7871a2 
}
    .box-header {
        color: #fff;
        display: block;
        padding: 6px 0 6px 10px!important 
}
    .urdufontgray12, .urdufontgray14 {
        text-align: right;
        color: #2e2e2e;
        direction: rtl 
}
    @media(max-width:576px) {
        .padding-right {
            padding-right: 20% 
    }
}
    .purpleBg {
        background-color: #bbb4e8 
}
    .lightpurplebg {
        background-color: #fff 
}
    .borderTopBottom {
        border-top: 1px solid #bdbcc1;
        border-bottom: 1px solid #bdbcc1 
}
    .urdufontgray12 {
        font-size: 12pt 
}
    .urdufontgray14 {
        font-size: 14pt 
}
    .fontgray13 {
        color: #444;
        font-size: 13pt 
}
    .fontGray11, .simWord {
        color: #2c2c2c;
        font-size: 11pt 
}
    .simWord {
        min-height: 1px;
        width: 98%;
        float: left;
        margin: 5px 10px 5px 5px;
        background-color: #bbb4e8;
        text-align: center;
        font-weight: 400;
        padding: 6px;
        vertical-align: middle 
}
    .tdpadtop {
        padding-left: 4px;
        vertical-align: top 
}
    .fontGray11 {
        font-weight: 700 
}
    .tdGrayBg {
        background-color: #777;
        width: 40%;
        height: 40px;
        color: #fff;
        font-size: 11pt;
        padding-left: 20px;
        text-align: left 
}
    .RedText {
        font-size: 10pt;
        color: red 
}
    .animated_btn, a.v_btn, button.custom_btn, nav2 li a {
        text-transform: uppercase 
}
    .fontgray14 {
        font-size: 14pt;
        color: #2c2c2c;
        font-weight: 700 
}
    .fontgray12 {
        font-size: 12pt;
        color: #111 
}
    .MontserratFont {
        font-family: montserrat, sans-serif 
}
    .borderBottom {
        border-bottom: 1px solid #c1c1c1 
}
    .tdNewPading {
        padding-bottom: 10px;
        padding-top: 10px 
}
    .home-new {
        background-image: url(/dictionaries/images/icon_home1.png);
        background-repeat: no-repeat;
        display: block;
        height: 30px;
        width: 25px 
}
    .fullContent, nav2 li {
        display: inline-block 
}
    .adHeight {
        padding-top: 3px;
        height: 100px!important 
}
    input[type=radio]:checked+label:before {
        background-color: #171821;
        border: 4px solid #fff;
        padding: 3px 
}
    input[type=radio]+label:before {
        display: inline-block;
        content: "";
        width: 15px;
        height: 15px;
        -webkit-box-shadow: 0 0 0 1px #dbdce1;
        box-shadow: 0 0 0 1px #dbdce1;
        border-radius: 40px;
        margin: -3px 2px 0 5px;
        outline: 0;
        vertical-align: middle;
        cursor: pointer 
}
    .bg-white, button.custom_btn {
        -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, .1) 
}
    ol {
        padding-left: 20px!important;
        margin: 0!important 
}
    .purpleBgNew, .ui360 {
        padding-left: 10px 
}
    .text-normal {
        font-weight: 400 
}
    .shortContent {
        height: 100px!important;
        overflow: hidden 
}
    #navi2.fixed, .scroll {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: 100% 
}
    .purpleBgNew {
        background-color: #bbb4e8;
        font-size: 13pt;
        color: #2c2c2c;
        text-align: left;
        font-weight: 600 
}
    .font20 {
        font-size: 20pt 
}
    .scroll {
        background: #f1f1f1;
        border-top: 2px solid #f1f1f1;
        border-bottom: 2px solid #f1f1f1;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: 100% 
}
    nav2 {
        width: 100%;
        height: 28px 
}
    nav2 ul {
        margin: 0 
}
    nav2 li {
        display: inline-block;
        padding: 0 5px;
        background: #fff;
        height: 27px;
        line-height: 27px;
        vertical-align: top 
}
    nav2 li a {
        color: #111;
        text-transform: uppercase;
        font-size: 12px 
}
    i.fa.fa-home.m_home_icon {
        font-size: 16px;
        line-height: 27px 
}
    .padding-right {
        padding-right: 15% 
}
    .UrduText_heading {
        font-family: NafeesWebNaskhRegular;
        text-align: right;
        direction: rtl;
        font-size: 22px;
        line-height: 1.5em;
        letter-spacing: -.03em;
}
    .UrduNafeesHeading {
        text-align: right;
}
    .card_content {
        padding: 5px 0;
}
    .fontGray10pt {
        color: #2c2c2c;
        font-size: 10pt 
}
    .no-padding {
        padding-left: 10px!important 
}
    .imgResponsive {
        width: 100%;
        height: 100%;
        max-height: 233px;
        max-width: 200px 
}
    .curevedBox {
        border-radius: 20px;
        background: #f1f1f1;
        padding: 10px 
}
    .font-bold {
        font-weight: 700 
}
    .bg-white {
        background-color: #fff;
        padding-bottom: 2px;
        box-shadow: 0 3px 2px rgba(0, 0, 0, .1) 
}
    button.custom_btn {
        width: 100%;
        height: 35px;
        border: none;
        color: #171821;
        background: #fff;
        box-shadow: 0 3px 2px rgba(0, 0, 0, .1);
        border-radius: 4px;
        outline: 0 
}
    button.custom_btn:focus, button.custom_btn:hover {
        background: #ffb6c1!important;
        border: none;
        -webkit-transition: all .9s ease;
        -o-transition: all .9s ease;
        -moz-transition: all .9s ease;
        transition: all .9s ease 
}
    p.cmt_list, tr.custom_space {
        border-bottom: 1px solid #c1c1c1 
}
    a.load_more_cmt:hover {
        color: var(--primary-color);
        cursor: pointer 
}
    .menu_active {
        color: #fff!important 
}
    .comment_date {
        font-style: italic 
}
    #dfpunit8 {
        height: 50px;
        width: 320px 
}
    .cmt_title, .side_btn {
        display: inline-block;
        width: 100% 
}
    .side_btn {
        background-color: #bbb4e8;
        height: 30px;
        line-height: 30px;
        color: #fff;
        border-radius: 5px 
}
    .min_height {
        min-height: 180px 
}
    a.hover_class:focus, a.hover_class:hover {
        color: var(--primary-color)!important;
        cursor: pointer!important 
}
    .cat_hover {
        position: relative;
        width: 160px;
        height: 175px;
        float: left;
        margin-right: 8px;
        margin-top: 5px;
        border: 2px solid #54555e 
}
    img.cat_img {
        border-radius: 0;
        width: 100%;
        height: 100%;
        padding: 3px 
}
    .cat_box p {
        margin: 0 
}
    .cat_hover .overlay_img {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        right: 0;
        bottom: 0;
        background: #17182100075;
        width: 100%;
        height: 100%;
        -webkit-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease 
}
    .cat_hover:hover .overlay_img {
        opacity: 1 
}
    input.loadmore_cat_btn {
        width: auto;
        background: 0 0;
        margin: 25px 0 
}
    p.cmt_list a {
        color: #171821 
}
    p.cmt_list a:hover {
        color: var(--primary-color)!important;
        cursor: pointer 
}
    p.cmt_list {
        padding: 10px 0 
}
    table#dlRecent {
        width: 100% 
}
    .live-search_sb {
        position: absolute;
        display: none;
        width: 315px;
        z-index: 9999 
}
    .live-search_results {
        width: 100% 
}
    .cmt_user_name {
        color: #004276 
}
    table#Replies {
        background-color: #f2f2f2 
}
    .cmt_reply_lang_border {
        border-bottom: #696969 1px solid;
        border-top: #696969 1px solid 
}
    .multi_line {
        position: static;
        visibility: visible 
}
    .white_box {
        background: #fff;
        border-top: 1px solid #dee2e6;
        margin-bottom: 3px;
}
    .white_contentbox {
        background: #fff;
        border: 1px solid #dee2e6;
        margin-bottom: 10px;
}
    .color_row {
        background: #f0f0f0;
        padding: 20px 0;
}
    .urdu_top_title {
        font-family: NafeesWebNaskhRegular;
        font-size: 22px;
        float: right;
        color: #171821;
        margin-bottom: 0;
        letter-spacing: -.03em;
}
    a.readmore_link i {
        font-size: 16px;
        vertical-align: middle;
        padding-top: 5px;
}
    a.readmore_link:hover {
        color: var(--primary-color) 
}
    .latest_news_content {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 3px 15px;
        background: #1718210009e;
        width: 100% 
}
    .urdu_news_title {
        font-family: NafeesWebNaskhRegular;
        text-align: right;
        direction: rtl;
        padding-top: 5px;
        font-size: 20px;
        margin-bottom: 0;
        font-weight: normal;
}
    .news_img {
        position: relative 
}
    .urdu_news_title:hover a {
        color: var(--primary-color);
        cursor: pointer 
}
    .news_content {
        padding: 10px;
        margin-bottom: 15px;
        min-height: 90px;
        background: #f3f3f2;
}
    .more_news_pic {
        height: 200px;
        width: 100%;
        object-fit: cover;
        object-position: top;
}
    .readmore_link_urdu i {
        vertical-align: bottom 
}
    .entry__body.card__body {
        min-height: 60px 
}
    .search_box {
        text-align: right;
        position: relative 
}
    .eng_form_search, .urdu_form_search {
        position: relative 
}
    .eng_form_search input[type=image] {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        border: none;
        border-radius: 0 5px 5px 0;
        height: 36px;
        box-shadow: none;
        background: 0 0;
        padding: 0 
}
    .urdu_form_search input[type=image] {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        border: none;
        border-radius: 5px 0 0 5px;
        height: 36px;
        box-shadow: none;
        background: 0 0;
        padding: 0 
}
    .eng_form_search input[type=text] {
        padding-right: 16% 
}
    .urdu_form_search input[type=text] {
        padding-left: 16% 
}
    .urdu_search {
        font-size: 15px!important 
}
    .srh_icon a {
        font-family: NafeesWebNaskhRegular;
        color: #171821;
        font-weight: 600;
        padding: 6px 12px;
        -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, .1);
        box-shadow: 0 0 2px rgba(0, 0, 0, .23);
        border-radius: 0 
}
    .srh_icon a:hover {
        background: #171821;
        color: #fff!important 
}
    li.entry__meta-author a {
        color: #83858f 
}
    .img_width_100 {
        width: 100%;
        object-fit: cover 
}
    .img-thumbnail {
        padding: .25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: .25rem;
        max-width: 100%;
        height: auto 
}
    p.urdu_txt.urdu_desc.text-right {
        font-size: 20px;
        line-height: 35px 
}
    .readmore_link_urdu a:after {
        content: "\f100";
        font-family: FontAwesome;
        vertical-align: bottom;
        line-height: 1;
        margin-right: 5px 
}
    .urdu_text_box, .urdu_text_box p {
        font-size: 1.2em;
        line-height: 1.7 
}
    .comment_box:nth-last-child(1) hr {
        display:none;
}
    div#contentad {
        float: left;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-top: 20px 
}
    .bbc_table {
        background-color: #bc191a;
        height: 35px;
        width: 100% 
}
    .sm_bbc_table {
        height: 16px;
        background-color: #bc191a;
        width: 100% 
}
    .iframe_product {
        width: 100%;
        height: 795px;
        border: 0;
        margin: 0 
}
    .featured_article_box {
        position: relative 
}
    .featured_article_box img {
        width: 100%;
        height: 250px;
        object-fit: cover 
}
    .featured_article_box h2 {
        padding: 20px;
        margin: 0;
}
    h2.eng_mini_heading {
        font-size: 18px;
        margin-bottom: 0 
}
    li.entry__meta-date {
        font-weight: 500;
        font-size: 11px 
}
    .second_news_box .news_img {
        float: right;
        width: 22%;
        margin-left: 15px 
}
    .second_news_box {
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #f3f3f2 
}
    .second_news_box .news_img img {
        height: 100px;
        object-fit: cover 
}
    .colum_user {
        height: 115px;
        width: 100%;
        object-fit: cover 
}
    p.date_colums {
        margin: 0;
        font-size: 14px 
}
    .verticle_column .news_box {
        display: none 
}
    .verticle_column .news_box:nth-child(1) {
        display: block 
}
    .urdu_news_description p, .urdu_description {
        font-family: NafeesWebNaskhRegular;
        direction: rtl;
        font-size: 20px;
        line-height: 1.7;
    /*padding: 0 10px;
    */
        text-align: right;
}
    .urdu_news_description {
        padding: 10px 5px 0px 0px;
}
    .eng_heading_box {
        border-bottom: 2px solid #171821;
        display: inline-block;
        width: 100%;
        background: #f0f0f0;
        padding: 10px;
        position: relative;
        margin-bottom: 20px;
}
    .urdu_form_field {
        font-family: NafeesWebNaskhRegular;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0 
}
    .btn_search, .btn_search:focus, .btn_search:hover {
        background: #171821;
        color: #fff;
        width: auto;
        border: none;
        box-shadow: none 
}
    .nav__search-trigger i {
        height: 48px;
        line-height: 48px;
}
    .Title {
        font-family: NafeesWebNaskhRegular;
        text-align: right;
        font-size: 16pt;
        direction: rtl;
}
    table.more_news_table tr td:nth-child(1) {
        width: 110px;
        padding: 0;
}
    table.more_news_table tr td:nth-child(2) {
        padding: 0 10px;
}
    .heading_box a.readmore_link {
        padding-top: 10px;
}
    .urdu_title_text a:hover, .urdu_title_text a:focus {
        color: white;
}
    .bbc_box {
        background: #bc191a;
        height: 35px;
        display: inline-block;
        width: 100%;
        position: relative;
        text-align: right;
}
    .bbc_bottom_box{
        background: #bc191a;
        height: 16px;
        display: inline-block;
        width: 100%;
        position: relative;
}
    a.readmore_link {
        font-family: NafeesWebNaskhRegular;
        color: #555;
        font-size: 18px;
        padding-top: 5px;
        letter-spacing: -.03em;
        float: left;
}
    .pull_none {
        float: none !important;
}
    @media only screen and (min-width:768px) {
        .desktop_space {
            margin-bottom: 30px;
    }
}
    @media only screen and (max-width:767px) {
        .srh_icon {
            position: absolute;
            top: -40px;
            right: 0;
            width: 55px 
    }
        a.readmore_link {
            float: none;
    }
        .urdu_news_description p, p.urdu_description {
            font-size: 18px;
        /*padding: 0 3px*/
    }
        .featured_article_box img {
            height: 200px 
    }
        .srh_icon a {
            padding: 0 8px 
    }
        .featured_article_box h2 {
            padding: 10px;
    }
        #SearchDiv {
            top: 0 
    }
        .urdu_text_box, .urdu_text_box p {
            font-size: 1.1em;
            line-height: 1.7 
    }
        .news_content {
            padding: 6px 10px 15px;
            margin-bottom: 10px;
            min-height: auto 
    }
        .urdu_title_text, .urdu_main_heading .urdu_top_title {
            font-size: 20px!important;
    }
        .more_news_pic {
            height: 180px 
    }
        .more_read_news {
            margin-bottom: 10px;
    }
        a.readmore_link {
            margin-bottom: 25px;
    }
        table.more_news_table tr td:nth-child(1) {
            width: 100px;
    }
        .news_pic {
            height: 200px;
    }
}
    .smartbanner-android .smartbanner-button {
        margin-top:11%;
}
    .app-bar {
        height: 50px;
        background-color: #F2F2F2;
        padding: 5px 10px;
        display:none;
}
    .app-bar .app-bar-icon {
        width: 35px;
        height: 35px;
        display: inline-block;
}
    .app-bar img {
        width: 35px;
        vertical-align: text-bottom;
}
    .app-bar .app-bar-text {
        display: inline-block;
        margin-left: 5px;
        color: #171821;
}
    .app-bar .app-bar-text div:first-child {
        font-size: 12px;
}
    .app-bar .app-bar-text div:last-child {
        font-size: 10px;
}
    .app-bar .app-bar-install {
        font-size: 13px;
        text-transform: uppercase;
        color: Navy;
        position: absolute;
        right: 20px;
}
.main-grid {
    width: calc(100% - 300px);
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.border_title {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}
.border_title:before {
    content: "";
    border-top: 1px solid #00000036;
    border-bottom: 1px solid #00000036;
    width: 15%;
    height: 7px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}
.border_title:after {
    content: "";
    border-top: 1px solid #00000036;
    border-bottom: 1px solid #00000036;
    width: 15%;
    height: 7px;
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
}
.img-cat-box {
    overflow: hidden;
    background-color: #fff;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    transition: 0.5s all ease-in-out;
}
.img-cat-box:hover img {
    transform: scale(1.1);
    transition: 0.5s all ease-in-out;
}
.img-cat-box a img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}
.img-cat-box span {
    position: absolute;
    bottom: 5%;
    left: 5%;
    padding: 5px;
    color: white;
    font-weight: 700;
    letter-spacing: 0.2px;
    width: 90%;
    height: 90%;
    text-align: center;
    border: 1px solid #ffffff9c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: montserrat, sans-serif;
    text-transform: uppercase;
}
.rightbar-grid {
    max-width: 300px;
    width: 100%;
    float: left;
}
.slider_item {
    position: relative;
}
.slider_item h3, .item-img h3 {
    position: absolute;
    bottom: -0px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 25px 20px;
    color: white;
    background: rgba(0,0,0,.7);
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(transparent));
    background: linear-gradient(to top,rgba(0,0,0,.7) 0,transparent 100%);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
}
.slider_item h3 a:hover, .item-img h3 a:hover,
.slider_item h3 a:focus, .item-img h3 a:focus {
    color: #fff;
    text-decoration: underline;   
}
.item-img {
    overflow: hidden;
    background-color: #fff;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.item-img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.owl-item.active .slider_item img, .item-img.active img {
    animation: move 30s .5s infinite;
    -ms-animation: move 30s .5s infinite;
    -webkit-animation: move 30s .5s infinite;
    -0-animation: move 30s .5s infinite;
    -moz-animation: move 30s .5s infinite;
}
@-webkit-keyframes move {
    0% {
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
    }
    100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    }
}
a.vm_txt {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.column-4 {
    columns: 4;   
}
.column-3 {
    columns: 3;   
}
.column-2 {
    columns: 2;   
}
.main-grid-row {
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}
.masonry-box {
    float:left;
    width: 100%;
    margin: 0 auto 20px;
    position: relative;
    vertical-align: top;
    break-inside: avoid-column;
    box-shadow: 0px 3px 8px #8c8c807a;
    -webkit-box-shadow: 0px 3px 8px #8c8c807a;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
}
.white-box {
    padding: 10px;
    border: 1px solid #f3f3f2;
}
.masonry-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .8s all ease-in-out;
    -webkit-transition: .8s all ease-in-out;
    -moz-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
}
.masonry-content {
    padding: 2%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.42);
    display: block;
    height: auto;
    width: 100%;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    z-index: 1;
}
.masonry-content h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
}
.masonry-content .date {
    display: block;
    padding-bottom:8px;
    color: #8d8d8d9c;
    font-weight: 400;
    text-transform: capitalize;
}
.foote-img-grid {
    position: relative;
    margin-top: 12px;
    min-height: 40px;
}
.foote-img-grid:before {
    content: "";
    position: absolute;
    top: 46%;
    left: -22px;
    width: 75%;
    height: 1px;
    background: #e9e9e9;
}
.foote-img-grid span {
    background-color: #f6f6f6;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 15px;
    border-radius: 100px;
    color: #00000085;
    font-size: 14px;
    font-weight: 600;
    transition: .8s all ease-in-out;
    -webkit-transition: .8s all ease-in-out;
    -moz-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
}
.view_count:before {
    content: "\f06e";
    font-family: FontAwesome;
    margin-right: 5px;
    font-weight: 100;
}
.ctgname:before {
    content: "\f114";
    font-family: Fontawesome;
    margin-right: 6px;
}
.masonry-image {
    overflow: hidden;
    position: relative;
}
.overlay-style1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(71,201,229,.8);
    opacity:0;
    transition: .8s all ease-in-out;
    -webkit-transition: .8s all ease-in-out;
    -moz-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
    display: none;
}
.overlay-style1 i {
    position: absolute;
    top: 50%;
    left: -35px;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    border-radius: 100%;
    color: var(--primary-color);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: .8s all ease-in-out;
    -webkit-transition: .8s all ease-in-out;
    -moz-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
}
.masonry-box:hover .overlay-style1 {
    opacity:1;   
}
.masonry-box:hover .overlay-style1 i {
    left: 50%;   
}
.loadmore_btn {
    display: block;
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #f3f3f2;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    border-radius: 5px;
    font-family: montserrat, sans-serif;
    font-size: 14px;
}
.link_button {
    position: relative;
    display: block;
    padding: 8px;
    color: white;
    background: #f69437;
    border: 1px solid #f69437;
    font-weight: 800;
    font-family: montserrat, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    overflow: hidden;
}
.link_button:hover, .link_button:focus  {
    color: #1c9dd4;
    background: transparent;
    border: 1px solid #1c9dd4;
}
.w-title {
    position: relative;
    margin-bottom: 15px;
}
.w-title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background: #f3f3f2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.w-title h3 {
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    margin: 0;
    background: white;
    position: relative;
    padding-right: 10px;
}
ul.custom-social {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
ul.custom-social li a {
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    border-radius: 3px;
    margin-right: 10px;
}
ul.custom-social li a:hover {
    opacity: 0.8;   
}
li.facebook a {
    background: #3b5998;
    color: white;
}
li.youtube a {
    background: #c4302b;
    color: white;
}
li.twitter a {
    background: #00aced;
    color: white;
}
li.google-plus a {
    background: #dd4b39;
    color: white;
}
li.pinterest a {
    background: #e60023;
    color: white;
}
.btn_groups {
    width: 100%;
    display: inline-block;
}
.btn_groups .btn_skew {
    position: relative;
    width: 50%;
    text-align: center;
    display: block;
    float: left;
    padding: 10px 5px;
    color: #fff;
    font-size: 14px;
    background: #f69437;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.btn_groups .blue_bg {
    background: var(--primary-color);
}
.btn_groups .blue_bg:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    background: var(--primary-color);
    transform-origin: top right;
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
}
.btn_groups .btn_skew span {
    position: relative;
    z-index: 2;
}
.btn_groups .btn_skew:hover, .btn_groups .btn_skew:hover:after, .loadmore_btn:hover, .loadmore_btn:focus {
    background: #f3f3f2;
    color: #000;
}
ul.cat_list {
    display: inline-block;
    width: 100%;
    margin: 0 -5px;
}
ul.cat_list li {
    float: left;
    width: 33%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
}
.subcategory {
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
a.subcategory:before {
    content: "\f115";
    font-family: FontAwesome;
    margin-right: 5px;
}
.vc_list li a:before {
    content: "\f114";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #0000006b;
}
.vc_list li {
    margin-bottom: 10px;
    border-top: 1px solid #e6e6e6;
    padding-top: 10px;
}
.vc_list li:nth-child(1) {
    border-top: none;
    padding-top: 0px;
}
.vc_list {
    background: #fafafa;
    padding: 10px 15px;
}
.psearch_tag a {
    display: inline-block;
    background: #f3f3f2;
    padding: 3px 10px;
    margin: 0 5px 5px 0px;
    text-transform: capitalize;
    font-size: 14px;
    border-radius: 15px;
}
.v_videos h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.v_videos h3 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-bottom: 4px;
    line-height: 22px;
}
.v_videos {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e6e6e6;
}
.v_videos span {
    font-size: 13px;
    color: #767676b5;
}
a.viewall_link {
    display: block;
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 5px;
}
.image_box {
    width: 100px;
    float: left;
}
.video_detail {
    padding-left: 8px;
    width: calc(100% - 100px);
    float: left;
}
.section-title {
    font-weight: 700;
    letter-spacing: 0;
    text-transform: capitalize;
}
.cmt_box {
    box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.22);
    -o-box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.22);
    padding: 10px;
}
.comment_list {
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e680;
}
.comment_list h3 {
    letter-spacing: 0;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 16px;
}
.comment_list .meta {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #83858F;
    margin-bottom: 4px;
}
.listing_box {
    background: #fafafa;
    padding: 10px;
}
.form_styleOne {
    border: 1px solid rgba(17,17,17,0.1);
    padding: 15px;
}
input[type="submit"] {
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    width: auto;
    padding: 0 30px;
}
input[type="submit"]:hover, input[type="submit"]:focus {
    background: #f69437;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
}
.msg_brd {
    border-left: 3px solid #209fd6;
}
.user-form {
    background: #f3f3f2;
    padding: 15px;
}
.user-form h1 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
#create_acc_btn, #login_ac_btn {
    padding-top: 3px;
    text-transform: capitalize;
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.user-form input[type="submit"] {
    background: #f69437;
    font-size: 16px;
}
.user-form input[type="text"], .user-form input[type="password"], .user-form select, .user-form textarea {
    background: #fff;
}
.sep {
    position: relative;
    border-bottom: 1px solid #f3f3f2;
    margin-bottom: 15px;
}
.sep:after {
    content: "";
    display: block;
    height: 4px;
    background: #199ad2;
    width: 40px;
    margin-top: 6px;
    margin-bottom: -2px;
    border-radius: 30px;
}
.back_link {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary-color);
    display: block;
    margin-top: 15px;
    text-align: center;
}
.inline_title {
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
}
.select_sort select {
    height: 33px;
    padding-left: 5px;
}
ol.carousel-indicators li.active img {
    opacity: 1;
}
ol.carousel-indicators li img {
    display: inline-block;
    margin: 3px;
    object-fit: cover;
    object-position: top;
    opacity: 0.3;
}
.section_bg {
    background: #f6f6f6;
    padding: 35px 0;
}
.masonry-content h3 {
    font-size: 16px;
    margin-bottom: 4px;
    color: #fff;
    text-shadow: 2px 2px 4px #3d3d3d;
    letter-spacing: 0;
}
.masonry-content small {
    color: #fff;
}
.share-box ul {
    display: flex;
    align-items: center;
}
.share-box ul li i {
    margin-right: 4px;
}
.share-box ul li {
    color: #5d5e62;
}
li.like:hover {
    cursor: pointer;
    color: blue;
}
li.share:hover {
    cursor: pointer;
    color: red;
}
.share_icons {
    display: flex;
    justify-content: space-evenly;
    background: #f3f3f2;
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    border-radius: 0 0px 10px 10px;
    background: #f3f3f2;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}
.share_icons a {
    color: white;
    width: 22%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
}
button.cls {
    border: none;
    background: black;
    color: white;
    width: 55px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
}
.share_icons .fb {
    background: #476fb0;
}
.share_icons .tw {
    background: #55acee;
}
.share_icons .ins {
    background: #c84765;
}
.share_icons .pin {
    background: #bd081c;
}
.share_icons .lnk {
    background: #2797cf;
}
.list-unstyled li {
    display: none;
}
.photo_gallery {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.list-unstyled li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.list-unstyled li:nth-child(1) {
    width: 70%;
    float: left;
    height: 400px;
    overflow: hidden;
    display: block;
    padding: 2px;
}
.list-unstyled li:nth-child(2), .list-unstyled li:nth-child(3) {
    width: 30%;
    float: left;
    height: 200px;
    overflow: hidden;
    display: block;
    padding: 2px;
}
.total_image_counter {
    width: 29.5%;
    height: 196px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: #00000080;
}
.total_image_counter span {
    display: flex;
    justify-content: center;
    color: white;
    font-size: 30px;
    font-weight: 800;
    height: 100%;
    align-items: center;
    border-radius: 100%;
    letter-spacing: -2px;
}
@media only screen and (max-width: 1199px) {
    .column-4 {
        columns: 3;   
    }
}
@media only screen and (max-width: 991px) {
    .vc_list {
        padding: 10px 8px 0px;
        display: inline-block;
        width: 100%;
    }
    .vc_list li:nth-child(2) {
        border-top: none;
        padding-top: 0px;
    }
    .vc_list li {
        float: left;
        width: 50%;
    }
    ul.cat_list li {
        width: 50%;
    }
    
}
@media only screen and (min-width: 768px) {
    .visible-xs {
            display: none !important;
    }
    ol.carousel-indicators {
        list-style: none;
        padding: 0 !important;
        text-align: center;
        display: flex;
        width: 100%;
        margin-top: -34px !important;
        justify-content: center;
        position: relative;
    }
    ol.carousel-indicators li img {
        width: 100px;
        height: 60px;
    }
    .slider_item h3, .item-img h3 {
        padding-bottom: 50px;
    }
    ol.carousel-indicators li {
        background: white;
        padding: 2px;
        box-shadow: 0px 8px 25px -10px rgba(0,0,0,.2);
        -webkit-box-shadow: 0px 8px 25px -10px rgba(0,0,0,.2);
        -moz-box-shadow: 0px 8px 25px -10px rgba(0,0,0,.2);
        -o-box-shadow: 0px 8px 25px -10px rgba(0,0,0,.2);
    }
}
@media only screen and (max-width: 767px) {
        h1 {
            font-size: 18px;
    }
    .select_sort select {
        width: 130px;
    }
    .border_title {
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        text-align: center;
    }
        .hidden-xs {
            display: none !important;
    }
    .slider_item h3, .item-img h3 {
        padding: 10px;
        font-size: 14px;
    }
    .slider_item h3 a, .item-img h3 a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; 
    }
    .owl-nav {
        display: none;   
    }
    .vc_list li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size: 13px;
        padding-right: 5px;
        font-weight: 600;
    }
    ol.carousel-indicators {
        list-style: none;
        padding: 0 !important;
        text-align: center;
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 5px !important;
    }
    ol.carousel-indicators li img {
        width: 50px;
        height: 40px;
    }
    .list-unstyled li:nth-child(1) {
        width: 60%;
        height: 400px;
    }
    .list-unstyled li:nth-child(2), .list-unstyled li:nth-child(3) {
        width: 40%;
        height: 200px;
    }
    .total_image_counter {
        width: 39.4%;
        height: 198px;
    }
    .column-4, .column-3 {
        columns: 2;   
    }
    .subcategory:before {
        content: "\f0da" !important;
    }
    #back-to-top {
        bottom: 50px;
        right: 10px;
        width: 30px;
        height: 30px;
        line-height: 26px;
        background: #171821;
        border: 1px solid #ffffff2e;
    }
    #back-to-top i {
        color: #fff;
        font-size: 12px;   
    }
}
@media only screen and (max-width: 425px) {
    .total_image_counter span {
        font-size: 24px;
    }
    .img-cat-box span {
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 0.2px;
    }   
    .section_bg {
        background: #f6f6f6;
        padding: 20px 0;
    }
    .foote-img-grid:before {
        display:none;
    }
    .foote-img-grid {
        min-height: auto;
    }
    .ctgname, .masonry-content .date {
        display: none;   
    }
    .foote-img-grid span {
        position: relative;
        padding: 0px;
        background: transparent;   
    }
    .foote-img-grid {
        margin-top: 5px;
    }
    .list-unstyled li:nth-child(1) {
        width: 60%;
        height: 200px;
    }
    .list-unstyled li:nth-child(2), .list-unstyled li:nth-child(3) {
        width: 40%;
        height: 100px;
    }
    .total_image_counter {
        height: 98px;
    }
    .btn_groups .btn_skew {
        padding: 8px 0px;
    }
    .masonry-box {
        margin: 0 auto 12px;
    }
    #footer-section {
        position: relative;
    }
    .column-4, .column-3, .column-2 {
        columns: 1;   
    }
}
.photo-gallery {
    position: relative;
    box-shadow: 0px 3px 8px #8c8c807a;
    -webkit-box-shadow: 0px 3px 8px #8c8c807a;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
}
.photo-gallery img {
    width: 100%;
    object-fit: cover;
    padding: 5px;
    height: 170px;
}
.photo-gallery span {
    position: absolute;
    bottom: 20px;
    background: #fff;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 4px;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
    .photo-gallery img {
        height: 140px;
    }
    .photo-gallery span {
        font-size: 12px;
    }
}