.banner-slider-wrap.text_slider .swiper-slide {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.banner-slider-wrap.text_slider .banner-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.banner-slider-wrap.text_slider .banner-bg.contain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.banner-slider-wrap.text_slider .banner-bg.contain img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.banner-slider-wrap.text_slider .banner-title {
    font-size: 5.2vw;
    font-weight: 700;
    color: var(--light-color);
    line-height: 1.1;
    padding: 0 50px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    text-align: center;
    margin: 0;
    word-break: break-word
}

.banner-slider-wrap.text_slider .banner-title.left-text {
    padding-right: 9%
}

.banner-slider-wrap.text_slider .banner-title.right-text {
    padding-left: 9%
}

.banner-slider-wrap.text_slider .img-center {
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 35vw;
    text-align: center
}

.banner-slider-wrap.text_slider .img-center img {
    width: 60%
}

.banner-slider-wrap.text_slider .content-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 85px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner-slider-wrap.text_slider .swiper-container {
    margin-bottom: 95px;
    overflow: visible
}

.banner-slider-wrap.text_slider .swiper-pagination {
    position: static;
    padding: 38px
}

.banner-slider-wrap.text_slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px
}

.banner-slider-wrap.text_slider .swiper-pagination-bullet-active {
    background: var(--dark-color)
}

.banner-slider-wrap.text_slider .swiper-button-prev,
.banner-slider-wrap.text_slider .swiper-button-next {
    background-image: none;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 60px;
    width: 60px
}

.banner-slider-wrap.text_slider .svg-nav {
    height: 60px;
    width: 60px
}

.banner-slider-wrap.text_slider .svg-nav .circle1 {
    stroke: #dadada;
    fill: none;
    stroke-width: 3;
    stroke-miterlimit: 10;
    opacity: .5
}

.banner-slider-wrap.text_slider .svg-nav .circle2 {
    fill: none;
    stroke: var(--dark-color);
    stroke-width: 3;
    stroke-miterlimit: 10;
    opacity: 1;
    stroke-dasharray: 239;
    stroke-dashoffset: 239;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%
}

.banner-slider-wrap.text_slider .svg-nav .poly-arrow {
    stroke: #dadada;
    stroke-width: 2px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s
}

.banner-slider-wrap.text_slider .svg-nav .poly-arrow-hover {
    opacity: 0;
    stroke: var(--dark-color)
}

.banner-slider-wrap.text_slider .swiper-button-prev {
    left: 60px
}

.banner-slider-wrap.text_slider .swiper-button-prev .circle2 {
    -webkit-transform: rotate(-270deg) scale(-1, 1);
    -ms-transform: rotate(-270deg) scale(-1, 1);
    transform: rotate(-270deg) scale(-1, 1)
}

.banner-slider-wrap.text_slider .swiper-button-next {
    right: 60px
}

.banner-slider-wrap.text_slider .swiper-button-next .circle2 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.banner-slider-wrap.text_slider .swiper-button-prev:hover .circle2,
.banner-slider-wrap.text_slider .swiper-button-next:hover .circle2 {
    stroke-dashoffset: 119
}

.banner-slider-wrap.text_slider .swiper-button-prev:hover .poly-arrow-hover,
.banner-slider-wrap.text_slider .swiper-button-next:hover .poly-arrow-hover {
    opacity: 1;
    stroke-width: 3px
}

@media (max-width:1500px) {
    .banner-slider-wrap.text_slider .img-center img {
        width: 70%
    }
}

@media (max-width:1200px) {
    .banner-slider-wrap.text_slider .swiper-button-prev {
        left: 30px
    }
    .banner-slider-wrap.text_slider .swiper-button-next {
        right: 30px
    }
    .banner-slider-wrap.text_slider .banner-title {
        padding: 0 15px
    }
}

@media (max-width:991px) {
    .banner-slider-wrap.text_slider .svg-nav {
        width: 45px;
        height: 45px
    }
    .banner-slider-wrap.text_slider .swiper-button-prev,
    .banner-slider-wrap.text_slider .swiper-button-next {
        width: 50px;
        height: 50px
    }
    .banner-slider-wrap.text_slider .swiper-button-prev {
        left: 20px
    }
    .banner-slider-wrap.text_slider .swiper-button-next {
        right: 20px
    }
    .banner-slider-wrap.text_slider .content-wrap {
        display: block
    }
    .banner-slider-wrap.text_slider .banner-title {
        margin: 15px 0;
        max-width: 100%;
        font-size: 7.3vw
    }
    .banner-slider-wrap.text_slider .banner-title.left-text {
        padding-right: 15px
    }
    .banner-slider-wrap.text_slider .banner-title.right-text {
        padding-left: 15px
    }
    .banner-slider-wrap.text_slider .img-center img {
        width: 35vh
    }
}
@media (max-width:567px) {

    .banner-slider-wrap.text_slider .swiper-container{
        height: 310px !important;
    }
    .swiper-container-android .swiper-slide, .swiper-wrapper{
        height: 300px;
    }
}

.cs-portfolio__list {
    margin: -15px;
    transition: 1s height
}

.cs-portfolio__list.full-width {
    left: -webkit-calc(50%);
    left: calc(50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0
}

.cs-portfolio__list.full-width-space {
    left: -webkit-calc(50%);
    left: calc(50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0
}

.cs-portfolio__list.no-space {
    margin: 0
}

.cs-portfolio__image {
    background-color: var(--dark-color);
    width: calc(100% + 1px)
}

@media only screen and (max-width:767px) {
    .cs-portfolio__image {
        max-height: 65vh;
        max-height: 65vmax;
        overflow-y: hidden
    }
    header {
        padding: 0px 15px!important;
    }
    video {
        object-fit: fill;
        height: 250px !important;
    }
    .header_trans-fixed.header_top_bg{
      height: 67px
    }
    
}

.cs-portfolio__image img {
    width: 100%;
    height: auto
}

.cs-portfolio__load {
    margin-top: 80px;
    text-align: center
}

.cs-portfolio__item-link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    visibility: hidden
}

.cs-portfolio__item-wrap:hover .cs-portfolio__item-link {
    visibility: visible
}

.cs-portfolio__width.no-space {
    padding-left: 0;
    padding-right: 0
}

.cs-portfolio__item.no-space {
    padding-left: 0;
    padding-right: 0
}

.cs-portfolio__item.space-normal {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width:768px) {
    .cs-portfolio__item.cs-5-col,
    .cs-portfolio__width.cs-5-col {
        width: 33.33%
    }
    .cs-portfolio__item.cs-5-col-2,
    .cs-portfolio__width.cs-5-col-2 {
        width: 66.66%
    }
}

@media (min-width:991px) {
    .cs-portfolio__item.cs-5-col,
    .cs-portfolio__width.cs-5-col {
        width: 25%
    }
    .cs-portfolio__item.cs-5-col-2,
    .cs-portfolio__width.cs-5-col-2 {
        width: 50%
    }
    .cs-portfolio__item.cs-5-col-3,
    .cs-portfolio__width.cs-5-col-3 {
        width: 75%
    }
}

@media (min-width:1200px) {
    .cs-portfolio__item.cs-5-col,
    .cs-portfolio__width.cs-5-col {
        width: 20%
    }
    .cs-portfolio__item.cs-5-col-2,
    .cs-portfolio__width.cs-5-col-2 {
        width: 40%
    }
    .cs-portfolio__item.cs-5-col-3,
    .cs-portfolio__width.cs-5-col-3 {
        width: 60%
    }
    .cs-portfolio__item.cs-5-col-4,
    .cs-portfolio__width.cs-5-col-4 {
        width: 80%
    }
}

.cs-portfolio__overlay {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 332;
    transition: all .3s ease
}

.cs-portfolio__overlay.active {
    opacity: 1;
    pointer-events: visible
}

.cs-portfolio__close {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--light-color);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    position: fixed;
    z-index: 9999;
    display: none;
    font-size: 20px
}

.cs-portfolio .mob-filter {
    display: none
}

.cs-portfolio-full__bar {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    background-color: var(--light-color);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    top: 50%;
    z-index: 9998;
    box-shadow: 0 50px 100px 0 rgba(0, 0, 0, .3);
    transition: all .3s ease;
    max-width: 1200px;
    width: 100%
}

.cs-portfolio-full__bar.active {
    opacity: 1;
    pointer-events: visible
}

.cs-portfolio-full__bar .btn-wrap {
    position: absolute;
    bottom: -26px;
    right: 50px
}

.cs-portfolio-full__bar .btn-wrap i {
    margin-right: 15px
}

.cs-portfolio-full__bar .btn-wrap .a-btn:first-of-type {
    margin-right: 12px
}

.cs-portfolio-full__filter {
    display: flex
}

.cs-portfolio-full__filter-wrap {
    max-height: 80vh;
    overflow: auto;
    padding: 60px 70px;
    flex: 1;
    background-image: linear-gradient(154deg, rgba(var(--light-color), .5), rgba(0, 0, 0, .1))
}

.cs-portfolio-full__filter-tabs {
    font-size: 36px;
    color: var(--dark-color);
    margin-bottom: 30px;
    font-weight: 700
}

.cs-portfolio-full__filter-item {
    margin-bottom: 13px;
    font-size: 14px;
    color: var(--grey-color);
    font-weight: 600;
    transition: all .3s ease;
    position: relative;
    transform: translateY(-50%)
}

.cs-portfolio-full__filter-item:hover {
    cursor: pointer
}

.cs-portfolio-full__filter-item::before {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    background-color: var(--dark-color);
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.cs-portfolio-full__filter-item.active {
    color: #000;
    padding-left: 10px
}

.cs-portfolio-full__filter-item.active::before {
    width: 15px
}

.cs-portfolio__bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 110px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 80px
}

.cs-portfolio__title {
    padding: 0 15px;
    margin: 0;
    font-size: 40px;
    width: auto
}

.cs-portfolio__filter {
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.cs-portfolio__filter:last-child:first-child {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 100%
}

.cs-portfolio__filter:last-child:first-child.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cs-portfolio__filter-tabs {
    display: flex;
    flex-wrap: wrap
}

.cs-portfolio__filter-tabs-item {
    margin: 0 19px;
    cursor: pointer;
    font-size: 12px;
    color: var(--dark-color);
    opacity: .47;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.8px
}

.cs-portfolio__filter-tabs-item.active {
    opacity: 1
}

.cs-portfolio__filter-tabs-current {
    font-size: 12px;
    color: var(--dark-color);
    font-weight: 700;
    margin: 0 17px 10px;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 1.8px
}

.cs-portfolio__filter-content-inner {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -48px;
    opacity: 0;
    visibility: hidden
}

.cs-portfolio__filter-content-inner.show {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease
}

.cs-portfolio__filter-content-inner.hide {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease
}

.cs-portfolio__filter-content-inner div {
    margin: 0 10px
}

.cs-portfolio__filter.style-1 .cs-portfolio__filter-item {
    display: inline-block;
    color: var(--grey-color);
    font-size: 13px;
    font-weight: 500;
    transition: 0.35s;
    cursor: pointer;
    position: relative;
    white-space: nowrap
}

.cs-portfolio__filter.style-1 .cs-portfolio__filter-item.hide {
    opacity: .3;
    pointer-events: none;
    touch-action: none
}

.cs-portfolio__filter.style-1 .cs-portfolio__filter-item::before {
    content: "";
    width: 0;
    left: 50%;
    height: 1px;
    background-color: var(--grey-color);
    position: absolute;
    bottom: 0;
    transition: all .3s ease
}

.cs-portfolio__filter.style-1 .cs-portfolio__filter-item.active {
    color: var(--dark-color)
}

.cs-portfolio__filter.style-1 .cs-portfolio__filter-item.active::before {
    width: 100%;
    left: 0
}

.cs-portfolio__filter.style-2 .cs-portfolio__filter-item {
    display: inline-block;
    color: var(--grey-color);
    font-size: 15px;
    font-weight: 600;
    transition: 0.35s;
    cursor: pointer;
    position: relative
}

.cs-portfolio__filter.style-2 .cs-portfolio__filter-item:after {
    height: 1px;
    width: 100%;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--grey-color);
    -ms-transform-origin: right center;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -o-transition: -o-transform 0.25s cubic-bezier(.25, .8, .25, 1);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(.25, .8, .25, 1);
    transition: -webkit-transform 0.25s cubic-bezier(.25, .8, .25, 1);
    -o-transition: transform 0.25s cubic-bezier(.25, .8, .25, 1);
    transition: transform 0.25s cubic-bezier(.25, .8, .25, 1);
    transition: transform 0.25s cubic-bezier(.25, .8, .25, 1), -webkit-transform 0.25s cubic-bezier(.25, .8, .25, 1)
}

.cs-portfolio__filter.style-2 .cs-portfolio__filter-item.active {
    color: var(--dark-color)
}

