@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap);

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes open_first_bar {
    0% {
        top: 50%;
        transform: translateY(-50%) rotate(45deg)
    }
    50% {
        top: 50%;
        transform: translateY(-50%)
    }
    to {
        top: 65%;
        transform: translateY(-50%)
    }
}

@keyframes close_first_bar {
    0% {
        top: 65%;
        transform: translateY(-50%)
    }
    50% {
        top: 50%;
        transform: translateY(-50%)
    }
    to {
        top: 50%;
        transform: translateY(-50%) rotate(45deg)
    }
}

@keyframes open_second_bar {
    0%, 50% {
        top: 50%;
        transform: translateY(-50%);
        opacity: 0
    }
    51%, to {
        top: 50%;
        transform: translateY(-50%);
        opacity: 1
    }
}

@keyframes close_second_bar {
    0%, 50% {
        top: 50%;
        transform: translateY(-50%);
        opacity: 1
    }
    51%, to {
        top: 50%;
        transform: translateY(-50%);
        opacity: 0
    }
}

@keyframes open_third_bar {
    0% {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg)
    }
    50% {
        top: 50%;
        transform: translateY(-50%)
    }
    to {
        top: 35%;
        transform: translateY(-50%)
    }
}

@keyframes close_third_bar {
    0% {
        top: 35%;
        transform: translateY(-50%)
    }
    50% {
        top: 50%;
        transform: translateY(-50%)
    }
    to {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg)
    }
}

@keyframes fadeIn {
    to {
        transform: scale(1.2)
    }
}

:root {
    --primary-color: #FF5762;
    --primary-color-dark: #C23D40;
    --secondary-color: #449857;
    --primary-black: #0B0B0B;
    --border-black: #0b0b0b0;
    --border-gray: #BABABA;
    --brand-gray-dark: #5A5A5A;
    --brand-red: #FF4141;
    --brand-red-dark: #C93636;
    --brand-green-light: #BBDFB7;
    --primary-font: 'Poppins', sans-serif
}

html {
    height: 100%;
    font-size: 62.5%
}

@media only screen and (max-width: 1199px) {
    html {
        font-size: 60%
    }
}

@media only screen and (max-width: 991px) {
    html {
        font-size: 55%
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 50%
    }
}

@media only screen and (max-width: 479px) {
    html {
        font-size: 45%
    }
}

@media only screen and (max-width: 320px) {
    html {
        font-size: 40%
    }

    .rising-blog-box-layout-one .item-img .item-content .item-title a {
        font-size: 12px
    }
}

body, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: var(--primary-font)
}

body, p {
    color: #646464
}

body {
    font-size: 16px;
    height: 100%;
    line-height: 28px;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background-color: #FFFFFF
}

p {
    margin: 0 0 20px
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
    color: #111111
}

h1, h2 {
    line-height: 36px
}

h3, h4, h5 {
    line-height: 30px
}

h1 {
    font-size: 36px
}

@media only screen and (max-width: 991px) {
    h1 {
        font-size: 32px
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 30px
    }

    .rising-blog-box-layout-one .item-img .item-content .item-title a {
        font-size: 12px
    }
}

@media only screen and (max-width: 575px) {
    h1 {
        font-size: 28px
    }
}

h2 {
    font-size: 28px
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 26px
    }
}

@media only screen and (max-width: 575px) {
    h2 {
        font-size: 24px
    }
}

h3 {
    font-size: 22px
}

@media only screen and (max-width: 575px) {
    h3 {
        font-size: 20px
    }
}

h4 {
    font-size: 18px
}