.cs-portfolio__filter.style-2 .cs-portfolio__filter-item.active:after {
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.cs-portfolio__filter.style-2 .cs-portfolio__filter-item:hover:after {
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.cs-portfolio__filter.filter-light .cs-portfolio__filter-tabs-item {
    color: var(--light-color);
    opacity: .32
}

.cs-portfolio__filter.filter-light .cs-portfolio__filter-tabs-item.active {
    opacity: 1;
    color: var(--light-color)
}

.cs-portfolio__filter.filter-light .cs-portfolio__filter-tabs-current {
    color: var(--light-color)
}

.cs-portfolio__filter.filter-light.style-1 .cs-portfolio__filter-item {
    color: var(--light-color);
    opacity: .32
}

.cs-portfolio__filter.filter-light.style-1 .cs-portfolio__filter-item.active {
    color: var(--light-color);
    opacity: 1
}

.cs-portfolio .swiper-slide {
    width: auto;
    padding: 0 20px
}

.cs-portfolio .swiper-button-next,
.cs-portfolio .swiper-button-prev {
    font-family: "Ionicons";
    border: solid 2px var(--grey-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    position: static;
    cursor: pointer;
    transition: 0.35s;
    margin: 0;
    margin-left: 10px;
    left: auto;
    background-image: none;
    flex: 0 0 40px
}

.cs-portfolio .swiper-button-next:hover,
.cs-portfolio .swiper-button-prev:hover {
    background-color: var(--grey-color)
}

.cs-portfolio .swiper-button-prev {
    right: 65px
}

.cs-portfolio .swiper-button-prev:before {
    content: "\f3cf"
}

.cs-portfolio .swiper-button-next {
    right: 15px
}

.cs-portfolio .swiper-button-next:before {
    content: "\f3d1"
}

.cs-portfolio .swiper-container {
    max-width: 100%;
    margin-right: 20px;
    margin-left: -20px
}

.cs-portfolio .swiper-container:last-child {
    margin-right: -20px
}

.cs-portfolio__pagination {
    text-align: center;
    margin-top: 70px;
    position: relative;
    z-index: 1
}

.cs-portfolio__pagination a {
    font-weight: 600;
    color: #b5b5b5;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle
}

.cs-portfolio__pagination a.active,
.cs-portfolio__pagination a:hover {
    color: var(--dark-color)
}

.cs-portfolio__pagination-page {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px
}

.cs-portfolio__pagination-next,
.cs-portfolio__pagination-prev {
    font-size: 12px
}

.cs-portfolio__pagination-next {
    margin-left: 20px
}

.cs-portfolio__pagination-next:before {
    content: "\f3d1";
    font-family: "Ionicons"
}

.cs-portfolio__pagination-prev {
    margin-right: 20px
}

.cs-portfolio__pagination-prev:before {
    content: "\f3cf";
    font-family: "Ionicons"
}

.cs-portfolio__item.style-1 .cs-portfolio__item-wrap {
    position: relative;
    overflow: hidden
}

.cs-portfolio__item.style-1 .cs-portfolio__image {
    transition: 0.35s
}

.cs-portfolio__item.style-1 .cs-portfolio__category {
    display: none
}

.cs-portfolio__item.style-1 .cs-portfolio__content {
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    z-index: 2;
    background-color: var(--light-color);
    padding: 7% 12%;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.cs-portfolio__item.style-1 .cs-portfolio__item-title {
    font-size: 28px
}

.cs-portfolio__item.style-1 .cs-portfolio__link {
    color: var(--grey-color);
    font-size: 15px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-weight: 600
}

.cs-portfolio__item.style-1 .cs-portfolio__link:before {
    width: 0;
    height: 1px;
    background-color: var(--grey-color);
    display: inline-block;
    content: '';
    top: -4px;
    left: 0;
    transition: 0.35s;
    position: relative
}

.cs-portfolio__item.style-1 .cs-portfolio__link:hover {
    color: #a0d1bf
}

.cs-portfolio__item.style-1 .cs-portfolio__link:hover:before {
    width: 40px;
    background-color: #a0d1bf
}

.cs-portfolio__item.style-1 .cs-portfolio__item-wrap:hover .cs-portfolio__content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.cs-portfolio__item.style-1 .cs-portfolio__item-wrap:hover .cs-portfolio__image {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.cs-portfolio__item.style-2 .cs-portfolio__item-wrap {
    position: relative
}

.cs-portfolio__item.style-2 .cs-portfolio__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    padding: 45px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.cs-portfolio__item.style-2 .cs-portfolio__content:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(var(--light-color-a), .9);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    z-index: -1
}

.cs-portfolio__item.style-2 .cs-portfolio__category {
    display: none
}

.cs-portfolio__item.style-2 .cs-portfolio__item-title {
    font-size: 1.68vw;
    line-height: 1.2;
    pointer-events: auto;
    margin-bottom: 10px;
    text-transform: capitalize
}

.cs-portfolio__item.style-2 .cs-portfolio__link {
    color: var(--grey-color);
    font-size: 15px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-weight: 600;
    pointer-events: auto;
    text-transform: capitalize
}

.cs-portfolio__item.style-2 .cs-portfolio__link:before {
    width: 0;
    height: 1px;
    background-color: var(--grey-color);
    display: inline-block;
    content: '';
    top: -4px;
    left: 0;
    transition: 0.35s;
    position: relative
}

.cs-portfolio__item.style-2 .cs-portfolio__link:hover {
    color: #a0d1bf
}

.cs-portfolio__item.style-2 .cs-portfolio__link:hover:before {
    width: 40px;
    background-color: #a0d1bf
}

.cs-portfolio__item.style-2 .cs-portfolio__item-wrap:hover .cs-portfolio__content {
    opacity: 1
}

.cs-portfolio__item.style-2 .cs-portfolio__item-wrap:hover .cs-portfolio__content:before {
    left: 30px;
    top: 30px;
    bottom: 30px;
    right: 30px
}

.cs-portfolio__item.style-3 .cs-portfolio__item-wrap {
    position: relative
}

.cs-portfolio__item.style-3 .cs-portfolio__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    position: relative
}

.cs-portfolio__item.style-3 .cs-portfolio__item-title {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 0;
    padding-right: 15px
}

.cs-portfolio__item.style-3 .cs-portfolio__image {
    background-position: 0 0;
    -webkit-transition: 3s background-position, .3s box-shadow;
    -o-transition: 3s background-position, .3s box-shadow;
    transition: 3s background-position, .3s box-shadow
}

.cs-portfolio__item.style-3 .cs-portfolio__category,
.cs-portfolio__item.style-3 .cs-portfolio__link {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    -webkit-transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out
}

.cs-portfolio__item.style-3 .cs-portfolio__category:before,
.cs-portfolio__item.style-3 .cs-portfolio__link:before {
    height: 1px;
    display: inline-block;
    content: '';
    top: -4px;
    left: -5px;
    position: relative;
    width: 40px;
    background-color: currentColor
}

.cs-portfolio__item.style-3 .cs-portfolio__category {
    color: #b5b5b5;
    position: relative;
    text-align: right
}

.cs-portfolio__item.style-3 .cs-portfolio__link {
    color: #a0d1bf;
    text-decoration: none;
    text-align: right;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden
}

.cs-portfolio__item.style-3 .cs-portfolio__link:before {
    left: -2px
}

.cs-portfolio__item.style-3 .cs-portfolio__item-wrap:hover .cs-portfolio__category {
    opacity: 0;
    visibility: hidden
}

.cs-portfolio__item.style-3 .cs-portfolio__item-wrap:hover .cs-portfolio__link {
    opacity: 1;
    visibility: visible
}

.cs-portfolio__item.style-3 .cs-portfolio__item-wrap:hover .cs-portfolio__image {
    background-position: 100% 100%;
    box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .11)
}

.cs-portfolio__item.style-3.grid .cs-portfolio__content {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--light-color);
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px
}

.cs-portfolio__item.style-3.grid.no-space .cs-portfolio__content {
    padding-left: 15px;
    padding-right: 15px
}

.cs-portfolio__item.style-4 .cs-portfolio__item-wrap {
    position: relative;
    overflow: hidden
}

.cs-portfolio__item.style-4 .cs-portfolio__image {
    transition: 0.35s
}

.cs-portfolio__item.style-4 .cs-portfolio__category {
    color: var(--grey-color);
    font-size: 15px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1
}

.cs-portfolio__item.style-4 .cs-portfolio__content {
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    pointer-events: none;
    z-index: 2;
    background-color: var(--light-color);
    padding: 7% 11%;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.cs-portfolio__item.style-4 .cs-portfolio__item-title {
    font-size: 26px;
    line-height: 1
}

.cs-portfolio__item.style-4 .cs-portfolio__link {
    display: none
}

.cs-portfolio__item.style-4 .cs-portfolio__item-wrap:hover .cs-portfolio__content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.cs-portfolio__item.style-4 .cs-portfolio__item-wrap:hover .cs-portfolio__image {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.cs-portfolio__item.style-5 {
    overflow: visible
}

.cs-portfolio__item.style-5.justified {
    width: auto
}

.cs-portfolio__item.style-5 .cs-portfolio__item-wrap {
    overflow: hidden;
    transition: all .3s ease;
    position: relative
}

.cs-portfolio__item.style-5 .cs-portfolio__justified-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.cs-portfolio__item.style-5 .cs-portfolio__justified-wrap img {
    max-width: 102%
}

.cs-portfolio__item.style-5 .cs-portfolio__link {
    display: none
}

.cs-portfolio__item.style-5 .cs-portfolio__content {
    position: absolute;
    bottom: 15px;
    right: -26%;
    background-color: #000;
    padding: 18px 40px;
    z-index: 1;
    transform: translateX(-175%);
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none
}

.cs-portfolio__item.style-5 .cs-portfolio__item-title {
    font-size: 26px;
    font-weight: 700;
    color: var(--light-color);
    line-height: 1;
    margin-bottom: 5px
}

.cs-portfolio__item.style-5 .cs-portfolio__category {
    font-size: 12px;
    font-weight: 700;
    opacity: .5;
    letter-spacing: 1.8px;
    color: var(--light-color);
    text-transform: uppercase
}

.cs-portfolio__item.style-5:hover {
    transform: scale(1.13);
    z-index: 1;
    transition: all .3s ease
}

.cs-portfolio__item.style-5:hover.justified .cs-portfolio__content {
    right: auto
}

.cs-portfolio__item.style-5:hover .cs-portfolio__item-wrap {
    box-shadow: 0 0 35px 20px rgba(0, 0, 0, .5)
}

.static-menu-animation .cs-portfolio__item.style-2 .cs-portfolio__item-title {
    font-size: 26px
}

.popup-span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
    background-color: #000;
    padding: 18px 40px;
    font-size: 26px;
    font-weight: 700;
    color: var(--light-color);
    line-height: 1;
    margin-bottom: 5px;
    max-width: 250px;
    word-break: break-word
}

.popup-span .cs-portfolio__item-title {
    font-size: 26px;
    font-weight: 700;
    color: var(--light-color);
    line-height: 1;
    margin-bottom: 5px
}

.popup-span .cs-portfolio__category {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: var(--grey-color);
    text-transform: uppercase
}

@media (max-width:1280px) {
    .cs-portfolio__item.style-4 .cs-portfolio__item-title {
        font-size: 20px
    }
}

@media (max-width:1200px) {
    .cs-portfolio__bar {
        padding: 0 50px
    }
    .cs-portfolio-full__filter-wrap {
        width: 50%;
        flex: auto
    }
    .cs-portfolio-full__bar {
        width: 80%
    }
    .cs-portfolio-full__filter {
        flex-wrap: wrap;
        max-height: 80vh;
        overflow: auto
    }
    .cs-portfolio-full__filter-tabs {
        font-size: 30px
    }
}

@media (max-width:991px) {
    .cs-portfolio-full__filter {
        margin-bottom: 60px
    }
    .cs-portfolio-full__filter-wrap {
        padding: 60px 70px 0
    }
}

@media (max-width:991px) {
    .cs-portfolio__bar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 70px
    }
    .cs-portfolio__filter-content-inner {
        bottom: -35px
    }
    .cs-portfolio__title {
        font-size: 32px;
        width: 100%;
        margin-bottom: 25px;
        text-align: center
    }
    .cs-portfolio__filter {
        width: 100%;
        max-width: 100%
    }
    .cs-portfolio__list {
        margin-bottom: -15px
    }
    .cs-portfolio__load {
        margin-top: 50px
    }
    .cs-portfolio__item.style-1 .cs-portfolio__item-title {
        font-size: 21px
    }
    .cs-portfolio__item.style-1 .cs-portfolio__link:hover {
        text-indent: 30px
    }
    .cs-portfolio__item.style-1 .cs-portfolio__link:hover:before {
        width: 25px
    }
    .cs-portfolio__item.style-2 .cs-portfolio__item-title {
        font-size: 2.8vw
    }
    .cs-portfolio__item.style-4 .cs-portfolio__item-title {
        font-size: 20px
    }
    .cs-portfolio__item.style-5:hover .cs-portfolio__item-wrap {
        box-shadow: 0 0 50px 0 var(--grey-color);
        overflow: visible
    }
    .cs-portfolio__item.style-5:hover .cs-portfolio__content {
        opacity: 1;
        z-index: 2;
        transform: translateX(0) scale(.87);
        right: 0
    }
}

@media (max-width:767px) {
    .cs-portfolio__item.space-normal {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .cs-portfolio__item.style-4 .cs-portfolio__content {
        padding: 25px 10% 10px
    }
    .cs-portfolio__load {
        margin-top: 35px
    }
    .cs-portfolio__bar {
        padding: 0 15px;
        margin-bottom: 50px
    }
    .cs-portfolio__filter-tabs {
        justify-content: center
    }
    .cs-portfolio__filter-tabs-item {
        margin-bottom: 10px
    }
    .cs-portfolio__filter-content-inner {
        bottom: -20px
    }
    .cs-portfolio__item.style-2 .cs-portfolio__item-title {
        font-size: 4.5vw
    }
    .static-menu-animation .cs-portfolio__item.style-2 .cs-portfolio__item-title {
        font-size: 4.5vw
    }
    body.filter-overlay {
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%
    }
    .cs-portfolio__item.style-5:hover .cs-portfolio__content {
        opacity: 0
    }
}

@media (max-width:600px) {
    .cs-portfolio-full__filter-wrap {
        width: 100%;
        padding: 30px 40px 0
    }
    .cs-portfolio-full__bar {
        width: 80%
    }
    .cs-portfolio-full__bar .btn-wrap {
        right: 10px
    }
    .cs-portfolio-full__filter-tabs {
        font-size: 30px;
        margin-bottom: 15px
    }
    .cs-portfolio-full__filter {
        height: 75vh;
        overflow-y: scroll;
        margin-bottom: 20px
    }
}

@media (max-width:400px) {
    .cs-portfolio-full__filter-wrap {
        padding: 15px 15px 0
    }
    .cs-portfolio-full__bar .btn-wrap {
        text-align: center;
        width: 100%;
        right: 0
    }
    .cs-portfolio-full__bar .btn-wrap .a-btn:first-of-type {
        margin-right: 0
    }
}

@media (max-width:375px) {
    .cs-portfolio__title {
        font-size: 27px
    }
    .cs-portfolio__title {
        margin-bottom: 25px
    }
    .cs-portfolio .swiper-button-next,
    .cs-portfolio .swiper-button-prev {
        width: 26px;
        height: 26px;
        flex: 0 0 26px;
        line-height: 22px;
        font-size: 12px
    }
    .cs-portfolio .swiper-button-prev {
        order: -1;
        margin-left: 0;
        margin-right: 10px
    }
    .cs-portfolio .swiper-container {
        margin: 0
    }
}

.cs-portfolio--mosaics {
    padding-left: 70px;
    padding-right: 70px
}

.cs-portfolio--mosaics .cs-portfolio__list {
    margin-bottom: -85px
}

.cs-portfolio--mosaics .cs-portfolio__bar {
    margin-bottom: 129px
}

.cs-portfolio--mosaics .cs-portfolio__image {
    padding-bottom: 470px
}

.cs-portfolio--mosaics .cs-portfolio__item.visibility-item {
    padding: 0 35px 85px
}

.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-child(8n+1) .cs-portfolio__image,
.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-child(8n+3) .cs-portfolio__image {
    padding-bottom: 610px
}

.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2),
.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+4),
.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+6),
.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+7) {
    padding-bottom: 70px
}

.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2) .cs-portfolio__item-wrap,
.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+4) .cs-portfolio__item-wrap,
.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+6) .cs-portfolio__item-wrap,
.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+7) .cs-portfolio__item-wrap {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto
}

.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2) {
    padding-top: 70px
}

.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+5) {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 10%;
    padding-left: 0;
    margin-left: -55px
}

.cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n) {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 10%;
    padding-right: 0;
    margin-right: -55px
}

@media (max-width:1200px) {
    .cs-portfolio--mosaics {
        padding-left: 0;
        padding-right: 0
    }
    .cs-portfolio--mosaics .cs-portfolio__bar {
        margin-bottom: 100px
    }
    .cs-portfolio--mosaics .cs-portfolio__list {
        margin-bottom: -70px
    }
    .cs-portfolio--mosaics .cs-portfolio__image {
        padding-bottom: 400px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item {
        padding: 0 30px 70px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-child(8n+1) .cs-portfolio__image,
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-child(8n+3) .cs-portfolio__image {
        padding-bottom: 550px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+4),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+6),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+7) {
        padding-bottom: 60px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2) .cs-portfolio__item-wrap,
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+4) .cs-portfolio__item-wrap,
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+6) .cs-portfolio__item-wrap,
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+7) .cs-portfolio__item-wrap {
        max-width: 90%
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2) {
        padding-top: 60px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+5) {
        margin-left: 0
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n) {
        margin-right: 0
    }
}

@media (max-width:991px) {
    .cs-portfolio--mosaics .cs-portfolio__bar {
        margin-bottom: 80px
    }
    .cs-portfolio--mosaics .cs-portfolio__list {
        margin-bottom: -50px
    }
    .cs-portfolio--mosaics .cs-portfolio__image {
        padding-bottom: 320px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item {
        padding: 0 15px 50px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-child(8n+1) .cs-portfolio__image,
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-child(8n+3) .cs-portfolio__image {
        padding-bottom: 400px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+4),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+6),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+7) {
        padding-bottom: 50px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2) {
        padding-top: 40px
    }
}

@media (max-width:767px) {
    .cs-portfolio--mosaics .cs-portfolio__bar {
        margin-bottom: 35px
    }
    .cs-portfolio--mosaics .cs-portfolio__list {
        margin-bottom: -15px
    }
    .cs-portfolio--mosaics .cs-portfolio__image {
        padding-bottom: 100%
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item {
        padding: 0 0 35px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-child(8n+1) .cs-portfolio__image,
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-child(8n+3) .cs-portfolio__image {
        padding-bottom: 125%
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+4),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+6),
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+7) {
        padding-bottom: 35px
    }
    .cs-portfolio--mosaics .cs-portfolio__item.visibility-item:nth-of-type(8n+2) {
        padding-top: 0
    }
}

.cs-portfolio__item.visibility-item:nth-child(1) [data-css-animation] {
    -webkit-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms
}

.cs-portfolio__item.visibility-item:nth-child(2) [data-css-animation] {
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms
}

.cs-portfolio__item.visibility-item:nth-child(3) [data-css-animation] {
    -webkit-transition-delay: 1350ms;
    -o-transition-delay: 1350ms;
    transition-delay: 1350ms
}

.cs-portfolio__item.visibility-item:nth-child(4) [data-css-animation] {
    -webkit-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms
}

.cs-portfolio__item.visibility-item:nth-child(5) [data-css-animation] {
    -webkit-transition-delay: 2250ms;
    -o-transition-delay: 2250ms;
    transition-delay: 2250ms
}

.cs-portfolio__item.visibility-item:nth-child(6) [data-css-animation] {
    -webkit-transition-delay: 2700ms;
    -o-transition-delay: 2700ms;
    transition-delay: 2700ms
}

.cs-portfolio__item.visibility-item:nth-child(7) [data-css-animation] {
    -webkit-transition-delay: 3150ms;
    -o-transition-delay: 3150ms;
    transition-delay: 3150ms
}

.cs-portfolio__item.visibility-item:nth-child(8) [data-css-animation] {
    -webkit-transition-delay: 3600ms;
    -o-transition-delay: 3600ms;
    transition-delay: 3600ms
}

.cs-portfolio__item.visibility-item:nth-child(9) [data-css-animation] {
    -webkit-transition-delay: 4050ms;
    -o-transition-delay: 4050ms;
    transition-delay: 4050ms
}

.cs-portfolio__item.visibility-item:nth-child(10) [data-css-animation] {
    -webkit-transition-delay: 4500ms;
    -o-transition-delay: 4500ms;
    transition-delay: 4500ms
}

.cs-portfolio__item.visibility-item:nth-child(11) [data-css-animation] {
    -webkit-transition-delay: 4950ms;
    -o-transition-delay: 4950ms;
    transition-delay: 4950ms
}

.cs-portfolio__item.visibility-item:nth-child(12) [data-css-animation] {
    -webkit-transition-delay: 5400ms;
    -o-transition-delay: 5400ms;
    transition-delay: 5400ms
}

.cs-portfolio__item.visibility-item:nth-child(13) [data-css-animation] {
    -webkit-transition-delay: 5850ms;
    -o-transition-delay: 5850ms;
    transition-delay: 5850ms
}

.cs-portfolio__item.visibility-item:nth-child(14) [data-css-animation] {
    -webkit-transition-delay: 6300ms;
    -o-transition-delay: 6300ms;
    transition-delay: 6300ms
}

.cs-portfolio__item.visibility-item:nth-child(15) [data-css-animation] {
    -webkit-transition-delay: 6750ms;
    -o-transition-delay: 6750ms;
    transition-delay: 6750ms
}

.cs-portfolio__item.visibility-item:nth-child(16) [data-css-animation] {
    -webkit-transition-delay: 7200ms;
    -o-transition-delay: 7200ms;
    transition-delay: 7200ms
}

.cs-portfolio__item.visibility-item:nth-child(17) [data-css-animation] {
    -webkit-transition-delay: 7650ms;
    -o-transition-delay: 7650ms;
    transition-delay: 7650ms
}

.cs-portfolio__item.visibility-item:nth-child(18) [data-css-animation] {
    -webkit-transition-delay: 8100ms;
    -o-transition-delay: 8100ms;
    transition-delay: 8100ms
}

.cs-portfolio__item.visibility-item:nth-child(19) [data-css-animation] {
    -webkit-transition-delay: 8550ms;
    -o-transition-delay: 8550ms;
    transition-delay: 8550ms
}

.cs-portfolio__item.visibility-item:nth-child(20) [data-css-animation] {
    -webkit-transition-delay: 9000ms;
    -o-transition-delay: 9000ms;
    transition-delay: 9000ms
}

.cs-portfolio__item.visibility-item:nth-child(21) [data-css-animation] {
    -webkit-transition-delay: 9450ms;
    -o-transition-delay: 9450ms;
    transition-delay: 9450ms
}

.cs-portfolio__item.visibility-item:nth-child(22) [data-css-animation] {
    -webkit-transition-delay: 9900ms;
    -o-transition-delay: 9900ms;
    transition-delay: 9900ms
}

.cs-portfolio__item.visibility-item:nth-child(23) [data-css-animation] {
    -webkit-transition-delay: 10350ms;
    -o-transition-delay: 10350ms;
    transition-delay: 10350ms
}

.cs-portfolio__item.visibility-item:nth-child(24) [data-css-animation] {
    -webkit-transition-delay: 10800ms;
    -o-transition-delay: 10800ms;
    transition-delay: 10800ms
}

.cs-portfolio__item.visibility-item:nth-child(25) [data-css-animation] {
    -webkit-transition-delay: 11250ms;
    -o-transition-delay: 11250ms;
    transition-delay: 11250ms
}

.cs-portfolio__item.visibility-item:nth-child(26) [data-css-animation] {
    -webkit-transition-delay: 11700ms;
    -o-transition-delay: 11700ms;
    transition-delay: 11700ms
}

.cs-portfolio__item.visibility-item:nth-child(27) [data-css-animation] {
    -webkit-transition-delay: 12150ms;
    -o-transition-delay: 12150ms;
    transition-delay: 12150ms
}

.cs-portfolio__item.visibility-item:nth-child(28) [data-css-animation] {
    -webkit-transition-delay: 12600ms;
    -o-transition-delay: 12600ms;
    transition-delay: 12600ms
}

.cs-portfolio__item.visibility-item:nth-child(29) [data-css-animation] {
    -webkit-transition-delay: 13050ms;
    -o-transition-delay: 13050ms;
    transition-delay: 13050ms
}

.cs-portfolio__item.visibility-item:nth-child(30) [data-css-animation] {
    -webkit-transition-delay: 13500ms;
    -o-transition-delay: 13500ms;
    transition-delay: 13500ms
}

.cs-portfolio__item.visibility-item:nth-child(31) [data-css-animation] {
    -webkit-transition-delay: 13950ms;
    -o-transition-delay: 13950ms;
    transition-delay: 13950ms
}

.cs-portfolio__item.visibility-item:nth-child(32) [data-css-animation] {
    -webkit-transition-delay: 14400ms;
    -o-transition-delay: 14400ms;
    transition-delay: 14400ms
}

.cs-portfolio__item.visibility-item:nth-child(33) [data-css-animation] {
    -webkit-transition-delay: 14850ms;
    -o-transition-delay: 14850ms;
    transition-delay: 14850ms
}

.cs-portfolio__item.visibility-item:nth-child(34) [data-css-animation] {
    -webkit-transition-delay: 15300ms;
    -o-transition-delay: 15300ms;
    transition-delay: 15300ms
}

.cs-portfolio__item.visibility-item:nth-child(35) [data-css-animation] {
    -webkit-transition-delay: 15750ms;
    -o-transition-delay: 15750ms;
    transition-delay: 15750ms
}

.cs-portfolio__item.visibility-item:nth-child(36) [data-css-animation] {
    -webkit-transition-delay: 16200ms;
    -o-transition-delay: 16200ms;
    transition-delay: 16200ms
}

.cs-portfolio__item.visibility-item:nth-child(37) [data-css-animation] {
    -webkit-transition-delay: 16650ms;
    -o-transition-delay: 16650ms;
    transition-delay: 16650ms
}

.cs-portfolio__item.visibility-item:nth-child(38) [data-css-animation] {
    -webkit-transition-delay: 17100ms;
    -o-transition-delay: 17100ms;
    transition-delay: 17100ms
}

.cs-portfolio__item.visibility-item:nth-child(39) [data-css-animation] {
    -webkit-transition-delay: 17550ms;
    -o-transition-delay: 17550ms;
    transition-delay: 17550ms
}

.cs-portfolio__item.visibility-item:nth-child(40) [data-css-animation] {
    -webkit-transition-delay: 18000ms;
    -o-transition-delay: 18000ms;
    transition-delay: 18000ms
}

.cs-portfolio__item.visibility-item:nth-child(41) [data-css-animation] {
    -webkit-transition-delay: 18450ms;
    -o-transition-delay: 18450ms;
    transition-delay: 18450ms
}

.cs-portfolio__item.visibility-item:nth-child(42) [data-css-animation] {
    -webkit-transition-delay: 18900ms;
    -o-transition-delay: 18900ms;
    transition-delay: 18900ms
}

.cs-portfolio__item.visibility-item:nth-child(43) [data-css-animation] {
    -webkit-transition-delay: 19350ms;
    -o-transition-delay: 19350ms;
    transition-delay: 19350ms
}

.cs-portfolio__item.visibility-item:nth-child(44) [data-css-animation] {
    -webkit-transition-delay: 19800ms;
    -o-transition-delay: 19800ms;
    transition-delay: 19800ms
}

.cs-portfolio__item.visibility-item:nth-child(45) [data-css-animation] {
    -webkit-transition-delay: 20250ms;
    -o-transition-delay: 20250ms;
    transition-delay: 20250ms
}

.cs-portfolio__item.visibility-item:nth-child(46) [data-css-animation] {
    -webkit-transition-delay: 20700ms;
    -o-transition-delay: 20700ms;
    transition-delay: 20700ms
}

.cs-portfolio__item.visibility-item:nth-child(47) [data-css-animation] {
    -webkit-transition-delay: 21150ms;
    -o-transition-delay: 21150ms;
    transition-delay: 21150ms
}

.cs-portfolio__item.visibility-item:nth-child(48) [data-css-animation] {
    -webkit-transition-delay: 21600ms;
    -o-transition-delay: 21600ms;
    transition-delay: 21600ms
}

.cs-portfolio__item.visibility-item:nth-child(49) [data-css-animation] {
    -webkit-transition-delay: 22050ms;
    -o-transition-delay: 22050ms;
    transition-delay: 22050ms
}

.cs-portfolio__item.visibility-item:nth-child(50) [data-css-animation] {
    -webkit-transition-delay: 22500ms;
    -o-transition-delay: 22500ms;
    transition-delay: 22500ms
}

.cs-portfolio__item.visibility-item:nth-child(51) [data-css-animation] {
    -webkit-transition-delay: 22950ms;
    -o-transition-delay: 22950ms;
    transition-delay: 22950ms
}

.cs-portfolio__item.visibility-item:nth-child(52) [data-css-animation] {
    -webkit-transition-delay: 23400ms;
    -o-transition-delay: 23400ms;
    transition-delay: 23400ms
}

.cs-portfolio__item.visibility-item:nth-child(53) [data-css-animation] {
    -webkit-transition-delay: 23850ms;
    -o-transition-delay: 23850ms;
    transition-delay: 23850ms
}

.cs-portfolio__item.visibility-item:nth-child(54) [data-css-animation] {
    -webkit-transition-delay: 24300ms;
    -o-transition-delay: 24300ms;
    transition-delay: 24300ms
}

.cs-portfolio__item.visibility-item:nth-child(55) [data-css-animation] {
    -webkit-transition-delay: 24750ms;
    -o-transition-delay: 24750ms;
    transition-delay: 24750ms
}

.cs-portfolio__item.visibility-item:nth-child(56) [data-css-animation] {
    -webkit-transition-delay: 25200ms;
    -o-transition-delay: 25200ms;
    transition-delay: 25200ms
}

.cs-portfolio__item.visibility-item:nth-child(57) [data-css-animation] {
    -webkit-transition-delay: 25650ms;
    -o-transition-delay: 25650ms;
    transition-delay: 25650ms
}

.cs-portfolio__item.visibility-item:nth-child(58) [data-css-animation] {
    -webkit-transition-delay: 26100ms;
    -o-transition-delay: 26100ms;
    transition-delay: 26100ms
}

.cs-portfolio__item.visibility-item:nth-child(59) [data-css-animation] {
    -webkit-transition-delay: 26550ms;
    -o-transition-delay: 26550ms;
    transition-delay: 26550ms
}

.cs-portfolio__item.visibility-item:nth-child(60) [data-css-animation] {
    -webkit-transition-delay: 27000ms;
    -o-transition-delay: 27000ms;
    transition-delay: 27000ms
}

.cs-portfolio__item.visibility-item:nth-child(61) [data-css-animation] {
    -webkit-transition-delay: 27450ms;
    -o-transition-delay: 27450ms;
    transition-delay: 27450ms
}

.cs-portfolio__item.visibility-item:nth-child(62) [data-css-animation] {
    -webkit-transition-delay: 27900ms;
    -o-transition-delay: 27900ms;
    transition-delay: 27900ms
}

.cs-portfolio__item.visibility-item:nth-child(63) [data-css-animation] {
    -webkit-transition-delay: 28350ms;
    -o-transition-delay: 28350ms;
    transition-delay: 28350ms
}

.cs-portfolio__item.visibility-item:nth-child(64) [data-css-animation] {
    -webkit-transition-delay: 28800ms;
    -o-transition-delay: 28800ms;
    transition-delay: 28800ms
}

.cs-portfolio__item.visibility-item:nth-child(65) [data-css-animation] {
    -webkit-transition-delay: 29250ms;
    -o-transition-delay: 29250ms;
    transition-delay: 29250ms
}

.cs-portfolio__item.visibility-item:nth-child(66) [data-css-animation] {
    -webkit-transition-delay: 29700ms;
    -o-transition-delay: 29700ms;
    transition-delay: 29700ms
}

.cs-portfolio__item.visibility-item:nth-child(67) [data-css-animation] {
    -webkit-transition-delay: 30150ms;
    -o-transition-delay: 30150ms;
    transition-delay: 30150ms
}

.cs-portfolio__item.visibility-item:nth-child(68) [data-css-animation] {
    -webkit-transition-delay: 30600ms;
    -o-transition-delay: 30600ms;
    transition-delay: 30600ms
}

.cs-portfolio__item.visibility-item:nth-child(69) [data-css-animation] {
    -webkit-transition-delay: 31050ms;
    -o-transition-delay: 31050ms;
    transition-delay: 31050ms
}

.cs-portfolio__item.visibility-item:nth-child(70) [data-css-animation] {
    -webkit-transition-delay: 31500ms;
    -o-transition-delay: 31500ms;
    transition-delay: 31500ms
}

.cs-portfolio__item.visibility-item:nth-child(71) [data-css-animation] {
    -webkit-transition-delay: 31950ms;
    -o-transition-delay: 31950ms;
    transition-delay: 31950ms
}

.cs-portfolio__item.visibility-item:nth-child(72) [data-css-animation] {
    -webkit-transition-delay: 32400ms;
    -o-transition-delay: 32400ms;
    transition-delay: 32400ms
}

.cs-portfolio__item.visibility-item:nth-child(73) [data-css-animation] {
    -webkit-transition-delay: 32850ms;
    -o-transition-delay: 32850ms;
    transition-delay: 32850ms
}

.cs-portfolio__item.visibility-item:nth-child(74) [data-css-animation] {
    -webkit-transition-delay: 33300ms;
    -o-transition-delay: 33300ms;
    transition-delay: 33300ms
}

.cs-portfolio__item.visibility-item:nth-child(75) [data-css-animation] {
    -webkit-transition-delay: 33750ms;
    -o-transition-delay: 33750ms;
    transition-delay: 33750ms
}

.cs-portfolio__item.visibility-item:nth-child(76) [data-css-animation] {
    -webkit-transition-delay: 34200ms;
    -o-transition-delay: 34200ms;
    transition-delay: 34200ms
}

.cs-portfolio__item.visibility-item:nth-child(77) [data-css-animation] {
    -webkit-transition-delay: 34650ms;
    -o-transition-delay: 34650ms;
    transition-delay: 34650ms
}

.cs-portfolio__item.visibility-item:nth-child(78) [data-css-animation] {
    -webkit-transition-delay: 35100ms;
    -o-transition-delay: 35100ms;
    transition-delay: 35100ms
}

.cs-portfolio__item.visibility-item:nth-child(79) [data-css-animation] {
    -webkit-transition-delay: 35550ms;
    -o-transition-delay: 35550ms;
    transition-delay: 35550ms
}

.cs-portfolio__item.visibility-item:nth-child(80) [data-css-animation] {
    -webkit-transition-delay: 36000ms;
    -o-transition-delay: 36000ms;
    transition-delay: 36000ms
}

.cs-portfolio__item.visibility-item:nth-child(81) [data-css-animation] {
    -webkit-transition-delay: 36450ms;
    -o-transition-delay: 36450ms;
    transition-delay: 36450ms
}

.cs-portfolio__item.visibility-item:nth-child(82) [data-css-animation] {
    -webkit-transition-delay: 36900ms;
    -o-transition-delay: 36900ms;
    transition-delay: 36900ms
}

.cs-portfolio__item.visibility-item:nth-child(83) [data-css-animation] {
    -webkit-transition-delay: 37350ms;
    -o-transition-delay: 37350ms;
    transition-delay: 37350ms
}

.cs-portfolio__item.visibility-item:nth-child(84) [data-css-animation] {
    -webkit-transition-delay: 37800ms;
    -o-transition-delay: 37800ms;
    transition-delay: 37800ms
}

.cs-portfolio__item.visibility-item:nth-child(85) [data-css-animation] {
    -webkit-transition-delay: 38250ms;
    -o-transition-delay: 38250ms;
    transition-delay: 38250ms
}

.cs-portfolio__item.visibility-item:nth-child(86) [data-css-animation] {
    -webkit-transition-delay: 38700ms;
    -o-transition-delay: 38700ms;
    transition-delay: 38700ms
}

.cs-portfolio__item.visibility-item:nth-child(87) [data-css-animation] {
    -webkit-transition-delay: 39150ms;
    -o-transition-delay: 39150ms;
    transition-delay: 39150ms
}

.cs-portfolio__item.visibility-item:nth-child(88) [data-css-animation] {
    -webkit-transition-delay: 39600ms;
    -o-transition-delay: 39600ms;
    transition-delay: 39600ms
}

.cs-portfolio__item.visibility-item:nth-child(89) [data-css-animation] {
    -webkit-transition-delay: 40050ms;
    -o-transition-delay: 40050ms;
    transition-delay: 40050ms
}

.cs-portfolio__item.visibility-item:nth-child(90) [data-css-animation] {
    -webkit-transition-delay: 40500ms;
    -o-transition-delay: 40500ms;
    transition-delay: 40500ms
}

.cs-portfolio__item.visibility-item:nth-child(91) [data-css-animation] {
    -webkit-transition-delay: 40950ms;
    -o-transition-delay: 40950ms;
    transition-delay: 40950ms
}

.cs-portfolio__item.visibility-item:nth-child(92) [data-css-animation] {
    -webkit-transition-delay: 41400ms;
    -o-transition-delay: 41400ms;
    transition-delay: 41400ms
}

.cs-portfolio__item.visibility-item:nth-child(93) [data-css-animation] {
    -webkit-transition-delay: 41850ms;
    -o-transition-delay: 41850ms;
    transition-delay: 41850ms
}

.cs-portfolio__item.visibility-item:nth-child(94) [data-css-animation] {
    -webkit-transition-delay: 42300ms;
    -o-transition-delay: 42300ms;
    transition-delay: 42300ms
}

.cs-portfolio__item.visibility-item:nth-child(95) [data-css-animation] {
    -webkit-transition-delay: 42750ms;
    -o-transition-delay: 42750ms;
    transition-delay: 42750ms
}

.cs-portfolio__item.visibility-item:nth-child(96) [data-css-animation] {
    -webkit-transition-delay: 43200ms;
    -o-transition-delay: 43200ms;
    transition-delay: 43200ms
}

.cs-portfolio__item.visibility-item:nth-child(97) [data-css-animation] {
    -webkit-transition-delay: 43650ms;
    -o-transition-delay: 43650ms;
    transition-delay: 43650ms
}

.cs-portfolio__item.visibility-item:nth-child(98) [data-css-animation] {
    -webkit-transition-delay: 44100ms;
    -o-transition-delay: 44100ms;
    transition-delay: 44100ms
}

.cs-portfolio__item.visibility-item:nth-child(99) [data-css-animation] {
    -webkit-transition-delay: 44550ms;
    -o-transition-delay: 44550ms;
    transition-delay: 44550ms
}

.cs-portfolio__item.visibility-item:nth-child(100) [data-css-animation] {
    -webkit-transition-delay: 45000ms;
    -o-transition-delay: 45000ms;
    transition-delay: 45000ms
}

.vc_images_carousel .vc_carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.vc_images_carousel .vc_carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid grey;
    background-color: grey
}

.vc_images_carousel .vc_carousel-indicators .vc_active {
    margin: 1px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 1px solid grey
}

.vc_images_carousel .vc_carousel-indicators .vc_partial {
    opacity: .5
}

.vc_images_carousel {
    position: relative
}

.vc_images_carousel .vc_carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline {
    position: relative;
    overflow: hidden
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner {
    left: 0;
    position: relative;
    width: 100%
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition {
    -webkit-transition: .5s ease left;
    -o-transition: .5s ease left;
    transition: .5s ease left
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition.vc_swipe-transition {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
    float: left;
    visibility: hidden
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>a>img,
.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner {
    margin: 0 10px
}

.vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline {
    overflow: hidden
}

.vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner {
    width: 100%
}

.vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition {
    -webkit-transition-property: top;
    -o-transition-property: top;
    transition-property: top
}

.vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {
    float: none
}

.vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators {
    position: absolute;
    top: 2%;
    right: 3%;
    left: auto;
    width: 10px
}

.vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators li {
    display: block;
    margin: 0 auto 3px;
    width: 6px;
    height: 6px
}

.vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators li.vc_active {
    width: 8px;
    height: 8px;
    margin: 0 auto 1px
}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
    visibility: visible
}

.vc_images_carousel .vc_carousel-control {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 0;
    bottom: 0;
    margin-top: -15px;
    width: 60px;
    height: 30px;
    opacity: .5;
    font-size: 30px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    -webkit-tap-highlight-color: transparent
}

.vc_images_carousel .vc_carousel-control:focus,
.vc_images_carousel .vc_carousel-control:hover {
    text-decoration: none;
    opacity: .9
}

.vc_images_carousel .vc_carousel-control.vc_right {
    left: auto;
    right: 0
}

.vc_images_carousel .vc_carousel-control .glyphicon-chevron-left,
.vc_images_carousel .vc_carousel-control .glyphicon-chevron-right,
.vc_images_carousel .vc_carousel-control .icon-next,
.vc_images_carousel .vc_carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block
}

.vc_images_carousel .vc_carousel-control .icon-next,
.vc_images_carousel .vc_carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.vc_images_carousel .vc_carousel-control .icon-prev:before {
    content: '\2039';
    position: relative;
    top: -10px
}

.vc_images_carousel .vc_carousel-control .icon-next:before {
    content: '\203a';
    position: relative;
    top: -10px
}

.vc_images_carousel .vc_carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.vc_images_carousel .vc_carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .vc_images_carousel .vc_carousel-control .icon-next,
    .vc_images_carousel .vc_carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
        display: block;
        padding: 0
    }
    .vc_images_carousel .vc_carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
    .vc_images_carousel .vc_carousel-indicators {
        bottom: 20px
    }
}

.vc_images_carousel .clearfix:after,
.vc_images_carousel .clearfix:before {
    content: " ";
    display: table
}