@media only screen and (max-width: 575px) {
    h4 {
        font-size: 16px
    }
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

@media only screen and (min-width: 1240px) {
    .container {
        max-width: 1200px
    }
}

@media only screen and (min-width: 1440px) {
    .container-xl .container {
        max-width: 1400px
    }
}

@media only screen and (min-width: 1400px) {
    .box-layout .box-layout-child {
        max-width: 1370px;
        margin: 0 auto;
        padding: 0 80px
    }
}

.full-width-container .container-fluid, .row.no-gutters > [class*=" col-"], .row.no-gutters > [class^=col-] {
    padding-right: 0;
    padding-left: 0
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.gutters-1 {
    padding-left: 14.5px;
    padding-right: 14.5px
}

.row.gutters-1 > [class^=col-] {
    padding-left: .5px;
    padding-right: .5px
}

.row.gutters-2 {
    padding-left: 14px;
    padding-right: 14px
}

.row.gutters-2 > [class^=col-] {
    padding-left: 1px;
    padding-right: 1px
}

.row.gutters-3 {
    padding-left: 13.5px;
    padding-right: 13.5px
}

.row.gutters-3 > [class^=col-] {
    padding-left: 1.5px;
    padding-right: 1.5px
}

.row.gutters-4 {
    padding-left: 13px;
    padding-right: 13px
}

.row.gutters-4 > [class^=col-] {
    padding-left: 2px;
    padding-right: 2px
}

.row.gutters-5 {
    padding-left: 12.5px;
    padding-right: 12.5px
}

.row.gutters-5 > [class^=col-] {
    padding-left: 2.5px;
    padding-right: 2.5px
}

.row.gutters-6 {
    padding-left: 12px;
    padding-right: 12px
}

.row.gutters-6 > [class^=col-] {
    padding-left: 3px;
    padding-right: 3px
}

.row.gutters-7 {
    padding-left: 11.5px;
    padding-right: 11.5px
}

.row.gutters-7 > [class^=col-] {
    padding-left: 3.5px;
    padding-right: 3.5px
}

.row.gutters-8 {
    padding-left: 11px;
    padding-right: 11px
}

.row.gutters-8 > [class^=col-] {
    padding-left: 4px;
    padding-right: 4px
}

.row.gutters-9 {
    padding-left: 10.5px;
    padding-right: 10.5px
}

.row.gutters-9 > [class^=col-] {
    padding-left: 4.5px;
    padding-right: 4.5px
}

.row.gutters-10 {
    padding-left: 10px;
    padding-right: 10px
}

.row.gutters-10 > [class^=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.row.gutters-11 {
    padding-left: 9.5px;
    padding-right: 9.5px
}

.row.gutters-11 > [class^=col-] {
    padding-left: 5.5px;
    padding-right: 5.5px
}

.row.gutters-12 {
    padding-left: 9px;
    padding-right: 9px
}

.row.gutters-12 > [class^=col-] {
    padding-left: 6px;
    padding-right: 6px
}

.row.gutters-13 {
    padding-left: 8.5px;
    padding-right: 8.5px
}

.row.gutters-13 > [class^=col-] {
    padding-left: 6.5px;
    padding-right: 6.5px
}

.row.gutters-14 {
    padding-left: 8px;
    padding-right: 8px
}

.row.gutters-14 > [class^=col-] {
    padding-left: 7px;
    padding-right: 7px
}

.row.gutters-15, .row.gutters-15 > [class^=col-] {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.row.gutters-20 {
    padding-left: 5px;
    padding-right: 5px
}

.row.gutters-20 > [class^=col-] {
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (min-width: 992px) {
    .row.gutters-40 {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.gutters-40 > [class^=col-] {
        padding-left: 20px;
        padding-right: 20px
    }

    .row.gutters-50 {
        margin-left: -25px;
        margin-right: -25px
    }

    .row.gutters-50 > [class^=col-] {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (min-width: 992px) and (max-width: 991px) {
    .row.gutters-50 {
        margin-left: -15px;
        margin-right: -15px
    }

    .row.gutters-50 > [class^=col-] {
        padding-left: 15px;
        padding-right: 15px
    }
}

.media-body {
    margin-left: 3rem
}

.media-body.space-xl {
    margin-left: 50px
}

.media-body.space-lg {
    margin-left: 40px
}

.media-body.space-md {
    margin-left: 20px
}

.media-body.space-sm {
    margin-left: 15px
}

.media-body.space-xs {
    margin-left: 10px
}

.media-body.media-body-box {
    padding: 20px 20px 20px 3rem;
    margin-left: 0
}

.rising-single-box-one .media-img-auto {
    width: 140px
}

.media-body.media-body-box p {
    margin-bottom: 0
}

@media only screen and (max-width: 1199px) {
    .media-none--lg {
        display: block
    }

    .media-none--lg img, .media-none--lg > div {
        width: 100%
    }

    .media-none--lg img.media-img-auto {
        width: auto
    }

    .media-none--lg .media-body, .media-none--lg .media-body.space-lg, .media-none--lg .media-body.space-md, .media-none--lg .media-body.space-sm, .media-none--lg .media-body.space-xl, .media-none--lg .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--lg .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width: 991px) {
    .media-none--md {
        display: block
    }

    .media-none--md img, .media-none--md > div {
        width: 100%
    }

    .media-none--md img.media-img-auto {
        width: auto
    }

    .media-none--md .media-body, .media-none--md .media-body.space-lg, .media-none--md .media-body.space-md, .media-none--md .media-body.space-sm, .media-none--md .media-body.space-xl, .media-none--md .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--md .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width: 767px) {
    .media-none--sm {
        display: block
    }

    .media-none--sm img, .media-none--sm > div {
        width: 100%
    }

    .media-none--sm img.media-img-auto {
        width: auto
    }

    .media-none--sm .media-body, .media-none--sm .media-body.space-lg, .media-none--sm .media-body.space-md, .media-none--sm .media-body.space-sm, .media-none--sm .media-body.space-xl, .media-none--sm .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--sm .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width: 575px) {
    .media-none--xs {
        display: block
    }

    .media-none--xs img, .media-none--xs > div {
        width: 100%
    }

    .media-none--xs img.media-img-auto {
        width: 120px
    }

    .media-none--xs .media-body, .media-none--xs .media-body.space-lg, .media-none--xs .media-body.space-md, .media-none--xs .media-body.space-sm, .media-none--xs .media-body.space-xl, .media-none--xs .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none--xs .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media only screen and (max-width: 479px) {
    .media-none-mb {
        display: block
    }

    .media-none-mb img, .media-none-mb > div {
        width: 100%
    }

    .media-none-mb img.media-img-auto {
        width: auto
    }

    .media-none-mb .media-body, .media-none-mb .media-body.space-lg, .media-none-mb .media-body.space-md, .media-none-mb .media-body.space-sm, .media-none-mb .media-body.space-xl, .media-none-mb .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-mb .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .media-none-lg {
        display: block
    }

    .media-none-lg img, .media-none-lg > div {
        width: 100%
    }

    .media-none-lg img.media-img-auto {
        width: auto
    }

    .media-none-lg .media-body, .media-none-lg .media-body.space-lg, .media-none-lg .media-body.space-md, .media-none-lg .media-body.space-sm, .media-none-lg .media-body.space-xl, .media-none-lg .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-lg .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .media-none-md {
        display: block
    }

    .media-none-md img, .media-none-md > div {
        width: 100%
    }

    .media-none-md img.media-img-auto {
        width: auto
    }

    .media-none-md .media-body, .media-none-md .media-body.space-lg, .media-none-md .media-body.space-md, .media-none-md .media-body.space-sm, .media-none-md .media-body.space-xl, .media-none-md .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-md .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .media-none-sm {
        display: block
    }

    .media-none-sm img, .media-none-sm > div {
        width: 100%
    }

    .media-none-sm img.media-img-auto {
        width: auto
    }

    .media-none-sm .media-body, .media-none-sm .media-body.space-lg, .media-none-sm .media-body.space-md, .media-none-sm .media-body.space-sm, .media-none-sm .media-body.space-xl, .media-none-sm .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-sm .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

@media (min-width: 480px) and (max-width: 575px) {
    .media-none-xs {
        display: block
    }

    .media-none-xs img, .media-none-xs > div {
        width: 100%
    }

    .media-none-xs img.media-img-auto {
        width: auto
    }

    .media-none-xs .media-body, .media-none-xs .media-body.space-lg, .media-none-xs .media-body.space-md, .media-none-xs .media-body.space-sm, .media-none-xs .media-body.space-xl, .media-none-xs .media-body.space-xs {
        margin-top: 20px;
        margin-left: 0
    }

    .media-none-xs .media-body.media-body-box {
        margin-top: 0;
        margin-left: 0;
        padding: 3rem
    }
}

.nav-control-layout1 .owl-nav, .nav-control-layout2 .owl-nav, .nav-control-layout3 .owl-nav, .nav-control-layout4 .owl-nav, .nav-control-layout5 .owl-nav, .nav-control-layout6 .owl-nav, .nav-control-layout7 .owl-nav, .nav-control-layout8 .owl-nav, .nav-control-layout9 .owl-nav {
    margin-top: 0
}

.nav-control-layout1 .owl-nav > button {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111111;
    background: #FFFFFF !important;
    height: 4rem;
    width: 4rem;
    border-radius: 45px;
    border: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media only screen and (max-width: 575px) {
    .nav-control-layout1 .owl-nav > button {
        top: 30%;
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

.nav-control-layout1 .owl-nav > button i {
    margin-top: 3px;
    font-size: 20px
}

.nav-control-layout1 .owl-nav > button i:before {
    font-size: 20px;
    font-weight: 600
}

.nav-control-layout1 .owl-nav > button:hover {
    background: #111111 !important;
    color: #FFFFFF
}

.nav-control-layout1 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout1 .owl-nav .owl-prev {
    left: 5%
}


.nav-control-layout8.election-scroll:hover .owl-next {
    right: -21px;
    opacity: 1;
    visibility: visible
}

.nav-control-layout8.election-scroll:hover .owl-prev {
    left: -21px;
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 767px) {
    .nav-control-layout1 .owl-nav .owl-prev {
        left: 0
    }
}

.nav-control-layout1 .owl-nav .owl-next {
    right: 5%
}

@media only screen and (max-width: 767px) {
    .nav-control-layout1 .owl-nav .owl-next {
        right: 0
    }
}

.nav-control-layout2 .owl-nav > button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111111;
    background: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    height: 6rem;
    width: 6rem;
    border-radius: 45px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout2 .owl-nav > button i:before, .nav-control-layout3 .owl-nav > button i:before, .nav-control-layout5 .owl-nav > button i:before, .nav-control-layout6 .owl-nav > button i:before, .nav-control-layout7 .owl-nav > button i:before, .nav-control-layout8 .owl-nav > button i:before {
    font-size: 22px
}

.nav-control-layout2 .owl-nav > button:hover {
    background: 0 0 !important;
    color: #FFFFFF
}

.nav-control-layout2 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout2 .owl-nav .owl-prev {
    left: 28%
}

.nav-control-layout2 .owl-nav .owl-next {
    right: 28%
}

.nav-control-layout2:hover .owl-nav button {
    visibility: visible;
    opacity: 1
}

.nav-control-layout3 .owl-nav > button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111111;
    background: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    height: 6rem;
    width: 6rem;
    border-radius: 45px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout3 .owl-nav > button:hover {
    background: 0 0 !important;
    color: #FFFFFF
}

.nav-control-layout3 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout3 .owl-nav .owl-prev {
    left: 5%
}

.nav-control-layout3 .owl-nav .owl-next {
    right: 5%
}

.nav-control-layout4 .owl-nav > button {
    position: absolute;
    top: 37%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111111;
    background: #FFFFFF !important;
    height: 4.5rem;
    width: 5rem;
    border-radius: 4px;
    border: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout4 .owl-nav > button i {
    font-size: 18px;
    font-weight: 600
}

.nav-control-layout4 .owl-nav > button:hover {
    background: #111111 !important;
    color: #FFFFFF
}

.nav-control-layout4 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout4 .owl-nav .owl-prev {
    left: 5%
}

@media only screen and (max-width: 767px) {
    .nav-control-layout4 .owl-nav .owl-prev {
        left: 5px
    }
}

.nav-control-layout4 .owl-nav .owl-next {
    right: 5%
}

@media only screen and (max-width: 767px) {
    .nav-control-layout4 .owl-nav .owl-next {
        right: 5px
    }
}

.nav-control-layout5 .owl-nav > button {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFFFFF !important;
    border: 1px solid #111111 !important;
    background: #111111 !important;
    box-shadow: 0 8px 24px 0 rgba(185, 185, 185, .75);
    height: 6rem;
    width: 6rem;
    border-radius: 45px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout5 .owl-nav > button:hover {
    color: #FFFFFF
}

.nav-control-layout5 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout5 .owl-nav .owl-prev {
    left: 15px;
    opacity: 0
}

.nav-control-layout5 .owl-nav .owl-next, .nav-control-layout5 .owl-nav .owl-prev, .nav-control-layout6 .owl-nav > button {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout5 .owl-nav .owl-next {
    right: 15px;
    opacity: 0
}

.nav-control-layout5:hover .owl-prev {
    left: -15px;
    opacity: 1
}

.nav-control-layout5:hover .owl-next {
    right: -15px;
    opacity: 1
}

.nav-control-layout6 .owl-nav > button {
    position: absolute;
    bottom: 2px;
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000000 !important;
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF !important;
    height: 6rem;
    width: 6rem
}

.nav-control-layout6 .owl-nav > button:hover {
    background: #111111 !important;
    color: #FFFFFF !important
}

.nav-control-layout6 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout6 .owl-nav .owl-prev {
    right: 61px
}

.nav-control-layout6 .owl-nav .owl-next {
    right: 0
}

.nav-control-layout7 .owl-nav > button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111111 !important;
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF !important;
    height: 6rem;
    width: 6rem;
    border-radius: 45px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout7 .owl-nav > button:hover {
    color: #FFFFFF !important;
    background: #111111 !important;
    border: 1px solid #111111 !important
}

.nav-control-layout7 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout7 .owl-nav .owl-prev {
    left: 20px;
    opacity: 0;
    visibility: hidden
}

.nav-control-layout7 .owl-nav .owl-next, .nav-control-layout7 .owl-nav .owl-prev, .nav-control-layout8 .owl-nav > button {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout7 .owl-nav .owl-next {
    right: 20px;
    opacity: 0;
    visibility: hidden
}

.nav-control-layout7:hover .owl-prev {
    left: 5px;
    opacity: 1;
    visibility: visible
}

.nav-control-layout7:hover .owl-next {
    right: 5px;
    opacity: 1;
    visibility: visible
}

.nav-control-layout8 .owl-nav > button {
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111111 !important;
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF !important;
    height: 6rem;
    width: 6rem;
    border-radius: 45px
}


.nav-control-layout8.election-scroll .owl-nav > button {
    position: absolute;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111111 !important;
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF !important;
    height: 3rem;
    width: 3rem;
    border-radius: 45px
}

.nav-control-layout8.election-scroll .owl-nav > button > i:before {
    font-size: 15px !important;
}

.nav-control-layout8 .owl-nav > button:hover {
    color: #FFFFFF !important;
    background: #111111 !important;
    border: 1px solid #111111 !important
}

.nav-control-layout8 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout8 .owl-nav .owl-prev {
    left: 20px;
    opacity: 0;
    visibility: hidden
}

.nav-control-layout8 .owl-nav .owl-next, .nav-control-layout8 .owl-nav .owl-prev, .nav-control-layout9 .owl-nav > button {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nav-control-layout8 .owl-nav .owl-next {
    right: 20px;
    opacity: 0;
    visibility: hidden
}

.nav-control-layout8:hover .owl-prev {
    left: 5px;
    opacity: 1;
    visibility: visible
}

.nav-control-layout8:hover .owl-next {
    right: 5px;
    opacity: 1;
    visibility: visible
}

.nav-control-layout9 .owl-nav > button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #111111;
    background: #FFFFFF !important;
    height: 6rem;
    width: 6rem;
    border-radius: 45px;
    border: 0
}

.nav-control-layout9 .owl-nav > button i {
    font-size: 16px
}

.nav-control-layout9 .owl-nav > button i:before {
    font-size: 16px;
    font-weight: 600
}

.nav-control-layout9 .owl-nav > button:hover {
    background: #111111 !important;
    color: #FFFFFF
}

.dot-control-layout1 .owl-dots button:focus, .nav-control-layout9 .owl-nav > button:focus {
    outline: 0
}

.nav-control-layout9 .owl-nav .owl-prev {
    left: 5%
}

@media only screen and (max-width: 767px) {
    .nav-control-layout9 .owl-nav .owl-prev {
        left: -15px
    }
}

.nav-control-layout9 .owl-nav .owl-next {
    right: 5%
}

@media only screen and (max-width: 767px) {
    .nav-control-layout9 .owl-nav .owl-next {
        right: -15px
    }
}

.dot-control-layout1, .dot-control-layout2 {
    position: relative;
    text-align: center
}

.dot-control-layout1 .owl-dots {
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0
}

.dot-control-layout1 .owl-dots button, .dot-control-layout2 .owl-dots button {
    height: 14px;
    width: 14px;
    padding: 0;
    margin: 0 3px;
    background-color: #DDDDDD;
    border: 0;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dot-control-layout1 .owl-dots button.active {
    background-color: #111111
}

.dot-control-layout2 .owl-dots button {
    background-color: #E3E3E3
}

.dot-control-layout2 .owl-dots button:focus {
    outline: 0
}

.dot-control-layout2 .owl-dots button.active {
    background-color: #646464
}

.loadmore-btn-layout1, .loadmore-btn-layout2 {
    margin-top: 28px;
    text-align: center
}

.loadmore-btn-layout1 .item-btn, .loadmore-btn-layout2 .item-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #646464;
    background-color: #FFFFFF;
    border-radius: 4px;
    letter-spacing: 1px;
    padding: 12px 35px;
    -webkit-box-shadow: 0 1px 0 0 rgba(224, 224, 224, .75);
    box-shadow: 0 1px 0 0 rgba(224, 224, 224, .75);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.loadmore-btn-layout1 .item-btn:hover, .loadmore-btn-layout2 .item-btn:hover {
    -webkit-box-shadow: 0 15px 21px 0 #E5E5E5;
    box-shadow: 0 15px 21px 0 #E5E5E5
}

.loadmore-btn-layout2 .item-btn {
    background-color: #F6F6F6
}

.inner-page-banner {
    display: block;
    padding: 3rem 0 0
}

.inner-page-banner .breadcrumbs-area {
    position: relative;
    z-index: 1;
    margin-left: 12px
}

.inner-page-banner .breadcrumbs-area h1 {
    font-size: 36px;
    font-weight: 600;
    text-transform: capitalize;
    color: #111111;
    margin-bottom: 22px
}

@media only screen and (max-width: 991px) {
    .inner-page-banner .breadcrumbs-area h1 {
        font-size: 34px
    }
}

@media only screen and (max-width: 767px) {
    .inner-page-banner .breadcrumbs-area h1 {
        margin-bottom: 10px;
        font-size: 32px
    }
}

.inner-page-banner .breadcrumbs-area ul li {
    display: inline-block;
    color: #646464;
    font-size: 16px;
    position: relative;
    margin-right: 13px;
    padding-right: 5px
}

.inner-page-banner .breadcrumbs-area ul li:before {
    content: "/";
    position: absolute;
    font-size: 18px;
    right: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    color: #CCCCCC
}

.inner-page-banner .breadcrumbs-area ul li a {
    color: #111111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.inner-page-banner .breadcrumbs-area ul li a:hover {
    color: #444444
}

.inner-page-banner .breadcrumbs-area ul li:last-child {
    margin-right: 0;
    padding-right: 0
}

.entry-meta.meta-color-dark li:last-child:after, .entry-meta.meta-color-light li:last-child:after, .entry-meta.meta-color-light2 li:last-child:after, .footer-box-layout2 .footer-social li:last-child:after, .inner-page-banner .breadcrumbs-area ul li:last-child:before {
    display: none
}

.entry-meta.meta-color-light, .entry-meta.meta-color-light2 {
    margin-bottom: 10px
}

.entry-meta.meta-color-light li, .entry-meta.meta-color-light2 li {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 10px
}

.entry-meta.meta-color-dark li:last-child, .entry-meta.meta-color-light li:last-child, .entry-meta.meta-color-light2 li:last-child, .footer-box-layout1 .footer-social li:last-child, .footer-box-layout2 .footer-social li:last-child, .footer-box-layout3 .footer-social li:last-child {
    margin-right: 0
}

.entry-meta.meta-color-light li i, .entry-meta.meta-color-light2 li i {
    font-size: 12px;
    color: #FFFFFF;
    margin-right: 8px
}

.entry-meta.meta-color-light li a, .entry-meta.meta-color-light2 li a {
    color: #FFFFFF;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a:hover, .entry-meta.meta-color-light li a:hover, .entry-meta.meta-color-light2 li a:hover {
    color: #CCCCCC
}

@media only screen and (max-width: 991px) {
    .entry-meta.meta-color-light2 li {
        color: #A5A5A5
    }
}

@media only screen and (max-width: 991px) {
    .entry-meta.meta-color-light2 li i {
        color: #646464
    }
}

@media only screen and (max-width: 991px) {
    .entry-meta.meta-color-light2 li a {
        color: #A5A5A5
    }
}

.entry-meta.meta-color-dark {
    margin-bottom: 8px
}

.entry-meta.meta-color-dark li {
    display: inline-block;
    font-size: 12px;
    color: var(--brand-gray-dark);
    margin-right: 10px
}

.entry-meta.meta-color-dark li i {
    font-size: 10px;
    color: #646464;
    margin-right: 8px
}

.entry-meta.meta-color-dark li a {
    color: #A5A5A5;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.entry-meta.meta-color-dark li a:hover {
    color: #111111
}

.slider-wrap-layout1 .item-content .entry-meta {
    margin-bottom: 4px
}

#preloader {
    background: #FFFFFF url(../img/preloader.gif) no-repeat center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.rising-scroll-up {
    overflow: hidden;
    position: fixed;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 45px;
    bottom: -50px;
    right: 20px;
    text-align: center;
    z-index: 9999;
    background-color: rgba(17, 17, 17, .8);
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    -webkit-transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    -moz-transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    -ms-transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    -o-transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    transition: all .5s cubic-bezier(0, 0, .15, 1.88)
}

.rising-scroll-up i {
    display: inline-block;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.rising-scroll-up:focus, .rising-scroll-up:hover {
    color: #FFFFFF
}

.rising-scroll-up:focus i, .rising-scroll-up:hover i {
    -webkit-animation: toBottomFromTop .5s forwards;
    animation: toBottomFromTop .5s forwards
}

.rising-scroll-up.back-top {
    bottom: 20px
}

.footer-wrap-layout1 {
    padding: 2rem;
    background-color: #F7F7F7
}

.footer-wrap-layout2 {
    background-color: #111111;
    padding: 6.5rem 0
}

.footer-wrap-layout3 {
    padding: 7rem 0 7.5rem
}

.footer-box-layout1 {
    margin: 10px 0
}

@media only screen and (max-width: 991px) {
    .footer-box-layout1 {
        text-align: center
    }
}

.footer-box-layout1 .copyright, .footer-wrap-layout1 a {
    color: #000000
}

.footer-box-layout1 .footer-logo {
    text-align: center
}

.footer-box-layout1 .footer-logo a {
    display: inline-block;
    color: #000000
}

.footer-wrap-layout1 .footer-text p {
    font-size: 14px;
    font-weight: 500;
    color: #000000
}

.footer-social {
    font-size: 18px;
    display: flex;
    justify-content: end;
    gap: 12px;
    align-items: center
}

.footer-box-layout1 .footer-social {
    text-align: right
}

@media only screen and (max-width: 991px) {
    .footer-box-layout1 .footer-social {
        text-align: center
    }
}

.footer-box-layout1 .footer-social li {
    display: inline-block;
    margin-right: 8px
}

.footer-box-layout1 .footer-social li a, .footer-box-layout2 .footer-social li a i, .footer-box-layout3 .footer-social li a i {
    font-size: 16px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-box-layout1 .footer-social li a {
    display: block;
    padding: 5px;
    color: #B0B0B0
}

.footer-box-layout1 .footer-social li a:hover, .footer-box-layout2 .footer-social li a:hover, .footer-box-layout2 .footer-social li a:hover i, .header-action-items .header-search-box i {
    color: #FFFFFF
}

.footer-box-layout2, .footer-box-layout3 {
    text-align: center
}

.footer-box-layout2 .footer-logo {
    padding: 10px;
    margin-bottom: 25px
}

.footer-box-layout2 .footer-logo a, .footer-box-layout3 .footer-logo a {
    display: block
}

.footer-box-layout2 .footer-social {
    margin-bottom: 20px
}

.footer-box-layout2 .footer-social li, .footer-box-layout3 .footer-social li {
    margin-right: 20px;
    display: inline-block;
    position: relative
}

.footer-box-layout2 .footer-social li:after, .footer-box-layout3 .footer-social li:after {
    content: ".";
    color: #B0B0B0;
    position: absolute;
    bottom: 0;
    right: -12px
}

.footer-box-layout2 .footer-social li a, .footer-box-layout3 .footer-social li a {
    font-size: 13px;
    font-weight: 500;
    color: #B0B0B0;
    padding: 5px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-box-layout2 .footer-social li a i, .footer-box-layout3 .footer-social li a i {
    color: #BABABA;
    margin-right: 12px
}

.footer-box-layout2 .copyright {
    color: #B0B0B0
}

.footer-box-layout3 .footer-logo {
    padding: 10px;
    margin-bottom: 25px
}

.footer-box-layout3 .footer-social {
    margin-bottom: 20px
}

.footer-box-layout3 .footer-social li a:hover, .footer-box-layout3 .footer-social li a:hover i, .header-action-items .cart-wrap .cart-items .cart-item .cart-title a:hover, .mean-container .mean-nav > ul li a:hover {
    color: #111111
}

.footer-box-layout3 .copyright {
    color: #B0B0B0
}

a {
    text-decoration: none
}

a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0
}

img {
    max-width: 100%;
    height: auto
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

[class*=" flaticon-"]:after, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class^=flaticon-]:before {
    margin-left: 0
}

.form-response .alert-danger, .form-response .alert.alert-info, .form-response .alert.alert-success {
    margin-top: 10px;
    margin-bottom: 0
}

.form-response .alert-danger p, .form-response .alert.alert-info p, .form-response .alert.alert-success p {
    margin-bottom: 0
}

header.header {
    position: relative;
    z-index: 10
}

@media only screen and (max-width: 991px) {
    header.has-mobile-menu {
        display: none
    }
}

.logo-area a {
    display: block
}

.header-menu {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100
}

.header-menu:after {
    clear: both;
    content: "";
    display: block;
    border-bottom: 1px solid #C9C9C9
}

.header-menu nav.template-main-menu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-menu nav.template-main-menu > ul > li > a {
    transition: all .5s ease-out
}

.header-menu nav.template-main-menu > ul > li > a:hover {
    animation: toBottomFromTop10 .3s forwards
}

nav.template-main-menu {
    font-family: var(--primary-font)
}

.header-menu, nav.template-main-menu > ul > li, nav.template-main-menu > ul > li > ul > li {
    position: relative
}

nav.template-main-menu > ul > li > a {
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
    display: block;
    font-size: 14px;
    color: #000000
}

.header-menu, nav.template-main-menu > ul > li ul.dropdown-menu-col-1, nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-1 {
    border-top: 1px solid #111111;
    background-color: #FFFFFF;
    width: 170px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 20px rgba(0, 0, 0, .05)
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-1.end-link {
    right: 0;
    left: auto
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a {
    font-size: 12px;
    text-transform: capitalize;
    color: #111111;
    padding: 6px 10px;
    display: block
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li a:hover {
    color: #FFFFFF;
    background-color: #111111
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-1 li:last-child a {
    padding-bottom: 15px
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-2, nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-2 {
    display: flex;
    align-items: center;
    border-top: 1px solid #111111;
    background-color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 20px rgba(0, 0, 0, .05)
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li {
    min-width: 200px
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a {
    font-size: 15px;
    text-transform: capitalize;
    color: #111111;
    padding: 8px 15px;
    display: block
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a:hover {
    color: #FFFFFF;
    background-color: #111111
}

nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a:last-child {
    padding-bottom: 15px
}

nav.template-main-menu > ul > li .template-mega-menu, nav.template-main-menu > ul > li .third-level {
    border-top: 1px solid #111111;
    background-color: #FFFFFF;
    width: 250px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateY(15px);
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 20px rgba(0, 0, 0, .05);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

nav.template-main-menu > ul > li .third-level li a {
    font-size: 15px;
    text-transform: capitalize;
    color: #111111;
    padding: 12px 15px;
    display: block
}

nav.template-main-menu > ul > li .third-level li a:hover {
    color: #FFFFFF;
    background-color: #3C70FA
}

nav.template-main-menu > ul > li .template-mega-menu {
    width: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    top: 100%;
    padding: 20px 0 0
}

nav.template-main-menu > ul > li .template-mega-menu .menu-ctg-title {
    font-size: 16px;
    font-weight: 500;
    color: #111111;
    margin-bottom: 15px
}

nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu {
    margin-bottom: 20px
}

nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li {
    margin-bottom: 5px;
    padding-bottom: 7px;
    border-bottom: 1px solid #EBEBEB
}

.header-action-items .cart-wrap .cart-items .cart-item:last-child, nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a {
    font-size: 15px;
    text-transform: capitalize;
    color: #111111;
    padding: 5px 15px 5px 30px;
    display: block;
    -webkit-transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    -moz-transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    -ms-transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    -o-transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    transition: all .5s cubic-bezier(0, 0, .15, 1.88);
    position: relative
}

nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a i, nav.template-main-menu > ul > li > ul > li a.third-level-arrow:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a i {
    color: #444444;
    left: 0
}

nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a:hover {
    color: #111111;
    padding: 5px 15px 5px 35px
}

nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a:hover i {
    color: #111111;
    animation: toRightFromLeft10 .5s
}

nav.template-main-menu > ul > li:hover .template-mega-menu, nav.template-main-menu > ul > li:hover ul.dropdown-menu-col-1, nav.template-main-menu > ul > li:hover ul.dropdown-menu-col-2, nav.template-main-menu > ul > li > ul > li:hover ul.third-level {
    opacity: 1;
    visibility: visible;
    transform: translatey(0)
}

nav.template-main-menu > ul > li > ul > li a.third-level-arrow:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free", 'serif';
    font-weight: 600;
    opacity: .8;
    font-size: 20px;
    z-index: 8;
    right: 30px;
    color: #111111;
    -webkit-transition: all 1s cubic-bezier(0, 0, .15, 1.88);
    -moz-transition: all 1s cubic-bezier(0, 0, .15, 1.88);
    -ms-transition: all 1s cubic-bezier(0, 0, .15, 1.88);
    -o-transition: all 1s cubic-bezier(0, 0, .15, 1.88);
    transition: all 1s cubic-bezier(0, 0, .15, 1.88)
}

nav.template-main-menu > ul > li > ul > li:hover .third-level-arrow:after {
    right: 15px
}

.header-menu.box-layout-child {
    box-shadow: none
}

.box-layout-child.bg--light.rt-sticky nav.template-main-menu > ul > li > a, .header-menu.menu-layout1 nav.template-main-menu > ul > li > a, .header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li > a, .header-menu.menu-layout2.rt-sticky nav.template-main-menu > ul > li > a, .rt-sticky nav.template-main-menu > ul > li > a {
    padding: 18px 0
}

@media only screen and (max-width: 1199px) {
    .header-menu.menu-layout1 nav.template-main-menu > ul > li > a {
        padding: 36px 10px
    }
}

.header-menu.menu-layout2 nav.template-main-menu > ul > li > a {
    padding: 28px 20px
}

@media only screen and (max-width: 1199px) {
    .header-menu.menu-layout2 nav.template-main-menu > ul > li > a {
        padding: 28px 10px
    }
}

.header-menu.menu-layout3, nav.template-main-menu > ul > li .template-mega-menu ul.sub-menu li a i {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media only screen and (max-width: 991px) {
    .header-menu.menu-layout3 {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.header-menu.menu-layout5 nav.template-main-menu > ul > li > a {
    padding: 42px 20px
}

@media only screen and (max-width: 1199px) {
    .header-menu.menu-layout5 nav.template-main-menu > ul > li > a {
        padding: 42px 10px
    }
}

.header-action-items, .mid-header-action-items {
    display: flex;
    align-items: center
}

.header-action-items ul {
    display: inline-flex;
    align-items: center
}

.header-action-items ul li {
    margin-right: 15px
}

.header-action-items .cart-wrap .cart-items .cart-item > div:last-child, .header-action-items ul li:last-child, .off-canvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li:last-child {
    margin-right: 0
}

.mid-header-action-items ul {
    display: flex;
    flex-direction: column;
    justify-items: end
}

.mid-header-action-items ul li {
    margin-bottom: 6px
}

.mid-header-action-items ul li a {
    color: #0B0B0B
}

.mid-header-action-items ul li a:hover {
    color: #000000;
    text-decoration: underline
}

.mid-header-action-items ul li.top-item-right {
    margin-bottom: 6px;
    text-align: right
}

.mid-header-action-items ul li.top-item-right .mid-right-logo {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.mid-header-action-items ul li:last-child, .widget-latest ul.block-list .single-item:last-child {
    margin-bottom: 0
}

.header-action-items .user-icon a i:before {
    font-size: 18px;
    font-weight: 500
}

.header-action-items .header-search-box a i:before {
    font-size: 18px
}

.header-action-items .cart-wrap .cart-info {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.header-action-items .cart-wrap .cart-info:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    height: 50px;
    width: 58px;
    background-color: transparent;
    z-index: 5
}

.header-action-items .cart-wrap .cart-info i:before {
    margin-right: 6px;
    font-size: 26px
}

.blog-box-layout1 .item-content h3.item-title, .header-action-items .cart-wrap .cart-info .cart-amount {
    font-size: 20px
}

.header-action-items .cart-wrap .cart-items {
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    background-color: #FFFFFF;
    padding: 10px;
    position: absolute;
    z-index: 900;
    right: 0;
    top: 50px;
    min-width: 385px;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    visibility: hidden
}

.header-action-items .cart-wrap .cart-items .cart-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #FFFFFF
}

.header-action-items .cart-wrap .cart-items .cart-item > div {
    margin-right: 20px
}

.header-action-items .cart-wrap .cart-items .cart-item .cart-title {
    text-align: left
}

.header-action-items .cart-wrap .cart-items .cart-item .cart-title a {
    margin-bottom: 7px;
    display: block
}

.header-action-items .cart-wrap .cart-items .cart-item .cart-title span {
    display: block;
    font-size: 14px
}

.header-action-items .cart-wrap .cart-items, .header-action-items .cart-wrap .cart-items .cart-item .cart-title a, .header-action-items .cart-wrap .cart-items .cart-item .cart-trash a {
    color: #111111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.header-action-items .cart-wrap .cart-items .cart-item .cart-trash a:hover {
    color: #FF0600
}

.header-action-items .cart-wrap .cart-items .cart-item .cart-btn {
    width: 100%;
    padding: 10px 10px 0;
    justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.header-action-items .cart-wrap .cart-items .cart-item .cart-btn a.item-btn {
    margin: 0 5px;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid;
    border-color: #111111;
    background-color: #111111;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 4px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.header-action-items .cart-wrap .cart-items .cart-item .cart-btn a.item-btn:hover, .widget-newsletter-subscribe-2 .subscribe-form .input-group .input-group-addon button:hover {
    background-color: transparent;
    color: #111111
}

.header-action-items .cart-wrap:hover .cart-items {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(400px) rotate3d(0, 0, 0, 0)
}

.header-action-items .item-subscribe {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    letter-spacing: 1px
}

.header-action-items .item-subscribe i:before {
    font-size: 20px;
    margin-right: 10px
}

.header-action-items .item-social-layout1 {
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    padding-right: 15px;
    font-weight: 500;
    position: relative
}

.header-action-items .item-social-layout1:after {
    content: ".";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

.header-action-items .item-social-layout1:last-child {
    margin-right: 0;
    padding-right: 0
}

.header-action-items .item-social-layout1:last-child:after, .rising-single-banner .banner-content .response-area li:last-child:after, .single-blog-box-layout2 .single-blog-content .blog-entry-content .response-area li:last-child:after, .single-blog-box-layout3 .single-blog-content .blog-entry-content .response-area li:last-child:after {
    display: none
}

.header-action-items .item-social-layout1 i {
    font-size: 16px;
    margin-right: 6px
}

.header-action-items .item-social-layout1 span {
    font-size: 12px;
    margin-left: 6px
}

.header-action-items .item-social-layout2 {
    margin-right: 12px
}

.header-action-items .item-social-layout2 a {
    display: block;
    line-height: 1;
    padding: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header-action-items .top-item-left {
    padding-right: 16px;
    font-size: 14px;
    font-weight: 500;
    border-right: 1px solid #ACACAC;
    position: relative;
    line-height: 16px
}

.header-action-items .top-item-left:last-child {
    border-right: 0
}

.header-action-items .top-item-right {
    padding-left: 16px;
    font-size: 14px;
    font-weight: 500;
    border-left: 1px solid #ACACAC;
    position: relative;
    line-height: 16px
}

.header-action-items .top-item-right .mid-right-logo {
    width: 14px;
    height: 14px;
    margin-right: 6px
}

.header-action-items .top-item-right:first-child {
    border-left: 0
}

.header-action-items .top-item-left a, .header-action-items .top-item-right a {
    color: #000000
}

.header-action-items .top-item-left a:hover, .header-action-items .top-item-right a:hover {
    text-decoration: underline
}

.header-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    transition: all .5s ease-in-out;
    transform: translate(0, -100%) scale(0, 0);
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

.rising-article-section, .rising-bigyapan-section {
    padding-top: 3rem
}

.rising-article-section .headline-block {
    display: flex;
    margin-bottom: 1.5rem;
    justify-content: space-between;
    align-items: center
}

.rising-article-section .section-heading {
    padding-bottom: 12px;
    margin-bottom: 0
}

.rising-article-section .heading-view-more {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-black)
}

.rising-article-section .heading-view-more > i {
    font-size: 14px;
    color: var(--brand-gray-dark)
}

.rising-article-section .heading-view-more:hover {
    text-decoration: underline;
    opacity: .8
}

.rising-article-section .section-heading .item-heading {
    font-size: 24px;
    font-weight: 600
}

.header-search .header-search-form {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.header-search .header-search-form input[type=search] {
    width: 60%;
    color: #000000;
    font-size: 24px;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #000000;
    margin: 0 auto;
    padding: 10px 0;
    outline: 0
}

@media only screen and (max-width: 575px) {
    .header-search .header-search-form input[type=search] {
        width: 75%
    }

    .footer-social {
        justify-content: center;
        margin-top: 12px
    }
}

.header-search .header-search-form .search-btn {
    padding: 24px 10px;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 4px;
    cursor: pointer
}

.header-search .header-search-form .search-btn i:before {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    margin-left: 0
}

.header-search .header-search-form .search-btn:focus {
    box-shadow: none;
    outline: 0
}

.header-search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #111111;
    background-color: rgba(255, 255, 255, .8);
    border: 0;
    opacity: 1;
    visibility: visible;
    padding: 3px 15px 5px;
    font-size: 36px;
    font-weight: 300;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .75);
    transition: all .3s ease-in-out
}

.header-search .close:focus {
    box-shadow: none;
    border: 0;
    outline: 0
}

.header-search .close:hover, .mean-container .mean-nav > ul li li a:hover {
    background-color: #FFFFFF
}

.header-search.open {
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
    visibility: visible
}

.box-layout-child.bg--light.rt-sticky, .header-menu.menu-layout1.rt-sticky, .header-menu.menu-layout2.rt-sticky, .rt-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 4px 0 0 rgba(34, 34, 34, .03);
    z-index: 999999;
    left: 0;
    right: 0
}

@media only screen and (max-width: 1199px) {
    .box-layout-child.bg--light.rt-sticky nav.template-main-menu > ul > li > a, .header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li > a, .header-menu.menu-layout2.rt-sticky nav.template-main-menu > ul > li > a, .rt-sticky nav.template-main-menu > ul > li > a {
        padding: 28px 10px
    }
}

.header-menu.menu-layout3.rt-sticky {
    padding: 10px 0
}

.header-menu.menu-layout5.rt-sticky {
    background-color: rgba(0, 0, 0, .9)
}

.header-menu.menu-layout5.rt-sticky nav.template-main-menu > ul > li > a {
    padding: 28px 20px
}

@media only screen and (max-width: 1199px) {
    .header-menu.menu-layout5.rt-sticky nav.template-main-menu > ul > li > a {
        padding: 28px 10px
    }
}

@media only screen and (max-width: 991px) {
    .hide-on-mobile-menu {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    .hide-on-desktop-menu {
        display: none !important
    }
}

.mean-container .mean-bar {
    background: 0 0 !important;
    float: none;
    padding: 0 !important;
    position: fixed !important;
    top: 0;
    z-index: 7
}

.mean-container .mean-bar:after {
    content: "";
    clear: both;
    display: block
}

.mean-container .mean-bar a.logo-mobile-menu {
    width: 100%;
    background-color: rgba(222, 222, 222, .95);
    box-sizing: border-box
}

.logo-mobile img {
    height: 40px
}

.mean-container .mean-bar .mobile-menu-nav-back {
    padding: 4px 15px;
    border-bottom: 1px solid #B2B2B2;
    position: relative;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mean-container .mean-bar .mobile-menu-nav-back:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255);
    z-index: -1;
    top: 0;
    left: 0;
    right: 0
}

.mean-container .mean-nav {
    float: none !important;
    background: 0 0 !important
}

.mean-container .mean-nav > ul {
    overflow-y: scroll;
    height: 100vh
}

.mean-container .mean-nav > ul:after {
    content: '';
    display: block;
    clear: both
}

.mean-container .mean-nav > ul li a {
    font-size: 14px;
    color: #111111;
    font-weight: 700;
    background-color: #EBEBEB;
    transition: all .5s ease-out
}

.mean-container .mean-nav > ul li:hover > a {
    color: #111111;
    background-color: #FFFFFF
}

.mean-container .mean-nav > ul li li a {
    color: #111111;
    opacity: 1;
    font-weight: 400;
    padding: .5em 10%
}

.mean-container .mean-nav > ul li a.mean-expand {
    background-color: transparent;
    margin-top: 0;
    height: 20px;
    line-height: 27px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    padding: 12px 20px 12px 12px !important
}

.mean-container .mean-nav > ul li a.mean-expand:hover {
    background-color: transparent
}

.mean-container a.meanmenu-reveal {
    float: none !important;
    position: absolute;
    top: 38px;
    transition: unset;
    padding: 16px 14px 12px
}

.mean-container #wrapper {
    padding-top: 50px
}

@media only screen and (max-width: 991px) {
    .hide-on-mobile-menu {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    .hide-on-desktop-menu {
        display: none !important
    }
}

.bg--light .item-subscribe {
    color: #444444
}

.bg--light .item-subscribe i:before {
    color: #A5A5A5
}

.bg--light .item-social-layout1, .bg--light .template-main-menu > ul > li > a, .bg--light .template-main-menu > ul > li > a:hover, .off-canvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a:hover, .widget-latest ul.block-list .single-item .item-content .item-title a:hover {
    color: #111111
}

.bg--light .item-social-layout1 span, .bg--light .item-social-layout1:after, .bg--light .user-icon a i:before {
    color: #646464
}

.bg--light .item-social-layout1 i {
    color: #BABABA
}

.bg--light .btn-icon-wrap > span {
    background-color: #444444
}

.bg--light .cart-wrap .cart-info .cart-amount, .bg--light .cart-wrap .cart-info i:before, .bg--light .header-search-box a i:before, .bg--light .item-social-layout2 a, .off-canvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a:hover, .widget-featured-feed .featured-box-layout1 .item-content .item-title a:hover, .widget-featured-feed .featured-box-layout2 .item-content .item-title a:hover, .widget-featured-feed .featured-box-layout3 .item-content .item-title a:hover, .widget-post-tab .tab-content .tab-pane .post-list .post-item .item-content .item-title a:hover {
    color: #444444
}

.bg--light .divider-style-border:after {
    background-color: #ACACAC
}

.bg--light .item-social-layout2 a:hover {
    color: #000000
}

.bg--dark .cart-wrap .cart-info .cart-amount, .bg--dark .item-social-layout1 ul li, .bg--dark .item-social-layout1 ul li i, .bg--dark .item-social-layout1 ul li span, .bg--dark .item-social-layout1 ul li:after, .bg--dark .item-social-layout2 a:hover, .bg--dark .item-subscribe ul li, .bg--dark .item-subscribe ul li i:before, .bg--dark .template-main-menu > ul > li > a, .bg--dark .template-main-menu > ul > li > a:hover, .bg--dark .user-icon a i:before, .bg--dark2 .cart-wrap .cart-info .cart-amount, .bg--dark2 .item-social-layout1 ul li, .bg--dark2 .item-social-layout1 ul li i, .bg--dark2 .item-social-layout1 ul li span, .bg--dark2 .item-social-layout1 ul li:after, .bg--dark2 .item-social-layout2 a:hover, .bg--dark2 .item-subscribe ul li, .bg--dark2 .item-subscribe ul li i:before, .bg--dark2 .template-main-menu > ul > li > a, .bg--dark2 .template-main-menu > ul > li > a:hover, .bg--dark2 .user-icon a i:before, .bg--transparent .item-social-layout1 ul li, .bg--transparent .item-social-layout1 ul li:after, .bg--transparent .item-subscribe ul li, .bg--transparent .item-subscribe ul li i:before, .bg--transparent .template-main-menu > ul > li > a, .bg--transparent .template-main-menu > ul > li > a:hover {
    color: #FFFFFF
}

.bg--dark .divider-style-border:after, .bg--dark .header-search-box:after, .bg--dark2 .divider-style-border:after, .bg--dark2 .header-search-box:after {
    background-color: silver
}

.bg--dark .cart-wrap .cart-info i:before, .bg--dark .header-search-box a i:before, .bg--dark .item-social-layout2 a, .bg--dark2 .cart-wrap .cart-info i:before, .bg--dark2 .header-search-box a i:before, .bg--dark2 .item-social-layout2 a, .bg--transparent .item-social-layout2 a:hover {
    color: silver
}

.bg--transparent .cart-wrap .cart-info .cart-amount, .bg--transparent .cart-wrap .cart-info i:before, .bg--transparent .header-search-box a i:before, .bg--transparent .item-social-layout1 ul li i, .bg--transparent .item-social-layout1 ul li span, .bg--transparent .item-social-layout2 a, .bg--transparent .user-icon a i:before {
    color: #FFFFFF
}

.bg--dark .btn-icon-wrap > span, .bg--dark2 .btn-icon-wrap > span, .bg--transparent .btn-icon-wrap > span, .bg--transparent .divider-style-border:after, .bg--transparent .header-search-box:after {
    background-color: #FFFFFF
}

.offcanvas-menu-trigger-wrap {
    position: relative;
    z-index: 100;
    display: inline-flex
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    padding: 0
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon button:focus, .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input.search-input:focus, .offcanvas-menu-trigger-wrap button.offcanvas-menu-btn:focus, .widget-newsletter-subscribe-2 .subscribe-form .input-group .input-group-addon button:focus {
    outline: 0
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn .btn-icon-wrap {
    display: block;
    width: 18px;
    position: relative;
    height: 42px
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn .btn-icon-wrap span {
    position: absolute;
    height: 2px;
    left: 0;
    z-index: 2;
    transition: .8s cubic-bezier(.86, 0, .07, 1)
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn.menu-status-open .btn-icon-wrap span, .widget-categories ul li:hover:after {
    width: 100%
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn.menu-status-open .btn-icon-wrap span:nth-child(n) {
    animation: open_first_bar .8s cubic-bezier(.895, .03, .685, .22) forwards
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn.menu-status-open .btn-icon-wrap span:nth-child(2n) {
    animation: open_second_bar .8s cubic-bezier(.895, .03, .685, .22) forwards
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn.menu-status-open .btn-icon-wrap span:nth-child(3n) {
    animation: open_third_bar .8s cubic-bezier(.895, .03, .685, .22) forwards
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn.menu-status-close .btn-icon-wrap span {
    width: 94%
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(n) {
    animation: close_first_bar .8s cubic-bezier(.895, .03, .685, .22) forwards
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(2n) {
    animation: close_second_bar .8s cubic-bezier(.895, .03, .685, .22) forwards
}

.offcanvas-menu-trigger-wrap button.offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(3n) {
    animation: close_third_bar .8s cubic-bezier(.895, .03, .685, .22) forwards
}

.off-canvas-menu-wrap.open {
    transform: translateX(0)
}

@media only screen and (max-width: 767px) {
    .off-canvas-menu-wrap.open {
        transform: translateX(-100%)
    }
}

.off-canvas-menu-wrap {
    width: 320px;
    position: fixed;
    transform: translateX(-100%);
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    z-index: 200
}

.off-canvas-menu-wrap[data-position=right] {
    left: auto;
    right: 0;
    transform: translateX(100%)
}

.off-canvas-menu-wrap .close-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    padding: 10px
}

@media only screen and (min-width: 768px) {
    .off-canvas-menu-wrap .close-btn {
        display: none
    }
}

.off-canvas-menu-wrap .offcanvas-content {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 0 5.5rem
}

.off-canvas-menu-wrap .offcanvas-content .offcanvas-logo {
    padding: 20px
}

.menu-layout4 .header-menu-content .header-logo a, .off-canvas-menu-wrap .offcanvas-content .offcanvas-logo a {
    display: block
}

.off-canvas-menu-wrap .offcanvas-content .offcanvas-footer, .off-canvas-menu-wrap .offcanvas-content .offcanvas-menu {
    text-align: center
}

.off-canvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item {
    margin-bottom: 20px
}

.off-canvas-menu-wrap, .off-canvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a, .off-canvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.off-canvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a {
    font-size: 15px;
    font-weight: 500;
    color: #111111;
    padding: 10px
}

.off-canvas-menu-wrap .offcanvas-content .offcanvas-footer .item-title {
    font-size: 15px;
    color: #ACACAC;
    margin-bottom: 14px
}

.off-canvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li {
    display: inline-block;
    margin-right: 6px
}

.off-canvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a {
    color: #444444;
    padding: 5px
}

div#wrapper.open > .offcanvas-mask {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    z-index: 150;
    transition: all .5s ease-in-out
}

.page-content-wrap {
    margin-left: 300px;
    padding: 50px
}

@media only screen and (max-width: 767px) {
    .page-content-wrap {
        margin-left: 0;
        padding: 30px
    }
}

.menu-layout4 {
    background-color: #FFFFFF;
    padding: 20px 30px
}

.menu-layout4 .header-menu-content, .off-canvas-menu-wrap .offcanvas-content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .menu-layout4 {
        display: none
    }
}

.section-heading, .section-heading-2 {
    margin-bottom: 30px;
    padding-bottom: 22px;
    position: relative
}

.section-heading:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background-color: var(--primary-color);
    height: 3px;
    width: 70px
}

.section-heading .item-heading {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .section-heading .item-heading {
        font-size: 18px
    }
}

.section-heading-2 .item-heading, .section-heading-4 .item-heading, .section-heading-5 .item-heading {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500
}

.section-heading-3 {
    text-align: center;
    margin-bottom: 50px
}

.section-heading-3 h2 {
    font-size: 40px;
    color: #111111;
    font-weight: 600;
    margin-bottom: 24px
}

@media only screen and (max-width: 991px) {
    .section-heading-3 h2 {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px) {
    .section-heading-3 h2 {
        font-size: 32px
    }
}

@media only screen and (max-width: 575px) {
    .section-heading-3 h2 {
        font-size: 30px
    }
}

.section-heading-3 p {
    width: 80%;
    margin: 20px auto
}

.section-heading-4, .section-heading-5 {
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 40px;
    padding-bottom: 22px;
    position: relative
}

.section-heading-4:before, .section-heading-5:before {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    background-color: #444444;
    height: 3px;
    width: 50px
}

.section-heading-5 {
    text-align: center
}

.section-heading-5:before {
    right: 0;
    margin: 0 auto
}

.heading-dark .item-heading {
    color: var(--primary-black)
}

.heading-light .item-heading, .widget-follow-us-3 ul li.single-item a:hover i, .widget-follow-us-3 ul li.single-item a:hover span {
    color: #FFFFFF
}

.pagination-layout1 {
    text-align: center;
    padding: 3rem 0 5rem
}

.pagination-layout1 ul li {
    margin-right: 5px;
    display: inline-block
}

.pagination-layout1 ul li:last-child {
    margin-right: 0
}

.pagination-layout1 ul li a {
    display: block;
    font-size: 18px;
    color: #111111;
    background-color: #F2F2F2;
    padding: 8px 18px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pagination-layout1 ul li a:hover, .pagination-layout1 ul li.active a, .widget-follow-us ul li.single-item a:hover, .widget-follow-us-2 ul li.single-item a:hover {
    background-color: #A8DFA2;
    color: #090B08;
}

@media only screen and (max-width: 991px) {
    .sidebar-break-md {
        margin-top: 5rem
    }
}

.rising-sidebar-area {
    margin-bottom: 3rem
}

.rising-sidebar-area .widget {
    margin-bottom: 4rem
}

.rising-sidebar-area .widget:last-child {
    margin-bottom: 0 !important
}

.rising-sidebar-area .widget-latest .single-item .item-img img {
    width: 90px
}

.widget-about, .widget-about-2, .widget-about-3 .item-img {
    text-align: center
}

.widget-about figure.author-figure, .widget-about figure.author-signature, .widget-about-2 figure.author-figure {
    margin-bottom: 30px
}

.widget-about figure.author-figure img, .widget-about-2 figure.author-figure img {
    border-radius: 50%
}

.widget-about-2 {
    background-color: #F8F8F8;
    padding: 50px 45px 32px
}

.widget-about-2 figure.author-signature {
    margin-bottom: 20px
}

.widget-about-3 {
    margin-bottom: -75px
}

@media only screen and (max-width: 991px) {
    .widget-about-3 {
        margin-bottom: 0
    }
}

.widget-about-3 .item-content {
    text-align: center;
    position: relative;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: #FFFFFF;
    width: 92%;
    margin: 0 auto;
    padding: 25px
}

@media only screen and (max-width: 991px) {
    .widget-about-3 .item-content {
        position: inherit;
        bottom: 0;
        width: auto;
        margin: 0;
        padding: 25px 0 0
    }
}

.widget-about-3 .item-content .item-sign {
    margin-bottom: 16px;
    display: block
}

.widget-follow-us ul, .widget-follow-us-2 ul, .widget-follow-us-3 ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2.5px;
    margin-left: -2.5px
}

.widget-follow-us ul li.single-item, .widget-follow-us-2 ul li.single-item {
    display: inline-block;
    margin-bottom: 5px;
    max-width: 20%;
    flex: 0 0 20%;
    padding-left: 2.5px;
    padding-right: 2.5px
}

.widget-follow-us ul li.single-item a, .widget-latest ul.block-list .single-item .item-img .count-number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widget-follow-us ul li.single-item a, .widget-follow-us-2 ul li.single-item a {
    padding: 16px 5px;
    font-size: 14px;
    width: 100%;
    height: 100%;
    color: #646464;
    border-radius: 2px;
    display: inline-flex;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-follow-us-2 ul li.single-item {
    max-width: 50%;
    flex: 0 0 50%
}

@media only screen and (max-width: 575px) {
    .widget-follow-us-2 ul li.single-item {
        max-width: 100%;
        flex: 0 0 100%
    }
}

.widget-follow-us-2 ul li.single-item a {
    padding: 14px 18px;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) and (max-width: 1199px) {
    .widget-follow-us-2 ul li.single-item a {
        display: grid;
        text-align: center;
        padding: 15px 5px 8px
    }
}

.widget-follow-us-2 ul li.single-item a i {
    margin-right: 8px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .widget-follow-us-2 ul li.single-item a i {
        margin-right: 0;
        margin-bottom: 5px
    }
}

.widget-follow-us-3 ul {
    margin-right: -2px;
    margin-left: -2px
}

.widget-follow-us-3 ul li.single-item {
    text-align: center;
    display: inline-block;
    margin-bottom: 5px;
    max-width: 33.33%;
    flex: 0 0 33.33%;
    padding-left: 2px;
    padding-right: 2px
}

.widget-follow-us-3 ul li.single-item a {
    padding: 18px 15px 12px;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    background-color: #F9F9F9;
    color: #9B9B9B;
    border-radius: 2px;
    display: block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-follow-us-3 ul li.single-item a span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #111111
}

.widget-follow-us-3 ul li.single-item a i {
    color: #444444;
    font-weight: 500;
    font-size: 20px
}

.widget-follow-us-3 ul li.single-item a:hover {
    background-color: #444444;
    color: #FFFFFF
}

.widget-latest ul.block-list .single-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px
}

.widget-latest ul.block-list .single-item .item-img {
    margin-right: 15px;
    margin-top: 5px;
    position: relative;
    overflow: hidden
}

.widget-ad a, .widget-latest ul.block-list .single-item .item-img a, .widget-popular .post-box .item-img a {
    display: block
}

.widget-latest ul.block-list .single-item .item-img a img, .widget-post-tab .tab-content .tab-pane .post-list .post-item .item-img a img {
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.widget-latest ul.block-list .single-item .item-img .count-number {
    color: #FFFFFF;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 10px;
    bottom: 4px;
    z-index: 3
}

.widget-latest ul.block-list .single-item .item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.widget-latest ul.block-list .single-item .item-content .entry-meta, .widget-post-tab .tab-content .tab-pane .post-list .post-item .item-content .entry-meta {
    margin-bottom: 5px
}

.widget-latest ul.block-list .single-item .item-content .item-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #111111;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.widget-latest ul.block-list .single-item .item-content .item-title a, .widget-post-tab .tab-content .tab-pane .post-list .post-item .item-content .item-title a {
    color: #111111;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.widget-latest ul.block-list .single-item:hover .item-img a img, .widget-post-tab .tab-content .tab-pane .post-list .post-item:hover .item-img a img {
    transform: scale(1.2)
}

.widget-popular .post-box {
    border-bottom: 1px solid #E1E1E1
}

.widget-popular .post-box:last-child {
    border-bottom: 0
}

.widget-popular .post-box:last-child .item-content {
    padding-bottom: 0
}

.widget-newsletter-subscribe .newsletter-subscribe-form, .widget-newsletter-subscribe-dark .newsletter-subscribe-form, .widget-popular .post-box .item-img {
    text-align: center
}

.about-box-layout1 .item-img img, .widget-popular .post-box .item-img a img {
    border-radius: 4px
}

.widget-popular .post-box .item-content {
    padding: 20px 0 14px
}

.widget-popular .post-box .item-title.first {
    font-size: 20px;
    font-weight: 500
}

.widget-popular .post-box .item-title {
    font-size: 18px;
    font-weight: 500
}

.widget-categories ul li:hover a, .widget-popular .post-box .item-title a {
    color: #111111
}

.bigyapan-wrapper-side {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.widget-instagram ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3px;
    margin-right: -3px
}

.widget-instagram ul li {
    padding-left: 3px;
    padding-right: 3px;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-bottom: 6px
}

.widget-instagram ul li .item-box {
    position: relative;
    z-index: 3
}

.widget-instagram ul li .item-box:after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(17, 17, 17, .8);
    opacity: 0;
    visibility: hidden
}

.widget-instagram ul li .item-box .item-icon {
    display: block;
    top: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
    transform: translateX(-50%) translateY(-50%) scale(1.2);
    z-index: 2;
    color: #FFFFFF;
    line-height: 1;
    padding: 5px 10px;
    font-size: 22px;
    opacity: 0;
    visibility: hidden
}

.widget-instagram ul li .item-box:hover:after {
    opacity: 1;
    visibility: visible
}

.widget-instagram ul li .item-box:hover .item-icon {
    opacity: 1;
    visibility: visible;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1)
}

.widget-categories ul li {
    position: relative;
    border-bottom: 1px solid #E8E8E8
}

.widget-categories ul li a span, .widget-categories ul li:after, .widget-instagram ul li .item-box .item-icon, .widget-instagram ul li .item-box:after {
    position: absolute;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-categories ul li:after {
    content: "";
    height: 1px;
    width: 0;
    background-color: #111111;
    left: 0;
    bottom: -1px;
    z-index: 1
}

.widget-categories ul li a {
    position: relative;
    display: block;
    color: #646464;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 30px;
    font-size: 15px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.widget-categories ul li a span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 2
}

.widget-categories ul li:first-child a {
    padding-top: 0
}

.widget-categories ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.widget-categories ul li:last-child a {
    padding-bottom: 0
}

.widget-categories-2 ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5px;
    margin-left: -1.5px
}

.widget-categories-2 ul li {
    margin-bottom: 3px;
    max-width: 50%;
    flex: 0 0 50%;
    padding-left: 1.5px;
    padding-right: 1.5px;
    display: grid
}

.widget-categories-2 ul li a {
    background-color: #F6F6F6;
    display: block;
    padding: 40px 10px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-categories-2 ul li a .item-title {
    font-size: 17px;
    color: #444444;
    font-weight: 500;
    margin-bottom: 2px
}

.widget-categories-2 ul li a .item-subtitle {
    color: #646464;
    font-size: 14px
}

.widget-categories-2 ul li a:hover {
    background-color: #111111
}

.widget-categories-2 ul li a:hover .item-subtitle, .widget-categories-2 ul li a:hover .item-title {
    color: #FFFFFF
}

.widget-newsletter-subscribe {
    background-color: #F0F0F0;
    text-align: center;
    padding: 23px 30px
}

.widget-newsletter-subscribe h3 {
    color: #111111;
    font-weight: 600;
    margin-bottom: 2px;
    font-size: 18px
}

.widget-newsletter-subscribe p {
    font-size: 14px
}

.widget-newsletter-subscribe .newsletter-subscribe-form .form-group {
    border-radius: 3px
}

.widget-newsletter-subscribe .newsletter-subscribe-form .form-group input {
    text-align: center;
    color: #111111;
    background-color: #FFFFFF;
    padding: 5px 30px;
    height: 50px;
    font-size: 16px;
    border: 0;
    border-radius: 3px
}

.widget-newsletter-subscribe .newsletter-subscribe-form input:focus {
    outline: 0;
    box-shadow: none;
    border-color: transparent
}

.widget-newsletter-subscribe .newsletter-subscribe-form input::-webkit-input-placeholder {
    color: #646464
}

.widget-newsletter-subscribe .newsletter-subscribe-form input::-moz-placeholder {
    color: #646464
}

.widget-newsletter-subscribe .newsletter-subscribe-form input:-ms-input-placeholder {
    color: #646464
}

.widget-newsletter-subscribe .newsletter-subscribe-form .item-btn {
    background-color: #111111;
    padding: 13px 15px 11px;
    box-shadow: none;
    border: 1px solid #111111;
    border-radius: 3px;
    color: #FFFFFF;
    width: 100%;
    letter-spacing: 2px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-newsletter-subscribe .newsletter-subscribe-form .item-btn:focus {
    outline: 0;
    box-shadow: none
}

.widget-newsletter-subscribe .newsletter-subscribe-form .item-btn:hover {
    background-color: #444444
}

.widget-newsletter-subscribe-dark {
    background-color: #222222;
    text-align: center;
    padding: 32px 45px 30px
}

.widget-newsletter-subscribe-dark h3 {
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 2px;
    font-size: 18px;
    letter-spacing: 2px
}

.widget-newsletter-subscribe-dark p {
    font-size: 14px;
    color: #969696
}

.widget-newsletter-subscribe-dark .newsletter-subscribe-form .form-group {
    border-radius: 3px
}

.widget-newsletter-subscribe-dark .newsletter-subscribe-form .form-group input {
    text-align: center;
    color: #FFFFFF;
    background-color: #585858;
    padding: 5px 30px;
    height: 50px;
    font-size: 16px;
    border: 0;
    border-radius: 3px
}

.widget-newsletter-subscribe-dark .newsletter-subscribe-form input:focus {
    outline: 0;
    box-shadow: none;
    border-color: transparent
}

.widget-newsletter-subscribe-dark .newsletter-subscribe-form input::-webkit-input-placeholder {
    color: #B4B4B4
}

.widget-newsletter-subscribe-dark .newsletter-subscribe-form input::-moz-placeholder {
    color: #B4B4B4
}

.widget-newsletter-subscribe-dark .newsletter-subscribe-form input:-ms-input-placeholder {
    color: #B4B4B4
}

.widget-newsletter-subscribe-dark .newsletter-subscribe-form .item-btn {
    background-color: #FFFFFF;
    padding: 13px 15px 11px;
    box-shadow: none;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    color: #111111;
    width: 100%;
    letter-spacing: 2px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-newsletter-subscribe-dark .newsletter-subscribe-form .item-btn:focus, .widget-newsletter-subscribe-dark-2 .newsletter-subscribe-form .item-btn:focus {
    outline: 0;
    box-shadow: none
}

.widget-newsletter-subscribe-dark-2 {
    background-color: #111111;
    padding: 32px 45px 40px;
    border-radius: 4px
}

@media only screen and (max-width: 575px) {
    .widget-newsletter-subscribe-dark-2 {
        padding: 25px 30px 35px
    }
}

.widget-newsletter-subscribe-dark-2 .item-title {
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 18px;
    font-size: 15px;
    letter-spacing: 1px;
    position: relative
}

.widget-newsletter-subscribe-dark-2 .item-title:after {
    content: "";
    width: 50px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0
}

.widget-newsletter-subscribe-dark-2 .newsletter-subscribe-form .form-group {
    border-radius: 3px;
    margin-bottom: 20px
}

.widget-newsletter-subscribe-dark-2 .newsletter-subscribe-form .form-group input {
    color: #FFFFFF;
    background-color: #333333;
    padding: 5px 30px;
    height: 58px;
    font-size: 16px;
    border: 0;
    border-radius: 4px
}

.widget-newsletter-subscribe-dark-2 .newsletter-subscribe-form input:focus {
    outline: 0;
    box-shadow: none;
    border-color: transparent
}

.widget-newsletter-subscribe-dark-2 .newsletter-subscribe-form input::-webkit-input-placeholder {
    color: #B4B4B4
}

.widget-newsletter-subscribe-dark-2 .newsletter-subscribe-form input::-moz-placeholder {
    color: #B4B4B4
}

.widget-newsletter-subscribe-dark-2 .newsletter-subscribe-form input:-ms-input-placeholder {
    color: #B4B4B4
}

.widget-newsletter-subscribe-dark-2 .newsletter-subscribe-form .item-btn {
    background-color: #FFFFFF;
    padding: 10px 30px;
    box-shadow: none;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    color: #111111;
    letter-spacing: 1px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-newsletter-subscribe-2 .subscribe-form .input-group {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    align-items: center;
    padding: 0 12px
}

.widget-newsletter-subscribe-2 .subscribe-form .input-group .form-control {
    height: 58px;
    border: 0;
    font-size: 14px;
    color: #111111
}

.widget-newsletter-subscribe-2 .subscribe-form .input-group .form-control:focus {
    border: 0;
    box-shadow: none
}

.widget-newsletter-subscribe-2 .subscribe-form .input-group input::-webkit-input-placeholder {
    color: #929292
}

.widget-newsletter-subscribe-2 .subscribe-form .input-group input::-moz-placeholder {
    color: #929292
}

.widget-newsletter-subscribe-2 .subscribe-form .input-group input:-ms-input-placeholder {
    color: #929292
}

.widget-featured-feed .featured-box-layout2 .item-img a img, .widget-newsletter-subscribe-2 .subscribe-form .input-group .input-group-addon button {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-newsletter-subscribe-2 .subscribe-form .input-group .input-group-addon button {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 17px;
    border-radius: 4px;
    letter-spacing: 1px;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 21px 0 rgba(208, 208, 208, .75);
    box-shadow: 0 5px 21px 0 rgba(208, 208, 208, .75)
}

.widget-featured-feed {
    margin-bottom: -20px
}

.widget-featured-feed .featured-box-layout1 .item-content {
    text-align: center;
    width: 92%;
    margin: 0 auto;
    position: relative;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: #FFFFFF;
    padding: 20px
}

.widget-featured-feed .featured-box-layout1 .item-content .post-date {
    font-size: 13px;
    color: #A5A5A5
}

.widget-featured-feed .featured-box-layout1 .item-content .item-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px
}

.widget-featured-feed .featured-box-layout1 .item-content .item-title a, .widget-featured-feed .featured-box-layout2 .item-content .item-title a, .widget-featured-feed .featured-box-layout3 .item-content .item-title a {
    color: #111111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.widget-featured-feed .featured-box-layout2 {
    margin-bottom: -30px
}

.widget-featured-feed .featured-box-layout2 .item-img {
    overflow: hidden;
    text-align: center
}

.widget-featured-feed .featured-box-layout2 .item-img a, .widget-post-tab .tab-content .tab-pane .post-list .post-item .item-img a {
    display: block
}

.widget-featured-feed .featured-box-layout2 .item-img a img {
    transform: scale(1)
}

.widget-featured-feed .featured-box-layout2 .item-content {
    position: relative;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 5
}

.widget-featured-feed .featured-box-layout2 .item-content .item-title, .widget-featured-feed .featured-box-layout3 .item-content .item-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px
}

.widget-featured-feed .featured-box-layout2:hover .item-img a img {
    transform: scale(1.1)
}

.widget-featured-feed .featured-box-layout3 {
    border-top: 1px solid #E4E4E4
}

.widget-featured-feed .featured-box-layout2 .item-content, .widget-featured-feed .featured-box-layout3 .item-content {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 20px 20px 5px
}

.widget-featured-post .featured-post-box-1 {
    margin-bottom: 25px
}

@media only screen and (max-width: 991px) {
    .widget-featured-post .featured-post-box-1 {
        text-align: center
    }
}

.widget-featured-post .featured-post-box-1 .item-img {
    margin-bottom: 20px
}

.widget-featured-post .featured-post-box-1 .item-content .item-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px
}

.widget-featured-post .featured-post-box-1 .item-content .item-title a, .widget-featured-post .featured-post-box-2 .item-content .item-title a, .widget-featured-post .featured-post-box-2 .item-content P {
    color: #111111
}

.widget-featured-post .featured-post-box-2 {
    background-color: #F8F8F8;
    padding: 15px 20px;
    margin-bottom: 12px
}

@media only screen and (max-width: 991px) {
    .widget-featured-post .featured-post-box-2 {
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .widget-featured-post .featured-post-box-2 {
        padding: 22px 15px 2px
    }
}

.widget-featured-post .featured-post-box-2 .item-content .item-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.widget-post-tab .tab-nav-list {
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 22px;
    margin-bottom: 38px
}

.widget-post-tab .tab-nav-list .nav-item {
    margin-right: 30px
}

.about-box-layout2 .item-social li:last-child, .blog-box-layout3 .item-content .action-area .response-area li:last-child, .blog-box-layout4 .item-content .action-area .response-area li:last-child, .widget-post-tab .tab-nav-list .nav-item:last-child {
    margin-right: 0
}

.widget-post-tab .tab-nav-list .nav-item a {
    font-family: var(--primary-font);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #111111;
    padding-bottom: 22px;
    position: relative
}

.widget-post-tab .tab-content .tab-pane .post-list .post-item {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px
}

.widget-post-tab .tab-content .tab-pane .post-list .post-item .item-img {
    margin-right: 15px;
    overflow: hidden;
    margin-top: 8px
}

.widget-post-tab .tab-content .tab-pane .post-list .post-item .item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.widget-post-tab .tab-content .tab-pane .post-list .post-item .item-content .item-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.7;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.about-wrap-layout1 {
    padding: 7.4rem 0 4.4rem
}

@media only screen and (max-width: 1199px) {
    .about-box-layout1 {
        margin-bottom: 40px
    }
}

.about-box-layout1 .item-img {
    text-align: center;
    position: relative
}

.about-box-layout1 .item-img:after, .about-box-layout3:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.about-box-layout1 .item-img:after {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 4px;
    z-index: 1
}

.about-box-layout1 .item-img .item-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2
}

.about-box-layout1 .item-img .item-content .item-title {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 25px
}

.about-box-layout1 .item-img .item-content .item-title:after {
    content: "";
    height: 2px;
    width: 40px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}

.about-box-layout1 .item-img .item-content p {
    color: #FFFFFF;
    width: 70%;
    margin: 0 auto 35px
}

.about-box-layout2 {
    padding-right: 30px;
    margin-bottom: 3rem
}

@media only screen and (max-width: 991px) {
    .about-box-layout2 {
        margin-bottom: 50px
    }
}

.about-box-layout2 .item-subtitle {
    font-size: 30px;
    color: #111111;
    margin-bottom: 20px
}

.about-box-layout2 .item-title {
    font-size: 30px;
    color: #111111;
    font-weight: 600;
    margin-bottom: 28px
}

.about-box-layout2 .item-title span {
    font-weight: 400
}

.about-box-layout2 .item-social {
    margin-top: 38px
}

.about-box-layout2 .item-social li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 5px
}

.about-box-layout2 .item-social li a {
    background-color: #F2F2F2;
    color: #444444;
    font-size: 16px;
    width: 6rem;
    height: 6rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.about-box-layout2 .item-social li a:hover, .rising-single-box-one .blog-comment .media .media-body .item-btn:hover, .single-blog-box-layout2 .single-blog-content .blog-comment .media .media-body .item-btn:hover {
    background-color: #111111;
    color: #FFFFFF
}

.about-box-layout3 {
    border: 1px solid #EEEEEE;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 16px;
    position: relative;
    margin-bottom: 3rem
}

.about-box-layout3:after {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    transform: rotate(-5deg);
    z-index: -1
}

.about-box-layout3 .play-btn, .blog-box-layout1 .item-img .play-btn {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 60px;
    width: 60px;
    line-height: 60px;
    background-color: rgba(255, 21, 21, .8);
    border-radius: 50%
}

.about-box-layout3 .play-btn {
    text-align: center
}

.about-box-layout3 .play-btn i:before {
    color: #FFFFFF;
    font-size: 26px;
    margin-left: 8px
}

.ticker-text a {
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    background: var(--primary-color);
    width: fit-content;
    color: #FFFFFF;
    transition: .5s ease;
    border-left: 6px solid;
    border-right: 6px solid;
}

.ticker-text a:hover {
    background: var(--primary-color-dark)
}

.blog-wrap-layout1 {
    padding: 1rem 0 1.5rem
}

.blog-wrap-layout2 {
    border-bottom: 1px solid #E1E1E1
}

.blog-wrap-layout4 {
    padding: 5rem 0 1rem
}

.blog-wrap-layout5 {
    padding-bottom: 10px
}

.blog-wrap-layout6 {
    padding-bottom: 15px
}

.blog-wrap-layout8 {
    padding: 5rem 0 0;
    border-bottom: 1px solid #E1E1E1
}

.blog-wrap-layout9 {
    padding: 5rem 0;
    background-color: #F7F8FA
}

.blog-wrap-layout10 {
    background-color: #F8F8F8;
    padding: 5rem 0 1.2rem
}

.blog-wrap-layout11 {
    padding: 5rem 0 0
}

.blog-wrap-layout12 {
    padding: 5rem 0 1.4rem
}

.blog-wrap-layout14 {
    padding: 5rem 0 2rem
}

.blog-wrap-layout15 {
    padding: 5rem 0 4.5rem
}

.blog-wrap-layout17 {
    padding: 1rem 0
}

.blog-wrap-layout18 {
    padding: 5rem 0
}

.blog-wrap-layout19, .blog-wrap-layout20 {
    padding: 5rem 0 0
}

.blog-wrap-layout21 {
    background-color: #F8F8F8;
    padding: 5rem 0 1.5rem
}

.blog-wrap-layout22, .blog-wrap-layout23 {
    padding: 5rem 0 0
}

.blog-wrap-layout24 {
    padding: 5rem 0
}

.blog-box-layout1 {
    text-align: center;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--brand-green-light);
}

.blog-box-layout1 .item-title {
    margin-bottom: 12px;
}

.blog-box-layout1 .item-img {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.rising-article-section.promo-one .blog-box-layout1 .item-img img {
    width: 75%
}

.blog-box-layout1 > .item-title a {
    font-size: 42px;
    font-weight: 800;
    line-height: 60px;
    color: #0B0B0B;
    transition: .5s ease
}

.blog-box-layout1 .item-title a:hover {
    opacity: .8
}

.blog-box-layout1 .item-img a, .blog-box-layout2 .item-img a, .blog-box-layout3 .item-img a, .blog-box-layout5 .item-img a, .blog-box-layout6 .item-img a {
    display: block
}

.blog-box-layout1 .entry-meta li, .blog-box-layout1 .entry-meta li a, .blog-box-layout1 .entry-meta li i {
    font-size: 12px;
    margin-bottom: 8px;
    color: var(--brand-gray-dark)
}

.blog-box-layout1 .item-img .play-btn {
    color: #FFFFFF;
    font-size: 24px
}

.blog-box-layout1 .item-img .play-btn i {
    margin-left: 7px
}

.blog-box-layout1 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 30px;
    line-height: 40px
}

.blog-box-layout1.squeezed .item-content .item-title, .section-nine .blog-box-layout1.squeezed .item-content .item-title, .section-two .blog-box-layout1 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    line-height: 30px;
}

.section-nine .blog-box-layout1.squeezed .item-content .item-title, .section-two .blog-box-layout1 .item-content .item-title {
    font-size: 26px;
    line-height: 36px
}

.section-nine .blog-box-layout1.squeezed .item-content .item-title {
    font-size: 20px;
    line-height: 28px
}

.section-ten .blog-box-layout1.squeezed .item-content .item-title {
    font-weight: 600;
    margin-bottom: 12px;
    -webkit-line-clamp: 3;
    font-size: 20px;
    line-height: 28px
}

.blog-box-layout1 .item-content .item-title a, .blog-box-layout1 .item-content .item-title-lg a, .blog-box-layout2 .item-content .item-title a, .blog-box-layout3 .item-content .item-title a, .blog-box-layout4 .item-content .item-title a {
    color: #111111;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout1 .item-content p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 auto 15px
}

.blog-box-layout1 .item-content .item-title-lg, .blog-box-layout1 .item-content p, .blog-box-layout1.squeezed .item-content p, .section-ten .blog-box-layout1.squeezed .item-content .item-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.blog-box-layout1.squeezed .item-content p {
    font-size: 16px;
    line-height: 26px;
}

.blog-box-layout1 .item-content .item-title-lg {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 12px;
    -webkit-line-clamp: 2
}

@media only screen and (max-width: 991px) {
    .blog-box-layout1 .item-content .item-title-lg {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .blog-box-layout1 .item-content .item-title-lg {
        font-size: 24px
    }
}

@media only screen and (max-width: 575px) {
    .blog-box-layout1 .item-content .item-title-lg {
        font-size: 22px
    }
}

.blog-box-layout1 .item-content .item-title-lg a:hover, .blog-box-layout2 .item-content .item-title a:hover, .blog-box-layout3 .item-content .item-title a:hover, .blog-box-layout4 .item-content .item-title a:hover {
    color: #444444
}

.blog-box-layout1 .item-content .item-btn, .blog-box-layout3 .item-content .action-area .response-area li a, .blog-box-layout3 .item-content .action-area .response-area li a i {
    color: #444444;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout1 .item-content .item-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px
}

.blog-box-layout1 .item-content .item-btn i {
    color: #CCCCCC;
    font-size: 12px;
    margin-left: 8px
}

.blog-box-layout1 .item-content .item-btn:hover, .blog-box-layout3 .item-content .action-area .item-btn:hover, .blog-box-layout3 .item-content .action-area .response-area li a:hover, .blog-box-layout3 .item-content .action-area .response-area li a:hover i, .blog-box-layout4 .item-content .action-area .item-btn:hover {
    color: #111111
}

.blog-box-layout1 .item-content .item-btn:hover i, .blog-box-layout3 .item-content .action-area .item-btn:hover i, .blog-box-layout4 .item-content .action-area .item-btn:hover i {
    animation: headShake .5s
}

.blog-box-layout2 {
    margin-bottom: 32px
}

.blog-box-layout2 .item-img {
    margin-bottom: 14px;
    overflow: hidden
}

.blog-box-layout2 .item-img a img, .blog-box-layout3 .item-img a img, .instagram-feed-figure a img, .instagram-feed-figure-1 li a img {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout2 .item-content .item-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #222222;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-box-layout3 {
    margin-bottom: 30px
}

.blog-box-layout3 .item-img {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.blog-box-layout3 .item-img .play-btn {
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 70px;
    width: 70px;
    line-height: 70px;
    background-color: rgba(255, 21, 21, .8);
    border-radius: 50%
}

.blog-box-layout3 .item-img .play-btn i:before {
    margin-left: 7px;
    color: #FFFFFF;
    font-size: 28px
}

.blog-box-layout3 .item-content .item-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 991px) {
    .blog-box-layout3 .item-content .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .blog-box-layout3 .item-content .item-title {
        font-size: 20px
    }
}

.blog-box-layout3 .item-content p {
    margin: 0 auto 13px
}

.blog-box-layout3 .item-content .action-area {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-box-layout3 .item-content .action-area .item-btn {
    display: inline-block;
    color: #444444;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px 5px 5px 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout10 .item-content .item-btn i, .blog-box-layout11 .item-content .item-btn i, .blog-box-layout3 .item-content .action-area .item-btn i, .blog-box-layout4 .item-content .action-area .item-btn i {
    color: #CCCCCC;
    font-size: 12px;
    margin-left: 8px
}

.blog-box-layout3 .item-content .action-area .response-area li {
    display: inline-block;
    margin-right: 15px
}

.blog-box-layout3 .item-content .action-area .response-area li a, .blog-box-layout3 .item-content .action-area .response-area li a i {
    font-size: 16px
}

.blog-box-layout3 .item-content .action-area .response-area li a i {
    font-size: 18px;
    color: #A5A5A5;
    margin-right: 7px
}

.blog-box-layout4 {
    padding-bottom: 14px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--brand-green-light)
}

.small-block > .blog-box-layout4 {
    padding-bottom: 0;
    margin-bottom: 16px;
    display: flex;
    align-items: flex-start;
    border-bottom: 0
}

.blog-box-layout4:last-child {
    border-bottom: 0
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-box-layout4 {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .blog-box-layout4 {
        display: block
    }
}

.blog-box-layout4 .item-img {
    width: 50%;
    margin-right: 12px;
    overflow: hidden
}

.small-block > .blog-box-layout4 .item-img {
    width: 25%;
    margin-right: 12px;
    overflow: hidden
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-box-layout4 .item-img {
        margin-right: 0;
        margin-bottom: 20px;
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .blog-box-layout4 .item-img {
        margin-right: 0;
        margin-bottom: 12px;
        width: auto
    }
}

.blog-box-layout4 .item-img img {
    transform: scale(1) rotate(0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout4 .item-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.small-block > .blog-box-layout4 .item-content {
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-box-layout4 .item-content {
        width: auto
    }
}

@media only screen and (max-width: 767px) {
    .blog-box-layout4 .item-content {
        width: auto
    }
}

.blog-box-layout4 .item-content .item-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 28px;
    -webkit-line-clamp: 2
}

.blog-box-layout4 .item-content .item-title, .blog-box-layout4 .item-content p, .small-block > .blog-box-layout4 .item-content .item-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.small-block > .blog-box-layout4 .item-content .item-title {
    font-size: 16px;
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 14px;
    line-height: 26px;
    -webkit-line-clamp: 2
}

@media only screen and (max-width: 991px) {
    .blog-box-layout4 .item-content .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .blog-box-layout4 .item-content .item-title {
        font-size: 20px
    }
}

.blog-box-layout4 .item-content p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto;
    -webkit-line-clamp: 3
}

.blog-box-layout4 .item-content .action-area {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-box-layout4 .item-content .action-area .item-btn, .blog-box-layout5 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout4 .item-content .action-area .item-btn {
    display: inline-block;
    color: #444444;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px 5px 5px 0
}

.blog-box-layout10 .item-content .response-area li, .blog-box-layout11 .item-content .response-area li, .blog-box-layout4 .item-content .action-area .response-area li {
    display: inline-block;
    margin-right: 26px
}

.blog-box-layout10 .item-content .response-area li a, .blog-box-layout11 .item-content .response-area li a, .blog-box-layout4 .item-content .action-area .response-area li a {
    font-size: 16px;
    color: #444444
}

.blog-box-layout10 .item-content .response-area li a i, .blog-box-layout11 .item-content .response-area li a i, .blog-box-layout4 .item-content .action-area .response-area li a i {
    font-size: 18px;
    color: #A5A5A5;
    margin-right: 10px
}

.blog-box-layout4:hover .item-img img {
    opacity: .9
}

.blog-box-layout5,
.card-shadow {
    -webkit-box-shadow: 3px 4px 9px 1px rgb(224 224 224/50%);
    box-shadow: 3px 4px 9px 1px rgb(224 224 224/50%);
    border-radius: 4px;
    border-top: 2px solid #A8DFA2;
}

.blog-box-layout5 .item-img {
    position: relative
}

.blog-box-layout5 .item-img a img {
    transform: scale(1);
    border-radius: 4px 4px 0 0
}

.blog-box-layout5 .item-img .hover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 10px;
    z-index: 2
}

.blog-box-layout5 .item-img .hover-icon span {
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: #FFFFFF;
    border-radius: 50%;
    margin-right: 2px;
    transform: scale(2);
    opacity: 0
}

.blog-box-layout5 .item-content .item-title a, .blog-box-layout5 .item-img .hover-icon, .blog-box-layout5 .item-img .hover-icon span, .blog-box-layout5 .item-img a img, .blog-box-layout5 .item-img:after, .card-shadow {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout5 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 4px 4px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0
}

.blog-box-layout5 .item-content {
    background-color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 0 0 4px 4px
}

.blog-box-layout5 .item-content .item-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.5;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 767px) {
    .blog-box-layout5 .item-content .item-title {
        font-size: 18px
    }
}

.blog-box-layout5 .item-content .item-title a {
    color: #444444
}

.blog-box-layout5 .item-content .item-title a:hover, .blog-box-layout7 .media .media-body .item-title a:hover {
    color: #000000
}

.blog-box-layout5:hover {
    -webkit-box-shadow: 0 15px 21px 0 rgba(229, 229, 229, .44);
    box-shadow: 0 15px 21px 0 rgba(229, 229, 229, .44)
}

.blog-box-layout5:hover .item-img:after {
    visibility: visible;
    opacity: 1
}

.blog-box-layout5:hover .item-img .hover-icon span {
    opacity: 1;
    transform: scale(1)
}

.blog-box-layout5:hover .item-img .hover-icon span:nth-child(n) {
    transition-delay: .2s
}

.blog-box-layout5:hover .item-img .hover-icon span:nth-child(2n) {
    transition-delay: .3s
}

.blog-box-layout5:hover .item-img .hover-icon span:nth-child(3n) {
    transition-delay: .4s
}

.blog-box-layout6 {
    text-align: center;
    margin-bottom: -38px
}

@media only screen and (max-width: 991px) {
    .blog-box-layout6 {
        margin-bottom: -20px
    }
}

.blog-box-layout6 .item-img {
    overflow: hidden
}

.blog-box-layout10 .item-img img, .blog-box-layout6 .item-img a img, .blog-box-layout7 .media .item-img a img, .blog-box-layout8 .item-img a img, .blog-box-layout9 .item-img a img {
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout6 .item-content {
    padding: 14px 20px;
    background-color: #FFFFFF;
    position: relative;
    transform: translateY(-38px);
    margin: 0 30px;
    border-radius: 4px
}

.blog-box-layout6 .item-content .item-title, .blog-box-layout7 .media .media-body .item-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.blog-box-layout6 .item-content .item-title a {
    color: #111111;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout6 .item-content .item-title a:hover {
    color: #444444
}

.blog-box-layout6 .item-content p, .blog-box-layout7 .media .media-body p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-box-layout10:hover .item-img img, .blog-box-layout15:hover .item-img a img, .blog-box-layout6:hover .item-img img, .blog-box-layout7:hover .media .item-img img, .blog-box-layout8:hover .item-img img, .blog-box-layout9:hover .item-img img {
    transform: scale(1.1)
}

.blog-box-layout7 {
    margin-bottom: 30px
}

.blog-box-layout7 .media .item-img {
    overflow: hidden;
    width: 37%
}

@media only screen and (max-width: 1199px) {
    .blog-box-layout7 .media .item-img {
        width: 100%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .blog-box-layout7 .media .item-img {
        width: 30%
    }
}

.blog-box-layout11 .item-img a, .blog-box-layout7 .media .item-img a, .blog-box-layout8 .item-img a, .blog-box-layout9 .item-img a {
    display: block
}

.blog-box-layout7 .media .media-body .item-title a {
    color: #444444;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout7 .media .media-body p {
    margin-bottom: 0;
    line-height: 25px
}

.blog-box-layout8 {
    text-align: center;
    margin-bottom: -27px
}

.blog-box-layout8 .item-img {
    overflow: hidden
}

.blog-box-layout8 .item-content {
    padding: 14px 20px;
    background-color: #FFFFFF;
    position: relative;
    transform: translateY(-27px);
    margin: 0 25px;
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .blog-box-layout8 .item-content {
        margin: 0 10px;
        padding: 15px
    }
}

.blog-box-layout8 .item-content .item-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px
}

.blog-box-layout10 .item-content .item-title a, .blog-box-layout11 .item-content .item-title a, .blog-box-layout8 .item-content .item-title a, .blog-box-layout9 .item-content .item-title a {
    color: #111111;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout10 .item-content .item-title a:hover, .blog-box-layout11 .item-content .item-title a:hover, .blog-box-layout14 .item-title a:hover, .blog-box-layout8 .item-content .item-title a:hover, .blog-box-layout9 .item-content .item-title a:hover {
    color: #444444
}

.blog-box-layout9 {
    margin-bottom: 30px
}

.blog-box-layout9 .item-img {
    margin-bottom: 14px;
    overflow: hidden
}

.blog-box-layout9 .item-content {
    text-align: center;
    padding: 0 10px
}

.blog-box-layout9 .item-content .item-title {
    font-weight: 600;
    font-size: 18px
}

.blog-box-layout10 .item-img {
    overflow: hidden
}

.blog-box-layout10 .item-content {
    padding: 18px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .blog-box-layout10 .item-content {
        padding: 18px 0
    }
}

.blog-box-layout10 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-box-layout10 .item-content p {
    margin: 0 auto 20px
}

.blog-box-layout10 .item-content .response-area {
    margin-bottom: 20px
}

.blog-box-layout10 .item-content .response-area li:last-child, .blog-box-layout11 .item-content .response-area li:last-child, .rising-single-banner .banner-content .item-social li:last-child, .rising-single-banner .banner-content .response-area li:last-child {
    margin-right: 0
}

.blog-box-layout10 .item-content .item-btn, .blog-box-layout11 .item-img a img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout10 .item-content .item-btn {
    display: inline-block;
    color: #444444;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px
}

.blog-box-layout10 .item-content .item-btn:hover, .blog-box-layout11 .item-content .item-btn:hover, .error-page-box .error-newsletter .stylish-input-group .input-group-addon button:hover span, .error-page-box .error-newsletter .stylish-input-group .input-group-addon button:hover span:before, .rising-single-box-one .blog-author .media .media-body .item-social li a:hover, .single-blog-box-layout2 .single-blog-content .blog-author .media .media-body .item-social li a:hover, .single-blog-box-layout3 .single-blog-content .blog-author .media .media-body .item-social li a:hover {
    color: #111111
}

.blog-box-layout10 .item-content .item-btn:hover i, .blog-box-layout11 .item-content .item-btn:hover i {
    animation: headShake .5s
}

.blog-box-layout11 {
    display: inline-flex;
    margin-bottom: 18px
}

@media only screen and (max-width: 1199px) {
    .blog-box-layout11 {
        display: block
    }
}

.blog-box-layout11 .item-img {
    margin-right: 20px;
    overflow: hidden;
    width: 50%
}

@media only screen and (max-width: 1199px) {
    .blog-box-layout11 .item-img {
        margin-right: 0;
        width: auto
    }
}

.blog-box-layout11 .item-img a img {
    transform: scale(1) rotate(0)
}

.blog-box-layout11 .item-content {
    width: 50%
}

@media only screen and (max-width: 1199px) {
    .blog-box-layout11 .item-content {
        padding: 10px 0 0;
        width: auto
    }
}

.blog-box-layout11 .item-content .item-title, .blog-box-layout11 .item-content p {

}

.blog-box-layout11 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 8px
}

.blog-box-layout11 .item-content p {
    line-height: 1.5
}

.blog-box-layout11 .item-content .response-area {
    margin-bottom: 22px
}

.blog-box-layout11 .item-content .item-btn {
    display: inline-block;
    color: #444444;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px
}

.blog-box-layout13, .rising-blog-box-layout-one {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 4px 24px 0 rgba(189, 189, 189, .75);
    box-shadow: 0 4px 24px 0 rgba(189, 189, 189, .75)
}

.section-three .rising-blog-box-layout-one {
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.blog-box-layout13 .item-img, .rising-blog-box-layout-one .item-img {
    position: relative;
    overflow: hidden
}

.rising-blog-box-layout-one .item-img img {
    border-radius: 0
}

.blog-box-layout11 .item-content .item-btn, .rising-blog-box-layout-one .item-img:after, .section-three .rising-blog-box-layout-one .item-img .item-content .item-title a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.rising-blog-box-layout-one .item-img:after {
    content: "";
    height: 70%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8));
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.rising-blog-box-layout-one .item-img .play-btn {
    display: inline-block;
    text-align: center;
    height: 70px;
    width: 70px;
    line-height: 70px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2
}

.rising-blog-box-layout-one .item-img .play-btn i:before {
    color: #FFFFFF;
    font-size: 28px;
    margin-left: 8px
}

.rising-blog-box-layout-one .item-img .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 12px;
    z-index: 2
}

@media only screen and (max-width: 575px) {
    .rising-blog-box-layout-one .item-img .item-content {
        padding: 0 20px
    }
}

.rising-blog-box-layout-one .item-img .item-content {
    text-align: center
}

.blog-box-layout13 .item-img .item-content .item-title, .rising-blog-box-layout-one .item-img .item-content .item-title {
    font-weight: 500;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.rising-blog-box-layout-one .item-img .item-content .item-title a {
    font-size: 34px;
    line-height: 44px;
    color: #FFFFFF
}

.section-three .rising-blog-box-layout-one .item-img .item-content .item-title a {
    font-size: 20px;
    color: #FFFFFF
}

.rising-blog-box-layout-one .item-img .item-content .item-title a:hover {
    color: #E6E6E6
}

.blog-box-layout18:hover .item-img:after, .rising-blog-box-layout-one:hover .item-img:after {
    height: 110%
}

.blog-box-layout13 {
    margin-bottom: 6px
}

.blog-box-layout13 .item-img img, .single-blog-box-layout3 .blog-banner img {
    border-radius: 4px
}

.blog-box-layout13 .item-img .item-content .item-title a, .blog-box-layout13 .item-img:after, .rising-blog-box-layout-one .item-img .item-content .item-title a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout13 .item-img:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(17, 17, 17, .4);
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.blog-box-layout13 .item-img .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    z-index: 2
}

.blog-box-layout13 .item-img .item-content .item-title {
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.blog-box-layout13 .item-img .item-content .item-title a {
    color: #FFFFFF
}

.blog-box-layout13 .item-img .item-content .item-title a:hover {
    color: #F2F2F2
}

.blog-box-layout14 {
    margin-bottom: 30px
}

.blog-box-layout14 .item-content {
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 2px;
    margin-bottom: 22px
}

.blog-box-layout14 .item-content:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.blog-box-layout14 .item-title {
    font-size: 18px;
    font-weight: 600
}

.blog-box-layout14 .item-title a, .rising-single-banner .banner-content .item-social li a {
    color: #111111;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blog-box-layout15 {
    margin-bottom: 35px
}

.blog-box-layout15 .item-img {
    overflow: hidden;
    margin-bottom: 22px;
    border-radius: 4px
}

.blog-box-layout15 .item-img a, .blog-box-layout17 .item-img a {
    display: block
}

.blog-box-layout15 .item-content .item-title a, .blog-box-layout15 .item-img a img, .blog-box-layout17 .item-content .item-title a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout15 .item-img a img {
    transform: scale(1);
    border-radius: 4px
}

.blog-box-layout15 .item-content .item-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 1.5;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-box-layout15 .item-content .item-title a, .blog-box-layout17 .item-content .item-title a {
    color: #111111
}

.blog-box-layout15 .item-content .item-title a:hover {
    color: #444444
}

.blog-box-layout16 {
    margin-bottom: 20px
}

.blog-box-layout16 .item-img {
    position: relative
}

.blog-box-layout16 .item-img:after {
    content: "";
    height: 70%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000BD));
    background: -webkit-linear-gradient(top, transparent, #000000BD);
    background: -o-linear-gradient(top, transparent, #000000BD);
    background: linear-gradient(to bottom, transparent, #000000BD);
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0
}

.blog-box-layout16 .item-img .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 20px;
    z-index: 2
}

.blog-box-layout16 .item-img .item-content .item-title {
    font-weight: 600;
    margin-bottom: 16px
}

.blog-box-layout16 .item-img .item-content .item-title a {
    color: #FFFFFF
}

.blog-box-layout16 .item-img .item-content .item-title a:hover {
    color: #EEEEEE
}

.blog-box-layout16 .item-img .item-content .item-title, .blog-box-layout16 .item-img .item-content p, .blog-box-layout17 .item-content .item-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-box-layout16 .item-img .item-content p {
    color: #DDDDDD
}

.blog-box-layout16 .item-img .item-content .item-title a, .blog-box-layout17, .blog-box-layout17 .item-img a img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout17 {
    margin-bottom: 40px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px 0 #E5E5E5;
    box-shadow: 0 1px 10px 0 #E5E5E5
}

.blog-box-layout17 .item-img {
    overflow: hidden
}

.blog-box-layout17 .item-img a img {
    transform: scale(1) rotate(0);
    border-radius: 4px 4px 0 0
}

.blog-box-layout17 .item-content {
    text-align: center;
    background-color: #FFFFFF;
    padding: 24px 30px 10px;
    border-radius: 0 0 4px 4px
}

.blog-box-layout17 .item-content .item-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 1.5
}

.blog-box-layout17 .item-content .item-title a:hover {
    color: #444444
}

.blog-box-layout17:hover {
    -webkit-box-shadow: 0 15px 21px 0 #E5E5E5;
    box-shadow: 0 15px 21px 0 #E5E5E5
}

.blog-box-layout17:hover .item-img a img {
    transform: scale(1.1) rotate(2deg)
}

.blog-box-layout18 .item-img {
    position: relative;
    overflow: hidden
}

.blog-box-layout18 .item-img .item-content .item-title a, .blog-box-layout18 .item-img:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-box-layout18 .item-img:after {
    content: "";
    height: 70%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8));
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.blog-box-layout18 .item-img .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 35px;
    z-index: 2
}

.blog-box-layout18 .item-img .item-content .item-title {
    font-weight: 600
}

.blog-box-layout18 .item-img .item-content .item-title a {
    color: #FFFFFF
}

.blog-box-layout18 .item-img .item-content .item-title a:hover {
    color: #F2F2F2
}

.blog-box-layout19 {
    background-color: #FFFFFF;
    height: 100%;
    padding: 20px;
    position: relative;
    z-index: 1
}

.blog-box-layout19 .item-title {
    font-weight: 600;
    color: #111111;
    margin-bottom: 25px
}

.blog-box-layout19 .item-subtitle {
    font-weight: 600;
    color: #111111;
    font-size: 18px
}

.rising-single-page-layout {
    padding: 4rem 0 5rem
}

.rising-single-banner {
    margin-bottom: 4.5rem;
    position: relative
}

.rising-single-page-layout .rising-single-banner .ticker-text {
    background: var(--brand-red);
    width: fit-content;
    margin-bottom: 18px;
    color: #FFFFFF
}

@media only screen and (max-width: 991px) {
    .rising-single-banner {
        margin-bottom: 3rem
    }
}

.rising-single-banner .banner-img {
    position: relative
}

@media only screen and (max-width: 991px) {
    .rising-single-banner .banner-img {
        margin-bottom: 18px
    }
}

.rising-single-banner .banner-img:after {
    content: "";
    height: 60%;
    width: 100%;
    background: linear-gradient(to top, #000000, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.rising-single-banner .banner-content {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    z-index: 2
}

@media only screen and (max-width: 1199px) {
    .rising-single-banner .banner-content {
        bottom: 50px
    }
}

@media only screen and (max-width: 991px) {
    .rising-single-banner .banner-content {
        position: inherit;
        bottom: 0
    }

    .rising-single-page-layout .text-white-50, .rising-single-page-layout .share-inline-block span {
        color: #000000 !important;
        font-size: 14px;
        line-height: normal;
    }
}

.rising-single-banner .banner-content .item-title {
    font-size: 36px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.4;
    width: 70%;
    margin-bottom: 24px
}

@media only screen and (max-width: 991px) {
    .rising-single-banner .banner-content .item-title {
        color: #111111;
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .rising-single-banner .banner-content .item-title {
        font-size: 26px;
        width: 100%
    }
}

@media only screen and (max-width: 575px) {
    .rising-single-banner .banner-content .item-title {
        font-size: 22px;
        margin-bottom: 8px;
    }
}

.rising-single-banner .banner-content .item-social {
    margin-bottom: 16px
}

.rising-single-banner .banner-content .item-social li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px
}

.rising-single-banner .banner-content .item-social li a {
    display: block;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px
}

.rising-single-banner .banner-content .item-social li a i, .single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li a i {
    font-size: 14px;
    margin-right: 10px
}

.rising-single-banner .banner-content .item-social li a:hover {
    background-color: #000000;
    color: #FFFFFF
}

.rising-single-banner .banner-content .item-social li .facebook, .single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li .facebook {
    background-color: #3B5997
}

.rising-single-banner .banner-content .item-social li .twitter, .single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li .twitter {
    background-color: #56ACEC
}

.rising-single-banner .banner-content .item-social li .g-plus, .single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li .g-plus {
    background-color: #DC4A39
}

.rising-single-banner .banner-content .item-social li .pinterst, .single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li .pinterst {
    background-color: #C80909
}

.rising-single-banner .banner-content .item-social li .load-more, .single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li .load-more {
    background-color: #FFFFFF;
    color: #000000
}

.rising-single-banner .banner-content .response-area li {
    display: inline-block;
    margin-right: 35px;
    margin-bottom: 10px;
    position: relative
}

.rising-single-banner .banner-content .response-area li:after {
    content: ".";
    font-size: 24px;
    color: #FFFFFF;
    position: absolute;
    bottom: 7px;
    right: -21px
}

.rising-single-banner .banner-content .response-area li a {
    font-size: 16px;
    color: #FFFFFF;
    display: block
}

.rising-single-banner .banner-content .response-area li a i {
    font-size: 18px;
    color: #CCCCCC;
    margin-right: 12px
}

@media only screen and (max-width: 991px) {
    .rising-single-banner .banner-content .response-area li a, .rising-single-banner .banner-content .response-area li:after {
        color: #444444
    }
}

.rising-single-page-layout .single-top-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    background-color: white;
    transition: 300ms ease all;
}

.rising-single-box-one .blog-details {
    margin-bottom: 3rem;
    border-bottom: 1px solid #9E9E9E;
}

.sharethis-inline-share-buttons .st-btn {
    border-radius: 50% !important;
}

.rising-single-box-one .blog-details > p {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
    font-weight: 500;
    color: #0B0B0B;
}

.rising-single-box-one .blog-details p {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
    font-weight: 500;
    color: #0B0B0B;
}

.rising-single-box-one .blog-details hr {
    margin-bottom: 30px;
    background-color: #000000;
}

.rising-single-box-one .blog-details ul {
    margin-bottom: 30px;
    padding-left: 18px;
    font-size: 20px;
    line-height: 1.7;
    color: #0B0B0B;
}

.rising-single-box-one .blog-details ul li {
    list-style: disc;
    color: #0B0B0B;
    font-weight: 500;
}

.rising-single-box-one .blog-details blockquote {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: #444444;
    font-style: italic;
    text-align: center;
    line-height: 1.5;
    padding: 20px 30px 30px
}

@media only screen and (max-width: 575px) {
    .rising-single-box-one .blog-details blockquote {
        padding: 20px 0 30px;
        font-size: 20px
    }
}

.rising-single-box-one .blog-details blockquote .qoute-subtitle, .single-blog-box-layout2 .single-blog-content .blog-details blockquote .qoute-subtitle {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #646464;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    margin-top: 22px
}

.rising-single-box-one .blog-details .single-img, .single-blog-box-layout2 .single-blog-content .blog-details p {
    margin-bottom: 30px
}

.rising-single-box-one .blog-details .more-info .item-title {
    font-size: 30px;
    font-weight: 500;
    color: #111111
}

@media only screen and (max-width: 767px) {
    .rising-single-box-one .blog-details .more-info .item-title {
        font-size: 24px
    }
}

.rising-single-box-one .blog-details .more-info .info-list {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding: 0 40px;
    margin-bottom: 22px
}

@media only screen and (max-width: 575px) {
    .rising-single-box-one .blog-details .more-info .info-list {
        padding: 0
    }
}

.rising-single-box-one .blog-details .more-info .info-list li {
    margin-bottom: 26px;
    padding-left: 38px;
    counter-increment: my-awesome-counter;
    position: relative;
    font-weight: 500
}

@media only screen and (max-width: 575px) {
    .rising-single-box-one .blog-details .more-info .info-list li {
        font-size: 16px
    }
}

.rising-single-box-one .blog-details .more-info .info-list li:last-child {
    margin-bottom: 0
}

.rising-single-box-one .blog-details .more-info .info-list li:before, .single-blog-box-layout3 .single-blog-content .blog-details .more-info .info-list li:before {
    content: counter(my-awesome-counter);
    color: #FFFFFF;
    position: absolute;
    top: 3px;
    left: 0;
    background-color: #111111;
    height: 24px;
    width: 24px;
    line-height: 24px;
    border-radius: 50%;
    text-align: center
}

.rising-single-box-one .blog-details .single-slider {
    margin: 10px 0 30px
}

.rising-single-box-one .blog-entry-meta {
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    padding: 28px 0 13px;
    margin-bottom: 42px
}

.rising-single-box-one .blog-entry-meta ul, .single-blog-box-layout2 .single-blog-content .blog-tag ul {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 575px) {
    .rising-single-box-one .blog-entry-meta ul {
        display: block
    }
}

.rising-single-box-one .blog-entry-meta ul li, .single-blog-box-layout2 .single-blog-content .blog-tag ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

@media only screen and (max-width: 575px) {
    .rising-single-box-one .blog-entry-meta ul li {
        justify-content: center
    }
}

.rising-single-box-one .blog-entry-meta ul .item-tag i, .single-blog-box-layout2 .single-blog-content .blog-tag ul .item-tag i {
    font-size: 20px;
    margin-right: 12px
}

.rising-single-box-one .blog-entry-meta ul .item-tag a {
    font-size: 16px;
    color: #A5A5A5;
    margin-right: 4px
}

.rising-single-box-one .blog-entry-meta ul .item-social a {
    color: #646464;
    margin-right: 18px;
    font-weight: 500
}

.rising-single-box-one .blog-author .media .media-body .item-social li:last-child, .rising-single-box-one .blog-entry-meta ul .item-social a:last-child {
    margin-right: 0
}

.rising-single-box-one .blog-entry-meta ul .item-respons, .single-blog-box-layout2 .single-blog-content .blog-tag ul .item-respons {
    color: #A5A5A5
}

.rising-single-box-one .blog-entry-meta ul .item-respons i, .single-blog-box-layout2 .single-blog-content .blog-tag ul .item-respons i {
    color: #646464;
    font-size: 20px;
    margin-right: 10px
}

.rising-single-box-one .blog-author {
    margin-bottom: 42px;
    background-color: #F8F8F8;
    border-radius: 4px;
    padding: 30px 50px 28px
}

@media only screen and (max-width: 575px) {
    .rising-single-box-one .blog-author {
        text-align: center;
        padding: 50px 10px 28px
    }
}

.related-item .item-content .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #000000
}

.related-item .item-content .title a {
    color: #000000
}

.rising-single-box-one .blog-author .media img, .rising-single-box-one .blog-comment .media img, .single-blog-box-layout2 .single-blog-content .blog-author .media img, .single-blog-box-layout2 .single-blog-content .blog-comment .media img, .single-blog-box-layout3 .single-blog-content .blog-author .media img, .single-blog-box-layout3 .single-blog-content .blog-comment .media img {
    border-radius: 50%
}

.rising-single-box-one .blog-author .media .media-body {
    position: relative
}

.rising-single-box-one .blog-author .media .media-body .item-title {
    font-size: 20px;
    color: #111111;
    font-weight: 600;
    margin-bottom: 0
}

.rising-single-box-one .blog-author .media .media-body .item-subtitle {
    color: #000000;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}

.rising-single-box-one .blog-author .media .media-body .item-social {
    position: absolute;
    top: 2px;
    right: 0
}

@media only screen and (max-width: 767px) {
    .rising-single-box-one .blog-author .media .media-body .item-social {
        position: relative;
        top: 0
    }
}

.rising-single-box-one .blog-author .media .media-body .item-social li, .single-blog-box-layout2 .single-blog-content .blog-author .media .media-body .item-social li {
    display: inline-block;
    margin-right: 16px
}

.rising-single-box-one .blog-author .media .media-body .item-social li a, .single-blog-box-layout2 .single-blog-content .blog-author .media .media-body .item-social li a, .single-blog-box-layout3 .single-blog-content .blog-author .media .media-body .item-social li a {
    color: #A5A5A5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.rising-single-box-one .related-item {
    margin-bottom: 12px
}

.rising-single-box-one .blog-comment {
    background-color: #F8F8F8;
    margin-bottom: 4.3rem;
    padding: 54px 60px 60px
}

@media only screen and (max-width: 575px) {
    .rising-single-box-one .blog-comment {
        padding: 20px
    }
}

.rising-single-box-one .blog-comment .media {
    margin-bottom: 3px;
    background-color: #FFFFFF;
    padding: 30px 35px 24px
}

@media only screen and (max-width: 575px) {
    .rising-single-box-one .blog-comment .media {
        text-align: center;
        padding: 30px 20px 24px
    }
}

.rising-single-box-one .blog-comment .media:last-child {
    margin-bottom: 0
}

.rising-single-box-one .blog-comment .media .media-body {
    position: relative
}

.rising-single-box-one .blog-comment .media .media-body .item-title {
    color: #111111;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px
}

.rising-single-box-one .blog-comment .media .media-body .item-subtitle {
    font-size: 14px;
    color: #A5A5A5;
    display: block;
    font-weight: 400;
    margin-bottom: 8px
}

.rising-single-box-one .blog-comment .media .media-body .item-btn {
    display: inline-block;
    font-size: 12px;
    background-color: #F8F8F8;
    border-radius: 20px;
    color: #646464;
    font-weight: 500;
    padding: 5px 20px;
    position: absolute;
    top: -11px;
    right: 0;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .rising-single-box-one .blog-comment .media .media-body .item-btn {
        position: inherit;
        margin-top: 10px
    }
}

.rising-single-box-one .blog-form .contact-form-box .form-group {
    margin-bottom: 20px
}

.rising-single-box-one .blog-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.rising-single-box-one .blog-form .contact-form-box .form-group .form-control {
    font-size: 14px;
    padding: 15px 20px;
    border: 1px solid #E0D9D9;
    color: #444444;
    border-radius: 4px
}

.rising-single-box-one .blog-form .contact-form-box .form-group .form-control:focus, .single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.rising-single-box-one .blog-form .contact-form-box .form-group input, .single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group input, .single-blog-box-layout3 .single-blog-content .blog-form .contact-form-box .form-group input {
    height: 50px
}

.rising-single-box-one .blog-form .contact-form-box .form-group .item-btn {
    margin-top: 1.5rem;
    display: block;
    border: 1px solid #111111;
    background-color: #111111;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 4px;
    padding: 12px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.rising-single-box-one .blog-form .contact-form-box .form-group .item-btn:hover, .single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group .item-btn:hover {
    color: #111111;
    background-color: transparent;
    border: 1px solid #111111
}

.single-blog-wrap-layout2 {
    margin-bottom: -20px
}

@media only screen and (max-width: 991px) {
    .single-blog-wrap-layout2 {
        padding-bottom: 3rem;
        margin-bottom: 0
    }

    .single-blog-box-layout2 .blog-banner {
        margin-bottom: 30px
    }
}

.single-blog-box-layout2 .single-blog-content {
    transform: translateY(-70px);
    margin: 0 7rem;
    padding: 4.5rem 10rem 0;
    background-color: #FFFFFF;
    border-radius: 6px
}

@media only screen and (max-width: 991px) {
    .single-blog-box-layout2 .single-blog-content {
        transform: translateY(0);
        margin: 0;
        padding: 0
    }
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content {
    text-align: center;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 22px;
    margin-bottom: 44px
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .item-title {
    font-size: 30px;
    font-weight: 500;
    color: #111111;
    line-height: 1.4;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 32px
}

@media only screen and (max-width: 991px) {
    .single-blog-box-layout2 .single-blog-content .blog-entry-content .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout2 .single-blog-content .blog-entry-content .item-title {
        font-size: 22px
    }
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social, .single-blog-box-layout3 .blog-banner {
    margin-bottom: 18px
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li:last-child, .single-blog-box-layout2 .single-blog-content .blog-entry-content .response-area li:last-child {
    margin-right: 0
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li a {
    display: block;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .item-social li a:hover {
    background-color: #000000;
    color: #FFFFFF
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .response-area li {
    display: inline-block;
    margin-right: 35px;
    position: relative;
    margin-bottom: 10px
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .response-area li:after, .single-blog-box-layout3 .single-blog-content .blog-entry-content .response-area li:after {
    content: ".";
    font-size: 24px;
    font-weight: 600;
    color: #111111;
    position: absolute;
    bottom: 7px;
    right: -21px
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .response-area li a {
    font-size: 16px;
    color: #646464;
    display: block
}

.single-blog-box-layout2 .single-blog-content .blog-entry-content .response-area li a i {
    font-size: 18px;
    margin-right: 12px
}

.single-blog-box-layout2 .single-blog-content .blog-details {
    text-align: center;
    margin-bottom: 5rem
}

.single-blog-box-layout2 .single-blog-content .blog-details blockquote {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: #444444;
    font-style: italic;
    text-align: center;
    line-height: 1.5;
    padding: 20px 40px 30px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout2 .single-blog-content .blog-details blockquote {
        padding: 20px 0 30px;
        font-size: 20px
    }
}

.single-blog-box-layout2 .single-blog-content .blog-details blockquote:after, .single-blog-box-layout3 .single-blog-content .blog-details blockquote:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.single-blog-box-layout2 .single-blog-content .blog-details .single-img, .single-blog-box-layout3 .single-blog-content .blog-details p {
    margin-bottom: 30px
}

.single-blog-box-layout2 .single-blog-content .blog-tag {
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    padding: 28px 0 13px;
    margin-bottom: 42px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout2 .single-blog-content .blog-tag ul {
        display: block
    }
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout2 .single-blog-content .blog-tag ul li {
        justify-content: center
    }
}

.single-blog-box-layout2 .single-blog-content .blog-tag ul .item-tag a {
    font-size: 16px;
    color: #A5A5A5;
    margin-right: 4px
}

.single-blog-box-layout2 .single-blog-content .blog-tag ul .item-social a {
    color: #646464;
    margin-right: 18px;
    font-weight: 500
}

.single-blog-box-layout2 .single-blog-content .blog-author .media .media-body .item-social li:last-child, .single-blog-box-layout2 .single-blog-content .blog-tag ul .item-social a:last-child, .single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li:last-child, .single-blog-box-layout3 .single-blog-content .blog-entry-content .response-area li:last-child {
    margin-right: 0
}

.single-blog-box-layout2 .single-blog-content .blog-author {
    margin-bottom: 42px;
    background-color: #F8F8F8;
    border-radius: 4px;
    padding: 50px 50px 28px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout2 .single-blog-content .blog-author {
        text-align: center;
        padding: 50px 10px 28px
    }
}

.single-blog-box-layout2 .single-blog-content .blog-author .media .media-body {
    position: relative
}

.single-blog-box-layout2 .single-blog-content .blog-author .media .media-body .item-title {
    font-size: 20px;
    color: #111111;
    font-weight: 600;
    margin-bottom: 0
}

.single-blog-box-layout2 .single-blog-content .blog-author .media .media-body .item-subtitle {
    color: #A5A5A5;
    margin-bottom: 10px
}

.single-blog-box-layout2 .single-blog-content .blog-author .media .media-body .item-social {
    position: absolute;
    top: 2px;
    right: 0
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout2 .single-blog-content .blog-author .media .media-body .item-social {
        position: relative;
        top: 0
    }
}

.single-blog-box-layout2 .single-blog-content .related-item {
    margin-bottom: 12px
}

.single-blog-box-layout2 .single-blog-content .blog-comment {
    background-color: #F8F8F8;
    margin-bottom: 4.3rem;
    padding: 54px 60px 60px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout2 .single-blog-content .blog-comment {
        padding: 20px
    }
}

.single-blog-box-layout2 .single-blog-content .blog-comment .media {
    margin-bottom: 3px;
    background-color: #FFFFFF;
    padding: 30px 35px 24px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout2 .single-blog-content .blog-comment .media {
        text-align: center;
        padding: 30px 20px 24px
    }
}

.single-blog-box-layout2 .single-blog-content .blog-comment .media:last-child {
    margin-bottom: 0
}

.single-blog-box-layout2 .single-blog-content .blog-comment .media .media-body {
    position: relative
}

.single-blog-box-layout2 .single-blog-content .blog-comment .media .media-body .item-title {
    color: #111111;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px
}

.single-blog-box-layout2 .single-blog-content .blog-comment .media .media-body .item-subtitle {
    font-size: 14px;
    color: #A5A5A5;
    display: block;
    font-weight: 400;
    margin-bottom: 8px
}

.single-blog-box-layout2 .single-blog-content .blog-comment .media .media-body .item-btn {
    display: inline-block;
    font-size: 12px;
    background-color: #F8F8F8;
    border-radius: 20px;
    color: #646464;
    font-weight: 500;
    padding: 5px 20px;
    position: absolute;
    top: -11px;
    right: 0;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout2 .single-blog-content .blog-comment .media .media-body .item-btn {
        position: inherit;
        margin-top: 10px
    }
}

.single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group {
    margin-bottom: 20px
}

.single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group:last-child, .single-blog-box-layout3 .single-blog-content .blog-details .more-info .info-list li:last-child {
    margin-bottom: 0
}

.single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group .form-control {
    font-size: 14px;
    padding: 15px 20px;
    border: 1px solid #E0D9D9;
    color: #444444;
    border-radius: 4px
}

.single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group .item-btn, .single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li a {
    border-radius: 4px;
    color: #FFFFFF;
    letter-spacing: 1px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group .item-btn {
    margin-top: 1.5rem;
    display: inline-block;
    border: 1px solid #111111;
    background-color: #111111;
    font-weight: 500;
    font-size: 16px;
    padding: 12px 20px;
    text-align: center;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout2 .single-blog-content .blog-form .contact-form-box .form-group .item-btn {
        font-size: 14px
    }
}

.single-blog-wrap-layout3 {
    padding: 5rem 0
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content {
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 20px;
    margin-bottom: 25px
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-title {
    font-size: 30px;
    font-weight: 500;
    color: #111111;
    line-height: 1.4;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .single-blog-box-layout3 .single-blog-content .blog-entry-content .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout3 .single-blog-content .blog-entry-content .item-title {
        font-size: 22px
    }
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social {
    margin-bottom: 14px
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li a {
    display: block;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li a i {
    font-size: 14px;
    margin-right: 10px
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li a:hover {
    background-color: #000000;
    color: #FFFFFF
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li .facebook {
    background-color: #3B5997
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li .twitter {
    background-color: #56ACEC
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li .g-plus {
    background-color: #DC4A39
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li .pinterst {
    background-color: #C80909
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .item-social li .load-more {
    background-color: #FFFFFF;
    color: #000000
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .response-area li {
    display: inline-block;
    margin-right: 35px;
    position: relative;
    margin-bottom: 10px
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .response-area li a {
    font-size: 16px;
    color: #646464;
    display: block
}

.single-blog-box-layout3 .single-blog-content .blog-entry-content .response-area li a i {
    font-size: 18px;
    margin-right: 12px
}

.single-blog-box-layout3 .single-blog-content .blog-details {
    margin-bottom: 5rem
}

.single-blog-box-layout3 .single-blog-content .blog-details blockquote {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: #444444;
    font-style: italic;
    text-align: center;
    line-height: 1.5;
    padding: 20px 40px 30px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .single-blog-content .blog-details blockquote {
        padding: 20px 0 30px;
        font-size: 20px
    }
}

.single-blog-box-layout3 .single-blog-content .blog-details blockquote .qoute-subtitle {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #646464;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    margin-top: 22px
}

.single-blog-box-layout3 .single-blog-content .blog-details .single-img {
    margin-bottom: 40px
}

.single-blog-box-layout3 .single-blog-content .blog-details .more-info .item-title {
    font-size: 30px;
    font-weight: 500;
    color: #111111
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout3 .single-blog-content .blog-details .more-info .item-title {
        font-size: 24px
    }
}

.single-blog-box-layout3 .single-blog-content .blog-details .more-info .info-list {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding: 0 40px;
    margin-bottom: 22px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .single-blog-content .blog-details .more-info .info-list {
        padding: 0
    }
}

.single-blog-box-layout3 .single-blog-content .blog-details .more-info .info-list li {
    margin-bottom: 26px;
    padding-left: 38px;
    counter-increment: my-awesome-counter;
    position: relative;
    font-weight: 500
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .single-blog-content .blog-details .more-info .info-list li {
        font-size: 16px
    }
}

.single-blog-box-layout3 .single-blog-content .blog-details .single-slider {
    margin: 10px 0 30px
}

.single-blog-box-layout3 .single-blog-content .blog-tag {
    border-bottom: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    padding: 28px 0 13px;
    margin-bottom: 62px
}

.single-blog-box-layout3 .single-blog-content .blog-tag ul {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .single-blog-content .blog-tag ul {
        display: block
    }
}

.single-blog-box-layout3 .single-blog-content .blog-tag ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .single-blog-content .blog-tag ul li {
        justify-content: center
    }
}

.single-blog-box-layout3 .single-blog-content .blog-tag ul .item-tag i {
    font-size: 20px;
    margin-right: 12px
}

.single-blog-box-layout3 .single-blog-content .blog-tag ul .item-tag a {
    font-size: 16px;
    color: #A5A5A5;
    margin-right: 4px
}

.single-blog-box-layout3 .single-blog-content .blog-tag ul .item-social a {
    color: #646464;
    margin-right: 18px;
    font-weight: 500
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li:last-child, .single-blog-box-layout3 .single-blog-content .blog-author .media .media-body .item-social li:last-child, .single-blog-box-layout3 .single-blog-content .blog-tag ul .item-social a:last-child, .slider-box-layout9 .item-content .entry-meta li:last-child {
    margin-right: 0
}

.single-blog-box-layout3 .single-blog-content .blog-tag ul .item-respons {
    color: #A5A5A5
}

.single-blog-box-layout3 .single-blog-content .blog-tag ul .item-respons i {
    color: #646464;
    font-size: 20px;
    margin-right: 10px
}

.single-blog-box-layout3 .single-blog-content .blog-author {
    margin-bottom: 35px;
    border-radius: 4px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .single-blog-content .blog-author {
        text-align: center
    }
}

.single-blog-box-layout3 .single-blog-content .blog-author .media .media-body {
    position: relative
}

.single-blog-box-layout3 .single-blog-content .blog-author .media .media-body .item-title {
    font-size: 20px;
    color: #111111;
    font-weight: 600;
    margin-bottom: 0
}

.single-blog-box-layout3 .single-blog-content .blog-author .media .media-body .item-subtitle {
    color: #A5A5A5;
    margin-bottom: 10px
}

.single-blog-box-layout3 .single-blog-content .blog-author .media .media-body .item-social {
    position: absolute;
    top: 2px;
    right: 0
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout3 .single-blog-content .blog-author .media .media-body .item-social {
        position: relative;
        top: 0
    }
}

.single-blog-box-layout3 .single-blog-content .blog-author .media .media-body .item-social li {
    display: inline-block;
    margin-right: 16px
}

.single-blog-box-layout3 .single-blog-content .related-item {
    margin-bottom: 50px
}

.single-blog-box-layout3 .single-blog-content .blog-comment {
    background-color: #F8F8F8;
    margin-bottom: 4.3rem;
    padding: 54px 60px 60px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .single-blog-content .blog-comment {
        padding: 20px
    }
}

.single-blog-box-layout3 .single-blog-content .blog-comment .media {
    margin-bottom: 3px;
    background-color: #FFFFFF;
    padding: 30px 35px 24px
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .single-blog-content .blog-comment .media {
        text-align: center;
        padding: 30px 20px 24px
    }
}

.single-blog-box-layout3 .single-blog-content .blog-comment .media:last-child {
    margin-bottom: 0
}

.single-blog-box-layout3 .single-blog-content .blog-comment .media .media-body {
    position: relative
}

.single-blog-box-layout3 .single-blog-content .blog-comment .media .media-body .item-title {
    color: #111111;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px
}

.single-blog-box-layout3 .single-blog-content .blog-comment .media .media-body .item-subtitle {
    font-size: 14px;
    color: #A5A5A5;
    display: block;
    font-weight: 400;
    margin-bottom: 8px
}

.single-blog-box-layout3 .single-blog-content .blog-comment .media .media-body .item-btn {
    display: inline-block;
    font-size: 12px;
    background-color: #F8F8F8;
    border-radius: 20px;
    color: #646464;
    font-weight: 500;
    padding: 5px 20px;
    position: absolute;
    top: -11px;
    right: 0;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout3 .single-blog-content .blog-comment .media .media-body .item-btn {
        position: inherit;
        margin-top: 10px
    }
}

.instagram-feed-title a:hover, .instagram-feed-title-1 a:hover, .single-blog-box-layout3 .single-blog-content .blog-comment .media .media-body .item-btn:hover {
    background-color: #111111;
    color: #FFFFFF
}

.single-blog-box-layout3 .single-blog-content .blog-form .contact-form-box .form-group {
    margin-bottom: 20px
}

.single-blog-box-layout3 .single-blog-content .blog-form .contact-form-box .form-group:last-child {
    margin-bottom: 0
}

.single-blog-box-layout3 .single-blog-content .blog-form .contact-form-box .form-group .form-control {
    font-size: 14px;
    padding: 15px 20px;
    border: 1px solid #E0D9D9;
    color: #444444;
    border-radius: 4px
}

.single-blog-box-layout3 .single-blog-content .blog-form .contact-form-box .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.single-blog-box-layout3 .single-blog-content .blog-form .contact-form-box .form-group .item-btn {
    display: inline-block;
    border: 1px solid #111111;
    background-color: #111111;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 4px;
    padding: 12px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.single-blog-box-layout3 .single-blog-content .blog-form .contact-form-box .form-group .item-btn:hover {
    color: #111111;
    background-color: transparent;
    border: 1px solid #111111
}

@media only screen and (max-width: 767px) {
    .single-blog-box-layout3 .single-blog-content .blog-form .contact-form-box .form-group .item-btn {
        font-size: 14px
    }
}

.comingsoon-page {
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed
}

@media only screen and (max-width: 991px) {
    .comingsoon-page {
        overflow-y: scroll
    }
}

.comingsoon-page .comingsoon-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: -100
}

.comingsoon-page .comingsoon-back-img img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: fadeIn 12s linear infinite
}

.comingsoon-page .comingsoon-content-wrap {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0
}

@media only screen and (max-width: 991px) {
    .comingsoon-page .comingsoon-content-wrap {
        margin: 50px 0 100px
    }
}

.comingsoon-page .comingsoon-content {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    width: 100%
}

.comingsoon-page .comingsoon-content .comingsoon-logo {
    margin-bottom: 9rem
}

.comingsoon-page .comingsoon-content h1 {
    margin-bottom: 5rem;
    font-weight: 700;
    font-size: 6rem;
    text-transform: capitalize;
    color: #FFFFFF
}

@media only screen and (max-width: 767px) {
    .comingsoon-page .comingsoon-content h1 {
        margin-bottom: 3rem;
        font-size: 5rem
    }
}

@media only screen and (max-width: 575px) {
    .comingsoon-page .comingsoon-content h1 {
        font-size: 4rem
    }
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter {
    margin-bottom: 10rem
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group {
    background-color: transparent;
    height: 60px
}

@media only screen and (max-width: 767px) {
    .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group {
        display: inline-flex;
        align-items: center;
        padding: 0 15px
    }
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .form-control {
    border: 2px solid #FFFFFF;
    border-radius: 45px 0 0 45px;
    color: #FFFFFF;
    background-color: transparent;
    width: 520px;
    flex: inherit;
    font-size: 16px;
    padding: 3px 30px 5px;
    height: 60px
}

@media only screen and (max-width: 767px) {
    .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .form-control {
        width: 50%
    }
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon {
    padding: 0;
    height: 60px;
    background-color: #FFFFFF;
    border-radius: 0 45px 45px 0;
    transition: .5s ease-in-out
}

@media only screen and (max-width: 767px) {
    .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon {
        display: inline-block
    }
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon button {
    border-radius: 0 45px 45px 0;
    color: #111111;
    background-color: #FFFFFF;
    border: 0;
    height: 60px;
    line-height: 60px;
    padding: 0 35px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 2px;
    display: inline-block;
    cursor: pointer;
    transition: .5s ease-in-out
}

@media only screen and (max-width: 479px) {
    .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon button {
        padding: 0 15px
    }
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input::-webkit-input-placeholder {
    color: #FFFFFF
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input::-moz-placeholder {
    color: #FFFFFF
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input:-moz-placeholder {
    color: #FFFFFF
}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input:-ms-input-placeholder {
    color: #FFFFFF
}

.comingsoon-page .comingsoon-content .comingsoon-bottom {
    margin-bottom: 10px
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {
    text-align: left
}

@media only screen and (max-width: 991px) {
    .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {
        text-align: center;
        margin-bottom: 15px
    }
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li {
    display: inline-block;
    margin-right: 5px
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a {
    color: #FFFFFF;
    padding: 5px;
    display: inline-block;
    transition: .5s ease-in-out
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {
    text-align: right
}

@media only screen and (max-width: 991px) {
    .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {
        text-align: center
    }
}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300
}

.countdown-layout1 {
    text-align: center;
    margin-bottom: 5rem
}

.countdown-layout1 .countdown-section {
    text-align: center;
    height: 120px;
    background: 0 0;
    display: inline-block;
    position: relative;
    margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .countdown-layout1 .countdown-section {
        padding: 10px 0
    }
}

@media only screen and (max-width: 575px) {
    .countdown-layout1 .countdown-section {
        padding: 15px 0
    }
}

@media only screen and (max-width: 479px) {
    .countdown-layout1 .countdown-section {
        width: 11rem;
        height: 100px
    }
}

.countdown-layout1 .countdown-section:after {
    content: "";
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    background-color: #FFFFFF;
    height: 75%;
    width: 1px;
    margin: 0 auto;
    z-index: 7
}

.countdown-layout1 .countdown-section:last-child:after, .slider-box-layout9 .item-content .entry-meta li:last-child:after {
    display: none
}

.countdown-layout1 .countdown-section .countdown-number {
    padding: 0 5rem;
    font-size: 7.2rem;
    line-height: 1.1;
    font-weight: 500;
    color: #FFFFFF
}

@media only screen and (max-width: 767px) {
    .countdown-layout1 .countdown-section .countdown-number {
        padding: 0 4rem;
        font-size: 5rem
    }
}

@media only screen and (max-width: 575px) {
    .countdown-layout1 .countdown-section .countdown-number {
        padding: 0 3rem;
        font-size: 4rem
    }
}

@media only screen and (max-width: 479px) {
    .countdown-layout1 .countdown-section .countdown-number {
        padding: 0 2rem;
        font-size: 3rem
    }
}

.countdown-layout1 .countdown-section .countdown-unit {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    color: #FFFFFF;
    text-transform: capitalize;
    font-size: 15px
}

.contact-wrap-layout1 {
    padding: 5rem 0 2rem
}

.contact-box-layout1 .google-map-area {
    margin-bottom: 50px
}

.contact-box-layout1 .contact-way .contact-list {
    margin-bottom: 40px
}

.contact-box-layout1 .contact-way .contact-list .item-title {
    font-size: 24px;
    font-weight: 600;
    color: #111111;
    margin-bottom: 18px
}

.error-page-wrap {
    padding: 12rem 0 10rem
}

.error-page-box {
    text-align: center
}

.error-page-box .error-logo {
    margin-bottom: 6rem
}

.error-page-box .error-title {
    font-size: 48px;
    font-weight: 300;
    color: #111111;
    margin-bottom: 26px;
    line-height: 1.2
}

@media only screen and (max-width: 575px) {
    .error-page-box .error-title {
        font-size: 30px
    }
}

.error-page-box p {
    width: 70%;
    margin: 0 auto 55px
}

@media only screen and (max-width: 575px) {
    .error-page-box p {
        width: 100%
    }
}

.error-page-box .error-newsletter .stylish-input-group {
    border: 1px solid #D7D7D7;
    height: 60px;
    border-radius: 4px;
    padding: 0 1rem;
    max-width: 540px;
    margin: 50px auto
}

.error-page-box .error-newsletter .stylish-input-group .form-control {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: 0 0;
    color: #111111;
    font-size: 14px;
    height: 60px
}

.error-page-box .error-newsletter .stylish-input-group .input-group-addon {
    display: flex;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: 0 0 !important
}

.error-page-box .error-newsletter .stylish-input-group .input-group-addon button {
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.error-page-box .error-newsletter .stylish-input-group .input-group-addon button span:before {
    color: #646464;
    font-size: 20px;
    font-weight: 700;
    margin-left: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.error-page-box .error-newsletter .stylish-input-group .input-group-addon button:focus {
    outline: 0
}

.error-page-box .error-newsletter .stylish-input-group input.form-control::-webkit-input-placeholder, .error-page-box .error-newsletter .stylish-input-group textarea.form-control::-webkit-input-placeholder {
    color: #646464;
    font-size: 14px
}

.error-page-box .error-newsletter .stylish-input-group input.form-control::-moz-placeholder, .error-page-box .error-newsletter .stylish-input-group textarea.form-control::-moz-placeholder {
    color: #646464;
    font-size: 14px
}

.error-page-box .error-newsletter .stylish-input-group input.form-control:-ms-input-placeholder, .error-page-box .error-newsletter .stylish-input-group textarea.form-control:-ms-input-placeholder {
    color: #646464;
    font-size: 14px
}

.error-page-box .item-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #111111;
    border-radius: 4px;
    padding: 14px 35px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.error-page-box .item-btn:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5)
}

.instagram-feed-wrap {
    position: relative;
    padding: 5rem 0 4rem
}

.instagram-feed-title {
    text-align: center;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.instagram-feed-title a {
    background-color: #FFFFFF;
    padding: 12px 20px;
    color: #444444;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    display: inline-flex;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.instagram-feed-figure {
    margin-bottom: 10px;
    overflow: hidden
}

.instagram-feed-figure a, .instagram-feed-figure-1 li a {
    display: block
}

.instagram-feed-figure a:hover img, .instagram-feed-figure-1 li a:hover img {
    -webkit-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg)
}

.instagram-feed-wrap-1 {
    position: relative
}

.instagram-feed-title-1 {
    text-align: center;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.instagram-feed-title-1 a {
    background-color: #FFFFFF;
    padding: 12px 20px;
    color: #111111;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    letter-spacing: 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .instagram-feed-title-1 a {
        padding: 40px 20px 12px;
        font-size: 13px
    }
}

.instagram-feed-title-1 a i {
    margin-right: 8px;
    font-size: 20px;
    margin-bottom: 1px
}

@media only screen and (max-width: 767px) {
    .instagram-feed-title-1 a i {
        position: absolute;
        left: 0;
        right: 0;
        top: 15px
    }
}

.instagram-feed-figure-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #111111
}

.instagram-feed-figure-1 li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

@media (min-width: 992px) and (max-width: 1199px) {
    .instagram-feed-figure-1 li {
        display: none
    }

    .instagram-feed-figure-1 li:nth-child(-n+6) {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .instagram-feed-figure-1 li {
        display: none
    }

    .instagram-feed-figure-1 li:nth-child(-n+5) {
        display: block
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .instagram-feed-figure-1 li {
        display: none
    }

    .instagram-feed-figure-1 li:nth-child(-n+4) {
        display: block
    }
}

@media (min-width: 480px) and (max-width: 575px) {
    .instagram-feed-figure-1 li {
        display: none
    }

    .instagram-feed-figure-1 li:nth-child(-n+3) {
        display: block
    }
}

@media only screen and (max-width: 479px) {
    .instagram-feed-figure-1 li {
        display: none
    }

    .instagram-feed-figure-1 li:nth-child(-n+2) {
        display: block
    }
}

.newsletter-wrap-layout1 {
    padding: 10rem 0
}

.newsletter-box-layout1 {
    text-align: center
}

.newsletter-box-layout1 .item-title {
    font-size: 24px;
    font-weight: 700;
    color: #444444;
    margin-bottom: 16px
}

@media only screen and (max-width: 991px) {
    .newsletter-box-layout1 .item-title {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-box-layout1 .item-title {
        font-size: 20px
    }
}

.newsletter-box-layout1 .item-subtitle {
    font-size: 18px;
    margin-bottom: 36px
}

.newsletter-box-layout1 .newsletter-subscribe-form .form-group .form-control {
    height: 55px;
    background-color: #F9F9F9;
    border: 0;
    border-radius: 4px;
    padding: 5px 22px;
    font-size: 16px
}

.newsletter-box-layout1 .newsletter-subscribe-form .form-group .form-control:focus {
    outline: 0;
    box-shadow: none
}

.newsletter-box-layout1 .newsletter-subscribe-form .form-group .item-btn {
    width: 100%;
    height: 55px;
    border-radius: 4px;
    background-color: #111111;
    color: #FFFFFF;
    font-weight: 500;
    border: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.newsletter-box-layout1 .newsletter-subscribe-form .form-group .item-btn:hover {
    background-color: #CCCCCC;
    color: #111111
}

.newsletter-box-layout1 .newsletter-subscribe-form .form-group .item-btn:focus {
    outline: 0
}

.progress-wrap-layout1 {
    background-color: #F2F2F2;
    padding: 10rem 0 7.4rem
}

.progress-box-layout1 {
    text-align: center;
    margin-bottom: 5rem
}

.progress-box-layout1 .item-icon {
    margin-bottom: 3.5rem;
    font-size: 5.5rem;
    color: #444444;
    height: 21rem;
    width: 21rem;
    border-radius: 50%;
    background-color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.progress-box-layout1 .counter-text {
    font-size: 50px;
    color: #111111;
    font-weight: 700;
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .progress-box-layout1 .counter-text {
        font-size: 42px
    }
}

@media only screen and (max-width: 767px) {
    .progress-box-layout1 .counter-text {
        font-size: 36px
    }
}

@media only screen and (max-width: 575px) {
    .progress-box-layout1 .counter-text {
        font-size: 32px
    }
}

.progress-box-layout1 .item-title {
    font-size: 20px;
    color: #646464;
    font-weight: 300
}

@media only screen and (max-width: 991px) {
    .slider-wrap-layout1 {
        padding-top: 30px
    }
}

@media only screen and (max-width: 575px) {
    .slider-wrap-layout1 {
        padding-top: 15px
    }
}

.slider-wrap-layout2 {
    padding-bottom: 4rem
}

.slider-wrap-layout4 {
    padding-bottom: 3rem
}

@media only screen and (max-width: 991px) {
    .slider-wrap-layout4 {
        padding-bottom: 10px
    }
}

.slider-wrap-layout9 {
    padding-bottom: 2.5rem
}

@media only screen and (max-width: 991px) {
    .slider-wrap-layout9 {
        padding-bottom: 10px
    }
}

.slider-wrap-layout7 {
    padding: 5rem 0 4.5rem;
    background-color: #F7F8FA
}

.slider-wrap-layout8 {
    margin-top: -100px
}

.slider-box-layout1 {
    text-align: center;
    position: relative
}

.slider-box-layout1 .item-img {
    margin-bottom: 100px
}

@media only screen and (max-width: 575px) {
    .slider-box-layout1 .item-img {
        margin-bottom: 0
    }
}

.section-twelve .slider-box-layout1 .item-content, .slider-box-layout1 .item-content {
    padding: 15px 20px 25px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: -72px;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--border-gray);
    margin: 0 6rem
}

.section-twelve .slider-box-layout1 .item-content {
    padding: 15px 20px 10px;
    bottom: -158px
}

.section-twelve .slider-box-layout1 .item-img {
    margin-bottom: 170px
}

.section-twelve .slider-box-layout1 .item-content p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 1199px) {
    .slider-box-layout1 .item-content {
        margin: 0 15rem
    }
}

@media only screen and (max-width: 991px) {
    .slider-box-layout1 .item-content {
        margin: 0 12rem
    }
}

@media only screen and (max-width: 767px) {
    .slider-box-layout1 .item-content {
        margin: 0 7rem
    }
}

@media only screen and (max-width: 575px) {
    .slider-box-layout1 .item-content {
        margin: 0 1rem;
        position: inherit;
        bottom: inherit;
        padding: 12px 10px;
        border-bottom: none !important;
        margin-bottom: 12px;
    }
}

.slider-box-layout1 .item-content .item-title {
    font-weight: 600;
    margin-bottom: 0
}

@media only screen and (max-width: 1199px) {
    .slider-box-layout1 .item-content .item-title {
        font-size: 28px
    }
}

@media only screen and (max-width: 991px) {
    .slider-box-layout1 .item-content .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .slider-box-layout1 .item-content .item-title {
        font-size: 24px
    }
}

@media only screen and (max-width: 575px) {
    .slider-box-layout1 .item-content .item-title {
        font-size: 20px;
        line-height: 30px;
    }
}

.slider-box-layout1 .item-content .item-title a, .slider-box-layout4 .item-content .item-title a, .slider-box-layout5 .item-content .item-title a, .slider-box-layout6 .item-content .item-title a, .slider-box-layout8 .item-content .item-title a {
    color: #111111;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.slider-box-layout1 .item-content .item-title a:hover {
    color: #444444
}

.slider-box-layout2 .item-img {
    position: relative;
    text-align: center
}

.slider-box-layout2 .item-img .item-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.slider-box-layout2 .item-img .item-content .item-title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 18px
}

@media only screen and (max-width: 1199px) {
    .slider-box-layout2 .item-img .item-content .item-title {
        font-size: 32px
    }
}

@media only screen and (max-width: 991px) {
    .slider-box-layout2 .item-img .item-content .item-title {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .slider-box-layout2 .item-img .item-content .item-title {
        font-size: 26px;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 575px) {
    .slider-box-layout2 .item-img .item-content .item-title {
        font-size: 22px
    }
}

.slider-box-layout2 .item-img .item-content .item-title a, .slider-box-layout9 .item-content .entry-meta li a {
    color: #FFFFFF;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.slider-box-layout2 .item-img .item-content .item-title a:hover, .slider-box-layout3 .item-img .item-content .item-title a:hover {
    color: #E6E6E6
}

.slider-box-layout2 .item-img .item-content p {
    color: #FFFFFF;
    width: 60%;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .slider-box-layout2 .item-img .item-content p {
        display: none
    }
}

.slider-box-layout3 .item-img {
    position: relative
}

.slider-box-layout3 .item-img:after, .slider-box-layout7 .item-img:after {
    content: "";
    height: 60%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8));
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.slider-box-layout3 .item-img .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 50px 22px;
    z-index: 2
}

.slider-box-layout3 .item-img .item-content .item-title {
    font-weight: 600
}

@media only screen and (max-width: 991px) {
    .slider-box-layout3 .item-img .item-content .item-title {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .slider-box-layout3 .item-img .item-content .item-title {
        font-size: 24px;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 575px) {
    .slider-box-layout3 .item-img .item-content .item-title {
        font-size: 22px
    }
}

.slider-box-layout3 .item-img .item-content .item-title a {
    color: #F2F2F2;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.slider-box-layout4 {
    text-align: center;
    margin-bottom: -58px
}

@media only screen and (max-width: 575px) {
    .slider-box-layout4 {
        margin-bottom: 0
    }
}

.slider-box-layout4 .item-content {
    padding: 22px 20px;
    background-color: #FFFFFF;
    transform: translateY(-55px);
    margin: 0 30px;
    border-radius: 4px
}

@media only screen and (max-width: 575px) {
    .slider-box-layout4 .item-content {
        transform: translateY(0);
        padding: 22px 0;
        margin: 0
    }
}

.slider-box-layout4 .item-content .item-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px
}

.slider-box-layout4 .item-content .item-title a:hover, .slider-box-layout5 .item-content .item-title a:hover, .slider-box-layout6 .item-content .item-title a:hover {
    color: #444444
}

.slider-box-layout5 .item-img {
    margin-bottom: 16px
}

.slider-box-layout5 .item-content {
    text-align: center;
    padding: 0 20px
}

.slider-box-layout5 .item-content .item-title {
    font-weight: 600
}

.slider-box-layout6 {
    display: inline-flex;
    align-items: center;
    background-color: #FBFBFB
}

@media only screen and (max-width: 991px) {
    .slider-box-layout6 {
        display: block
    }
}

.slider-box-layout6 .item-img img {
    display: inline-block
}

@media only screen and (max-width: 1199px) {
    .slider-box-layout6 .item-img {
        width: 50%
    }
}

@media only screen and (max-width: 991px) {
    .slider-box-layout6 .item-img {
        width: 100%
    }
}

.slider-box-layout6 .item-content {
    flex: 1;
    text-align: center;
    padding: 0 4rem
}

@media only screen and (max-width: 1199px) {
    .slider-box-layout6 .item-content {
        width: 50%;
        flex: inherit
    }
}

@media only screen and (max-width: 991px) {
    .slider-box-layout6 .item-content {
        width: 100%;
        padding: 4rem
    }
}

.slider-box-layout6 .item-content .item-title {
    font-weight: 600;
    font-size: 26px
}

.slider-box-layout7 .item-img {
    position: relative
}

.slider-box-layout7 .item-img:after {
    height: 50%;
    border-radius: 6px;
    bottom: -1px
}

.slider-box-layout7 .item-img .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 36px 60px;
    z-index: 2
}

.slider-box-layout7 .item-img .item-content .item-title {
    font-size: 40px;
    font-weight: 600
}

@media only screen and (max-width: 1199px) {
    .slider-box-layout7 .item-img .item-content .item-title {
        font-size: 36px
    }
}

@media only screen and (max-width: 991px) {
    .slider-box-layout7 .item-img .item-content .item-title {
        font-size: 32px
    }
}

@media only screen and (max-width: 767px) {
    .slider-box-layout7 .item-img .item-content .item-title {
        font-size: 28px
    }
}

.slider-box-layout7 .item-img .item-content .item-title a {
    color: #F2F2F2;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.slider-box-layout7 .item-img .item-content .item-title a:hover {
    color: #A5A5A5
}

.slider-box-layout8 .item-img {
    margin-bottom: 16px
}

.slider-box-layout8 .item-content .item-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0
}

.slider-box-layout8 .item-content .item-title a:hover {
    color: #444444
}

.slider-box-layout9 {
    position: relative;
    z-index: 1
}

.slider-box-layout9:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, .4)
}

.slider-box-layout9 .item-img {
    text-align: center
}

.slider-box-layout9 .item-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 1
}

.slider-box-layout9 .item-content .entry-meta {
    margin-bottom: 12px
}

.slider-box-layout9 .item-content .entry-meta li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #D2D2D2;
    margin-right: 22px
}

.slider-box-layout9 .item-content .entry-meta li:after {
    content: "/";
    color: #D2D2D2;
    font-size: 15px;
    position: absolute;
    top: -1px;
    right: -17px
}

.slider-box-layout9 .item-content .entry-meta li a {
    font-weight: 500
}

.slider-box-layout9 .item-content .entry-meta li a:hover {
    color: #D2D2D2
}

@media only screen and (max-width: 575px) {
    .slider-box-layout9 .item-content .entry-meta {
        display: none
    }
}

.slider-box-layout9 .item-content .item-title {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #FFFFFF;
    line-height: 1.3;
    width: 60%
}

@media only screen and (max-width: 479px) {
    .slider-box-layout9 .item-content .item-title {
        font-size: 40px
    }
}

@media only screen and (max-width: 1199px) {
    .slider-box-layout9 .item-content .item-title {
        font-size: 40px
    }
}

@media only screen and (max-width: 991px) {
    .slider-box-layout9 .item-content .item-title {
        font-size: 36px;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .slider-box-layout9 .item-content .item-title {
        font-size: 30px
    }
}

@media only screen and (max-width: 575px) {
    .slider-box-layout9 .item-content .item-title {
        font-size: 24px;
        margin-bottom: 20px
    }
}

.slider-box-layout9 .item-content .action-area ul li {
    display: inline-block;
    margin-right: 34px
}

.slider-box-layout9 .item-content .action-area ul li:last-child {
    margin-right: 0
}

.slider-box-layout9 .item-content .action-area ul .item-btn-wrap a {
    display: inline-block;
    font-size: 13px;
    color: #FFFFFF;
    background-color: #111111;
    border-radius: 4px;
    padding: 12px 30px;
    font-weight: 600;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.slider-box-layout9 .item-content .action-area ul .item-btn-wrap a i {
    margin-left: 8px
}

.slider-box-layout9 .item-content .action-area ul .item-btn-wrap a:hover {
    background-color: #FFFFFF;
    color: #111111
}

@media only screen and (max-width: 767px) {
    .slider-box-layout9 .item-content .action-area ul .item-btn-wrap a {
        padding: 10px 20px
    }
}

.slider-box-layout9 .item-content .action-area ul .entry-meta a {
    color: #FFFFFF;
    margin-right: 20px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.slider-box-layout9 .item-content .action-area ul .entry-meta a i {
    color: #CCCCCC;
    margin-right: 8px;
    font-size: 18px
}

.slider-box-layout9 .item-content .action-area ul .entry-meta a:hover, .slider-box-layout9 .item-content .action-area ul .entry-meta a:hover i {
    color: #FFFFFF
}

.slider-box-layout9 .item-content .action-area ul .entry-meta a:last-child {
    margin-right: 0
}

@media only screen and (max-width: 575px) {
    .slider-box-layout9 .item-content .action-area {
        display: none
    }
}

.bg--transparent {
    background-color: transparent
}

.bg--light {
    background-color: #FFFFFF
}

.bg--dark {
    background-color: #111111
}

.bg--dark2 {
    background-color: #222222
}

.bg-pearl {
    background-color: #F8F8F8
}

.bg-primary {
    background-color: var(--primary-color) !important
}

.bg-secondary {
    background-color: var(--secondary-color) !important
}

.text-primary {
    color: var(--primary-color) !important
}

.text-secondary {
    color: var(--secondary-color) !important
}

.border-bottom {
    border-bottom: 1px solid
}

.border-color-accent1, .border-color-accent2 {
    border-color: #C9C9C9
}

.divider-style-border {
    padding-right: 15px;
    margin-right: 15px;
    position: relative
}

.divider-style-border:after {
    content: "";
    height: 24px;
    width: 1px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.divider-style-border:last-child {
    padding-right: 0;
    margin-right: 0
}

.divider-style-border:last-child:after {
    display: none
}

.box-shadow-style1 {
    -webkit-box-shadow: 0 3px 10px 0 #E9E9E9;
    -moz-box-shadow: 0 3px 10px 0 #E9E9E9;
    box-shadow: 0 3px 10px 0 #E9E9E9;
    position: relative;
    z-index: 999999
}

.bg-common {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.pt--14 {
    padding-top: 14px
}

.pb--14 {
    padding-bottom: 14px
}

.pt--25 {
    padding-top: 25px
}

.pb--25 {
    padding-bottom: 25px
}

.pb--20 {
    padding-bottom: 20px
}

.pt--29 {
    padding-top: 29px
}

.pb--29 {
    padding-bottom: 29px
}

.pr--30 {
    padding-right: 30px
}

.pl--30 {
    padding-left: 30px
}

.pt--50 {
    padding-top: 50px !important
}

.pb--50 {
    padding-bottom: 50px
}

.pt--49 {
    padding-top: 49px
}

.pb--49 {
    padding-bottom: 49px
}

.padding-x-85 {
    padding-left: 85px;
    padding-right: 85px
}

@media only screen and (max-width: 991px) {
    .padding-x-85 {
        padding-left: 0;
        padding-right: 0
    }
}

.possition-static {
    position: static !important
}

.clamp-base {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.clamp-1 {
    -webkit-line-clamp: 1
}

.clamp-2 {
    -webkit-line-clamp: 2
}

.clamp-3 {
    -webkit-line-clamp: 3
}

.clamp-4 {
    -webkit-line-clamp: 4
}

.font-size-10 {
    font-size: 10px !important
}

.font-size-11 {
    font-size: 11px !important
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-14 {
    font-size: 14px !important
}

.font-size-15 {
    font-size: 15px !important
}

.font-size-16 {
    font-size: 16px !important
}

.font-size-17 {
    font-size: 17px !important
}

.font-size-18 {
    font-size: 18px !important
}

.font-size-20 {
    font-size: 20px !important
}

.font-size-22 {
    font-size: 22px !important
}

.font-size-24 {
    font-size: 24px !important
}

.fw-medium {
    font-weight: 500
}

.fw-semibold {
    font-weight: 600
}

.fw-bold {
    font-weight: 800
}

.text-black {
    color: #000000 !important;
}

.text-white {
    color: #FFFFFF !important;
}

.rising-single-box-one .blog-author {
    margin-bottom: 42px;
    background-color: #F8F8F8;
    border-radius: 4px;
    padding: 30px 50px 28px;
}


.single-blog-box-layout3 .blog-details .video-wrapper {
    position: relative !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    margin-bottom: 24px
}

.single-blog-box-layout3 .blog-details .fit-wrapper {
    position: relative !important;
    padding-bottom: 56.25% !important;
    height: 0 !important
}

.single-blog-box-layout3 .blog-details .fit-wrapper iframe, .single-blog-box-layout3 .blog-details .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.single-blog-box-layout3 .blog-details blockquote {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #646464;
    font-style: italic;
    text-align: left;
    font-weight: 400;
    padding: 10px 20px 14px 28px;
    border: 1px solid #A7A7A7;
    border-radius: 5px;
    margin: 20px 0;
}

.rising-single-box-one .blog-details blockquote p {
    margin-bottom: 0;
}

.single-blog-box-layout3 .blog-details blockquote:after, .single-blog-box-layout2 .single-blog-content .blog-details blockquote:after, .single-blog-box-layout3 .single-blog-content .blog-details blockquote:after {
    display: inline-block;
    width: 28px;
    height: 28px;
    fill: red;
    content: "";
    background: url(../img/quote.svg) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: -9px;
    left: -6px;
    background-color: white;
}

/*  Align Left  */
.blog-details div[align="left"] blockquote:after {
    top: 0 !important;
    margin-top: 20px;
    left: 7px !important;
}

.blog-details div[align="left"] blockquote {
    width: 52%;
    float: left;
    border-top: 0;
    text-align: justify !important;
    margin-bottom: 0 !important;
    border: 2px solid #A6A1A1 !important;
    border-radius: 4px;
    margin-right: 32px;
    margin-top: 12px;
    padding: 12px 30px 13px 58px !important;
}

.blog-details div[align="left"] blockquote p {
    text-align: justify !important;
}

/*  Right  */
.blog-details div[align="right"] blockquote:after {
    top: 0 !important;
    margin-top: 20px;
    left: 7px !important;
}

.blog-details div[align="right"] blockquote {
    width: 52%;
    float: right;
    border-top: 0;
    text-align: justify !important;
    margin-bottom: 0 !important;
    border: 2px solid #A6A1A1 !important;
    border-radius: 4px;
    margin-left: 32px;
    margin-top: 12px;
    padding: 12px 30px 13px 56px !important;
}

.blog-details div[align="right"] blockquote p {
    text-align: justify !important;
}

/*  Center  */
.blog-details div[align="center"] blockquote {
    padding: 45px 0px 0 !important;
    text-align: center;
    border-bottom: none !important;
    border-top: none !important;
    text-align: center !important;
    margin-bottom: 16px;
}

.blog-details div[align="center"] blockquote p {
    text-align: center !important;
}

.blog-details div[align="center"] blockquote:after {
    left: 50% !important;
    transform: translate(-50%, 0);
    top: 0 !important;
}

@media only screen and (max-width: 575px) {
    .single-blog-box-layout3 .blog-details blockquote {
        padding: 20px 20px 30px;
        font-size: 17px
    }
}

.single-blog-box-layout3 .blog-details blockquote .qoute-subtitle, .single-blog-box-layout2 .single-blog-content .blog-details blockquote .qoute-subtitle {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #646464;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    margin-top: 22px
}

/* Video Iframe responsiveness */
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.e-paper-mobile {
    padding: 4px 14px;
    display: flex;
    justify-content: space-between;
    background: rgba(248, 248, 248, 1);
    border-bottom: 1px solid #B2B2B2;
}

.e-paper-link {
    font-weight: 500;
    font-size: 14px;
    color: #0B0B0B;
}

.e-paper-link:hover {
    color: #000000;
}

.bg-subtle-green {
    background-color: #A9E0A2;
}

.mobile-navigation .navbar-toggler.toggler-example {
    right: 14px;
    top: 11px;
    outline: 0;
}

.mobile-navigation .nav-item {
    padding: 1rem 1rem;
    border-bottom: 1px solid #E1E1E1;
}

.mobile-navigation .nav-item a.nav-link {
    padding: 0 1rem;
    color: #3B3B3B;
    font-size: 14px;
    font-weight: 500;
}

.ok-sticky-title {
    top: 50px;
    position: fixed !important;
    z-index: 99999;
    background: white;
    text-align: left;
    font-size: 30px !important;
    width: 100%;
    padding: 12px 0 !important;
}


.iframe-code {
    max-height: 860px;
    overflow-x: scroll
}

.widget-follow-us-2.special ul li.single-item a {
    font-size: 20px;
    line-height: 1.5;
    color: #000000;
    border-bottom: 1px solid #a7dea2;
}

.promo-four .blog-box-layout11:last-child {
    margin-bottom: 0;
    width: 100%;
}

#placement-one .blog-box-layout4,
#placement-one .blog-box-layout1,
#placement-9-10-11 .blog-box-layout1,
#placement-12 .blog-box-layout1,
.promo-one .col-lg-12 > .blog-box-layout1:last-child,
.related-item .blog-box-layout1,
#placement-five-six-six_one .blog-box-layout1 {
    border-bottom: none !important;
}

#placement-five-six-six_one .widget-post-tab .tab-nav-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-self: stretch;
    padding-bottom: 10px;
}

#placement-five-six-six_one .widget-post-tab .tab-nav-list .nav-item {
    border: 1px solid #E5E5E5;
    text-align: center;
    margin: 0 auto;
    padding: 4px 12px;
    flex: 1
}

#placement-five-six-six_one .widget-post-tab .tab-nav-list .nav-item a {
    padding-bottom: 0;
    font-size: 16px;
    color: #696969;
}

#placement-five-six-six_one .widget-post-tab .tab-nav-list .nav-item a.active {
    color: #000000;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .rising-blog-box-layout-one,
    .blog-box-layout1,
    .blog-box-layout2,
    .blog-box-layout11,
    .blog-box-layout4,
    .blog-box-layout5,
    .slider-box-layout1 {
        padding-bottom: 18px !important;
        margin-bottom: 18px !important;
        border-bottom: 1px solid #00AD004D !important;
        background-color: #FFFFFF !important;
        box-shadow: none !important;
    }

    .special-one .col-lg-12 {
        padding-bottom: 18px !important;
        margin-bottom: 18px !important;
        border-bottom: 1px solid #00AD004D !important;
        background-color: #FFFFFF !important;
        box-shadow: none !important;
    }

    .special-one .container.card-shadow {
        border-top: none;
        padding-top: 0 !important;
    }

    .rising-article-section.border-bottom.border-color-accent1 {
        border: none !important;
    }

    .bg-white .container.mt-5 {
        margin-top: 0 !important;
    }

    .blog-box-layout5 .item-content .item-title,
    .blog-box-layout2 .item-content .item-title,
    .small-block > .blog-box-layout4 .item-img,
    .blog-box-layout2 .item-img {
        margin-bottom: 0;
    }

    .section-twelve .slider-box-layout1 .item-img {
        margin-bottom: 100px;
    }

    .section-twelve .slider-box-layout1 .item-content {
        bottom: -22px;
        padding: 9px 11px;
        margin: 0 2rem;
    }

    .blog-box-layout5 .item-content {
        padding: 0;
    }

    .rising-article-section.border-bottom.border-color-accent1 .blog-box-layout1 .entry-meta.meta-color-dark,
    .rising-article-section.border-bottom.border-color-accent1 .blog-box-layout1 .entry-meta li {
        margin-bottom: 0;
    }

    .rising-blog-box-layout-one .item-img .item-content .item-title {
        width: 90%;
        margin-bottom: 8px;
        -webkit-line-clamp: 2;
    }

    .rising-blog-box-layout-one .ticker-text {
        display: none
    }

    .rising-blog-box-layout-one .entry-meta {
        margin-bottom: 0
    }

    .rising-article-section.promo-one .blog-box-layout1 .item-img img {
        width: 100%
    }

    .blog-box-layout1 .item-content .item-title, .blog-box-layout1 > .item-title a, .rising-blog-box-layout-one .item-img .item-content .item-title a, .section-two .blog-box-layout1 .item-content .item-title {
        font-size: 20px;
        line-height: normal;
    }

    .ticker-text a {
        font-size: 12px;
        padding: 12px;
        font-weight: 500;
    }

    .bg-white {
        padding-top: 0;
        background-color: #FFFFFF !important;
    }

    .rising-single-page-layout {
        padding-top: 3rem;
    }

    .entry-meta.meta-color-light li, .entry-meta.meta-color-light2 li {
        font-size: 12px;
    }

    .rising-article-section .item-title.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        margin-bottom: 8px;
    }

    .blog-box-layout11 .item-content .item-title {
        font-size: 20px;
        line-height: normal;
    }

    .blog-box-layout1 .item-content p,
    .blog-box-layout1.squeezed .item-content p,
    .blog-box-layout11 .item-content p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .blog-box-layout1 .item-img {
        margin-bottom: 12px;
    }

    .section-seven .entry-meta.meta-color-dark {
        margin-bottom: 0;
    }

    .rising-article-section .section-heading .item-heading {
        font-size: 20px;
    }

    .widget-featured-post .featured-post-box-2 {
        text-align: left;
    }

    .blog-box-layout5, .card-shadow {
        box-shadow: none !important;
        -webkit-box-shadow: none;
    }

    .mean-container .mean-bar .mobile-menu-nav-back {
        padding-left: 0;
        padding-right: 0;
    }

    .rising-single-page-layout .single-top-title {
        font-size: 24px;
        line-height: 34px;
    }

    .rising-single-box-one .blog-details > p {
        font-size: 18px !important;
        line-height: 28px;
    }

    .footer-wrap-layout1 .col-lg-8.text-center.text-md-left {
        font-size: 14px;
        line-height: 24px;
    }

    .footer-wrap-layout1 .col-lg-4 {
        text-align: center;
    }

    .section-heading, .section-heading-2 {
        margin-bottom: 16px;
        padding-bottom: 10px;
    }

    .rising-single-page-layout .rising-single-banner .ticker-text {
        margin-bottom: 1em !important;
        margin: 0 auto;
    }

    .rising-single-page-layout .text-white-50,
    .rising-single-page-layout .share-inline-block span {
        color: #000000 !important;
        font-size: 14px;
        line-height: normal;
    }

    .ok-sticky-title {
        top: 0;
        position: fixed !important;
        z-index: 99999;
        background: white;
        text-align: left;
        font-size: 20px !important;
        width: 98%;
        padding: 6px 0 !important;
    }

    .widget-follow-us-2.special ul li.single-item a {
        font-size: 18px;
        color: #000000;
    }
}

.bigyapan-section {
    padding-top: 3rem
}


.election-scroll > .row {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    gap: 4px;
    padding-bottom: 1.25rem
}

.election-scroll > .row > .col-auto {
    display: inline-block;
    float: none
}

.election-wrapper {
    gap: .25rem
}

.election-icon {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    padding: 2px;
    border-radius: 5px;
    border-radius: 2.5px
}

.election-icon img {
    width: 70px !important
}

.party-name {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    gap: 3px;
    color: #000000
}

.party-header-wrapper {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center
}

.party-header-wrapper .party-image > img {
    width: 70px;
    height: 70px;
    border-radius: 6px
}

.party-tab-wrapper {
    margin-top: 4rem;
    width: 100%;
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    border-bottom: none !important
}

.party-tab-wrapper .nav-item a {
    padding: 1rem 3rem;
    color: #000000;
    font-weight: 700;
    font-size: 1.6rem;
    border: 1px solid #000000;
    border-radius: 6px
}

.party-tab-wrapper .nav-item a.active {
    background: #000000;
    color: #FFFFFF
}