.vc_images_carousel .clearfix:after {
    clear: both
}

.vc_images_carousel .pull-right {
    float: right !important
}

.vc_images_carousel .pull-left {
    float: left !important
}

.vc_images_carousel .hide {
    display: none !important
}

.vc_images_carousel .show {
    display: block !important
}

.vc_images_carousel .invisible {
    visibility: hidden
}

.vc_images_carousel .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.vc_images_carousel ol.vc_carousel-indicators {
    margin: 0 0 0 -30%
}

.vc_images_carousel .vc_carousel_vertical ol.vc_carousel-indicators {
    margin: 1px 0 0 0;
    bottom: auto
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.item>a {
    display: block
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.item>a>img {
    margin: auto
}

.vc_carousel .vc_carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.vc_carousel .vc_carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid grey;
    background-color: grey
}

.vc_carousel .vc_carousel-indicators .vc_active {
    margin: 1px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 1px solid grey
}

.vc_carousel .vc_carousel-indicators .vc_partial {
    opacity: .5
}

.vc_carousel {
    position: relative
}

.vc_carousel .vc_carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.vc_carousel .vc_carousel-inner .vc_carousel-slideline {
    position: relative;
    overflow: hidden
}

.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner {
    left: 0;
    position: relative;
    width: 100%
}

.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition {
    -webkit-transition: .5s ease left;
    -o-transition: .5s ease left;
    transition: .5s ease left
}

.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition.vc_swipe-transition {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
    float: left;
    visibility: hidden
}

.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>a>img,
.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.vc_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner {
    margin: 0 10px
}

.vc_carousel.vc_carousel_vertical .vc_carousel-slideline {
    overflow: hidden
}

.vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner {
    width: 100%
}

.vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition {
    -webkit-transition-property: top;
    -o-transition-property: top;
    transition-property: top
}

.vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {
    float: none
}

.vc_carousel.vc_carousel_vertical .vc_carousel-indicators {
    position: absolute;
    top: 2%;
    right: 3%;
    left: auto;
    width: 10px
}

.vc_carousel.vc_carousel_vertical .vc_carousel-indicators li {
    display: block;
    margin: 0 auto 3px;
    width: 6px;
    height: 6px
}

.vc_carousel.vc_carousel_vertical .vc_carousel-indicators li.vc_active {
    width: 8px;
    height: 8px;
    margin: 0 auto 1px
}

.vc_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
    visibility: visible
}

.vc_carousel .vc_carousel-control {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 0;
    bottom: 0;
    margin-top: -15px;
    width: 60px;
    height: 30px;
    opacity: .5;
    font-size: 30px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    -webkit-tap-highlight-color: transparent
}

.vc_carousel .vc_carousel-control:focus,
.vc_carousel .vc_carousel-control:hover {
    text-decoration: none;
    opacity: .9
}

.vc_carousel .vc_carousel-control.vc_right {
    left: auto;
    right: 0
}

.vc_carousel .vc_carousel-control .glyphicon-chevron-left,
.vc_carousel .vc_carousel-control .glyphicon-chevron-right,
.vc_carousel .vc_carousel-control .icon-next,
.vc_carousel .vc_carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block
}

.vc_carousel .vc_carousel-control .icon-next,
.vc_carousel .vc_carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.vc_carousel .vc_carousel-control .icon-prev:before {
    content: '\2039';
    position: relative;
    top: -10px
}

.vc_carousel .vc_carousel-control .icon-next:before {
    content: '\203a';
    position: relative;
    top: -10px
}

.vc_carousel .vc_carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.vc_carousel .vc_carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .vc_carousel .vc_carousel-control .icon-next,
    .vc_carousel .vc_carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
        display: block;
        padding: 0
    }
    .vc_carousel .vc_carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
    .vc_carousel .vc_carousel-indicators {
        bottom: 20px
    }
}

.vc_carousel .clearfix:after,
.vc_carousel .clearfix:before {
    content: " ";
    display: table
}

.vc_carousel .clearfix:after {
    clear: both
}

.vc_carousel .pull-right {
    float: right !important
}

.vc_carousel .pull-left {
    float: left !important
}

.vc_carousel .hide {
    display: none !important
}

.vc_carousel .show {
    display: block !important
}

.vc_carousel .invisible {
    visibility: hidden
}

.vc_carousel .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.vc_carousel ol.vc_carousel-indicators {
    margin: 0 0 0 -30%
}

.vc_carousel .vc_carousel_vertical ol.vc_carousel-indicators {
    margin: 1px 0 0 0;
    bottom: auto
}

.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.item>a {
    display: block
}

.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.item>a>img {
    margin: auto
}

.header_top_bg {
    position: relative;
    z-index: auto;
    background-color: var(--light-color)
}

.error404 .header_top_bg.only_logo header {
    text-align: center
}

.filter-overlay .header_top_bg {
    pointer-events: none
}

.header_top_bg.transparent_menu {
    position: absolute;
    z-index: auto;
    background-color: transparent;
    width: 100%
}

.header_gradient {
    background-color: transparent !important
}

.header_top_bg.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.header-gradient-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 100px);
    transition: 0.35s;
    pointer-events: none
}

.header-gradient-bg {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: 0.35s
}

.bg-fixed-color .header-gradient-item {
    height: 100%
}

.bg-fixed-color .header-gradient-bg {
    opacity: 1
}

header {
    position: relative;
    width: 100%;
    z-index: 999;
    text-align: center
}

header.absolute {
    position: absolute;
    margin-bottom: 0
}

header a.logo {
    text-decoration: none;
    display: block
}

header.zindex,
footer.zindex {
    z-index: 1 !important
}

.header_top_bg.enable_fixed.fixed {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0
}

.header_trans-fixed.header_top_bg {
    /*background-color: transparent;*/
    background-color: rgba(0,0,0,.5);
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    left: 0
}

.header_trans-fixed.header_top_bg.open header .logo span {
    color: var(--dark-color)
}

.header_top_bg.only_logo .logo {
    display: inline-block
}

.header_top_bg.only_logo.header-light .logo span {
    color: var(--light-color)
}

.header_top_bg.only_logo header {
    text-align: inherit
}

#topmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative
}

#topmenu ul li {
    display: inline-block;
    position: relative
}

.header_top_bg .logo span {
    color: var(--dark-color);
    transition: 0.3s;
    font-size: 30px;
    font-weight: 700;
    text-transform: lowercase
}

#topmenu ul ul {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 50px;
    min-width: 250px;
    display: none;
    box-sizing: border-box
}

#topmenu ul ul li::before {
    content: '';
    display: table;
    clear: both
}

#topmenu ul ul li a {
    padding: 3px 30px;
    display: block;
    width: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased
}

#topmenu>ul>li>ul>li:hover ul {
    display: block
}

#topmenu>ul>li>ul>li>ul {
    left: 101%;
    top: -15px
}

.mob-nav {
    display: none;
    width: 20px;
    height: 20px;
    margin: 0 auto 12px;
    font-size: 14px;
    color: var(--dark-color);
    opacity: 1
}

.mob-nav:hover {
    opacity: .7
}

.mob-nav-close {
    display: none
}

.header_trans-fixed.header_top_bg {
    transition: background-color 300ms ease
}

.header_trans-fixed.header_top_bg.bg-fixed-color {
    background-color: var(--light-color)
}

@media (min-width:992px) {
    header .logo img.logo-mobile {
        display: none !important
    }
    header i.hide-drop {
        display: none
    }
}

@media (max-width:991px) {
    .site-search {
        visibility: hidden;
        opacity: 0
    }
    .sidebar-open .site-search {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (min-width:992px) {
    header:not(.aside-menu):not(.full):not(.aside-animation).right-menu #topmenu ul .mega-menu>ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        left: auto;
        top: 75px;
        padding: 30px 0;
        min-width: 500px;
        right: -35px
    }
    header:not(.aside-menu):not(.full):not(.aside-animation) #topmenu ul li.mega-menu>ul>li {
        width: calc(100% / 2)
    }
    header:not(.aside-menu):not(.full):not(.aside-animation) #topmenu ul li.mega-menu>ul>li:nth-child(1)::before {
        left: 25%
    }
    header:not(.aside-menu):not(.full):not(.aside-animation) #topmenu ul li.mega-menu>ul>li:nth-child(2)::before {
        left: 50%
    }
    header:not(.aside-menu):not(.full:not(.aside-animation)) #topmenu ul li.mega-menu>ul>li:nth-child(3)::before {
        left: 75%
    }
    header:not(.aside-menu):not(.full):not(.aside-animation) #topmenu ul>li.mega-menu>ul.sub-menu>li>ul.sub-menu {
        display: block;
        position: static;
        text-align: left;
        min-width: 100%;
        box-shadow: none;
        padding: 0;
        padding-top: 19px;
        transition: all .2s ease;
        background-color: transparent
    }
    header:not(.aside-menu):not(.full):not(.aside-animation) #topmenu ul>li.mega-menu>ul>li>ul.sub-menu>li {
        display: block;
        padding: 7px 0
    }
    header:not(.aside-menu):not(.full):not(.aside-animation) #topmenu ul>li.mega-menu>ul>li>ul.sub-menu>li a {
        opacity: 0;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 20);
        -ms-transform: matrix(1, 0, 0, 1, 0, 20);
        transform: matrix(1, 0, 0, 1, 0, 20);
        -webkit-transition: opacity .75s ease, -webkit-transform .75s ease;
        transition: opacity .75s ease, -webkit-transform .75s ease;
        -o-transition: opacity .75s ease, transform .75s ease;
        transition: opacity .75s ease, transform .75s ease;
        transition: opacity .75s ease, transform .75s ease, -webkit-transform .75s ease;
        font-size: 14px;
        font-weight: 600
    }
    header:not(.aside-menu):not(.full):not(.aside-animation).right-menu #topmenu ul .mega-menu ul li {
        position: static;
        display: block
    }
    header.top-menu #topmenu ul li.mega-menu>ul {
        top: calc(100% - 25px)
    }
    header.top-menu #topmenu ul li.mega-menu>ul>li::before {
        display: none
    }
    header.top-menu #topmenu ul ul {
        left: 0
    }
    header.top-menu #topmenu ul li.mega-menu>ul>li:nth-child(1)::before,
    header.top-menu #topmenu ul li.mega-menu>ul>li:nth-child(2)::before,
    header.top-menu #topmenu ul li.mega-menu>ul>li:nth-child(3)::before {
        left: 100%;
        display: block;
        top: 0
    }
}

@media (max-width:991px) {
    .header_top_bg {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100
    }
    .page-template-full-page-template .header_top_bg.fixed-header {
        max-height: 90px
    }
    header img.main-logo:not(.logo-mobile) {
        display: none !important
    }
    header img.logo-mobile {
        display: inline;
        padding: 10px 0
    }
    .aside-menu.static #topmenu .f-right .copy {
        display: none
    }
    .header_top_bg>.container {
        width: 100%
    }
    #topmenu {
        overflow-x: hidden
    }
    .header_trans-fixed.header_top_bg .mini-cart-wrapper .ono-shop-icon .cart-contents-count {
        color: var(--dark-color)
    }
    .header_trans-fixed.header_top_bg.white_bg_trans {
        background-color: var(--light-color)
    }
    .header_trans-fixed.header_top_bg .aside-fix .logo.white_bg {
        padding: 0
    }
    .main-wrapper {
        width: 100%
    }
    .main-wrapper header .logo img {
        max-height: 75px
    }
    header {
        padding: 20px 15px
    }
    #topmenu ul li ul {
        box-shadow: none;
        font-style: normal
    }
    #topmenu ul {
        box-shadow: none;
        font-style: normal
    }
    .header_top_bg>.container>.row>.col-xs-12 {
        padding: 0
    }
    .top-menu .logo {
        margin-bottom: 0;
        margin-top: 0
    }
    .right-menu.aside-fix .mob-nav {
        display: flex;
        background-color: var(--light-color);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        align-items: center;
        justify-content: center
    }
    .no-padd-mob {
        padding: 0 !important
    }
    .right-menu #topmenu .menu li.menu-item-has-children,
    #topmenu .menu li.menu-item-has-children {
        position: relative;
        text-align: left
    }
    .right-menu #topmenu .menu li.menu-item-has-children i,
    #topmenu .menu li.menu-item-has-children i {
        position: absolute;
        top: 16px;
        right: 35px;
        color: var(--grey-color)
    }
    .right-menu #topmenu .menu li.menu-item-has-children>a,
    #topmenu .menu li.menu-item-has-children>a {
        position: relative;
        display: inline-block;
        width: auto !important
    }
    .unit .mob-nav {
        left: 0
    }
    .mob-nav {
        display: block;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .mob-nav i::before {
        font-size: 24px
    }
    .sidebar-open {
        height: 100vh
    }
    .sidebar-open .canvas-wrap {
        left: 320px
    }
    .sidebar-open .header_top_bg {
        position: fixed
    }
    .main-wrapper {
        left: 0;
        transition: left .5s ease-in-out
    }
    .filter-overlay .main-wrapper {
        z-index: 333;
        position: relative;
        background-color: var(--light-color)
    }
    .main-wrapper::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .75);
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out
    }
    .sidebar-open .main-wrapper {
        left: 320px;
        overflow: visible
    }
    .sidebar-open .main-wrapper::before {
        opacity: 1;
        visibility: visible
    }
    .mob-nav-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-decoration: none;
        border-bottom: 1px solid #f1f2f3;
        padding: 30px 0;
        color: var(--dark-color)
    }
    .mob-nav-close:hover {
        text-decoration: none;
        color: var(--dark-color)
    }
    .mob-nav-close span {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: .2px
    }
    .mob-nav-close .hamburger {
        padding: 0 35px;
        padding-left: 15px
    }
    .mob-nav-close .line {
        display: block;
        width: 24px;
        height: 2px;
        background-color: var(--dark-color)
    }
    .mob-nav-close .line:first-of-type {
        -webkit-transform: rotate(45deg) translateY(2px);
        -moz-transform: rotate(45deg) translateY(2px);
        -ms-transform: rotate(45deg) translateY(2px);
        -o-transform: rotate(45deg) translateY(2px);
        transform: rotate(45deg) translateY(2px)
    }
    .mob-nav-close .line:last-of-type {
        -webkit-transform: rotate(-45deg) translateY(-1px);
        -moz-transform: rotate(-45deg) translateY(-1px);
        -ms-transform: rotate(-45deg) translateY(-1px);
        -o-transform: rotate(-45deg) translateY(-1px);
        transform: rotate(-45deg) translateY(-1px)
    }
    .header_trans-fixed.header_top_bg.header-split {
        background-color: var(--light-color)
    }
    #topmenu {
        display: inline-block;
        overflow-y: auto;
        position: fixed;
        text-align: left;
        padding-top: 0;
        padding-bottom: 100px;
        top: 0;
        bottom: 0;
        width: 320px;
        left: -320px;
        background-color: var(--light-color);
        height: 100vh;
        z-index: 100;
        transition: all .5s ease-in-out;
        background-image: none !important
    }
    .sidebar-open #topmenu {
        position: fixed;
        left: 0
    }
    #topmenu ul ul {
        display: none;
        position: static
    }
    #topmenu ul.menu>li>ul>li>ul {
        display: none
    }
    #topmenu ul.menu {
        width: 100%;
        display: inline-block;
        padding-bottom: 30px;
        background-color: var(--light-color)
    }
    #topmenu ul.menu li {
        display: block !important;
        float: none;
        text-align: left;
        margin-bottom: 0
    }
    #topmenu ul.menu li a::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 320px;
        height: 1px;
        display: block;
        background-color: #f1f2f3
    }
    #topmenu ul.menu li a {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .2px;
        color: var(--grey-color);
        padding: 10px 35px;
        line-height: normal;
        display: inline-block;
        width: auto !important;
        float: none;
        transition: all 0.5s ease;
        text-decoration: none
    }
    #topmenu ul.menu li li a {
        padding-left: 40px
    }
    #topmenu ul.menu li li a {
        padding-left: 45px
    }
    #topmenu ul.menu li li li a {
        padding-left: 50px
    }
    #topmenu .menu li a:hover,
    #topmenu .menu .current-menu-parent>a,
    #topmenu .menu .current-menu-item>a,
    #topmenu .menu .current-menu-ancestor>a {
        color: var(--dark-color)
    }
    .right-menu #topmenu .social {
        display: block
    }
    .right-menu #topmenu .social li {
        display: inline-block
    }
    .right-menu #topmenu .social li a {
        padding: 5px
    }
    .ono-top-social .social-icon {
        display: none
    }
    .right-menu #topmenu .ono-top-social .social {
        position: static;
        visibility: visible;
        opacity: 1
    }
    .header_trans-fixed.open .right-menu #topmenu .ono-top-social .social li a {
        color: var(--dark-color)
    }
    .mini-cart-wrapper {
        display: block;
        margin: 20px 10px 30px 10px
    }
    .ono_mini_cart {
        opacity: 1;
        visibility: visible;
        position: relative;
        right: auto;
        left: 0;
        top: 10px;
        width: 100%;
        min-width: 0
    }
    .aside-fix .logo.white_bg {
        background-color: var(--light-color);
        padding: 26px 77px
    }
    .bg-fixed-color .aside-fix .logo.white_bg {
        background-color: var(--light-color);
        padding: 0 77px
    }
    #topmenu ul li.mega-menu:hover>ul>li {
        width: 100%
    }
    header a.logo {
        display: inline-block;
        padding-top: 5px
    }
    #topmenu ul li.mega-menu:hover>ul>li {
        width: auto
    }
    #topmenu.active-socials {
        left: 0;
        right: 0;
        overflow: visible;
        opacity: 1;
        width: 100%
    }
    #topmenu .f-right {
        display: block;
        background: var(--light-color);
        padding: 15px;
        text-align: center;
        z-index: 9999;
        width: 100%;
        transition: all 350ms ease
    }
    #topmenu .f-right.active-socials {
        opacity: 1;
        visibility: visible
    }
    #topmenu .f-right.active-socials a {
        visibility: visible
    }
    #topmenu .f-right .header_trans-fixed.open .right-menu #topmenu .ono-top-social .social li a {
        transition: none
    }
    .socials-mob-but {
        display: block;
        margin: 0;
        position: absolute;
        top: calc(50% + -3px);
        right: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .socials-mob-but i::before {
        font-size: 24px
    }
    #topmenu .social .fa,
    .mini-cart-wrapper .ono-shop-icon {
        font-size: 28px;
        transition: none
    }
    .mini-cart-wrapper .ono-shop-icon {
        margin: 5px
    }
    .mini-cart-wrapper {
        margin: 0;
        margin-top: -3px
    }
    .header_trans-fixed.header_top_bg.open header .socials-mob-but i,
    .header_trans-fixed #topmenu .ono-top-social .social li a,
    .header_trans-fixed .mini-cart-wrapper .ono-shop-icon::before {
        color: var(--dark-color) !important
    }
    .mini-cart-wrapper {
        display: inline-block;
        vertical-align: middle;
        display: none
    }
    .ono_mini_cart {
        display: none
    }
    .ono-top-social {
        vertical-align: middle;
        margin-bottom: 20px;
        font-size: 18px
    }
    .aside-animation.static #topmenu .f-right .copy {
        text-transform: none;
        font-size: 15px;
        line-height: 1.57;
        color: var(--grey-color);
        margin-top: 35px
    }
    .aside-animation.static .logo span i {
        display: none
    }
    .mini-cart-wrapper .ono-shop-icon:before {
        margin-top: -3px;
        font-size: 28px
    }
    .header_trans-fixed.header_top_bg.open {
        background-color: var(--light-color);
        position: fixed;
        z-index: 1000;
        top: 0;
        width: 100%
    }
    .header_trans-fixed.menu_light_text .right-menu.aside-fix .mob-nav {
        background-color: transparent
    }
    .right-menu .mob-nav .line {
        width: 18px;
        height: 2px;
        background-color: var(--dark-color);
        display: block;
        float: left;
        margin: 3px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }
    .right-menu .mob-nav .hamburger {
        display: inline-block;
        width: 20px
    }
    .right-menu .mob-nav .hamburger i {
        font-family: Poppins, sans-serif;
        font-style: normal;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: .2px
    }
    .header_trans-fixed.menu_light_text .right-menu .mob-nav .hamburger i {
        color: var(--light-color)
    }
    .header_trans-fixed .right-menu .mob-nav .hamburger i,
    .header_trans-fixed.bg-fixed-color .right-menu .mob-nav .hamburger i {
        color: var(--dark-color)
    }
    .header_trans-fixed.bg-fixed-dark .right-menu .mob-nav .hamburger i {
        color: var(--light-color)
    }
    .right-menu .mob-nav.active .line {
        margin: 0;
        background-color: var(--dark-color)
    }
    .right-menu .mob-nav.active .line:nth-of-type(2) {
        opacity: 0
    }
    .right-menu .mob-nav.active .line:nth-of-type(1) {
        width: 24px;
        -webkit-transform: translateY(2px) rotate(45deg);
        -ms-transform: translateY(2px) rotate(45deg);
        -o-transform: translateY(2px) rotate(45deg);
        transform: translateY(2px) rotate(45deg)
    }
    .right-menu .mob-nav.active .line:nth-of-type(3) {
        width: 24px;
        -webkit-transform: translateY(-4px) rotate(-45deg);
        -ms-transform: translateY(-4px) rotate(-45deg);
        -o-transform: translateY(-4px) rotate(-45deg);
        transform: translateY(-4px) rotate(-45deg)
    }
    .right-menu .mob-nav .line:nth-of-type(2) {
        width: 24px
    }
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
.mCSB_inside>.mCSB_container {
    margin-right: 0
}

@media only screen and (min-width:992px) {
    .aside-menu.static {
        position: fixed;
        top: 0;
        left: 0
    }
    .aside-menu.static .topmenu {
        position: fixed;
        top: 0;
        height: 100%;
        width: 300px !important;
        padding: 50px 0;
        text-align: center;
        background-color: var(--light-color);
        box-sizing: border-box;
        outline: 0;
        z-index: 101;
        backface-visibility: hidden;
        transition: left 0.5s cubic-bezier(.77, 0, .175, 1)
    }
    .aside-menu.static .logo {
        position: absolute;
        z-index: 9999;
        top: 20px;
        left: 31px;
        padding: 20px 0
    }
    .aside-menu.static #topmenu .menu {
        display: inline-block;
        vertical-align: middle;
        overflow-y: auto;
        width: 100%;
        max-height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 100
    }
    .aside-menu.static #topmenu .menu li {
        padding: 7px 20px 7px 55px;
        position: static;
        text-align: left;
        display: block
    }
    .aside-menu.static #topmenu .menu a {
        display: block;
        z-index: 9999
    }
    .aside-menu.static #topmenu .f-right {
        float: none;
        position: absolute;
        left: 50%;
        width: calc(100% - 35px);
        transform: translateX(-50%);
        bottom: 40px;
        z-index: 2
    }
    .aside-menu.static #topmenu .menu {
        overflow-y: visible;
        transform: translate(-50%, -50%)
    }
    .aside-menu.static #topmenu {
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .12)
    }
    .aside-menu.static #topmenu .sub-menu {
        padding: 20px 0;
        margin-left: 0;
        left: 100%;
        top: 50%;
        background-color: var(--light-color);
        width: 100% !important;
        transform: translateY(-50%);
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .12)
    }
    .aside-menu.static #topmenu .sub-menu li {
        padding-left: 20px
    }
    .aside-menu.static #topmenu .sub-menu .sub-menu {
        left: 99%
    }
    .aside-menu.static #topmenu li:hover>.sub-menu {
        display: none
    }
    .aside-menu.static #topmenu li a {
        color: var(--dark-color);
        transition: color .35s ease;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none
    }
    .aside-menu.static #topmenu .current-menu-parent>a,
    .aside-menu.static #topmenu .current-menu-item>a,
    .aside-menu.static #topmenu li a:hover {
        color: #d82323
    }
    .aside-menu.static .logo {
        left: 0;
        width: 100%;
        top: 0;
        padding-top: 40px;
        text-align: left;
        padding-left: 55px
    }
    .aside-menu.static .logo span {
        color: var(--dark-color);
        font-size: 30px;
        line-height: 1
    }
    .aside-menu.static .logo img {
        max-width: 100%
    }
    .aside-menu.static #topmenu .social li:not(:last-of-type) {
        margin-right: 15px
    }
    .aside-menu.static #topmenu .social li a {
        color: var(--dark-color);
        font-weight: 400
    }
    .aside-menu.static #topmenu .social li a:hover {
        color: var(--grey-color)
    }
    .aside-menu.static #topmenu .f-right {
        text-align: left;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        padding-left: 55px;
        padding-right: 25px
    }
    .aside-menu.static #topmenu .f-right .copy {
        text-transform: none;
        font-size: 15px;
        line-height: 1.57;
        color: var(--grey-color);
        margin-top: 35px
    }
    .aside-menu.static #topmenu .f-right .copy a {
        text-decoration: none;
        color: var(--grey-color)
    }
    .aside-menu.static #topmenu .f-right .copy a:hover {
        color: var(--dark-color)
    }
    .aside-menu .filter {
        margin-right: 20px
    }
    .filter {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: var(--light-color);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05)
    }
    .desc-filter {
        position: relative
    }
    .desc-filter::before {
        background-color: rgba(0, 0, 0, .3);
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        content: '';
        opacity: 0;
        transition: 0.35s;
        z-index: 0;
        pointer-events: none
    }
    .filter.opened {
        background-color: red
    }
    .desc-filter.opened::before {
        opacity: 1
    }
    .mob-filter {
        display: none;
        pointer-events: visible
    }
}

@media only screen and (min-width:992px) and (max-width:1460px) {
    .static-menu .about-section {
        padding: 0 30px;
        overflow: hidden
    }
    .static-menu .headings-wrap,
    .static-menu .ono-post-list-1,
    .static-menu .ono-post-list-2,
    .static-menu .ono-portfolio-2,
    .static-menu .ono-portfolio-3,
    .static-menu .ono-portfolio-urban {
        padding: 0 15px
    }
    .static-menu .contacts-info-wrap {
        padding: 0 15px 15px
    }
    .static-menu .vc_row.pad-fix {
        padding-right: 15px !important;
        padding-left: 15px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1375px) {
    .static-menu .outer-album-swiper .album-text-block,
    .static-menu .outer-album-swiper .right-content {
        max-width: 260px
    }
}

@media only screen and (min-width:992px) and (max-width:1350px) {
    .static-menu .contacts-info-wrap.style3 .content {
        padding: 100px 20px
    }
    .static-menu .swiper-container.carousel-albums .swiper-button-prev {
        left: 30px
    }
    .static-menu .swiper-container.carousel-albums .swiper-button-prev:hover {
        left: 20px
    }
    .static-menu .swiper-container.carousel-albums .swiper-button-next {
        right: 30px
    }
    .static-menu .swiper-container.carousel-albums .swiper-button-next:hover {
        right: 20px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .static-menu.single-product .product .woocommerce-Reviews #comments,
    .static-menu.ono_product_detail .product .woocommerce-Reviews #comments {
        width: 60%
    }
    .static-menu.single-product .product .woocommerce-Reviews #review_form_wrapper,
    .static-menu.ono_product_detail .product .woocommerce-Reviews #review_form_wrapper {
        width: 40%
    }
    .static-menu .coming-soon .svg .count {
        font-size: 115px
    }
    .static-menu .client-wrap {
        width: 50%
    }
    .static-menu .info-block-parallax-wrap .content-wrap {
        padding: 70px 20px 70px
    }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .static-menu .top-banner {
        height: 300px
    }
    .static-menu .top-banner.center_content {
        min-height: 300px
    }
    .static-menu .fragment-wrapper .fragment-block .fragment-text .wrap-frag-text .title {
        font-size: 50px;
        line-height: 55px
    }
    .static-menu .swiper-container-vert-slider .swiper-slide .container .wrap-text {
        max-width: calc(100% - 40px)
    }
    .static-menu .swiper-container-vert-slider .swiper-slide .container .wrap-text .title {
        font-size: 60px;
        letter-spacing: 8px
    }
    .static-menu .portfolio-slider-wrapper.slider_classic .content-wrap .portfolio-title {
        font-size: 50px;
        letter-spacing: 7px
    }
    .static-menu .portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
        width: 33.33%
    }
    .static-menu .portfolio.grid .item {
        width: 50% !important
    }
    .static-menu .flow-slider .flow-title {
        font-size: 60px
    }
}

@media only screen and (min-width:992px) {
    .static-menu,
    .static-menu-animation {
        position: relative
    }
    .static-menu {
        padding-left: 300px
    }
    .stat ic-menu-animation {
        padding-left: 320px
    }
    .static-menu #footer {
        max-width: calc(100% - 300px);
        left: 300px
    }
    .static-menu-animation #footer {
        max-width: calc(100% - 386px);
        left: 386px
    }
    .static-menu .vc_row[data-vc-full-width] {
        padding-left: 300px;
        padding-right: 0
    }
    .static-menu-animation .vc_row[data-vc-full-width] {
        padding-left: 386px;
        padding-right: 0
    }
    .static-menu .header_top_bg,
    .static-menu-animation .header_top_bg {
        height: 0
    }
}

@media only screen and (min-width:1650px) {
    .static-menu-animation .vc_row:not([data-vc-stretch-content="true"]),
    .static-menu .vc_row:not([data-vc-stretch-content="true"]) {
        padding-left: 7% !important;
        padding-right: 7% !important
    }
}

@media only screen and (min-width:1199px) and (max-width:1375px) {
    .static-menu-animation .pricing-item,
    .static-menu .pricing-item {
        padding: 60px 40px
    }
    .static-menu-animation .pricing-item .mask-image,
    .static-menu .pricing-item .mask-image {
        min-width: 150px;
        width: 150px
    }
}

@media only screen and (min-width:1200px) and (max-width:1275px) {
    .static-menu-animation .pricing-item .mask-image,
    .static-menu .pricing-item .mask-image {
        min-width: 130px;
        width: 130px
    }
}

.aside-animation.static .topmenu {
    background-size: cover
}

.aside-animation.static .images-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 33;
    pointer-events: none
}

.aside-animation.static .img-wrap {
    position: absolute;
    z-index: 20
}

.aside-animation.static .img-wrap img {
    width: 100%;
    height: auto
}

.aside-animation.static .img-wrap-1 {
    width: 100px;
    right: -77%;
    left: auto !important;
    top: 71% !important
}

.aside-animation.static .img-wrap-1 img {
    animation: fragment_header_1 alternate 9s ease-in-out infinite
}

.aside-animation.static .img-wrap-2 {
    width: 65px;
    left: -11% !important;
    top: auto !important;
    bottom: 72%
}

.aside-animation.static .img-wrap-2 img {
    animation: fragment_header_2 alternate 9s ease-in-out infinite
}

.aside-animation.static .img-wrap-3 {
    width: 115px;
    top: auto !important;
    bottom: 87%;
    left: 53% !important
}

.aside-animation.static .img-wrap-3 img {
    animation: fragment_header_3 alternate 9s ease-in-out infinite
}

@media (max-width:991px) {
    .aside-animation.static .images-wrap {
        display: none
    }
    .mob-filter {
        display: flex;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .mob-filter .filter,
    .mob-filter .close {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: var(--light-color);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
        cursor: pointer
    }
    .mob-filter .close {
        display: none;
        font-size: 20px
    }
}

@-webkit-keyframes fragment_header_1 {
    0% {
        transform: scale(1) translate(0, 0);
        -webkit-transform: scale(1) translate(0, 0)
    }
    50% {
        transform: scale(.98) translate(-1vw, 1vw);
        -webkit-transform: scale(.98) translate(-1vw, 1vw)
    }
    100% {
        transform: scale(1) translate(0, 0);
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes fragment_header_1 {
    0% {
        transform: scale(1) translate(0, 0);
        -webkit-transform: scale(1) translate(0, 0)
    }
    50% {
        transform: scale(.98) translate(-1vw, 1vw);
        -webkit-transform: scale(.98) translate(-1vw, 1vw)
    }
    100% {
        transform: scale(1) translate(0, 0);
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes fragment_header_2 {
    0% {
        transform: rotate(0deg) scale(1) translate(0, 0);
        -webkit-transform: rotate(0deg) scale(1) translate(0, 0)
    }
    50% {
        transform: rotate(40deg) scale(1.1) translate(7%, 7%);
        -webkit-transform: rotate(40deg) scale(1.1) translate(7%, 7%)
    }
    100% {
        transform: rotate(0deg) scale(1) translate(0, 0);
        -webkit-transform: rotate(0deg) scale(1) translate(0, 0)
    }
}

@keyframes fragment_header_2 {
    0% {
        transform: rotate(0deg) scale(1) translate(0, 0);
        -webkit-transform: rotate(0deg) scale(1) translate(0, 0)
    }
    50% {
        transform: rotate(40deg) scale(1.1) translate(7%, 7%);
        -webkit-transform: rotate(40deg) scale(1.1) translate(7%, 7%)
    }
    100% {
        transform: rotate(0deg) scale(1) translate(0, 0);
        -webkit-transform: rotate(0deg) scale(1) translate(0, 0)
    }
}

@-webkit-keyframes fragment_header_3 {
    0% {
        transform: scale(1) translate(0, 0);
        -webkit-transform: scale(1) translate(0, 0)
    }
    50% {
        transform: scale(.98) translate(1vw, -1vw);
        -webkit-transform: scale(.98) translate(1vw, -1vw)
    }
    100% {
        transform: scale(1) translate(0, 0);
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes fragment_header_3 {
    0% {
        transform: scale(1) translate(0, 0);
        -webkit-transform: scale(1) translate(0, 0)
    }
    50% {
        transform: scale(.98) translate(1vw, -1vw);
        -webkit-transform: scale(.98) translate(1vw, -1vw)
    }
    100% {
        transform: scale(1) translate(0, 0);
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@media only screen and (min-width:992px) {
    .aside-animation.static {
        position: fixed;
        top: 0;
        left: 0
    }
    .aside-animation.static .topmenu {
        position: fixed;
        top: 0;
        height: 100%;
        width: 386px !important;
        padding: 100px 0 140px;
        text-align: center;
        background-color: var(--light-color);
        box-sizing: border-box;
        outline: 0;
        z-index: 101;
        backface-visibility: hidden;
        transition: left 0.5s cubic-bezier(.77, 0, .175, 1)
    }
    .aside-animation.static .logo {
        position: absolute;
        z-index: 9999;
        top: 20px;
        left: 31px;
        padding: 20px 0
    }
    .aside-animation.static #topmenu .menu {
        display: block;
        overflow-y: auto;
        width: 100%;
        max-height: 100%;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 100
    }
    .aside-animation.static #topmenu .menu li {
        padding: 15px 77px 15px 71px;
        position: relative;
        text-align: left;
        display: block;
        transition: 0.35s
    }
    .aside-animation.static #topmenu .menu li.is-open>.fas {
        transform: rotate(-180deg)
    }
    .aside-animation.static #topmenu .menu li.is-open>a::before {
        display: none
    }
    .aside-animation.static #topmenu .menu li.is-open>.sub-menu {
        padding-top: 10px
    }
    .aside-animation.static #topmenu li li a {
        padding-left: 8px !important
    }
    .aside-animation.static #topmenu li>.fa,
    .aside-animation.static #topmenu li>.fas {
        font-size: 18px;
        position: absolute;
        right: 75px;
        top: 20px;
        cursor: pointer;
        transition: 0.35s;
        display: block;
        color: var(--dark-color)
    }
    .aside-animation.static #topmenu li>.fas:hover,
    .aside-animation.static #topmenu li>.fa:hover {
        color: var(--dark-color)
    }
    .aside-animation.static #topmenu li li>.fa,
    .aside-animation.static #topmenu li li>.fas {
        right: 0;
        font-size: 12px;
        top: 8px
    }
    .aside-animation.static #topmenu li li li a {
        padding-left: 20px !important
    }
    .aside-animation.static #topmenu .menu a {
        display: block;
        padding: 0;
        position: relative
    }
    .aside-animation.static #topmenu .menu>li>a::before {
        width: 100%;
        height: 1px;
        background-color: #e6e6e6;
        bottom: -14px;
        content: '';
        position: absolute
    }
    .aside-animation.static #topmenu .f-right {
        float: none;
        position: absolute;
        left: 50%;
        width: calc(100% - 35px);
        transform: translateX(-50%);
        bottom: 40px;
        z-index: 100
    }
    .aside-animation.static #topmenu .menu {
        overflow: auto;
        transform: translate(-50%, -50%);
        max-height: calc(100vh - 560px)
    }
    .aside-animation.static #topmenu .menu::-webkit-scrollbar {
        width: 3px;
        background: #ccc
    }
    .aside-animation.static #topmenu .menu::-webkit-scrollbar-thumb {
        background: var(--grey-color)
    }
    .aside-animation.static #topmenu {
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .12)
    }
    .aside-animation.static #topmenu .sub-menu {
        min-width: auto;
        position: static;
        padding: 22px 0 9px
    }
    .aside-animation.static #topmenu .sub-menu ul {
        padding: 9px 0
    }
    .aside-animation.static #topmenu .sub-menu li {
        padding: 6px 0
    }
    .aside-animation.static #topmenu li li:last-child,
    .aside-animation.static #topmenu li:last-child .sub-menu {
        padding-bottom: 0
    }
    .aside-animation.static #topmenu li:hover>.sub-menu {
        display: none
    }
    .aside-animation.static #topmenu li a {
        color: var(--dark-color);
        transition: color .35s ease;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none
    }
    .aside-animation.static #topmenu li li a {
        font-size: 12px
    }
    .aside-animation.static #topmenu .current-menu-item>a,
    .aside-animation.static #topmenu li a:hover {
        opacity: .4
    }
    .aside-animation.static .logo {
        left: 0;
        width: 386px;
        top: 0;
        padding-top: 46px;
        text-align: left;
        padding-left: 113px;
        padding-right: 117px
    }
    .aside-animation.static .logo span {
        text-transform: lowercase;
        font-size: 80px;
        color: var(--dark-color);
        display: flex;
        flex-direction: column;
        line-height: 1;
        text-align: center;
        white-space: nowrap
    }
    .aside-animation.static .logo span i {
        font-family: Roboto, sans-serif;
        font-size: 13px;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 1.7px;
        color: #333;
        opacity: .3;
        text-transform: uppercase;
        transition: all .35s ease
    }
    .aside-animation.static .logo img {
        max-width: 100%
    }
    .static-menu #footer {
        max-width: calc(100% - 254px);
        left: 254px
    }
    .aside-animation.static #topmenu .social li:not(:last-of-type) {
        margin-right: 15px
    }
    .aside-animation.static #topmenu .social li a {
        font-weight: 400
    }
    .aside-animation.static #topmenu .f-right {
        text-align: center;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        padding: 0 77px 0 71px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .aside-animation.static #topmenu .f-right .social a {
        font-size: 20px;
        color: var(--dark-color)
    }
    .aside-animation.static #topmenu .f-right .desc-filter {
        display: flex;
        justify-content: center;
        margin-bottom: 25px
    }
    .aside-animation.static #topmenu .f-right .desc-filter .filter {
        width: 116px;
        height: 40px;
        border-radius: 0;
        background-color: var(--dark-color);
        color: var(--light-color);
        flex-direction: row;
        border: 1px solid var(--dark-color);
        font-size: 13px;
        font-weight: 600
    }
    .aside-animation.static #topmenu .f-right .desc-filter .filter i {
        margin-right: 10px;
        font-size: 14px
    }
    .aside-animation.static #topmenu .f-right .copy {
        text-transform: none;
        font-size: 15px;
        line-height: 1.57;
        color: var(--grey-color);
        margin-top: 35px
    }
    .aside-animation.static #topmenu .f-right .copy a {
        text-decoration: none;
        color: var(--grey-color)
    }
    .aside-animation.static #topmenu .f-right .copy a:hover {
        color: var(--dark-color)
    }
}

@media only screen and (min-width:992px) and (max-width:1400px) {
    .aside-animation.static .topmenu {
        width: 300px !important
    }
    .static-menu-animation .vc_row[data-vc-full-width] {
        padding-left: 300px;
        padding-right: 0
    }
    .aside-animation.static .logo {
        width: 300px;
        padding-left: 15px;
        padding-right: 15px
    }
    .aside-animation.static #topmenu li>.fa,
    .aside-animation.static #topmenu li>.fas {
        font-size: 18px;
        position: absolute;
        right: 40px
    }
    .aside-animation.static #topmenu .menu li {
        padding: 15px 40px 15px 40px
    }
    .aside-animation.static #topmenu .sub-menu li {
        padding: 6px 0
    }
    .aside-animation.static #topmenu .f-right {
        text-align: left;
        padding-left: 40px
    }
}

@media only screen and (min-width:992px) {
    .container-fluid header.classic {
        padding: 0 40px
    }
    header.classic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .classic a.logo {
        flex: 0 0 10%;
        max-width: 10%;
        text-align: left
    }
    .classic #topmenu {
        flex: 0 0 80%;
        max-width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 23px
    }
    .classic #topmenu ul li a {
        font-size: 15px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: normal;
        color: var(--grey-color);
        display: block;
        text-align: left;
        text-decoration: none;
        padding: 0 14px;
        transition: all .35s ease;
        -webkit-font-smoothing: antialiased
    }
    .classic #topmenu ul li a:hover,
    .classic #topmenu ul .current-menu-parent>a,
    .classic #topmenu ul .current-menu-item>a,
    .classic #topmenu ul .current-menu-ancestor>a {
        color: var(--dark-color)
    }
    .unit header.classic {
        padding: 0 15px
    }
    .classic .f-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .classic #topmenu .menu>li {
        padding: 30px 0
    }
    .classic #topmenu .sub-menu {
        top: 75px;
        left: -35px;
        min-width: 270px;
        padding: 30px 0;
        background-color: var(--light-color);
        -webkit-box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .5s ease, visibility .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease;
        transition: opacity .5s ease, visibility .5s ease;
        display: block
    }
    .classic #topmenu .menu li:hover>ul {
        opacity: 1;
        visibility: visible
    }
    .classic #topmenu .menu>li ul a {
        opacity: 0;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 20);
        -ms-transform: matrix(1, 0, 0, 1, 0, 20);
        transform: matrix(1, 0, 0, 1, 0, 20);
        -webkit-transition: opacity .75s ease, color .5s ease, -webkit-transform .75s ease;
        transition: opacity .75s ease, color .5s ease, -webkit-transform .75s ease;
        -o-transition: opacity .75s ease, transform .75s ease, color .5s ease;
        transition: opacity .75s ease, transform .75s ease, color .5s ease;
        transition: opacity .75s ease, transform .75s ease, color .5s ease, -webkit-transform .75s ease
    }
    .classic #topmenu .menu>li:hover ul a,
    .classic #topmenu .menu>li.mega-menu:hover ul>li>ul.sub-menu>li a {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    .classic #topmenu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
        padding: 40px 15px
    }
    .classic #topmenu .menu li:last-of-type .sub-menu .sub-menu,
    .classic #topmenu .menu li:nth-last-of-type(2) .sub-menu .sub-menu,
    .classic #topmenu .menu li:nth-last-of-type(3) .sub-menu .sub-menu {
        left: -100%
    }
    .classic #topmenu .sub-menu li {
        width: 100%;
        padding: 8px 35px;
        text-align: left
    }
    .classic #topmenu .sub-menu li a {
        width: auto;
        display: inline-block;
        padding: 0;
        font-weight: 600
    }
    .classic #topmenu .current-menu-parent>a,
    .classic #topmenu .current-menu-item>a {
        position: relative
    }
    .classic #topmenu .mini-cart-wrapper {
        margin-left: 30px
    }
    .classic #topmenu .menu .mega-menu:hover>ul>li>ul {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (min-width:1025px) {
    .aside-fix.three-box .header-left .logo-with-desc {
        position: absolute;
        top: 0;
        left: -15px;
        width: 384px;
        height: 220px;
        background-color: var(--light-color);
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .35s ease
    }
    .aside-fix.three-box .logo-with-desc span {
        font-size: 80px;
        text-transform: lowercase;
        font-weight: 700;
        line-height: 1;
        transition: all .35s ease;
        padding-bottom: 3px
    }
    .aside-fix.three-box .logo-with-desc span i {
        display: block;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 2px;
        color: rgba(var(--dark-color-a));
        text-transform: uppercase;
        opacity: .3;
        transition: all .35s ease;
        font-style: normal
    }
    .aside-fix.three-box .header-left .header-box>.menu li a.fullpage-active {
        color: var(--dark-color)
    }
    .fixed-header-scroll .aside-fix.three-box .header-left .logo-with-desc {
        height: 100px;
        width: 150px
    }
    .logo-hover {
        display: none
    }
}

@media (max-width:1025px) and (min-width:991px) {
    .aside-fix.three-box .header-left .logo-with-desc {
        position: absolute;
        width: 150px;
        height: 50px
    }
    .aside-fix.three-box .logo-with-desc span {
        text-transform: lowercase;
        font-weight: 700;
        line-height: 1;
        transition: all .35s ease;
        padding-bottom: 3px
    }
    .aside-fix.three-box .logo-with-desc span i {
        display: block;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 2px;
        color: rgba(var(--dark-color-a));
        text-transform: uppercase;
        opacity: .3;
        transition: all .35s ease;
        font-style: normal
    }
}

@media only screen and (min-width:992px) {
    .header_trans-fixed .aside-fix .logo span {
        color: var(--darck-color)
    }
    .header_trans-fixed .aside-fix .logo.white_bg span {
        font-size: 50px
    }
    .aside-fix {
        padding: 25px 37px 25px 37px;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        justify-content: space-between;
        align-items: center
    }
    .white_bg_trans .aside-fix {
        padding: 0 57px
    }
    .aside-fix.two-box {
        grid-template-columns: auto auto
    }
    .aside-fix .logo {
        display: inline-block
    }
    .aside-fix .logo span {
        font-size: 30px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: var(--darck-color)
    }
    .aside-fix .logo.white_bg {
        background-color: var(--light-color);
        padding: 26px 77px
    }
    .bg-fixed-color .aside-fix .logo.white_bg {
        background-color: var(--light-color)
    }
    .aside-fix>.header-left {
        justify-self: flex-start;
        display: flex;
        align-items: center
    }
    .aside-fix>.header-right {
        justify-self: flex-end;
        display: flex;
        align-items: center
    }
    .aside-fix>.header-center {
        justify-content: center
    }
    .aside-fix>.header-center .logo:not(:last-child) {
        margin-bottom: 10px
    }
    .aside-fix>.header-left .logo:not(:last-child) {
        margin-right: 85px
    }
    .aside-fix .header-right .search-icon-wrapper.ico-style:not(:last-child) {
        margin-right: 20px
    }
    .aside-fix .header-left .search-icon-wrapper.ico-style:not(:first-child) {
        margin-left: 20px
    }
    .aside-fix .search-icon-wrapper.ico-style .close-search {
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: var(--light-color);
        border-radius: 50%;
        cursor: pointer;
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 0
    }
    .aside-fix .search-icon-wrapper.ico-style .search-field {
        height: 50px;
        background-color: transparent;
        border: 0;
        padding: 0 40px 0 20px;
        min-width: 174px;
        font-weight: 500;
        max-width: 100%;
        font-size: 13px;
        border-radius: 25px;
        color: var(--dark-color)
    }
    .aside-fix .search-icon-wrapper.ico-style .search-field::-webkit-input-placeholder {
        color: var(--light-color)
    }
    .aside-fix .search-icon-wrapper.ico-style .search-field::-moz-placeholder {
        color: var(--light-color)
    }
    .aside-fix .search-icon-wrapper.ico-style .search-field:-ms-input-placeholder {
        color: var(--light-color)
    }
    .aside-fix .search-icon-wrapper.ico-style .search-field:-moz-placeholder {
        color: var(--light-color)
    }
    .aside-fix .search-icon-wrapper.ico-style .search-field:-webkit-autofill,
    .aside-fix .search-icon-wrapper.ico-style .search-field:-webkit-autofill:hover,
    .aside-fix .search-icon-wrapper.ico-style .search-field:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--dark-color);
        -webkit-box-shadow: 0 0 0 1000px var(--dark-color) inset;
        color: var(--light-color)
    }
    .aside-fix .search-icon-wrapper.ico-style .site-search {
        display: flex;
        background-color: var(--light-color);
        border-radius: 25px;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .06);
        flex-direction: row-reverse;
        min-width: 50px;
        position: relative;
        height: 50px
    }
    .aside-fix .search-icon-wrapper.ico-style .is-active .close-search {
        pointer-events: none
    }
    .aside-fix .search-icon-wrapper.ico-style .close-search:before {
        content: '\f002';
        color: var(--dark-color)
    }
    .aside-fix .search-icon-wrapper.ico-style .form-container {
        width: 0;
        opacity: 0;
        overflow: hidden;
        transition: 0.25s .15s width, 0.15s opacity;
        transition-timing-function: ease-out
    }
    .aside-fix .search-icon-wrapper.ico-style .site-search.is-active .form-container {
        width: 217px;
        opacity: 1;
        transition: 0.25s width, 0.25s 0.15s opacity;
        transition-timing-function: ease-in
    }
    .aside-fix .mini-cart-wrapper,
    .modern .mini-cart-wrapper,
    .simple .mini-cart-wrapper {
        position: relative
    }
    .aside-fix .mini-cart-wrapper:not(:last-child),
    .modern .mini-cart-wrapper:not(:last-child),
    .simple .mini-cart-wrapper:not(:last-child) {
        margin-right: 20px
    }
    .aside-fix .ono-shop-icon,
    .modern .ono-shop-icon,
    .simple .ono-shop-icon {
        width: 50px;
        height: 50px;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
        background-color: var(--light-color);
        color: var(--dark-color) !important;
        border-radius: 50%;
        display: block;
        line-height: 50px;
        text-decoration: none;
        position: relative
    }
    .aside-fix .ono-shop-icon:before,
    .modern .ono-shop-icon:before,
    .simple .ono-shop-icon:before {
        font-family: "Font Awesome 5 Free";
        content: '\f07a';
        font-weight: 900;
        font-size: 16px
    }
    .aside-fix .ono_mini_cart,
    .modern .ono_mini_cart,
    .simple .ono_mini_cart {
        position: absolute;
        right: 0;
        top: 60px;
        display: block;
        background-color: var(--light-color);
        opacity: 0;
        visibility: hidden;
        min-width: 360px;
        padding: 23px 30px;
        text-align: center;
        transition: opacity 0.5s ease, visibility 0.5s ease;
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07)
    }
    .aside-fix .header-left .ono_mini_cart,
    .modern .header-left .ono_mini_cart,
    .simple .header-left .ono_mini_cart {
        right: auto;
        left: 0
    }
    .aside-fix .ono_mini_cart .remove_from_cart_button,
    .modern .ono_mini_cart .remove_from_cart_button,
    .simple .ono_mini_cart .remove_from_cart_button {
        padding: 0;
        color: var(--dark-color);
        font-size: 30px;
        font-weight: 400;
        text-decoration: none;
        align-self: flex-start;
        line-height: 20px;
        margin-top: 6px
    }
    .aside-fix .ono_mini_cart .ono-buttons,
    .modern .ono_mini_cart .ono-buttons,
    .simple .ono_mini_cart .ono-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .aside-fix .ono_mini_cart .ono-buttons:not(:last-child),
    .modern .ono_mini_cart .ono-buttons:not(:last-child),
    .simple .ono_mini_cart .ono-buttons:not(:last-child) {
        margin-bottom: 20px
    }
    .aside-fix .ono_mini_cart .ono-buttons a,
    .modern .ono_mini_cart .ono-buttons a,
    .simple .ono_mini_cart .ono-buttons a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--dark-color);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none
    }
    .aside-fix .ono_mini_cart .ono-buttons a:hover i,
    .modern .ono_mini_cart .ono-buttons a:hover i,
    .simple .ono_mini_cart .ono-buttons a:hover i {
        margin-left: 10px
    }
    .aside-fix .ono_mini_cart .ono-buttons a i,
    .modern .ono_mini_cart .ono-buttons a i,
    .simple .ono_mini_cart .ono-buttons a i {
        margin-left: 5px;
        color: var(--dark-color);
        font-size: 10px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }
    .aside-fix .woocommerce-mini-cart__total {
        color: var(--grey-color);
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 0
    }
    .aside-fix .woocommerce-mini-cart__total span {
        margin-left: 5px;
        color: var(--dark-color);
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 0
    }
    .aside-fix .mini-cart-wrapper:hover .ono_mini_cart,
    .modern .mini-cart-wrapper:hover .ono_mini_cart,
    .simple .mini-cart-wrapper:hover .ono_mini_cart {
        opacity: 1;
        visibility: visible
    }
    .simple .ono_mini_cart .product_list_widget,
    .modern .ono_mini_cart .product_list_widget,
    .aside-fix .ono_mini_cart .product_list_widget {
        display: block !important;
        list-style: none !important
    }
    .aside-fix .ono_mini_cart .product_list_widget .empty,
    .modern .ono_mini_cart .product_list_widget .empty,
    .simple .ono_mini_cart .product_list_widget .empty {
        font-size: 15px;
        line-height: 28px;
        letter-spacing: .2px;
        font-weight: 400;
        text-align: left
    }
    .aside-fix .ono_mini_cart .mini_cart_item,
    .modern .ono_mini_cart .mini_cart_item,
    .simple .ono_mini_cart .mini_cart_item {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd
    }
    .aside-fix .ono_mini_cart .mini_cart_item_thumbnail,
    .modern .ono_mini_cart .mini_cart_item_thumbnail,
    .simple .ono_mini_cart .mini_cart_item_thumbnail {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 40%;
        max-width: 70px;
        margin-top: 7px
    }
    .aside-fix .ono_mini_cart,
    .modern .ono_mini_cart,
    .simple .ono_mini_cart {
        text-decoration: none
    }
    .aside-fix .ono_mini_cart .mini_cart_item_thumbnail a,
    .modern .ono_mini_cart .mini_cart_item_thumbnail a,
    .simple .ono_mini_cart .mini_cart_item_thumbnail a {
        padding: 0;
        display: block
    }
    .aside-fix .ono_mini_cart .mini_cart_item_thumbnail img,
    .modern .ono_mini_cart .mini_cart_item_thumbnail img,
    .simple .ono_mini_cart .mini_cart_item_thumbnail img {
        float: none;
        max-width: 70px;
        width: 100%;
        margin-left: 0
    }
    .aside-fix .ono_mini_cart .mini-cart-data,
    .modern .ono_mini_cart .mini-cart-data,
    .simple .ono_mini_cart .mini-cart-data {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 60%
    }
    .aside-fix .ono_mini_cart .mini_cart_item_name,
    .modern .ono_mini_cart .mini_cart_item_name,
    .simple .ono_mini_cart .mini_cart_item_name {
        font-size: 18px;
        line-height: 1.6;
        letter-spacing: 1.2px;
        font-weight: 600;
        color: var(--dark-color);
        text-align: left;
        padding: 0;
        text-decoration: none
    }
    .aside-fix .ono_mini_cart .mini_cart_item_quantity,
    .modern .ono_mini_cart .mini_cart_item_quantity,
    .simple .ono_mini_cart .mini_cart_item_quantity {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #b2b2b2;
        margin-bottom: 3px
    }
    .aside-fix .ono_mini_cart a.button,
    .modern .ono_mini_cart a.button,
    .simple .ono_mini_cart a.button {
        margin-bottom: 0;
        line-height: 20px;
        position: relative;
        display: inline-block;
        font-weight: 700;
        box-sizing: border-box;
        padding: 15px;
        font-size: 15px;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        background-color: var(--dark-color);
        color: var(--light-color) !important;
        width: 100%;
        border-radius: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }
    .aside-fix .ono_mini_cart a.button:hover,
    .modern .ono_mini_cart a.button:hover,
    .simple .ono_mini_cart a.button:hover {
        background-color: var(--dark-color);
        color: var(--light-color);
        background-image: none;
        border-color: var(--dark-color)
    }
    .aside-fix .ono_mini_cart a.button:hover::after,
    .modern .ono_mini_cart a.button:hover::after,
    .simple .ono_mini_cart a.button:hover::after {
        right: 20px
    }
    .aside-fix .ono_mini_cart .mini_cart_item_thumbnail img,
    .modern .ono_mini_cart .mini_cart_item_thumbnail img,
    .simple .ono_mini_cart .mini_cart_item_thumbnail img {
        height: auto
    }
    .aside-fix .ono_mini_cart .mini_cart_item_price,
    .modern .ono_mini_cart .mini_cart_item_price,
    .simple .ono_mini_cart .mini_cart_item_price {
        font-size: 12px;
        font-weight: 500
    }
    .aside-fix .cart-contents-count,
    .modern .cart-contents-count,
    .simple .cart-contents-count {
        position: absolute;
        right: 0;
        top: 0;
        background-color: var(--dark-color);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: flex;
        line-height: 2px;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
        font-weight: 600;
        font-size: 12px;
        color: var(--light-color);
        align-items: center;
        justify-content: center
    }
    .aside-fix .ono_mini_cart,
    .modern .ono_mini_cart,
    .simple .ono_mini_cart {
        position: absolute;
        opacity: 0
    }
    .aside-fix .ono-top-social.outside:first-child ul,
    .aside-fix .ono-top-social.outside:first-child li:first-child {
        margin-left: 0
    }
    .aside-fix .ono-top-social.outside ul {
        list-style: none;
        margin: 0 10px;
        display: flex
    }
    .aside-fix .ono-top-social.outside li {
        list-style: none;
        display: inline-block;
        margin: 0 10px
    }
    .aside-fix .ono-top-social.outside li a {
        font-size: 18px;
        color: var(--dark-color);
        text-decoration: none
    }
    .aside-fix .ono-top-social.outside li a:hover {
        color: var(--dark-color)
    }
    .additional-menu-wrapper .additional-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: var(--light-color);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05)
    }
    .additional-menu-wrapper .additional-nav .line {
        display: block;
        width: 20px;
        height: 2px;
        background-color: var(--dark-color)
    }
    .additional-menu-wrapper .additional-nav .line:first-of-type {
        margin-bottom: 4px
    }
    .additional-inner-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: fixed;
        top: 0;
        right: 0;
        transform: translateX(100%);
        bottom: 0;
        width: 550px;
        background-color: var(--light-color);
        padding: 50px 75px 25px;
        text-align: left;
        transition: all .5s ease-in-out;
        z-index: 100
    }
    .additional-menu-wrapper.menu-open .additional-inner-wrap {
        transform: translateX(0);
        overflow: auto
    }
    .additional-inner-wrap .additional-nav-close {
        position: absolute;
        top: 47px;
        right: 75px;
        cursor: pointer;
        width: 30px;
        height: 30px
    }
    .additional-inner-wrap .additional-nav-close .line {
        width: 32px;
        height: 3px;
        background-color: var(--dark-color);
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }
    .additional-inner-wrap .additional-nav-close .line:first-of-type {
        transform: rotate(45deg)
    }
    .additional-inner-wrap .additional-nav-close .line:last-of-type {
        transform: rotate(-45deg)
    }
    .additional-inner-wrap .ono-top-social {
        padding-bottom: 15px
    }
    .additional-inner-wrap .ono-top-social .social {
        display: flex;
        align-items: center
    }
    .additional-inner-wrap .ono-top-social li {
        list-style: none
    }
    .additional-inner-wrap .ono-top-social li:not(:last-of-type) {
        margin-right: 25px
    }
    .additional-inner-wrap .ono-top-social a {
        text-decoration: none;
        color: var(--dark-color);
        font-size: 20px;
        transition: opacity .35s ease
    }
    .additional-inner-wrap .ono-top-social a:hover {
        opacity: .7
    }
    #topmenu .additional-inner-wrap .menu {
        padding: 50px 0
    }
    #topmenu .additional-inner-wrap .menu-mob {
        display: none
    }
    #topmenu .additional-inner-wrap .menu li {
        display: block;
        list-style: none;
        text-align: left
    }
    .additional-inner-wrap .menu li a {
        font-size: 30px;
        font-weight: 700;
        color: var(--grey-color);
        text-decoration: none;
        transition: color .35s ease
    }
    #topmenu .additional-inner-wrap .menu ul {
        position: static;
        min-width: auto;
        padding-left: 15px;
        margin-top: 5px;
        margin-bottom: 5px
    }
    #topmenu .additional-inner-wrap .menu ul li a {
        padding: 0
    }
    .additional-inner-wrap .menu li a:hover,
    .additional-inner-wrap .menu .current-menu-parent>a,
    .additional-inner-wrap .menu .current-menu-item>a,
    .additional-inner-wrap .menu .current-menu-ancestor>a {
        color: var(--dark-color)
    }
    .additional-inner-wrap .sub-menu {
        margin-left: 20px
    }
    .additional-inner-wrap .sub-menu li a {
        font-size: 24px;
        display: inline-block
    }
    .additional-inner-wrap .sub-menu .sub-menu li a {
        font-size: 18px
    }
    .additional-inner-wrap .search-title {
        color: var(--dark-color);
        font-family: Poppins, sans-serif;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .1px
    }
    .additional-inner-wrap .search-icon-wrapper {
        padding: 10px 0
    }
    .additional-inner-wrap .search-icon-wrapper.left,
    .additional-inner-wrap .search-icon-wrapper.right {
        display: none
    }
    .additional-inner-wrap .search-icon-wrapper.inside {
        display: block
    }
    .additional-inner-wrap .search-icon-wrapper .input-group {
        position: relative
    }
    .additional-inner-wrap .search-icon-wrapper .input-group::before {
        content: "";
        height: 3px;
        width: 50%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: var(--dark-color)
    }
    .additional-inner-wrap .search-icon-wrapper .input-group::after {
        font-family: Ionicons, sans-serif;
        font-size: 24px;
        color: var(--dark-color);
        content: "\f375";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .additional-inner-wrap .close-search {
        display: none
    }
    .additional-inner-wrap .search-icon-wrapper input {
        width: 100%;
        border: 0;
        padding: 15px 0;
        border-bottom: 3px solid rgba(34, 34, 34, .2)
    }
    .additional-inner-wrap .copy {
        color: var(--grey-color);
        font-family: Poppins, sans-serif;
        font-size: 14px
    }
    .additional-inner-wrap .copy:not(:first-child) {
        margin-top: 60px
    }
    .additional-inner-wrap .copy a {
        text-decoration: none;
        color: var(--grey-color);
        font-family: Poppins, sans-serif;
        font-size: 14px;
        transition: color .35s ease
    }
    .additional-inner-wrap .copy a:hover {
        color: var(--dark-color)
    }
    .aside-fix .header-box>.menu {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin: 0;
        list-style: none;
        padding: 0 15px;
        align-items: center;
        position: relative
    }
    .aside-fix .header-box>.menu li {
        margin-right: 20px;
        margin-left: 20px;
        position: relative
    }
    .aside-fix .header-box>.menu li a {
        font-size: 16px;
        font-weight: 600;
        color: rgba(var(--dark-color-a), .5);
        text-decoration: none
    }
    .aside-fix .header-box>.menu li.active a,
    .aside-fix .header-box>.menu li a:hover,
    .aside-fix .header-box>.menu .current-menu-parent>a,
    .aside-fix .header-box>.menu .current-menu-item>a,
    .aside-fix .header-box>.menu .current-menu-ancestor>a {
        color: var(--dark-color)
    }
    .additional-menu-overlay {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        transition: opacity .75s ease, visibility .75s ease;
        z-index: 99
    }
    .additional-menu-wrapper.menu-open .additional-menu-overlay {
        opacity: 1;
        visibility: visible
    }
    .header_trans-fixed.menu_light_text:not(.bg-fixed-color) .header-box>.menu>li>a {
        color: var(--light-color)
    }
    .header_trans-fixed.menu_light_text:not(.bg-fixed-color) .logo span {
        color: var(--light-color)
    }
    .header_trans-fixed.menu_light_text .aside-fix {
        padding: 25px 37px
    }
    .header_trans-fixed.menu_light_text:not(.bg-fixed-color) .header-box>.menu>li.active>a,
    .header_trans-fixed.menu_light_text:not(.bg-fixed-color) .header-box>.menu>li>a:hover {
        opacity: 1
    }
    .header_trans-fixed.menu_light_text:not(.bg-fixed-color) .aside-fix .header-box>.menu>.current-menu-parent>a,
    .header_trans-fixed.menu_light_text:not(.bg-fixed-color) .aside-fix .header-box>.menu>.current-menu-item>a {
        opacity: 1
    }
    .aside-fix .header-box>.menu .sub-menu {
        top: 35px;
        left: -35px;
        min-width: 230px;
        padding: 20px 0;
        background-color: var(--light-color);
        -webkit-box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .5s ease, visibility .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease;
        transition: opacity .5s ease, visibility .5s ease;
        display: block;
        position: absolute;
        list-style: none
    }
    .aside-fix .header-box>.menu li:hover>ul {
        opacity: 1;
        visibility: visible
    }
    .aside-fix .header-box>.menu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
        padding: 40px 15px
    }
    .aside-fix .header-box>.menu li:last-of-type .sub-menu .sub-menu {
        left: auto;
        right: 100%
    }
    .aside-fix .header-box>.menu .sub-menu li {
        width: 100%;
        padding: 8px 35px;
        text-align: left;
        margin: 0
    }
    .aside-fix .header-box>.menu .sub-menu li a {
        width: auto;
        display: inline-block;
        padding: 0;
        font-weight: 600
    }
    .aside-fix .header-box>.menu .current-menu-parent>a,
    .aside-fix .header-box>.menu .current-menu-item>a {
        color: var(--dark-color)
    }
}

@media only screen and (max-width:1500px) {
    .page-template-full-page-template .right-menu.aside-menu.aside-fix {
        padding-left: 260px
    }
}

@media only screen and (max-width:1300px) {
    .aside-fix .header-left .logo {
        height: 50px;
        width: 150px;
        position: relative
    }
    .fixed-header-scroll .aside-fix .header-left .logo {
        height: 50px;
        width: 150px
    }
    .fixed-header-scroll .aside-fix .header-left .logo span {
        font-size: 30px
    }
    .aside-fix .header-left .logo span i {
        font-size: 10px;
        letter-spacing: 1px
    }
}

@media only screen and (max-width:1024px) {
    #menu-home-page-anchor {
        display: none
    }
    .page-template-full-page-template .right-menu.aside-menu.aside-fix {
        padding-left: 0
    }
}

@media only screen and (max-width:1100px) {
    .aside-fix .header-box>.menu li {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media only screen and (max-width:991px) {
    .aside-fix .logo span i {
        display: none
    }
}

@media only screen and (max-width:991px) {
    .additional-inner-wrap .ono-top-social {
        padding: 15px 35px;
        border-bottom: 1px solid #f1f2f3;
        margin-bottom: 0
    }
    #topmenu .additional-inner-wrap .menu-desc {
        display: none
    }
    #topmenu .additional-inner-wrap .menu-mob {
        display: block
    }
    #topmenu .additional-inner-wrap .menu-mob:empty {
        display: none
    }
    #topmenu .additional-inner-wrap .menu-mob:empty+.menu-desc {
        display: block
    }
    .aside-menu.three-box #topmenu .additional-inner-wrap .menu-mob {
        display: none
    }
    .aside-menu.three-box #topmenu .additional-inner-wrap .menu-desc {
        display: block
    }
    .aside-fix .close-search,
    .aside-fix .header-right>*:not(.topmenu):not(.mob-nav),
    .aside-fix .search-title,
    .ono-top-social.outside,
    .header-box>.mini-cart-wrapper,
    .header-box>.search-icon-wrapper {
        display: none
    }
    .aside-fix .header-box>.menu {
        display: none
    }
    .aside-animation.static #topmenu .f-right .desc-filter {
        display: none
    }
    .additional-inner-wrap .ono-top-social .social {
        display: flex;
        align-items: center
    }
    .additional-inner-wrap .ono-top-social li {
        list-style: none
    }
    .additional-inner-wrap .ono-top-social li:not(:last-of-type) {
        margin-right: 20px
    }
    .additional-inner-wrap .ono-top-social a {
        text-decoration: none;
        color: var(--dark-color);
        font-size: 15px;
        transition: color .35s ease
    }
    .additional-inner-wrap .ono-top-social a:hover {
        color: var(--dark-color)
    }
    .additional-inner-wrap .search-title {
        color: var(--dark-color);
        font-family: Poppins, sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .1px
    }
    .additional-inner-wrap .search-icon-wrapper {
        padding: 10px 35px
    }
    .additional-inner-wrap .search-icon-wrapper .input-group {
        position: relative
    }
    .additional-inner-wrap .search-icon-wrapper .input-group::before {
        content: "";
        height: 3px;
        width: 50%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: var(--dark-color)
    }
    .additional-inner-wrap .search-icon-wrapper .input-group::after {
        font-family: Ionicons, sans-serif;
        font-size: 24px;
        color: var(--dark-color);
        content: "\f375";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .additional-inner-wrap .search-icon-wrapper input {
        width: 100%;
        border: 0;
        padding: 10px 0;
        border-bottom: 3px solid rgba(34, 34, 34, .2)
    }
    .additional-inner-wrap .copy {
        margin-top: 20px;
        padding: 0 35px;
        color: var(--grey-color);
        font-family: Poppins, sans-serif;
        font-size: 14px
    }
    .additional-inner-wrap .copy a {
        text-decoration: none;
        color: var(--grey-color);
        font-family: Poppins, sans-serif;
        font-size: 14px;
        transition: color .35s ease
    }
    .additional-inner-wrap .copy a:hover {
        color: var(--dark-color)
    }
}

@media only screen and (min-width:1200px) {
    .modern #topmenu {
        padding-right: 70px
    }
    .header_trans-fixed .modern #topmenu {
        padding-left: 60px
    }
}

@media only screen and (min-width:992px) {
    .modern .logo-mobile {
        display: none
    }
    .modern #topmenu {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
    .modern .menu-wrapper {
        display: flex;
        align-items: center
    }
    .modern #topmenu .logo {
        position: absolute;
        background-color: var(--light-color);
        min-height: 219px;
        min-width: 384px;
        top: 0;
        left: -15px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
        border: 0;
        transition: all .35s ease
    }
    .modern #topmenu .logo:hover {
        border: 0
    }
    .modern #topmenu .logo img {
        max-width: 100px
    }
    .modern .logo span {
        font-size: 80px;
        text-transform: lowercase;
        font-weight: 700;
        line-height: 1;
        transition: all .35s ease;
        display: flex;
        flex-direction: column;
        text-align: left
    }
    .modern .logo span i {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 2px;
        color: var(--dark-color);
        text-transform: uppercase;
        opacity: .3;
        transition: all .35s ease;
        font-style: normal
    }
    .header_trans-fixed .modern #topmenu {
        justify-content: space-between
    }
    .header_trans-fixed .modern #topmenu .logo {
        background-color: transparent;
        position: relative;
        min-width: auto;
        min-height: auto;
        left: 0
    }
    .header_trans-fixed .modern #topmenu .logo span {
        font-size: 30px
    }
    .fixed-header-scroll #topmenu .logo {
        min-height: 100px;
        min-width: 200px
    }
    .fixed-header-scroll .logo span,
    .fixed-header-scroll .aside-fix.three-box .logo span {
        font-size: 30px
    }
    .fixed-header-scroll .logo span i,
    .fixed-header-scroll .aside-fix.three-box .logo span i {
        font-size: 10px;
        letter-spacing: 1px
    }
    .modern .menu>li {
        margin: 0 15px
    }
    .modern #topmenu a {
        padding-bottom: 5px;
        color: var(--grey-color);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        border-bottom: 2px solid transparent
    }
    .modern #topmenu a:hover,
    .modern #topmenu li:not(.menu-item-has-children).active>a,
    .modern #topmenu .current-menu-parent>a,
    .modern #topmenu .current-menu-item>a,
    .modern #topmenu .current-menu-ancestor>a {
        color: #333
    }
    .modern #topmenu .menu>li {
        padding: 43px 0
    }
    .modern #topmenu .sub-menu {
        top: 75px;
        left: -400%;
        min-width: 270px;
        padding: 30px 0;
        background-color: var(--light-color);
        -webkit-box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .5s ease, visibility .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease;
        transition: opacity .5s ease, visibility .5s ease;
        display: block
    }
    .modern #topmenu .menu li:hover>ul {
        opacity: 1;
        visibility: visible
    }
    .modern #topmenu .menu>li ul a {
        opacity: 0;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 20);
        -ms-transform: matrix(1, 0, 0, 1, 0, 20);
        transform: matrix(1, 0, 0, 1, 0, 20);
        -webkit-transition: opacity .75s ease, color .5s ease, -webkit-transform .75s ease;
        transition: opacity .75s ease, color .5s ease, -webkit-transform .75s ease;
        -o-transition: opacity .75s ease, transform .75s ease, color .5s ease;
        transition: opacity .75s ease, transform .75s ease, color .5s ease;
        transition: opacity .75s ease, transform .75s ease, color .5s ease, -webkit-transform .75s ease
    }
    .modern #topmenu .menu>li:hover ul a,
    .modern #topmenu .menu>li.mega-menu:hover ul>li>ul.sub-menu>li a {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    .modern #topmenu .sub-menu .sub-menu {
        top: 0;
        right: 100%;
        left: auto;
        padding: 40px 15px
    }
    .modern #topmenu .sub-menu li {
        width: 100%;
        padding: 8px 35px;
        text-align: left
    }
    .modern #topmenu .sub-menu li a {
        width: auto;
        display: inline-block;
        padding: 0;
        font-weight: 600
    }
    .modern #topmenu .current-menu-parent>a,
    .modern #topmenu .current-menu-item>a {
        position: relative
    }
    .modern #topmenu .menu .mega-menu:hover>ul>li>ul {
        opacity: 1;
        visibility: visible
    }
    .modern .search-icon-wrapper {
        display: flex;
        margin-left: 35px
    }
    .modern .open-search {
        cursor: pointer;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
        background-color: var(--light-color);
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%
    }
    .modern .site-search {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background-color: rgba(255, 255, 255, .99);
        overflow-x: hidden;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .7s ease, visibility .7s ease;
        -o-transition: opacity .7s ease, visibility .7s ease;
        transition: opacity .7s ease, visibility .7s ease
    }
    .modern .site-search.open {
        opacity: 1;
        visibility: visible
    }
    .modern .close-search {
        position: absolute;
        top: 100px;
        right: 100px;
        font-size: 18px;
        cursor: pointer
    }
    .modern .form-container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .modern .input-group {
        max-width: 770px;
        margin: auto
    }
    .modern .search-form input {
        width: 100%;
        border: 0;
        background-color: transparent;
        padding: 8px 0;
        border-bottom: 2px solid #ddd;
        color: var(--dark-color);
        font-size: 16px;
        transition: border .35s ease
    }
    .modern .search-form input:focus {
        border-color: #333
    }
}

@media (max-width:991px) {
    .modern #topmenu>.logo {
        display: none
    }
    .modern .logo-mobile span i {
        display: none
    }
    .modern .close-search,
    .modern .open-search {
        display: none
    }
    .modern .site-search {
        padding: 0 35px
    }
    .modern .search-form input {
        width: 100%;
        border: 0;
        /*background-color: transparent;*/
        padding: 8px 0;
        border-bottom: 2px solid #ddd;
        color: var(--dark-color);
        font-size: 16px;
        transition: border .35s ease
    }
    .modern .search-form input:focus {
        border-color: #333
    }
}

ul li a{
    color: white!important;
}

@media only screen and (min-width:992px) {
    .simple .logo-mobile {
        display: none
    }
    .simple #topmenu {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        padding: 0 57px;
        /*background-color:#809FB4 ;*/
    }
    .simple .menu-wrapper {
        display: flex;
        align-items: center
    }
    .simple #topmenu .logo {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
        border: 0;
        transition: all .35s ease
    }
    .simple #topmenu .logo:hover {
        border: 0
    }
    .simple #topmenu .logo img {
        max-width: 100px
    }
    .simple .logo span {
        font-size: 30px;
        font-weight: 700;
        transition: all .35s ease;
        display: flex;
        flex-direction: column;
        text-align: left;
        line-height: normal;
        letter-spacing: normal;
        padding: 23px 0
    }
    .simple .menu>li {
        margin: 0 15px
    }
    .simple #topmenu a {
        color: var(--grey-color);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none
    }
    .simple #topmenu a:hover,
    .simple #topmenu li:not(.menu-item-has-children).active>a,
    .simple #topmenu .current-menu-parent>a,
    .simple #topmenu .current-menu-item>a,
    .simple #topmenu .current-menu-ancestor>a {
        color: var(--dark-color)
    }
    .simple #topmenu li li a {
        color: var(--grey-color)
    }
    .simple #topmenu li li a:hover,
    .simple #topmenu li li:not(.menu-item-has-children).active>a,
    .simple #topmenu li .current-menu-parent>a,
    .simple #topmenu li .current-menu-item>a,
    .simple #topmenu li .current-menu-ancestor>a {
        color: var(--dark-color)
    }
    .simple #topmenu.align-right .menu {
        text-align: right;
        margin-right: 40px
    }
    .simple #topmenu.align-left .menu {
        text-align: left;
        margin-left: 40px
    }
    .simple #topmenu .menu>li {
        padding: 29px 0

    }
    .simple #topmenu .sub-menu {
        /*top: 75px;*/
        /*left: -35px;*/
        /*min-width: 270px;*/
        /*padding: 30px 0;*/
        /*background-color: var(--light-color);*/
        
        top: 80px;
        left: -22px;
        min-width: 204px;
        padding: 10px 0;
        background-color: #ffffffd6;
        
        -webkit-box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .5s ease, visibility .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease;
        transition: opacity .5s ease, visibility .5s ease;
        display: block
    }
    .simple #topmenu .menu li:hover>ul {
        opacity: 1;
        visibility: visible
    }
    .simple #topmenu .menu>li ul a {
        opacity: 0;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 20);
        -ms-transform: matrix(1, 0, 0, 1, 0, 20);
        transform: matrix(1, 0, 0, 1, 0, 20);
        -webkit-transition: opacity .75s ease, color .5s ease, -webkit-transform .75s ease;
        transition: opacity .75s ease, color .5s ease, -webkit-transform .75s ease;
        -o-transition: opacity .75s ease, transform .75s ease, color .5s ease;
        transition: opacity .75s ease, transform .75s ease, color .5s ease;
        transition: opacity .75s ease, transform .75s ease, color .5s ease, -webkit-transform .75s ease
    }
    .simple #topmenu .menu>li:hover ul a,
    .simple #topmenu .menu>li.mega-menu:hover ul>li>ul.sub-menu>li a {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    .simple #topmenu .sub-menu .sub-menu {
        top: 0;
        left: 100%;
        padding: 40px 15px
    }
    .simple #topmenu .menu li:last-of-type .sub-menu .sub-menu,
    .simple #topmenu .menu li:nth-last-of-type(2) .sub-menu .sub-menu,
    .simple #topmenu .menu li:nth-last-of-type(3) .sub-menu .sub-menu {
        left: auto;
        right: 100%
    }
    .simple #topmenu .sub-menu li {
        width: 100%;
        padding: 8px 35px;
        text-align: left
    }
    .simple #topmenu .sub-menu li a {
        width: auto;
        display: inline-block;
        padding: 0
    }
    .simple #topmenu .current-menu-parent>a,
    .simple #topmenu .current-menu-item>a {
        position: relative
    }
    .simple #topmenu .menu .mega-menu:hover>ul>li>ul {
        opacity: 1;
        visibility: visible
    }
    .simple .open-search {
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
        cursor: pointer;
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: var(--dark-color);
        border-radius: 50%;
        background-color: var(--light-color)
    }
    .simple .site-search {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background-color: rgba(255, 255, 255, .99);
        overflow-x: hidden;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .7s ease, visibility .7s ease;
        -o-transition: opacity .7s ease, visibility .7s ease;
        transition: opacity .7s ease, visibility .7s ease
    }
    .simple .site-search.open {
        opacity: 1;
        visibility: visible
    }
    .simple .close-search {
        position: absolute;
        top: 100px;
        right: 100px;
        font-size: 18px;
        cursor: pointer
    }
    .simple .form-container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .simple .input-group {
        max-width: 770px;
        margin: auto
    }
    .simple .search-form input {
        width: 100%;
        border: 0;
        background-color: transparent;
        padding: 8px 0;
        border-bottom: 2px solid #ddd;
        color: var(--dark-color);
        font-size: 16px;
        transition: border .35s ease
    }
    .simple .search-form input:focus {
        border-color: #333
    }
    .menu_light_text .simple .logo span {
        color: var(--light-color)
    }
    .menu_light_text .simple #topmenu .menu>li>a {
        color: var(--light-color);
        opacity: .9
    }
    .menu_light_text .simple #topmenu .menu>li:hover>a,
    .menu_light_text .simple #topmenu .menu>li:not(.menu-item-has-children).active>a,
    .menu_light_text .simple #topmenu .menu>.current-menu-parent>a,
    .menu_light_text .simple #topmenu .menu>.current-menu-item>a,
    .menu_light_text .simple #topmenu .menu>.current-menu-ancestor>a {
        color: var(--light-color);
        opacity: 1
    }
    .simple .search-icon-wrapper {
        display: flex
    }
    .menu_light_text .simple .open-search {
        background-color: var(--light-color)
    }
    .bg-fixed-color.menu_light_text .simple #topmenu .menu>li>a {
        color: var(--grey-color)
    }
    .bg-fixed-color.menu_light_text .simple #topmenu .menu>li:hover>a,
    .bg-fixed-color.menu_light_text .simple #topmenu .menu>li:not(.menu-item-has-children).active>a,
    .bg-fixed-color.menu_light_text .simple #topmenu .menu>.current-menu-parent>a,
    .bg-fixed-color.menu_light_text .simple #topmenu .menu>.current-menu-item>a,
    .bg-fixed-color.menu_light_text .simple #topmenu .menu>.current-menu-ancestor>a,
    .bg-fixed-color.menu_light_text .simple .open-search,
    .bg-fixed-color.menu_light_text .simple .logo span {
        color: var(--dark-color)
    }
}

@media (min-width:1440px) {
    .simple #topmenu.align-left .menu {
        margin-left: 126px
    }
}

@media (max-width:991px) {
    .simple #topmenu>.logo {
        display: none
    }
    ul li a{
        color: black!important;
    }
    .simple .logo-mobile span i {
        display: none
    }
    .simple .close-search,
    .simple .open-search {
        display: none
    }
    .simple .site-search {
        padding: 0 35px
    }
    .simple .search-form input {
        width: 100%;
        border: 0;
        background-color: transparent;
        padding: 8px 0;
        border-bottom: 2px solid #ddd;
        color: var(--dark-color);
        font-size: 16px;
        transition: border .35s ease
    }
    .simple .search-form input:focus {
        border-color: #333
    }
    .menu_light_text.header_top_bg .logo span {
        color: var(--light-color)
    }
    .menu_light_text .right-menu .mob-nav .line {
        background-color: var(--light-color)
    }
    .bg-fixed-color.menu_light_text.header_top_bg .logo span {
        color: var(--dark-color)
    }
    .bg-fixed-color.menu_light_text .right-menu .mob-nav .line {
        background-color: var(--dark-color)
    }
}

@media only screen and (min-width:992px) {
    .header-button--mobile {
        display: none
    }
    .header-button {
        margin-left: 30px
    }
    .header-button-scroll {
        display: none
    }
    header.creative .logo-mobile {
        display: none
    }
    header.creative #topmenu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }
    header.creative .menu-wrapper {
        display: flex;
        align-items: center
    }
    header.creative .logo {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .35s ease
    }
    header.creative.logo img {
        max-width: 100px
    }
    header.creative .logo span {
        font-size: 30px;
        font-weight: 700;
        line-height: 1;
        transition: all .35s ease
    }
    header.creative .menu>li {
        margin: 0 15px
    }
    header.creative .menu a {
        color: var(--dark-color);
        font-size: 15px;
        font-weight: 600;
        text-decoration: none
    }
    header.creative .menu li:hover>a,
    header.creative .menu li:not(.menu-item-has-children).active>a,
    header.creative .menu .current-menu-parent>a,
    header.creative .menu .current-menu-item>a,
    header.creative .menu .current-menu-ancestor>a {
        color: var(--grey-color)
    }
    header.creative .menu>li {
        padding: 40px 0
    }
    header.creative #topmenu .sub-menu {
        top: 100%;
        left: -30px;
        min-width: 270px;
        padding: 30px 0;
        background-color: var(--light-color);
        -webkit-box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .5s ease, visibility .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease;
        transition: opacity .5s ease, visibility .5s ease;
        display: block
    }
    header.creative #topmenu li:hover>.sub-menu {
        opacity: 1;
        visibility: visible
    }
    header.creative .menu>li ul a {
        opacity: 0;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 20);
        -ms-transform: matrix(1, 0, 0, 1, 0, 20);
        transform: matrix(1, 0, 0, 1, 0, 20);
        -webkit-transition: opacity .75s ease, color .5s ease, -webkit-transform .75s ease;
        transition: opacity .75s ease, color .5s ease, -webkit-transform .75s ease;
        -o-transition: opacity .75s ease, transform .75s ease, color .5s ease;
        transition: opacity .75s ease, transform .75s ease, color .5s ease;
        transition: opacity .75s ease, transform .75s ease, color .5s ease, -webkit-transform .75s ease
    }
    header.creative .menu>li:hover ul a,
    header.creative .menu>li.mega-menu:hover ul>li>ul.sub-menu>li a {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    header.creative #topmenu .sub-menu .sub-menu {
        top: 0;
        left: 100%
    }
    header.creative #topmenu li:last-of-type .sub-menu .sub-menu,
    header.creative #topmenu li:nth-last-of-type(2) .sub-menu .sub-menu,
    header.creative #topmenu li:nth-last-of-type(3) .sub-menu .sub-menu {
        right: 100%;
        left: auto
    }
    header.creative .sub-menu li {
        width: 100%;
        text-align: left
    }
    header.creative .sub-menu li a {
        width: auto;
        display: inline-block;
        padding: 0;
        font-weight: 600
    }
    header.creative .current-menu-parent>a,
    header.creative .current-menu-item>a {
        position: relative
    }
    header.creative .menu .mega-menu:hover>ul>li>ul {
        opacity: 1;
        visibility: visible
    }
    .menu_light_text:not(.bg-fixed-color) header.creative .logo span {
        color: var(--light-color)
    }
    .menu_light_text:not(.bg-fixed-color) header.creative .menu>li:not(:hover)>a {
        color: var(--light-color)
    }
    .menu_light_text:not(.bg-fixed-color) header.creative .menu>li:hover>a,
    .menu_light_text:not(.bg-fixed-color) header.creative .menu>li:not(.menu-item-has-children).active>a,
    .menu_light_text:not(.bg-fixed-color) header.creative .menu>.current-menu-parent>a,
    .menu_light_text:not(.bg-fixed-color) header.creative .menu>.current-menu-item>a,
    .menu_light_text:not(.bg-fixed-color) header.creative .menu>.current-menu-ancestor>a {
        color: rgba(255, 255, 255, .5)
    }
}

@media only screen and (min-width:1200px) {
    header.creative #topmenu {
        padding-right: 7vw;
        padding-left: 7vw
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .page-template-full-page-template .aside-fix.three-box .header-left .logo-with-desc {
        position: absolute;
        width: 150px;
        height: 50px;
        padding-top: 50px
    }
    .page-template-full-page-template .aside-fix.three-box .logo-with-desc span {
        font-size: 30px
    }
    .page-template-full-page-template .right-menu.aside-menu.aside-fix {
        padding-left: 60px
    }
    .page-template-full-page-template .aside-fix .header-left .logo span i {
        font-size: 10px;
        letter-spacing: 1px
    }
}

@media (max-width:991px) {
    header.creative #topmenu>.logo {
        display: none
    }
    header.creative .logo-mobile span i {
        display: none
    }
    .header-button {
        display: none
    }
    .header-button--mobile {
        display: block;
        padding: 10px 35px 30px
    }
    .header-button a {
        width: 100%;
        text-align: center
    }
}

@media only screen and (min-width:992px) {
    .aside-fix .header-box>.menu li.mega-menu>ul {
        width: 100%;
        max-width: 800px;
        min-width: 500px;
        display: flex;
        flex-wrap: wrap;
        padding: 30px 0;
        right: -140px;
        left: auto
    }
    .aside-fix.right-menu .header-box ul .mega-menu ul li {
        position: static;
        display: block
    }
    .aside-fix .header-box ul li.mega-menu>ul>li {
        width: calc(100% / 2) !important
    }
    .aside-fix.right-menu .header-box ul>li.mega-menu>ul.sub-menu>li>ul.sub-menu {
        display: block;
        position: static;
        text-align: left;
        min-width: 100%;
        box-shadow: none;
        padding: 0;
        padding-top: 19px;
        transition: all .2s ease;
        background-color: transparent
    }
    .aside-fix.right-menu .header-box ul>li.mega-menu:hover>ul.sub-menu>li>ul.sub-menu {
        opacity: 1;
        visibility: visible
    }
    .aside-fix.right-menu .header-box ul>li.mega-menu>ul>li>ul.sub-menu>li {
        display: block;
        padding: 7px 0
    }
    .aside-fix.right-menu .header-box ul>li.mega-menu>ul>li>ul.sub-menu>li a {
        font-size: 14px;
        font-weight: 600;
        transition: add 0.3s ease
    }
}

.logo img {
    max-width: 200 !important;
    max-height: 200 !important
}

.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color {
    background-color: #fff
}

.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu:not(.open) ul li a,
.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu .search-icon-wrapper i,
.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu .mini-cart-wrapper .ono-shop-icon::before,
.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu .ono-top-social .social li a,
.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .header_top_bg .right-menu.full #topmenu ul li a,
.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .right-menu .logo span,
.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .top-menu .logo span,
.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .aside-menu.static #topmenu .f-right .copy,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu:not(.open) ul li a,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu .search-icon-wrapper i,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu .mini-cart-wrapper .ono-shop-icon::before,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu .ono-top-social .social li a,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .header_top_bg .right-menu.full #topmenu ul li a,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .right-menu .logo span,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .top-menu .logo span,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .aside-menu.static #topmenu .f-right .copy {
    color: #444
}

.page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .right-menu.full .mob-nav:not(.active) .line,
.postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .right-menu.full .mob-nav:not(.active) .line {
    background-color: #444
}

@media only screen and (max-width:991px) {
    .page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .mob-nav-close,
    .page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu ul.menu li a,
    .postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .mob-nav-close,
    .postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color #topmenu ul.menu li a {
        color: #444
    }
    .page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .mob-nav-close .line,
    .page-id-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .right-menu .mob-nav .line,
    .postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .mob-nav-close .line,
    .postid-2643 .header_trans-fixed.header_top_bg.bg-fixed-color .right-menu .mob-nav .line {
        background-color: #444
    }
}

:root {
    --light-color: #fff;
    --light-color-a: 255, 255, 255
}

:root {
    --dark-color: #222;
    --dark-color-a: 34, 34, 34
}

:root {
    --grey-color: #888;
    --grey-color-a: 136, 136, 136
}

:root {
    --footer-background-color: #000
}