.topbar01 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    padding: 11px 0 12px
}

.topbar01 p {
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
    color: #fff;
    font-weight: 500;
    margin: 0 21px 0 0
}

.topbar01 p i {
    color: var(--theme-color);
    font-size: 13px;
    line-height: 33px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    display: inline-block;
    margin-right: 6px
}

.topbar01 p i.twi-phone-volume {
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.topbar01 p a {
    color: inherit
}

.topbar01 p a:hover {
    color: var(--theme-color)
}

.topsocial {
    position: relative;
    padding: 0;
    text-align: right
}

.topsocial a {
    display: inline-block;
    font-size: 15px;
    line-height: 33px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    color: #191919;
    background: #fff;
    text-align: center;
    margin-left: 2px
}

.topsocial a:hover {
    background: var(--theme-color);
    color: #fff
}

.header01 {
    position: absolute;
    top: 58px;
    left: 0;
    z-index: 9;
    width: 100%
}

.navbar01 {
    justify-content: space-between;
    display: flex;
    background: #fff;
    border-radius: 3px;
    padding: 0 40px
}

.logo {
    line-height: 66px;
    margin: 0;
    padding: 16px 0;
    position: relative
}

.logo img {
    height: 66px;
    width: auto;
    max-width: 100%
}

.mainMenu {
    position: relative;
    padding: 0 0 0 32px
}

.mainMenu ul {
    position: relative;
    margin: 0;
    padding: 0
}

.mainMenu ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin: 0 0 0 19px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.mainMenu ul li:first-child {
    margin-left: 0
}

.mainMenu ul li>a {
    display: block;
    font-size: 17px;
    line-height: 26px;
    color: #2a2828;
    font-family: fira sans, sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    padding: 41px 15px 38px;
    position: relative
}

.mainMenu ul li.menu-item-has-children>a::before {
    content: "\f543";
    font-family: themewar !important;
    position: absolute;
    left: auto;
    right: 2px;
    top: calc(50% + 2px);
    text-align: center;
    z-index: 9999;
    display: block;
    cursor: pointer;
    transform: translateY(-50%)
}

.mainMenu ul .sub-menu li.menu-item-has-children>a::before {
    right: 19px;
    content: '..';
    font-family: fira sans, sans-serif !important;
    font-size: 25px;
    letter-spacing: 3px;
    top: calc(50% - 5px)
}

.mainMenu ul li:hover>a {
    color: var(--theme-color)
}

.mainMenu ul li .sub-menu {
    position: absolute;
    left: -10px;
    pointer-events: none;
    top: calc(100% - 4px);
    width: 260px;
    border-radius: 3px;
    z-index: 100;
    text-align: left;
    margin: 0;
    padding: 18px 0 16px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%), -2px 0 5px 1px rgb(0 0 0/5%);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%), -2px 0 5px 1px rgb(0 0 0/5%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-top: 3px solid var(--theme-color);
    color: inherit;
    font-size: inherit
}

.mainMenu ul li .sub-menu li {
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #f5f5f5
}

.mainMenu ul li .sub-menu li:last-child {
    border-bottom: none
}

.mainMenu ul li .sub-menu li a {
    padding: 13px 30px;
    margin: 0;
    color: #6f6f6f;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    display: block;
    position: relative
}

.mainMenu ul li .sub-menu li.current-menu-item>a,
.mainMenu ul li .sub-menu li:hover>a {
    color: #fff;
    background: var(--theme-color)
}

.mainMenu ul li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: inherit;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.mainMenu ul li .sub-menu li .sub-menu {
    position: absolute;
    left: 110%;
    right: auto;
    top: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.mainMenu ul li .sub-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    left: calc(100% + 2px);
    pointer-events: inherit
}

.mainMenu ul li .sub-menu.mega_menu {
    min-width: 950px;
    padding: 22px 15px 5px;
    left: -40px
}

.showcase {
    margin: 0 0 20px;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1)
}

.showcase .showcaseThumb {
    -webkit-box-shadow: 0 20px 32px rgba(185, 181, 181, .5);
    -moz-box-shadow: 0 20px 32px rgba(185, 181, 181, .5);
    -ms-box-shadow: 0 20px 32px rgba(185, 181, 181, .5);
    -o-box-shadow: 0 20px 32px rgba(185, 181, 181, .5);
    box-shadow: 0 20px 32px rgba(185, 181, 181, .5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    position: relative;
    overflow: hidden
}

.showcase:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.showcase h5 {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #2a2828;
    margin: 18px 0 0
}

.showcase h5 span {
    color: var(--theme-color)
}

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

.menu_btn {
    display: none
}

.accessNav {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.accessNav a {
    display: inline-block
}

.accessNav .search_btn {
    position: relative;
    margin: 0;
    width: 52px;
    height: 52px;
    font-size: 16px;
    background: #f5f5f5;
    border-radius: 50%;
    text-align: center;
    color: #131313;
    line-height: 53px
}

.accessNav .search_btn:hover {
    color: #fff;
    background: var(--theme-color)
}

.shoping_cart {
    position: relative;
    margin-left: 0
}

.shoping_cart a.cartBtn {
    position: relative;
    margin: 0 0 0 8px;
    width: 52px;
    height: 52px;
    font-size: 16px;
    background: #f5f5f5;
    border-radius: 50%;
    text-align: center;
    color: #131313;
    line-height: 53px
}

.shoping_cart a.cartBtn span {
    position: absolute;
    right: -7px;
    top: -6px;
    background: #191919;
    color: #fcfcfc;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 10.43px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms
}

.shoping_cart:hover a.cartBtn {
    background: var(--theme-color);
    color: #fff
}

.accessNav .berpo_btn {
    margin-left: 30px;
    height: 54px;
    line-height: 55px;
    font-size: 14px;
    padding: 0 34.5px
}

.popup_search_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.popup_search_overlay {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 30, .6);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all .4s ease-in .8s;
    -o-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s
}

.popup_search_sec.active .popup_search_overlay {
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    top: 0;
    opacity: 1
}

.pop_search_background {
    background: #030303;
    width: 100%;
    height: 400px;
    top: -100%;
    z-index: 99;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s;
    -o-transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s;
    transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s
}

.popup_search_sec.active .pop_search_background {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s;
    -o-transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s;
    transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s
}

.middle_search {
    position: relative;
    top: 43%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: 2
}

.popup_search_form {
    position: relative
}

.popup_search_form:after {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
    position: absolute;
    content: '';
    height: 1px;
    background: rgba(255, 255, 255, .15);
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.popup_search_sec.active .popup_search_form:after {
    -webkit-animation-name: fadeInGo;
    animation-name: fadeInGo;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    opacity: 1;
    width: 100%
}

.popup_search_form:before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    -moz-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: var(--theme-color)
}

.popup_search_form.focused:before {
    width: 100%;
    left: 0;
    right: auto
}

.popup_search_form input[type=search] {
    width: 100%;
    height: 64px;
    border: none;
    background: 0 0;
    outline: none;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    font-weight: 400
}

.popup_search_form input[type=search]::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.popup_search_form input[type=search]::-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.popup_search_form input[type=search]::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInGo {
    0% {
        opacity: .1;
        width: 0
    }

    100% {
        opacity: 1;
        width: 100%
    }
}

@keyframes fadeInGo {
    0% {
        opacity: .1;
        width: 0
    }

    100% {
        opacity: 1;
        width: 100%
    }
}

@-webkit-keyframes fadeOutGo {
    0% {
        opacity: 1;
        width: 100%
    }

    100% {
        opacity: 0;
        width: 0
    }
}

@keyframes fadeOutGo {
    0% {
        opacity: 1;
        width: 100%
    }

    100% {
        opacity: 0;
        width: 0
    }
}

@-webkit-keyframes fadeOutGo2 {
    0% {
        opacity: .8;
        width: 100%
    }

    100% {
        opacity: .14;
        width: 0
    }
}

@keyframes fadeOutGo2 {
    0% {
        opacity: .8;
        width: 100%
    }

    100% {
        opacity: .14;
        width: 0
    }
}

.popup_search_form button[type=submit] {
    position: absolute;
    right: 0;
    bottom: 14px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    background: 0 0;
    color: #fff;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
}

.popup_search_form button[type=submit]:hover {
    color: var(--theme-color)
}

.slider_01 {
    position: relative;
    height: 100vh;
    margin: 0;
    overflow: hidden
}

.ws_nowrap {
    white-space: normal !important
}

.tparrows.custom {
    width: 70px;
    height: 70px;
    background: #99989a;
    color: #000;
    line-height: 70px;
    border-radius: 5px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms
}

.tparrows.custom:before {
    color: inherit;
    content: "\ef2e";
    line-height: 70px;
    font-size: 24px;
    font-family: themewar !important
}

.tp-rightarrow.tparrows.custom:before {
    content: "\ef2f"
}

.tparrows.custom:hover {
    background: #fff
}

.tp-bannertimer {
    display: none !important
}

.ws_nowrap {
    white-space: normal !important
}

.tp-caption .berpo_btn {
    height: 54px;
    font-weight: 600;
    font-size: 15px !important;
    line-height: 54px !important;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important
}

.slider_01 span.bg {
    width: 345px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    display: inline-block;
    background: url(../images/slider/title-bg.png) no-repeat center center/cover
}

.slider_01 .popup_video {
    height: 62px !important;
    width: 62px !important;
    line-height: 60px !important;
    background: 0 0;
    border: 2px solid var(--theme-color)
}

.prcolor {
    color: var(--theme-color)
}

.slider_02 {
    position: relative;
    margin: 0;
    overflow: hidden
}

.slider_02:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 120px;
    background: url(../images/bg/header.jpg) no-repeat top center/cover
}

.slider_03 {
    position: relative;
    margin: 0;
    overflow: hidden
}

.slider_03 .tp-caption .berpo_btn {
    height: 60px;
    font-weight: 700;
    line-height: 60px !important
}

.slider_03 .tp-caption .berpo_btn i {
    margin: auto !important
}

.slider_03 .twi-star-of-life {
    display: inline-block;
    font-size: 12px
}

.slider_03 .prcolor3 {
    display: inline-block;
    font-size: 35px;
    margin: 0 5px;
    color: var(--theme-color-three)
}

.slider_04 {
    position: relative
}

.slider_04 .graian {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.support {
    position: relative;
    padding-left: 83px
}

.support img {
    width: 69px;
    height: 69px;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: 0
}

.support span {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    display: block
}

.support p {
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 16px;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.slider_04 .tparrows.custom {
    background: url(../images/slider/nav.png) no-repeat center center/cover;
    width: 108px;
    height: 108px;
    border-radius: 3px;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important
}

.slider_04 .tparrows.custom:before {
    content: "\ef54";
    color: #fff;
    font-size: 16px;
    line-height: 108px;
    z-index: 3;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important
}

.slider_04 .tp-rightarrow.custom:before {
    content: "\ef55"
}

.slider_04 .tparrows.custom:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 3px;
    visibility: visible;
    opacity: 1;
    z-index: -1;
    background: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important
}

.slider_04 .tparrows.custom:hover:after {
    visibility: hidden;
    opacity: 0
}

.slider_04 .tparrows.custom:hover:before {
    color: #101a25
}

.slider_05 {
    position: relative;
    z-index: 3;
    background: #f7f7f7;
    margin-bottom: -92px;
    border-radius: 3px 0 0 0
}

.slider_05 .tp-caption .berpo_btn {
    height: 57px;
    font-weight: 800;
    font-size: 14px !important;
    line-height: 57px !important;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important
}

.slider_05 .headFont span {
    color: #f9bf26
}

.slider_05 .headFont.mdHeading span {
    display: inline-block;
    color: inherit;
    margin: 0 19px
}

.borderb {
    position: relative;
    display: inline-block
}

.borderb:after {
    position: absolute;
    width: 100%;
    height: 7px;
    content: '';
    z-index: -1;
    background: #cee002;
    opacity: .11;
    left: 0;
    bottom: 4px
}

.slider_05 .tparrows.custom {
    width: 70px;
    height: 57px;
    background: 0 0
}

.slider_05 .tparrows.custom:before {
    font-size: 36px;
    line-height: 58px;
    content: "\e942";
    font-family: bepro !important
}

.slider_05 .tp-rightarrow.tparrows.custom:before {
    content: "\e941"
}

.slider_05 .tparrows.custom:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.slider_05 .tparrows.custom:hover:after,
.slider_05 .tp-rightarrow.tparrows.custom:after {
    width: 100%
}

.slider_06 {
    position: relative;
    height: 100vh;
    margin: 0;
    overflow: hidden
}

.slider_06 .tp-caption .berpo_btn {
    border-radius: 3px
}

.slider_07 {
    position: relative;
    overflow: hidden;
    margin-top: 95px
}

.slider_07 .tp-caption .berpo_btn {
    height: 63px;
    font-weight: 700;
    padding: 0 32.5px;
    background: var(--theme-color);
    font-size: 15px !important;
    line-height: 64px !important;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important
}

.slider_07 .tp-caption .berpo_btn i {
    background: #980000
}

.slider_07 .tp-caption .berpo_btn:hover i {
    background: var(--theme-color)
}

.slider_07 .tp-bullet {
    background: 0 0;
    position: relative;
    z-index: 66
}

.slider_07 .tp-bullet:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '1';
    color: #1c1c1c;
    font-family: fira sans, sans-serif;
    font-size: 18.4px;
    font-weight: 700;
    letter-spacing: -.36px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms
}

.slider_07 .tp-bullet:nth-child(2):after {
    content: '2'
}

.slider_07 .tp-bullet:nth-child(3):after {
    content: '3'
}

.slider_07 .tp-bullet:nth-child(4):after {
    content: '4'
}

.slider_07 .tp-bullet:nth-child(5):after {
    content: '5'
}

.slider_07 .tp-bullet:hover:after,
.slider_07 .tp-bullet.selected:after {
    color: var(--theme-color)
}

.slider_07 .tp-bullet:before {
    position: absolute;
    left: -4px;
    right: 0;
    top: 0;
    bottom: -90px;
    height: 38px;
    width: 1px;
    background: #494948;
    margin: auto;
    content: '';
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms
}

.slider_07 .tp-bullet:last-child:before {
    display: none
}

.service_item_01 {
    position: relative;
    background: #fff;
    margin: 0 0 30px;
    border-radius: 8px 7px 5px 5px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -webkit-box-shadow: 0 10px 38px 0 rgba(0, 0, 0, .02);
    -moz-box-shadow: 0 10px 38px 0 rgba(0, 0, 0, .02);
    box-shadow: 0 10px 38px 0 rgba(0, 0, 0, .02)
}

.service_item_01:hover {
    -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .07)
}

.siThumb {
    position: relative;
    margin: 0
}

.service_item_01 .siThumb img {
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0 0
}

.sitem_con {
    position: relative;
    padding: 22px 30px 23px 105px
}

.ibMeta {
    font-size: 50px;
    line-height: 50px;
    color: var(--theme-color);
    position: relative;
    z-index: 2;
    text-align: center;
    display: inline-block;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms
}

.sitem_con .ibMeta {
    position: absolute;
    left: 36px;
    top: 20px
}

.service_item_01 h3 {
    font-size: 22px;
    line-height: 30px;
    color: #333;
    margin: 0
}

.service_item_01 h3 a {
    color: inherit
}

.service_item_01 h3 a:hover {
    color: var(--theme-color)
}

.service_item_01 p {
    color: #666;
    font-size: 15px;
    line-height: 23px;
    margin: 0
}

.abThumb {
    position: relative
}

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

.skrItem {
    position: relative;
    background: #fff;
    text-align: center;
    display: inline-block;
    -webkit-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .08);
    padding: 35px 38px 27px;
    margin: 0 0 30px
}

.circle-skill {
    position: relative;
    margin: 0 0 8px
}

.circle-skill strong {
    position: absolute;
    left: 0;
    top: 47%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 40px;
    letter-spacing: -.6px;
    font-family: fira sans, sans-serif;
    font-weight: 700;
    line-height: .8;
    color: #29333d;
    display: block
}

.circle-skill strong span {
    font-size: 20px
}

.circle-skill i {
    width: 49px;
    height: 49px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    line-height: 49px;
    position: absolute;
    left: 0;
    top: 0
}

.circle-skill i:before {
    z-index: 2;
    position: relative
}

.circle-skill i:after {
    position: absolute;
    left: 4px;
    top: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 50%;
    content: '';
    background: var(--theme-color)
}

.skrItem h5 {
    color: #29333d;
    font-size: 18px;
    font-weight: 600;
    margin: 0
}

.happyClinets {
    position: relative;
    display: flex;
    justify-content: space-between;
    background: #fff;
    -webkit-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09);
    padding: 23px 32px 13px;
    border-radius: 100px;
    max-width: 508px;
    margin-bottom: -42px
}

.happyClinets>i {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    line-height: 61px;
    text-align: center;
    background: var(--theme-color);
    display: inline-block
}

.cThumb {
    position: relative
}

.cThumb img {
    width: 61px;
    height: 62px;
    border-radius: 50%
}

.cThumb img:nth-child(2) {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    left: 28px;
    top: -2px
}

.cThumb img:nth-child(3) {
    width: 65px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    left: 65px;
    top: -2px
}

.hcCon {
    padding-left: 40px;
    position: relative
}

.hcCon h5 {
    font-size: 18px;
    border-bottom: 1px solid #ededed;
    margin: 1px 0 5px;
    padding: 0 0 7px
}

.hcCon p {
    font-size: 15px;
    color: #101a25;
    font-weight: 700;
    font-family: fira sans, sans-serif;
    margin: 0
}

.hcCon p i {
    display: inline-block;
    font-size: 12px;
    color: #fdc703;
    margin-right: 10px
}

.input-field {
    position: relative
}

.input-field i {
    color: var(--theme-color);
    font-size: 14px;
    line-height: 67px;
    position: absolute;
    left: 25px;
    top: 0
}

input[type=email],
input[type=text],
input[type=number],
input[type=url],
input[type=tel],
input[type=password],
textarea,
select,
.nice-select {
    display: block;
    width: 100%;
    height: 67px;
    background: #f8f8f8;
    padding: 0 15px 0 60px;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    line-height: 67px;
    margin: 0 0 7px;
    color: #898989
}

textarea {
    height: 150px;
    padding-top: 12px;
    padding-left: 55px;
    line-height: 34px;
    border-radius: 30px;
    resize: none;
    margin-bottom: 30px
}

input[type=email]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: #898989;
    opacity: 1
}

input[type=email]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #898989;
    opacity: 1
}

input[type=email]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
    color: #898989;
    opacity: 1
}

.service_item_02 {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 27px 43px 39px;
    margin: 0 0 30px;
    -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07)
}

.stpmeta {
    position: relative;
    display: flex
}

.stpmeta .ibMeta {
    color: #000;
    position: relative;
    text-align: left
}

.ibMeta svg {
    width: 80px;
    height: 64px;
    fill: #ffc1c1;
    position: absolute;
    left: -5px;
    top: 11px;
    z-index: -1
}

.service_item_02 h3 {
    position: relative;
    z-index: 2;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    color: #0f0d1d;
    margin: 12px 0 10px 0px
}

.service_item_02 h3 a {
    color: inherit
}

.service_item_02 h3 a:hover {
    color: var(--theme-color)
}

.service_item_02 p {
    position: relative;
    z-index: 2;
    color: #5f5f5f;
    font-size: 17px;
    line-height: 25px;
    margin: 0
}

.si02 .ibMeta svg {
    fill: #ffde73
}

.si03 .ibMeta svg {
    fill: #ff8522
}

.si04 .ibMeta svg {
    fill: #bef0ef
}

.si05 .ibMeta svg {
    fill: #dcf7b9
}

.si06 .ibMeta svg {
    fill: #ffa6b0
}

.listItem {
    margin: 0;
    padding: 0
}

.listItem li {
    list-style: none;
    display: flex;
    width: 100%;
    font-size: 18px;
    line-height: 35px;
    color: #fff
}

.withbg li {
    font-family: fira sans, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #101a25;
    margin: 0 0 14px
}

.withbg li span {
    padding: 12px 30px 16px;
    background: #fff;
    border-radius: 3px;
    display: inline-block;
    -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07)
}

.listItem.withbg li i {
    color: var(--theme-color);
    font-size: 22px;
    line-height: inherit;
    margin-right: 17px;
    display: inline-block;
    position: relative;
    top: 4px
}

.listItem li i {
    margin-right: 23px
}

.clinetWorlwide {
    position: relative;
    text-align: right
}

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

.ClientNumber {
    position: absolute;
    left: 39px;
    bottom: 25px;
    text-align: left
}

.ClientNumber h2 {
    position: relative;
    font-size: 110.79px;
    line-height: 109px;
    margin: 0 0 0 4px
}

.ClientNumber h2 sup {
    font-style: normal;
    font-size: 55px;
    line-height: 60px;
    color: var(--theme-color);
    top: -58px
}

.ClientNumber h5 {
    font-size: 19px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0
}

.clslider_wrap {
    background: #fff;
    -webkit-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09);
    padding: 54px 15px 39px;
    border-radius: 3px
}

.client-slider.owl-carousel {
    position: relative
}

.client-slider.owl-carousel .owl-item {
    text-align: center
}

.client-slider.owl-carousel a {
    display: inline-block;
    text-align: center
}

.client-slider.owl-carousel a img {
    height: auto;
    width: 188px
}

.pricingTab {
    margin: 0 0 50px;
    padding: 2px;
    display: inline-block;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    height: 57px
}

.pricingTab a {
    position: relative;
    font-family: fira sans, sans-serif;
    display: inline-block;
    height: 100%;
    background: 0 0;
    display: inline-block;
    font-size: 16px;
    color: #616368;
    font-weight: 500;
    border-radius: 50px;
    padding: 11.5px 38px;
    text-align: center
}

.pricingTab a:hover {
    color: var(--theme-color)
}

.pricingTab a.active {
    background: var(--theme-color);
    color: #fff
}

.pricing-item-01 {
    max-width: 380px;
    position: relative;
    background: #f9f9f9;
    border-radius: 10px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.pricing-item-01:hover {
    background: #fff;
    -webkit-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17);
    -moz-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17);
    box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17)
}

.price-thumb {
    position: relative
}

.price-thumb img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0
}

.price-detils {
    position: relative;
    padding: 57px 75px
}

.p-title {
    font-size: 32px;
    line-height: 40px;
    color: #030303;
    font-weight: 600;
    margin-bottom: 7px
}

.p-price {
    font-size: 30px;
    line-height: 40px;
    color: #030303;
    letter-spacing: .6px;
    margin-bottom: 39px;
    text-transform: uppercase;
    display: flex;
    position: relative;
    min-height: 40px
}

.p-price sup {
    font-size: 13px;
    top: -13px;
    margin-right: 4px
}

.p-price sub {
    font-size: 18px;
    bottom: 11px
}

.pricing-item-01 .p-price .price_period {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.pricing-item-01 .p-price .price_period.active {
    visibility: visible;
    opacity: 1
}

.price-detils ul {
    margin: 0 0 23px;
    padding: 0
}

.price-detils ul li {
    display: block;
    font-size: 16px;
    color: #5f5f5f;
    letter-spacing: .64px;
    border-bottom: 1px solid #eee;
    padding: 0 0 11px;
    margin-bottom: 8px
}

.price-detils ul li:last-child {
    border: none
}

.price-detils ul li i {
    color: var(--theme-color);
    font-size: 15px;
    display: inline-block;
    margin-right: 12px
}

.price-detils .berpo_btn {
    background: #030303;
    height: 54px;
    line-height: 55px;
    border-radius: 50px;
    font-weight: 600;
    padding: 0 48px
}

.price-detils .berpo_btn .bp-shape {
    background: var(--theme-color)
}

.beproTab {
    position: relative;
    margin: 0 0 60px;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.beproTab li {
    width: 33.333333%
}

.beproTab li a {
    display: inline-block;
    width: 100%;
    background: #eef4fc;
    position: relative;
    text-align: center;
    font-family: fira sans, sans-serif;
    font-size: 22px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 43px 20px
}

.beproTab li a:after {
    position: absolute;
    left: 60px;
    bottom: 0;
    width: 2px;
    height: 60px;
    background: var(--theme-color);
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.beproTab li a:hover:after,
.beproTab li a.active:after {
    visibility: visible;
    opacity: 1;
    bottom: -44px
}

.beproTab li a:hover,
.beproTab li a.active {
    background: #fff;
    -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07)
}

.beproTabCon {
    position: relative
}

.beproTabCon .secTitle {
    line-height: 65px;
    margin: 82px 0 19px
}

.beproTabCon p {
    margin-bottom: 52px;
    color: #5f5f5f;
    padding-right: 60px
}

.beproTabCon .berpo_btn {
    padding: 0 42.5px
}

.team_01 {
    position: relative;
    margin-bottom: 34px
}

.tm_thumb {
    position: relative;
    margin: 0 0 20px
}

.tm_thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    border-radius: 3px;
    background: rgba(0, 0, 0, .43);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.team_01:hover .tm_thumb:after {
    visibility: visible;
    opacity: 1
}

.team_01 .tm_thumb img {
    width: 100%;
    height: auto;
    border-radius: 3px
}

.tm_social {
    font-family: fira sans, sans-serif;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.tm_social a {
    display: inline-block;
    margin: 0 5px;
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0
}

.tm_social a i {
    font-size: 13px;
    margin-right: 4px;
    display: inline-block
}

.tm_social a:hover {
    color: var(--theme-color)
}

.tm_social a:nth-child(1) {
    -webkit-transition: all 400ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 400ms cubic-bezier(.445, .05, .55, .95);
    transition: all 400ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.tm_social a:nth-child(2) {
    -webkit-transition: all 550ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 550ms cubic-bezier(.445, .05, .55, .95);
    transition: all 550ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.tm_social a:nth-child(3) {
    -webkit-transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.tm_social a:nth-child(4) {
    -webkit-transition: all 750ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 750ms cubic-bezier(.445, .05, .55, .95);
    transition: all 750ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.tm_social a:nth-child(05) {
    -webkit-transition: all 850ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 850ms cubic-bezier(.445, .05, .55, .95);
    transition: all 850ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.team_01:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.team_01 h3 {
    font-size: 24px;
    line-height: 28px;
    color: #393434;
    margin: 0 0 5px
}

.team_01 h3 a {
    color: inherit
}

.team_01 h3 a:hover {
    color: var(--theme-color)
}

.team_01 p {
    font-size: 15px;
    line-height: .8;
    color: #7b7b7b;
    margin: 0
}

.tmSlider.owl-carousel .owl-nav {
    width: 100%
}

.tmSlider.owl-carousel .owl-nav button {
    position: absolute;
    left: -140px;
    top: 31%;
    text-align: center;
    z-index: 5;
    font-size: 24px;
    line-height: 71px;
    width: 71px;
    height: 71px;
    background: rgba(199, 199, 199, .2);
    color: rgba(0, 0, 0, .2);
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 0;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tmSlider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -140px
}

.tmSlider.owl-carousel .owl-nav button:hover {
    background: var(--theme-color);
    color: #fff
}

.bepAccordion {
    position: relative;
    margin-right: 29px
}

.bepAccordion .card {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 3px;
    margin: 0 0 16px;
    padding: 20px 49px;
    border: none;
    -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.accordion>.card:not(:first-of-type),
.accordion>.card:not(:last-of-type) {
    border-radius: 3px
}

.bepAccordion .card .card-header {
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bepAccordion .card .card-header h2 {
    margin: 0;
    padding: 0;
    border: none
}

.bepAccordion .card .card-header h2 button {
    border-radius: 0;
    border: none;
    background: 0 0;
    font-size: 18px;
    font-weight: 700;
    font-family: fira sans, sans-serif;
    color: #1e1840;
    line-height: 36px;
    display: flex;
    padding: 0;
    width: 100%;
    text-align: left;
    border-radius: 0;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.bepAccordion .card .card-header h2 button i {
    font-style: normal;
    font-size: 19px;
    color: var(--theme-color);
    margin-right: 3px
}

.bepAccordion .card .card-header h2 button span {
    position: absolute;
    width: 12px;
    height: 12px;
    right: -11px;
    top: 0;
    bottom: 0;
    margin: auto
}

.bepAccordion .card .card-header h2 button span:before {
    content: '';
    width: 4px;
    height: 12px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.bepAccordion .card .card-header h2 button span:after {
    content: '';
    width: 12px;
    height: 4px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.bepAccordion .card .card-header h2 button:not(.collapsed) span:before {
    display: none
}

.bepAccordion .card .card-body {
    position: relative;
    padding: 11px 5px 35px 0;
    top: 0;
    color: #5f5f5f;
    font-size: 17px;
    line-height: 28px;
    border: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bepAccordion .card.activeBg {
    background: #101a25
}

.bepAccordion .card.activeBg .card-header h2 button {
    color: #fff
}

.bepAccordion .card.activeBg .card-body {
    color: #a5a5a5
}

.bepAccordion .card.activeBg .card-header h2 button i {
    color: #fff
}

.bepAccordion .card.activeBg .card-header h2 button span:after {
    background: #fff
}

.testimonialslider01.owl-carousel {
    position: relative;
    padding: 40px 0 0 7px
}

.testiItem01 {
    position: relative
}

.testiItem01 h5 {
    font-size: 25px;
    color: #1e1840;
    font-weight: 600;
    margin: 0 0 7px
}

.quotation {
    font-size: 20px;
    line-height: 30px;
    color: #5f5f5f;
    font-weight: 300;
    font-style: italic;
    margin: 0 0 40px
}

.ts_author {
    position: relative;
    padding-top: 23px;
    padding-left: 138px;
    min-height: 105px
}

.testimonialslider01.owl-carousel .ts_author img {
    width: 106px;
    height: 105px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.ts_author h5 {
    font-size: 22.22px;
    line-height: 33.33px;
    color: #1e1840;
    margin: 0 0 3px
}

.ts_author span {
    display: block;
    line-height: .8;
    font-size: 14.77px;
    color: #828282
}

.testimonialslider01.owl-carousel .owl-nav {
    position: relative;
    margin: 24px 0 0
}

.testimonialslider01.owl-carousel .owl-nav button {
    text-align: center;
    font-size: 13.49px;
    line-height: 48px;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 50%;
    color: #1e1840;
    outline: none;
    z-index: 1;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.testimonialslider01.owl-carousel .owl-nav button:hover {
    background: var(--theme-color);
    color: #fff
}

.blogItem01 {
    position: relative;
    background: #fbfbfb;
    margin: 0 0 30px;
    border-radius: 0 0 3px 3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blogItem01:hover {
    background: #fff;
    -webkit-box-shadow: 0 5px 29px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 5px 29px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 5px 29px 0 rgba(0, 0, 0, .06)
}

.blogThumb {
    position: relative
}

.blogItem01 .blogThumb img {
    width: 100%;
    height: auto;
    border-radius: 3px 3px 0 0
}

.blogContent {
    position: relative;
    padding: 23px 29px 27px
}

.bmeta {
    display: inline-block;
    font-size: 15px;
    color: #7c7c7c;
    margin: 0 0 4px
}

.bmeta i {
    display: inline-block;
    font-size: 14px;
    color: var(--theme-color);
    margin-right: 9px
}

.blogContent h3 {
    font-size: 22px;
    line-height: 28px;
    color: #333;
    font-weight: 600;
    margin: 0 0 27px
}

.blogContent h3 a {
    color: inherit
}

.blogContent h3 a:hover {
    color: var(--theme-color)
}

.bpcon {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 18px 0 0
}

.bpcon:after {
    position: absolute;
    left: -29px;
    top: 0;
    width: calc(100% + 58px);
    content: '';
    height: 1px;
    background: #ddd
}

.bpcon a {
    display: inline-block;
    font-size: 17px;
    color: #7c7c7c
}

.bpcon a.author {
    font-size: 14px
}

.bpcon a.author img {
    position: relative;
    top: -2px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin-right: 10px
}

.bpcon a:hover {
    color: var(--theme-color)
}

.ctaCon {
    position: relative;
    padding: 158px 0 0 30px
}

.ctaCon h4 {
    font-style: italic;
    color: #fff;
    margin: 0 0 8px;
    font-size: 59.51px;
    line-height: 1;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    transform: rotate(-9deg)
}

.ctaCon h4 span {
    font-size: 25.7px;
    font-weight: 400
}

.ctaCon h2 {
    margin: 0 0 0 -15px;
    font-style: italic;
    color: var(--theme-color);
    font-size: 110.85px;
    letter-spacing: -3.3px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    transform: rotate(-9deg)
}

.ctaCon h3 {
    font-style: italic;
    margin: -21px 0 42px 37px;
    color: #fff;
    font-size: 73px;
    font-weight: 800;
    line-height: 1;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    transform: rotate(-9deg)
}

.ctaCon h3 span {
    font-size: 32.33px;
    font-weight: 500;
    position: relative;
    top: -25px
}

.ctaCon .berpo_btn {
    margin-left: 120px
}

.footer_01 {
    position: relative;
    background: url(../images/bg/footer.jpg) no-repeat center center/cover;
    padding: 30px 0 0
}

.aboutWidget {
    position: relative;
    padding-right: 50px;
    margin-top: -12px
}

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

.aboutWidget p {
    color: #bbb;
    font-size: 16px;
    line-height: 22px;
    margin: 27px 0 41px
}

.abIcon {
    font-family: fira sans, sans-serif;
    margin: 0 0 16px;
    min-height: 35px;
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    color: #bbb;
    line-height: 29px;
    font-weight: 500
}

.abIcon i {
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    background: var(--theme-color);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.wsubtitle {
    display: block;
    font-size: 12px;
    line-height: .8;
    font-weight: 500;
    color: var(--theme-color);
    letter-spacing: .36px;
    margin: 0 0 8px
}

.widget_title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .4px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 40px
}

.pp_post_item {
    position: relative;
    min-height: 75px;
    margin: 0 0 20px;
    padding: 6px 0 0 110px
}

.pp_post_item img {
    width: 85px;
    height: 75px;
    border-radius: 11px;
    position: absolute;
    left: 0;
    top: 0
}

.pp_post_item span {
    display: block;
    color: #ec1c33;
    font-size: 12px;
    line-height: .8;
    letter-spacing: .24px;
    margin: 0 0 9px
}

.pp_post_item a {
    font-family: fira sans, sans-serif;
    display: block;
    font-size: 18px;
    color: #ddd;
    line-height: 25px;
    font-weight: 500
}

.pp_post_item a:hover {
    color: var(--theme-color)
}

.widget ul.menu {
    margin: -10px 0 0;
    padding: 0
}

.footer_01 .widget ul.menu li {
    font-family: fira sans, sans-serif
}

.widget ul.menu li {
    position: relative;
    font-size: 16px;
    display: block;
    color: #bbb;
    font-weight: 400;
    line-height: 22px;
    padding-left: 22px;
    margin: 0 0 14px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.widget ul.menu li:after {
    content: "\ef55";
    font-family: themewar !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 12px;
    color: inherit;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.widget ul.menu li a {
    color: inherit
}

.widget ul.menu li:hover {
    padding-left: 18px
}

.widget ul.menu li:hover a {
    color: var(--theme-color)
}

.widget ul.menu li:hover:after {
    color: var(--theme-color)
}

.gallery {
    margin-right: -15px;
    margin-left: -8px
}

.galleryShots {
    position: relative
}

.galleryShots a {
    position: relative;
    display: inline-block;
    float: left;
    width: 95px;
    height: 91px;
    margin: 0
}

.galleryShots a:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--theme-color);
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.galleryShots a:hover::after {
    opacity: .85
}

.galleryShots a:before {
    width: 40px;
    height: 40px;
    background: 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    content: "\fc07";
    font-family: themewar !important;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.galleryShots a:hover:before {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.galleryShots img {
    width: 100%;
    height: 100%
}

.SubsrcribeForm,
.SubsrcribeForm .yikes-easy-mc-form {
    position: relative
}

.SubsrcribeForm .yikes-easy-mc-form input[type=email] {
    font-size: 13px;
    height: 60px;
    width: 100%;
    font-weight: 400;
    color: #8c8c8c;
    outline: none;
    border: none;
    letter-spacing: .26px;
    background: #fff;
    border-radius: 50px;
    padding: 0 45px;
    margin: 0 !important
}

.SubsrcribeForm .yikes-easy-mc-form input[type=email]::-moz-placeholder {
    color: #8c8c8c;
    opacity: 1
}

.SubsrcribeForm .yikes-easy-mc-form input[type=email]::-ms-input-placeholder {
    color: #8c8c8c;
    opacity: 1
}

.SubsrcribeForm .yikes-easy-mc-form input[type=email]::-webkit-input-placeholder {
    color: #8c8c8c;
    opacity: 1
}

.SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 60px;
    padding: 0 41px;
    border: none;
    background: #1b1b1b;
    letter-spacing: .26px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: auto;
    margin: 0 !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
    background: var(--theme-color);
    color: #fff
}

.yikes-easy-mc-form input[type=email]:focus,
.yikes-easy-mc-form .yikes-easy-mc-submit-button:focus {
    box-shadow: none !important;
    outline: none !important
}

.yikes-mailchimp-container .edit-link {
    display: none !important
}

.SubsrcribeForm .yikes-easy-mc-success-message {
    padding: 10px 20px;
    font-size: 16px;
    margin: 0 0 20px;
    background: #fff;
    color: #232424;
    text-align: center
}

.SubsrcribeForm .yikes-easy-mc-form .field-no-label,
.SubsrcribeForm .yikes-easy-mc-form label {
    margin: 0
}

.Copyright {
    position: relative;
    font-size: 15px;
    line-height: 26px;
    color: #ebebeb;
    font-weight: 500;
    letter-spacing: .37px;
    margin: 0;
    padding: 26px 0
}

.Copyright span {
    text-transform: uppercase
}

.Copyright a,
.Copyright span {
    display: inline-block;
    color: var(--theme-color)
}

.Copyright a:hover {
    color: #ebebeb
}

.header02 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: 0 0;
    z-index: 5;
    padding: 0 85px 0 40px
}

.header02 .navbar01 {
    background: 0 0;
    padding: 0;
    border-radius: 0
}

.header02 .logo {
    padding: 28px 60px 26px 0;
    line-height: 64px;
    border-right: 1px solid #3e404e
}

.header02 .logo img {
    height: 64px
}

.header02 .mainMenu {
    margin-right: auto;
    padding-left: 58px
}

.header02 .mainMenu ul li>a {
    padding: 52px 15px 41px;
    color: #fff;
    font-family: jost, sans-serif;
    font-weight: 700
}

.header02 .mainMenu ul li.menu-item-has-children>a::before {
    font-weight: 500;
    right: 1px;
    top: calc(50% + 7px)
}

.header02 .mainMenu ul li:hover>a {
    color: var(--theme-color-two)
}

.header02 .mainMenu ul li .sub-menu li.current-menu-item>a,
.header02 .mainMenu ul li .sub-menu li:hover>a {
    color: #fff;
    background: var(--theme-color-two)
}

.header02 .mainMenu ul .sub-menu li.menu-item-has-children>a::before {
    right: 19px;
    top: calc(50% - 4px);
    font-weight: 400
}

.header02 .showcase h5 span {
    color: var(--theme-color-two)
}

.header02 .mainMenu ul li .sub-menu {
    border-color: var(--theme-color-two)
}

.accessNav .topsocial {
    position: relative
}

.accessNav .topsocial:after {
    position: absolute;
    left: -13px;
    top: -43px;
    width: 1px;
    height: 120px;
    content: '';
    background: #3e404e
}

.accessNav .topsocial a {
    background: 0 0;
    width: auto;
    height: auto;
    color: #fff;
    font-size: 17px;
    margin-left: 21px
}

.accessNav .topsocial a:hover {
    color: var(--theme-color-two)
}

.header02 .accessNav .search_btn {
    color: #181818;
    font-size: 15px;
    width: 41px;
    height: 41px;
    line-height: 41px;
    background: #fff;
    margin-left: 67px
}

.header02 .accessNav .search_btn:after {
    position: absolute;
    left: -31px;
    top: -40px;
    width: 1px;
    height: 120px;
    content: '';
    background: #3e404e
}

.header02 .accessNav .search_btn:hover {
    background: var(--theme-color-two);
    color: #fff
}

.infoHead {
    position: relative;
    padding-left: 56px;
    margin-left: 69px
}

.infoHead:after {
    position: absolute;
    left: -43px;
    top: -39px;
    width: 1px;
    height: 120px;
    content: '';
    background: #3e404e
}

.infoHead i {
    color: #181818;
    font-size: 18px;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background: #fff;
    line-height: 41px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.infoHead i.twi-phone-volume {
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.infoHead h5 {
    color: var(--theme-color-two);
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    margin: -2px 0 0
}

.infoHead h5 span {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    display: block
}

.expCount {
    min-height: 170px;
    position: relative;
    border: 10px solid var(--theme-color-two);
    display: flex;
    justify-content: center;
    min-width: 100%;
    align-items: center;
    margin-bottom: 65px
}

.expCount:after {
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
    width: calc(100% - 154px);
    margin: auto;
    content: '';
    background: #fff
}

.expCount:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    width: calc(100% - 154px);
    margin: auto;
    content: '';
    background: #fff
}

.expCount h2 {
    font-size: 90px;
    font-weight: 600;
    margin: 0
}

.expCount p {
    font-size: 17px;
    line-height: 20px;
    color: #5f5f5f;
    font-weight: 500;
    margin: 0 0 0 15px
}

.serviceSlider.owl-carousel .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px)
}

.serviceSlider .owl-item.active .service_item_03 {
    box-shadow: 0 9px 35px 0 rgba(33, 37, 41, .07)
}

.serviceSlider .service_item_03 {
    box-shadow: none
}

.service_item_03 {
    margin: 115px 15px 30px;
    padding: 0 30px 25px;
    text-align: center;
    position: relative;
    background: #fff;
    border-radius: 5px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -webkit-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17);
    -moz-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17);
    box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17)
}

.service_item_03 .siThumb {
    position: relative;
    top: -86px;
    margin: 0 0 -61px
}

.service_item_03 .siThumb img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.service_item_03 h3 {
    font-size: 23px;
    line-height: 30px;
    font-weight: 800;
    color: #0f0d1d;
    margin: 0 0 3px
}

.service_item_03 h3 a {
    color: inherit
}

.service_item_03 h3 a:hover {
    color: var(--theme-color-two)
}

.service_item_03 p {
    font-family: fira sans, sans-serif;
    color: var(--theme-color-two);
    font-size: 16px;
    line-height: 23px;
    margin: 0
}

.serviceSlider.owl-carousel .owl-nav {
    width: 100%
}

.serviceSlider.owl-carousel .owl-nav button {
    position: absolute;
    left: -94px;
    top: 31%;
    text-align: center;
    z-index: 5;
    font-size: 15px;
    line-height: 58px;
    width: 58px;
    height: 58px;
    background: var(--theme-color-two);
    color: #f0f0f0;
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.serviceSlider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -94px
}

.serviceSlider.owl-carousel .owl-nav button:hover {
    background: #030303;
    color: #fff
}

.icon_box_01 {
    position: relative;
    min-height: 67px;
    margin: 0 0 20px;
    padding: 0 0 0 99px
}

.icon_box_01 i {
    width: 67px;
    height: 67px;
    background: #ebf1ff;
    line-height: 67px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 34px;
    color: var(--theme-color-two)
}

.icon_box_01 i.twi-phone-volume:before {
    display: inline-block;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.icon_box_01 h5 {
    font-size: 19px;
    line-height: 30px;
    color: #767676;
    font-weight: 400;
    margin: 0
}

.icon_box_01 h5 span {
    display: block;
    color: #000;
    font-size: 18px;
    margin: 4px 0 0
}

.beproTab02 {
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 2;
    margin: 0;
    padding: 0;
    display: block
}

.beproTab02 li {
    list-style: none;
    display: block
}

.beproTab02 li a {
    display: inline-block;
    height: 74px;
    background: #fff;
    border-radius: 5px;
    font-size: 17px;
    color: #282331;
    padding: 25px 24px;
    font-family: fira sans, sans-serif;
    font-weight: 600;
    line-height: .8;
    margin: 0 0 9px;
    -webkit-box-shadow: 0 0 59px 0 rgba(196, 196, 196, .26);
    -moz-box-shadow: 0 0 59px 0 rgba(196, 196, 196, .26);
    box-shadow: 0 0 59px 0 rgba(196, 196, 196, .26)
}

.beproTab02 li a i {
    display: inline-block;
    color: #b587fb;
    font-size: 23.44px;
    margin-right: 20px;
    position: relative;
    top: 4px
}

.beproTab02 li a:hover {
    color: var(--theme-color-two)
}

.beproTab02 li a.active {
    margin-left: 10px
}

.beproTab02 li:nth-child(2) a i {
    color: #fec0fa
}

.beproTab02 li:nth-child(3) a i {
    color: #a2fde4
}

.beproTabCon02 {
    position: relative;
    padding-left: 120px
}

.beproTabCon02>img {
    max-width: 100%;
    height: auto;
    border-radius: 5px
}

.beproTabCon02 .bptleft {
    position: relative;
    margin: -49px 0 0 -123px;
    z-index: 2
}

.tabVideo {
    position: relative;
    float: right;
    width: 259px;
    height: 171px;
    padding: 53px 58px 0;
    margin: -139px -39px 0 0
}

.tabVideo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 9px
}

.tabVideo .popup_video {
    background: 0 0;
    width: auto;
    height: auto;
    font-size: 29px;
    color: #fff;
    line-height: .8
}

.tabVideo .popup_video:hover {
    color: var(--theme-color-two)
}

.tabVideo .popup_video:after,
.tabVideo .popup_video:before {
    display: none
}

.tabVideo h5 {
    font-size: 20.24px;
    line-height: 23.45px;
    color: #fff;
    text-transform: uppercase;
    margin: 5px 0 0;
    position: relative
}

.folioSlider01.owl-carousel {
    margin: 0;
    position: relative
}

.folioItem01 {
    margin: 20px 0 45px;
    position: relative;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms
}

.folioItem01 img {
    width: 100%;
    height: auto;
    border-radius: 10px
}

.folioItem01:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    border-radius: 10px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: rgba(255, 255, 255, .87);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: -webkit-transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1);
    opacity: 0
}

.folioItem01:hover:after {
    opacity: 1
}

.folioItem01:hover {
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2)
}

.folioHover {
    font-family: fira sans, sans-serif;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 2
}

.folioHover .fm-more {
    position: relative;
    right: auto;
    display: inline-block;
    background: var(--theme-color-two);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    text-align: center;
    font-size: 22.52px;
    color: #fff;
    line-height: 52px;
    margin: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioHover .fm-more:hover {
    background: #26263e;
    color: #fff
}

.folioHover h4 {
    font-size: 30px;
    line-height: 35px;
    color: #26263e;
    font-weight: 600;
    margin-bottom: 24px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.folioHover h4 a {
    color: inherit
}

.folioHover h4 a:hover {
    color: var(--theme-color-two)
}

.folioHover p {
    font-size: 18px;
    letter-spacing: -.36px;
    color: #787887;
    margin: 0 0 2px;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.folioItem01:hover .folioHover .fm-more {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.folioItem01:hover .folioHover h4 {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1
}

.folioItem01:hover .folioHover p {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1
}

.single_skill {
    position: relative;
    margin: 9px 0 0
}

.single_skill h5 {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #101a25;
    margin: 0 0 2px 4px
}

.ss_parent {
    position: relative;
    background: 0 0;
    border: 2px solid #dcdcdc;
    height: 24px;
    width: 100%;
    border-radius: 50px
}

.ss_parent span {
    font-family: fira sans, sans-serif;
    position: absolute;
    font-size: 15px;
    color: #101a25;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 0 -22px;
    left: 0;
    top: -28px
}

.ss_child {
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50px;
    height: 14px;
    background: var(--theme-color-two)
}

.icon_box_02 {
    padding-left: 124px;
    position: relative;
    margin-top: 7px
}

.icon_box_02 img {
    position: absolute;
    left: 0;
    top: 0
}

.icon_box_02 i {
    font-size: 80px;
    line-height: 80px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 11px;
    z-index: 2
}

.icon_box_02 h3 {
    color: #fff;
    font-size: 35px;
    line-height: 50px;
    font-weight: 600;
    margin: 0
}

.pricingTabInner {
    position: relative;
    margin: 0 0 55px;
    padding: 0;
    display: block
}

.pricingTabInner li {
    list-style: none;
    display: block;
    margin: 0 0 6px
}

.pricingTabInner li a {
    font-family: fira sans, sans-serif;
    display: block;
    position: relative;
    height: 142px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    padding: 30px 31px 20px 122px;
    -webkit-box-shadow: 0 18px 40px 0 rgba(43, 43, 43, .08);
    -moz-box-shadow: 0 18px 40px 0 rgba(43, 43, 43, .08);
    box-shadow: 0 18px 40px 0 rgba(43, 43, 43, .08)
}

.pricingTabInner li a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    content: '';
    background: var(--theme-color-two);
    mix-blend-mode: multiply;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricingTabInner li a img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0
}

.pricingTabInner li .p-title {
    position: relative;
    z-index: 2;
    font-size: 25px;
    display: block;
    color: #fff;
    font-weight: 500;
    margin: 0 0 2px
}

.pricingTabInner li .p-off {
    display: inline-block;
    height: 33px;
    background: #fff;
    border-radius: 50px;
    color: var(--theme-color-two);
    font-size: 12.16px;
    line-height: 36px;
    text-align: center;
    padding: 0 17px;
    position: relative;
    z-index: 2;
    text-transform: capitalize
}

.pricingTabInner li .p-price {
    justify-content: flex-end;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 45px;
    line-height: 60px;
    font-weight: 800;
    text-transform: capitalize;
    margin: -62px 0 0
}

.pricingTabInner li .p-price .price_period {
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.pricingTabInner li .p-price .price_period.active {
    visibility: visible;
    opacity: 1
}

.pricingTabInner li .p-price .price_period span {
    font-size: 18px;
    font-weight: 500;
    position: relative;
    top: 10px;
    margin: 0 0 0 11px
}

.pricingTabInner li a:hover:after,
.pricingTabInner li a.active:after {
    visibility: visible;
    opacity: 1
}

.pricingTabInner li a .round {
    width: 31px;
    height: 31px;
    background: 0 0;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 31px;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2
}

.pricingTabInner li a .round:after {
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricingTabInner li a.active .round:after {
    visibility: visible;
    opacity: 1
}

.pricingTabInner li a:before {
    width: 79px;
    height: 1px;
    background: var(--theme-color-two);
    position: absolute;
    z-index: 3;
    top: 0;
    left: -79px;
    bottom: 0;
    content: '';
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricingTabInner li a.active:before {
    visibility: visible;
    opacity: 1;
    left: -102px
}

.tabList {
    position: relative;
    background: url(../images/bg/10.jpg) no-repeat center center/cover;
    padding: 158px 75px 23px;
    border-radius: 10px;
    margin-right: 10px
}

.tabList ul {
    margin: 0;
    padding: 0
}

.tabList ul li {
    list-style: none;
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #1f1f1f;
    font-family: fira sans, sans-serif;
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 18px;
    padding: 0 0 20.5px
}

.tabList ul li:last-child {
    border: none
}

.tabList ul li i {
    display: inline-block;
    float: right;
    clear: both;
    color: var(--theme-color-two)
}

.tabList ul li.disable i {
    color: #adadad
}

.pcTab02 {
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 50px;
    height: 57px;
    padding: 0;
    position: absolute;
    left: 77px;
    top: 52px;
    z-index: 3;
    background: #fff
}

.pcTab02 a {
    font-family: fira sans, sans-serif;
    display: inline-block;
    height: 100%;
    background: 0 0;
    color: #616368;
    font-weight: 500;
    border-radius: 50px;
    text-align: center;
    font-size: 18px;
    color: #20204c;
    padding: 14px 29px
}

.pcTab02 a:hover {
    color: var(--theme-color-two)
}

.pcTab02 a.active {
    background: var(--theme-color-two);
    color: #fff
}

.berpo_btn.prbtn {
    width: 100%;
    border-radius: 10px;
    height: 92px;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 92px;
    color: #fff
}

.team_02 {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.team_02 img {
    width: 100%;
    height: auto
}

.team_02:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%);
    width: 100%;
    height: 100%;
    content: ''
}

.tm_content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 70px
}

.tm_content p {
    font-size: 14px;
    color: #dedddd;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0 0 4px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tm_content h3 {
    font-size: 35px;
    line-height: 45px;
    color: #fffefe;
    font-weight: 800;
    margin: 0 0 -5px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.tm_content h3 a {
    color: inherit
}

.tm_content h3 a:hover {
    color: var(--theme-color-two)
}

.team_02:hover .tm_content p,
.team_02:hover .tm_content h3 {
    transform: translate3d(0, -36px, 0);
    -moz-transform: translate3d(0, -36px, 0);
    -webkit-transform: translate3d(0, -36px, 0)
}

.tm_content .tm_social {
    position: relative;
    transform: none;
    text-align: left;
    top: auto;
    bottom: 20px
}

.tm_content .tm_social a {
    display: inline-block;
    margin: 0 6px 0 0;
    position: relative;
    z-index: 2;
    color: var(--theme-color-two);
    text-align: center;
    font-size: 15px;
    visibility: hidden;
    opacity: 0
}

.tm_content .tm_social a i {
    font-size: inherit;
    margin: 0
}

.tm_content .tm_social a:hover {
    color: #fff
}

.team_02 a:nth-child(2) {
    -webkit-transition: all 550ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 550ms cubic-bezier(.445, .05, .55, .95);
    transition: all 550ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.team_02 a:nth-child(3) {
    -webkit-transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.team_02 a:nth-child(4) {
    -webkit-transition: all 750ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 750ms cubic-bezier(.445, .05, .55, .95);
    transition: all 750ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.team_02 a:nth-child(05) {
    -webkit-transition: all 850ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 850ms cubic-bezier(.445, .05, .55, .95);
    transition: all 850ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0)
}

.team_02:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.tmSlider02.owl-carousel .owl-nav {
    width: 100%
}

.tmSlider02.owl-carousel .owl-nav button {
    position: absolute;
    left: -110px;
    top: 48%;
    text-align: center;
    z-index: 5;
    font-size: 15px;
    line-height: 59px;
    width: 58px;
    height: 58px;
    background: #c9c9c9;
    color: #030403;
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tmSlider02.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -110px
}

.tmSlider02.owl-carousel .owl-nav button:hover {
    background: var(--theme-color-two);
    color: #fff
}

.tmSlider02.owl-carousel .owl-item:first-child.active .team_02 img {
    border-radius: 5px 0 0 5px
}

.funfact {
    position: relative;
    padding: 0 0 0 90px
}

.funfact i {
    color: var(--theme-color-two);
    font-size: 48px;
    line-height: 48px;
    position: absolute;
    left: 0;
    top: 3px
}

.funfact h2 {
    font-size: 40px;
    line-height: 1;
    color: #fff;
    letter-spacing: -1.2px;
    margin: 0 0 7px
}

.funfact h2 sup {
    font-size: inherit;
    top: 0;
    font-style: normal
}

.funfact h5 {
    font-size: 15px;
    color: #e2e2e2;
    font-weight: 500;
    letter-spacing: -.15px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase
}

.blogItem02 {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 0 0 63px;
    margin: 0 0 58px
}

.blogItem02.bireverse:last-child,
.blogItem02:last-child {
    border: none;
    padding: 0;
    margin: 0
}

.blogItem02 .col-lg-4 {
    -ms-flex: 0 0 35.333333%;
    flex: 0 0 35.333333%;
    max-width: 35.333333%
}

.blogItem02 .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 64.666667%;
    max-width: 64.666667%
}

.blogItem02 .blogContent {
    text-align: right;
    position: relative;
    padding: 84px 0 0 5px
}

.blogItem02 .blogContent h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #1c1c1c;
    margin: 0 0 12px
}

.blogItem02 .blogContent h3 a:hover {
    color: var(--theme-color-two)
}

.blogItem02 .blogContent p {
    margin: 0 0 42px
}

.blogItem02 .berpo_btn.with_icon {
    padding: 0 34px
}

.blogThumb02 {
    position: relative;
    margin-left: 1px
}

.blogThumb02 img {
    width: 100%;
    height: auto;
    border-radius: 175px
}

.blogThumb02 .bmeta {
    height: 43px;
    background: var(--theme-color-two);
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    line-height: 38px;
    font-weight: 500;
    color: #fff;
    font-family: fira sans, sans-serif;
    letter-spacing: -.48px;
    margin: 0;
    padding: 0 15px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 39px;
    border: 3px solid #fff
}

.blogThumb02 .bmeta i {
    display: inline-block;
    font-size: 10.16px;
    margin-right: 3px;
    color: inherit
}

.bireverse .blogThumb02 {
    margin-right: 1px;
    margin-left: 0
}

.bireverse .blogContent {
    padding-right: 5px;
    padding-left: 0
}

.bireverse .blogThumb02 .bmeta {
    left: auto;
    right: 0
}

.testimonialslider02.owl-carousel {
    position: relative;
    padding: 0 200px
}

.testiItem02 {
    position: relative;
    text-align: center
}

.testimonialslider02 .testiItem02>img {
    width: 89px;
    height: 89px;
    border-radius: 50%;
    display: inline-block
}

.testiItem02 .quotation {
    font-size: 17px;
    line-height: 31px;
    color: #303030;
    margin: 21px 0 26px
}

.testiItem02 .ts_author {
    margin: 0;
    padding: 0;
    min-height: auto
}

.testiItem02 .ts_author h5 {
    color: #303030;
    font-size: 18px;
    font-weight: 800;
    line-height: 27px;
    margin: 0
}

.testiItem02 .ts_author h5 span {
    color: #303030;
    display: block;
    line-height: 20px;
    font-size: 15px;
    font-weight: 400
}

.quote {
    position: absolute;
    left: 0;
    right: 0;
    top: 88px;
    text-align: center;
    display: block
}

.testiItem02 .quote img {
    display: inline-block;
    width: 256px;
    height: 182px
}

.testimonialslider02.owl-carousel .owl-dots {
    margin: 29px 0 0;
    padding: 0;
    text-align: center
}

.testimonialslider02.owl-carousel .owl-dots button span {
    display: none
}

.testimonialslider02.owl-carousel .owl-dots button {
    display: inline-block;
    position: relative;
    width: 9px;
    height: 9px;
    background: #000;
    border-radius: 50%;
    margin: 0 4px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.testimonialslider02.owl-carousel .owl-dots button:after {
    width: 12px;
    height: 12px;
    position: absolute;
    left: -2px;
    top: -1.5px;
    content: '';
    background: #e3e3e3;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.testimonialslider02.owl-carousel .owl-dots button:hover:after,
.testimonialslider02.owl-carousel .owl-dots button.active:after {
    visibility: visible;
    opacity: 1
}

.ctaFooter {
    display: flex;
    position: relative;
    background: #fff;
    border-radius: 100px;
    padding: 38px 45px;
    margin-top: -110px;
    margin-bottom: 101px
}

.ctaboxItem {
    position: relative;
    width: 100%;
    height: 144px;
    margin: 0 8px;
    padding: 42px 20px 20px 136px
}

.ctaboxItem:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(35, 35, 35, .8);
    border-radius: 70px
}

.ctaboxItem img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 70px
}

.ctaboxItem>i {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: var(--theme-color-two);
    color: #fff;
    line-height: 85px;
    font-size: 35px;
    text-align: center;
    display: block;
    position: absolute;
    left: 29px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2
}

.ctaboxItem h5 {
    position: relative;
    z-index: 2;
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 4px
}

.ctaboxItem a {
    font-family: fira sans, sans-serif;
    position: relative;
    z-index: 2;
    display: inline-block;
    font-size: 15px;
    color: #939393;
    text-transform: uppercase;
    font-weight: 500
}

.ctaboxItem a i {
    position: relative;
    top: 1px;
    color: var(--theme-color-two);
    margin-left: 8px
}

.ctaboxItem a:hover {
    color: var(--theme-color-two)
}

.footer_02 {
    position: relative;
    padding: 0;
    background: url(../images/bg/12.jpg) no-repeat center center/cover
}

.footer_02:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(15, 17, 20, .86)
}

.footer_02 .container {
    position: relative;
    z-index: 2
}

.abw02 {
    padding-right: 0
}

.abw02 p {
    font-size: 17px;
    color: #d9d9d9;
    line-height: 27px;
    margin: 21px 0 31px
}

.twiiterFedd {
    position: relative;
    padding-left: 62px
}

.twiiterFedd i {
    width: 44px;
    height: 42px;
    background: var(--theme-color-two);
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 4px;
    text-align: center
}

.twiiterFedd h5 {
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    font-weight: 500;
    margin: 0
}

.twiiterFedd h5 span {
    display: block;
    color: #69717c;
    font-weight: 400
}

.widget_title02 {
    position: relative;
    font-size: 24px;
    line-height: 27px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 49px
}

.widget_title02:after {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 70px;
    height: 1px;
    background: var(--theme-color-two);
    content: ''
}

.widget_title02:before {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 38px;
    height: 1px;
    background: var(--theme-color-two);
    content: ''
}

.wmenu02 ul.menu {
    margin: 0
}

.wmenu02 ul.menu li {
    color: #fff;
    font-size: 18px;
    margin: 0 0 4px
}

.wmenu02 ul.menu li:after {
    font-size: 15px;
    top: 1px;
    color: inherit;
    content: "\ef2b"
}

.wmenu02 ul.menu li:hover a {
    color: var(--theme-color-two)
}

.wmenu02 ul.menu li:hover:after {
    color: var(--theme-color-two)
}

.pp_post_item02 {
    position: relative;
    padding-left: 94px;
    min-height: 81px;
    padding-top: 12px;
    margin: 0 0 38px
}

.pp_post_item02 img {
    width: 81px;
    height: 81px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

.pp_post_item02 a {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    margin: 0 0 1px
}

.pp_post_item02 a:hover {
    color: var(--theme-color-two)
}

.pp_post_item02 span {
    display: block;
    font-size: 14px;
    color: #dadada
}

.pp_post_item02 span i {
    display: inline-block;
    font-size: 13px;
    margin-right: 4px
}

.footer_02 .Copyright {
    margin-top: 32px;
    padding: 21px 0;
    font-weight: 500;
    letter-spacing: .37px;
    border-top: 1px solid #252525
}

.footer_02 .Copyright a,
.footer_02 .Copyright span {
    color: var(--theme-color-two)
}

.footer_02 .Copyright a:hover {
    color: #fff
}

.bodybox {
    padding: 0 60px
}

.homeTop {
    position: relative;
    background: url(../images/bg/13.jpg) no-repeat center center/cover;
    border-radius: 50px
}

.topbar02 {
    z-index: 5;
    position: relative;
    background: 0 0;
    padding: 4px 0 0
}

.topbar02 p {
    font-family: fira sans, sans-serif;
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
    color: #2a2a2a;
    font-weight: 500;
    margin: 0 21px 0 0
}

.topbar02 p a {
    color: inherit
}

.topbar02 p a i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 10px;
    color: var(--theme-color-three)
}

.topbar02 p a:hover {
    color: var(--theme-color-three)
}

.topbar02 .topsocial a {
    background: 0 0;
    color: #2a2a2a;
    font-size: 17px;
    width: auto;
    height: auto;
    margin-left: 20px
}

.topbar02 .topsocial a:hover {
    color: var(--theme-color-three)
}

.header03 {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    z-index: 6
}

.header03 .navbar01 {
    background: 0 0;
    padding: 0;
    border-radius: 0;
    align-items: center
}

.header03 .logo {
    line-height: 64px;
    padding: 39px 0
}

.header03 .logo img {
    height: 64px
}

.header03 .mainMenu ul li>a {
    color: #2a2a2a;
    font-weight: 600
}

.header03 .mainMenu ul li:hover>a {
    color: var(--theme-color-three)
}

.header03 .mainMenu ul li .sub-menu li.current-menu-item>a,
.header03 .mainMenu ul li .sub-menu li:hover>a {
    color: #fff;
    background: var(--theme-color-three)
}

.header03 .mainMenu ul li .sub-menu {
    border-color: var(--theme-color-three)
}

.header03 .showcase h5 span {
    color: var(--theme-color-three)
}

.serviceSlider02.owl-carousel {
    position: relative;
    background: url(../images/bg/7.png) no-repeat top left #fff;
    border-radius: 30px
}

.service_item_04 {
    position: relative;
    text-align: center;
    padding: 92px 55px 72px;
    border-right: 1px solid #f4f4f4
}

.serviceSlider02.owl-carousel .owl-item:last-child.active .service_item_04 {
    border-right: none
}

.siIcon {
    position: relative;
    z-index: 2;
    color: #040489;
    font-size: 58px;
    line-height: 58px;
    display: block;
    text-align: center;
    margin: 0 0 44px
}

.siIcon svg {
    width: 105px;
    height: 109px;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: -24px;
    margin: auto;
    fill: #fffde6
}

.serviceSlider02 .siIcon img,
.service_item_04 .siIcon img {
    width: 57px;
    height: 57px;
    display: inline-block
}

.service_item_04 h3 {
    font-size: 25px;
    line-height: 31.5px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 9px
}

.service_item_04 h3 a {
    color: inherit
}

.service_item_04 h3 a:hover {
    color: var(--theme-color-three)
}

.service_item_04 p {
    color: #5b5b5b;
    margin: 0
}

.serviceSlider02.owl-carousel .owl-nav {
    width: 100%
}

.serviceSlider02.owl-carousel .owl-nav button {
    position: absolute;
    left: -94px;
    top: 48%;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow.svg) no-repeat center center/cover;
    color: #382c4d;
    border: none;
    outline: none;
    z-index: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.serviceSlider02.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -94px
}

.serviceSlider02.owl-carousel .owl-nav button:hover {
    background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover;
    color: #fff
}

.it0402 .siIcon svg {
    fill: #effff5
}

.it0403 .siIcon svg {
    fill: #f7efff
}

.it0404 .siIcon svg {
    fill: #fffde6
}

.skItem02 {
    position: relative;
    background: #fff;
    border-radius: 50px;
    padding: 11px 50px 23px 110px;
    margin: 0 0 18px;
    max-width: 480px;
    -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06)
}

.skThumb {
    width: 76px;
    height: 76px;
    line-height: 73px;
    background: #ebfafb;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin: auto
}

.skItem02 .ebfafb img {
    width: 47px;
    height: 47px
}

.skItem02 .single_skill h5 {
    color: #382c4d;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px
}

.skItem02 .ss_parent {
    height: 12px;
    border: none;
    background: #ebfafb
}

.skItem02 .ss_child {
    top: 0;
    left: 0;
    background: var(--theme-color-three);
    height: 100%
}

.skItem02 .ss_parent span {
    color: #382c4d;
    font-weight: 600;
    top: -37px
}

.skI02.skItem02 .ss_child {
    background: #2849c8
}

.skI02.skItem02 .skThumb {
    background: #f6edff
}

.skI02.skItem02 {
    margin-bottom: 44px
}

.funfact02 {
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    padding: 30px 36px 22px 72px;
    margin-left: 70px;
    -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06)
}

.funfact02 i {
    font-size: 34px;
    line-height: 34px;
    position: absolute;
    left: 33px;
    top: 42px;
    color: #917afa;
    display: block
}

.funfact02 h2 {
    font-size: 45px;
    line-height: 1;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 1px
}

.funfact02 h2 sup {
    font-size: inherit;
    top: 0;
    font-style: normal
}

.funfact02 h5 {
    font-size: 16px;
    color: #a4acbf;
    line-height: 1;
    font-weight: 400;
    margin: 0
}

.funfact02.iconTop {
    padding: 30px 45px 30px 38px
}

.funfact02.iconTop i {
    position: relative;
    left: 0;
    top: 0;
    color: #ff5337;
    margin: 0 0 2px
}

.workProcess {
    position: relative;
    padding: 0 10px
}

.proImage {
    position: relative;
    margin: 0 0 0 -103px;
    top: 60px;
    color: #020288;
    font-size: 40px
}

.workProcess .proImage img {
    width: 54px;
    height: 37px
}

.workProcess>img {
    width: 215px;
    height: 211px
}

.workProcess h5 {
    color: #ff5337;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    margin: 28px 0 0
}

.workProcess h3 {
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    font-weight: 500;
    margin: 0 0 10px;
    position: relative;
    z-index: 2
}

.workProcess h3:after {
    content: '';
    position: absolute;
    left: 3px;
    right: 0;
    bottom: 3px;
    height: 7px;
    z-index: -1;
    border-radius: 50px;
    width: calc(100% - 6px);
    background: #ffeae6
}

.workProcess p {
    color: #382c4d;
    margin: 0 0 24px
}

.workProcess a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #fff1f1;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    color: #382c4d;
    line-height: 46px;
    font-size: 17px
}

.wp02 a {
    background: #e0faff
}

.wp02 h3:after {
    background: #e0faff
}

.wp03 a {
    background: #fffde5
}

.wp03 h3:after {
    background: #fffde5
}

.workProcess a:hover {
    background: var(--theme-color-three);
    color: #fff
}

.filter_menu {
    position: relative;
    margin: 53px 0 40px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    font-family: fira sans, sans-serif
}

.filter_menu.text-center {
    justify-content: center
}

.filter_menu.text-right {
    justify-content: flex-end
}

.filter_menu.text-left {
    justify-content: flex-start
}

.filter_menu li {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    font-size: 17px;
    color: #252932;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.filter_menu li span {
    display: inline-block;
    margin: 0 13px;
    color: #c4c4c4;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.filter_menu li:last-child span {
    margin: 0;
    display: none
}

.filter_menu li:hover span,
.filter_menu li.active span,
.filter_menu li:hover,
.filter_menu li.active {
    color: var(--theme-color-three)
}

.folioItem02 {
    position: relative;
    margin-right: 8px;
    margin-bottom: 40px
}

.folioItem02.mrleft {
    margin-right: 0;
    margin-left: 8px
}

.folioItem02 img {
    width: 100%;
    height: auto;
    border-radius: 30px
}

.folioHover02 {
    position: relative;
    display: inline-block;
    background: #fff;
    margin: -150px 0 0 40px;
    border-radius: 50px;
    padding: 22px 52px 24px 38px;
    -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06)
}

.folioHover02 p {
    color: var(--theme-color-three);
    font-size: 13px;
    line-height: 20px;
    margin: 0
}

.folioHover02 p a {
    color: inherit
}

.folioHover02 h4 {
    font-size: 22px;
    line-height: 30px;
    color: #382c4d;
    font-weight: 600;
    margin: 0
}

.folioHover02 h4 a {
    color: inherit
}

.folioHover02 h4 a:hover {
    color: var(--theme-color-three)
}

.shaff_size {
    z-index: -1
}

.pricingTab03 {
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    right: -17%;
    top: 44%;
    z-index: 2;
    text-align: right
}

.pricingTab03 li {
    list-style: none;
    display: block
}

.pricingTab03 li a {
    position: relative;
    display: inline-block;
    height: 59px;
    background: #fff;
    line-height: 59px;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    color: #382c4d;
    text-transform: uppercase;
    font-weight: 800;
    font-family: fira sans, sans-serif;
    padding: 0 25px;
    margin: 0 0 10px
}

.pricingTab03 li a:before {
    display: inline-block;
    font-family: themewar !important;
    content: "\f025";
    color: inherit;
    position: relative;
    font-weight: 400;
    top: 1px;
    visibility: hidden;
    opacity: 0;
    font-size: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricingTab03 li a.active:before {
    font-size: 15px;
    visibility: visible;
    opacity: 1;
    margin-right: 6px
}

.pricingTab03 li a.active,
.pricingTab03 li a:hover {
    background: var(--theme-color-three);
    color: #fff;
    padding: 0 31px
}

.tabContent03 {
    position: relative
}

.tabContent03 img {
    max-width: 100%;
    height: auto;
    border-radius: 65px;
    position: absolute;
    left: 0;
    top: -107px
}

.pricing-item-02 {
    position: relative;
    max-width: 385px;
    background: #fff;
    font-family: fira sans, sans-serif;
    border-radius: 50px;
    padding: 50px 40px 36px;
    margin-left: 205px;
    margin-top: -63px;
    z-index: 2;
    -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06);
    box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06)
}

.pricing-item-02 .p-title {
    display: inline-block;
    font-size: 30px;
    color: #382c4d;
    margin: 0 0 36px;
    position: relative;
    z-index: 2
}

.pricing-item-02 .p-title:after {
    content: '';
    position: absolute;
    left: -6px;
    right: 0;
    bottom: 6px;
    height: 9px;
    z-index: -1;
    border-radius: 50px;
    width: calc(100% + 12px);
    background: #fdecd8
}

.pricing-item-02 .p-price {
    justify-content: center;
    color: #382c4d;
    font-size: 65.69px;
    font-weight: 600;
    letter-spacing: -1.3px;
    line-height: 1;
    margin: 0 0 8px
}

.pricing-item-02 .p-price sup {
    font-size: inherit;
    top: 32px;
    margin: 0
}

.pricing-item-02 p {
    color: #382c4d;
    font-size: 18px;
    margin: 0 0 29px
}

.pricing-item-02 ul {
    border-top: 1px solid #ededed;
    margin: 0;
    padding: 34px 0 29px;
    text-align: left
}

.pricing-item-02 ul li {
    display: block;
    font-size: 19px;
    color: #382c4d;
    margin-bottom: 13px
}

.pricing-item-02 ul li i {
    color: var(--theme-color-three);
    font-size: 16px;
    display: inline-block;
    margin-right: 13px
}

.pricing-item-02 .berpo_btn {
    width: 100%;
    border-radius: 50px;
    background: var(--theme-color-three);
    color: #f0f0f0;
    font-size: 14px;
    height: 65px;
    line-height: 67px;
    -webkit-box-shadow: 0 0 27px 0 rgba(255, 85, 56, .26);
    -moz-box-shadow: 0 0 27px 0 rgba(255, 85, 56, .26);
    box-shadow: 0 0 27px 0 rgba(255, 85, 56, .26)
}

.priceCon {
    position: relative;
    padding: 145px 0 0 45px
}

.priceCon p {
    color: #382c4d;
    margin: -26px 0 41px
}

.priceCon .icon_box_01 {
    padding-left: 93px;
    padding-top: 10px
}

.priceCon .icon_box_01 i {
    width: 74px;
    height: 74px;
    background: #fff;
    border-radius: 50%;
    font-size: 30px;
    line-height: 74px;
    color: var(--theme-color)
}

.priceCon .icon_box_01 h5 {
    color: #382c4d;
    font-size: 18px;
    line-height: 28px
}

.priceCon .icon_box_01 span {
    color: #382c4d;
    font-weight: 600;
    font-size: 22px;
    margin: 0
}

.funfact03 {
    position: relative;
    background: #f9f9f9;
    border-radius: 30px;
    padding: 0 25px 51px
}

.factThumb {
    position: relative;
    display: inline-block;
    width: 77px;
    height: 77px;
    line-height: 75px;
    font-size: 36px;
    background: #ffffda;
    border-radius: 50%;
    text-align: center;
    top: -41px;
    margin: 0 0 -17px
}

.funfact03 .factThumb img {
    width: 47px;
    height: 53px
}

.funfact03 h2 {
    font-size: 45px;
    line-height: 1;
    color: #382c4d;
    font-weight: 500;
    margin: 0 0 8px
}

.funfact03 h2 sup {
    font-size: inherit;
    top: -2px;
    font-style: normal
}

.funfact03 h5 {
    font-size: 17px;
    line-height: 1;
    color: gray;
    margin: 0;
    font-weight: 400
}

.ffc02 .factThumb {
    background: #eef
}

.ffc03 .factThumb {
    background: #ffe0e0
}

.ffc04 .factThumb {
    background: #e6ffef
}

.tmSlider03.owl-carousel .owl-item {
    -webkit-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    transition: padding .3s ease
}

.team_03 {
    position: relative;
    margin: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.team_03:hover {
    padding: 0 44px 0 0
}

.tmThumbContent {
    position: relative;
    margin: 0 0 25px
}

.tmThumbContent .tmThumb {
    position: relative;
    height: 334px;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.team_03 .tmThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 40px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.team_03 .tm_social {
    padding: 15px 0;
    background: var(--theme-color-three);
    width: 85%;
    transform: none;
    border-radius: 30px;
    top: 20px;
    right: 20px;
    text-align: right;
    margin: 0;
    left: auto;
    bottom: auto;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.team_03 .tm_social a {
    display: block;
    position: relative;
    margin: 0 0 0 auto;
    display: block;
    text-align: center;
    font-size: 17px;
    color: #fff;
    height: 50px;
    width: 44px;
    line-height: 50px;
    border-bottom: 1px solid #d51313
}

.team_03 .tm_social a:last-child {
    border: none
}

.team_03:hover .tm_social {
    right: -44px
}

.team_03:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.team_03:hover .tm_social a:hover {
    color: #101a25
}

.team_03 h3 {
    font-size: 26.69px;
    color: #382c4d;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    margin: 0 0 1px
}

.team_03 h3 a {
    color: inherit
}

.team_03 h3 a:hover {
    color: var(--theme-color-three)
}

.team_03 p {
    margin: 0;
    font-size: 16px;
    font-family: fira sans, sans-serif;
    color: var(--theme-color-three)
}

.tmSlider03.owl-carousel .owl-nav {
    width: 100%
}

.tmSlider03.owl-carousel .owl-nav button {
    position: absolute;
    left: -94px;
    top: 38%;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow.svg) no-repeat center center/cover;
    color: #382c4d;
    border: none;
    outline: none;
    z-index: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tmSlider03.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -94px
}

.tmSlider03.owl-carousel .owl-nav button:hover {
    background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover;
    color: #fff
}

.tmSlider03.owl-carousel .owl-stage-outer {
    height: calc(100% + 40px);
    margin: -20px;
    padding: 20px;
    width: calc(100% + 40px)
}

.featuredSlider {
    padding: 0
}

.featuredSlider .owl-stage-outer {}

.featuredSlider .owl-item {
    backface-visibility: hidden;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.featuredSlider .fsfolioItem {
    overflow: visible;
    padding: 72px 0 20px
}

.featuredSlider .owl-item.active {
    z-index: 2;
    opacity: 1;
    visibility: visible
}

.featuredSlider .owl-item.active.center {
    z-index: 3
}

.fi03Thumb {
    position: relative;
    border-radius: 50%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.featuredSlider .fsfolioItem .acshape {
    width: 84%;
    height: 101%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    border-radius: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.featuredSlider .owl-item.active.center .fsfolioItem .acshape {
    visibility: visible;
    opacity: 1
}

.featuredSlider .fsfolioItem img {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%
}

.featuredSlider .owl-item.active .fsfolioItem .fi03Thumb {
    transform: scale(1.35) translateX(73px);
    -moz-transform: scale(1.35) translateX(73px);
    -webkit-transform: scale(1.35) translateX(73px)
}

.featuredSlider .owl-item.active.center+.owl-item.active .fsfolioItem .fi03Thumb {
    transform: scale(1.35) translateX(-73px);
    -moz-transform: scale(1.35) translateX(-73px);
    -webkit-transform: scale(1.35) translateX(-73px)
}

.featuredSlider .owl-item.active.center .fsfolioItem .fi03Thumb {
    transform: scale(1.35) translateX(0);
    -moz-transform: scale(1.35) translateX(0);
    -webkit-transform: scale(1.35) translateX(0)
}

.fi03Con {
    position: relative;
    font-family: fira sans, sans-serif;
    text-align: center;
    padding: 90px 0 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    opacity: 0;
    visibility: hidden
}

.featuredSlider .owl-item.active.center .fi03Con {
    opacity: 1;
    visibility: visible
}

.fi03Con h4 {
    font-size: 35px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 4px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.fi03Con h4 a {
    color: inherit
}

.fi03Con h4 a:hover {
    color: var(--theme-color-three)
}

.fi03Con p {
    font-size: 14px;
    line-height: .8;
    color: var(--theme-color-three);
    text-transform: uppercase;
    margin: 0 0 14px
}

.fimeta {
    position: relative
}

.fimeta a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #382c4d;
    margin-right: 12px
}

.fimeta a:last-child {
    margin-right: 0
}

.fimeta a i {
    display: inline-block;
    font-size: 14px;
    color: #9a9a9a;
    position: relative;
    margin-right: 6px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.fimeta a i.twi-eye {
    top: 1px
}

.fimeta a:hover i,
.fimeta a:hover {
    color: var(--theme-color-three)
}

.featuredSlider.owl-carousel .owl-nav {
    width: 100%
}

.featuredSlider.owl-carousel .owl-nav button {
    position: absolute;
    left: -94px;
    top: 36%;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow2.svg) no-repeat center center/cover;
    color: #382c4d;
    border: none;
    outline: none;
    z-index: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.featuredSlider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -94px
}

.featuredSlider.owl-carousel .owl-nav button:hover {
    background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover;
    color: #fff
}

.testimonialslider03 {
    position: relative;
    margin: -84px 0 0
}

.testiItem03 {
    position: relative;
    background: #d9f2ef;
    max-width: 595px;
    border-radius: 100px;
    padding: 39px 40px 50px 192px;
    margin: 34px 0 0;
    float: right
}

.testiItem03 .au_quote {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    position: absolute;
    left: 38px;
    top: 0;
    bottom: 0;
    margin: auto
}

.testiItem03 .au_quote img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.testiItem03 .au_quote i {
    font-size: 40px;
    color: var(--theme-color-three);
    -webkit-text-fill-color: var(--theme-color-three);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #d9f2ef;
    position: absolute;
    right: 9px;
    top: -4px
}

.testiItem03 h5 {
    font-size: 24px;
    color: #382c4d;
    font-size: 35px;
    margin: 0
}

.testiItem03 .quotation {
    font-size: 18px;
    line-height: 31.5px;
    color: #382c4d;
    margin: 0;
    font-weight: 400;
    font-style: normal
}

.testiItem03.RightItem {
    margin-right: 80px;
    background: #fdecd8;
    text-align: right;
    padding-left: 40px;
    padding-right: 192px
}

.testiItem03.RightItem .au_quote {
    left: auto;
    right: 38px
}

.testiItem03.RightItem .au_quote i {
    right: auto;
    left: 9px;
    -webkit-text-stroke-color: #fdecd8
}

.testimonialslider03 .slick-arrow {
    position: absolute;
    left: -74%;
    bottom: -10px;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow.svg) no-repeat center center/cover;
    color: #382c4d;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.testimonialslider03 .slick-arrow.navRight {
    left: calc(-74% + 74px)
}

.testimonialslider03 .slick-arrow:hover {
    background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover;
    color: #fff
}

.footer_03 {
    position: relative;
    background: #0e0130;
    padding: 105px 0 92px;
    border-radius: 50px 50px 0 0
}

.aboutWidget03 {
    position: relative;
    text-align: center
}

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

.aboutWidget03 p {
    font-size: 18px;
    line-height: 31.5px;
    color: #aba1bb;
    margin: 27px 0 29px
}

.aboutWidget03 .email {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: .2px;
    font-family: fira sans, sans-serif;
    border-bottom: 2px solid #fff
}

.aboutWidget03 .email:hover {
    color: var(--theme-color-three);
    border-color: var(--theme-color-three)
}

.absocaila {
    position: relative;
    margin: 28px 0 0
}

.absocaila a {
    display: inline-block;
    text-align: center;
    width: 64px;
    height: 64px;
    background: #1e0b50;
    line-height: 64px;
    font-size: 20px;
    color: #fff;
    border-radius: 50%;
    margin: 0 1px
}

.absocaila a:hover {
    background: var(--theme-color-three);
    color: #fff
}

.copyrightSec {
    position: relative;
    background: #0c0128;
    text-align: center;
    padding: 37px 0;
    border-radius: 0 0 50px 50px
}

.copyrightSec .Copyright {
    font-family: fira sans, sans-serif;
    color: var(--theme-color-three);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0
}

.header04 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    padding: 0 80px 0 55px
}

.header04 .navbar01 {
    background: 0 0;
    padding: 0;
    border-radius: 0;
    align-items: center
}

.header04 .logo {
    position: relative;
    line-height: 74px;
    padding: 55px 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header04 .logo img {
    height: 74px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header04 .stickyLogo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header04.fixedHeader img {
    visibility: hidden;
    opacity: 0
}

.header04.fixedHeader .stickyLogo {
    visibility: visible;
    opacity: 1
}

.header04 .accessNav .search_btn {
    background: #151414;
    border-radius: 3px;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-left: 5px
}

.header04 .accessNav .search_btn:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    border-radius: 3px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header04 .accessNav .search_btn:hover:after {
    visibility: visible;
    opacity: 1
}

.popup_togggle_menu {
    width: 52px;
    height: 52px;
    background: #151414;
    border-radius: 3px;
    display: inline-block;
    padding: 14px 11px
}

.popup_togggle_menu span {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 0 0 6px;
    position: relative
}

.popup_togggle_menu span:last-child {
    margin-bottom: 0
}

.popup_togggle_menu span:nth-child(2),
.popup_togggle_menu span:nth-child(4) {
    width: 15px;
    margin-left: auto
}

.popup_togggle_menu span:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    content: '';
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.popup_togggle_menu:hover span:after {
    width: 100%
}

body.menu_open {
    overflow: hidden
}

.close-popup {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    transition: all .5s cubic-bezier(.7, 0, .3, 1);
    -moz-transition: all .5s cubic-bezier(.7, 0, .3, 1);
    z-index: 99;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.popup_menu.active .close-popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.close-popup:after {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms
}

.close-popup:before {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms
}

.close-popup:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2)
}

.close-popup:hover:after,
.close-popup:hover:before {
    background: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.popup_menu {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(34, 34, 33, .98);
    display: none
}

.menu_middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: -1
}

.popup_menu.active .menu_middle {
    z-index: 99
}

.menu_popup {
    position: relative;
    text-align: center
}

.menu_popup ul {
    margin: 0;
    padding: 0
}

.menu_popup ul li {
    display: block;
    list-style: none;
    margin: 19px 0;
    position: relative
}

.menu_popup ul li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 33px;
    line-height: 1;
    font-weight: 800;
    display: inline-block;
    padding: 0 15px;
    font-family: fira sans, sans-serif;
    position: relative;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all .6s cubic-bezier(.7, 0, .3, 1)
}

.menu_popup ul li.active>a,
.menu_popup ul li:hover>a {
    color: var(--theme-color)
}

.menu_popup ul li.menu-item-has-children>a {
    position: relative
}

.menu_popup ul li.menu-item-has-children>a:before {
    position: absolute;
    right: -5px;
    top: 11px;
    content: "\f545";
    transition: all .3s cubic-bezier(.7, 0, .3, 1);
    font-family: themewar !important;
    font-size: 20px;
    color: inherit;
    line-height: .8;
    transition: none
}

.menu_popup>ul>li {
    opacity: 0;
    -webkit-transition: translateY(80px);
    transform: translateY(80px);
    max-width: 280px;
    margin: 30px auto
}

.menu_popup ul li ul.sub-menu {
    position: absolute;
    left: 105%;
    pointer-events: none;
    top: -18px;
    width: 270px;
    border-radius: 5px;
    z-index: 100;
    text-align: left;
    margin: 0;
    padding: 25px 0;
    visibility: hidden;
    opacity: 0;
    background: #353535;
    -ms-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: inherit;
    font-size: inherit
}

.menu_popup ul li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: inherit;
    left: 100%
}

.menu_popup ul li ul.sub-menu::after {
    content: '';
    position: absolute;
    left: -7px;
    top: 18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 7px 4.5px 0;
    border-color: transparent #353535 transparent transparent;
    transition: none
}

.menu_popup ul li .sub-menu li {
    padding: 0;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.menu_popup ul .sub-menu li.menu-item-has-children>a::before {
    right: 19px;
    content: '..';
    font-family: fira sans, sans-serif !important;
    font-size: 25px;
    letter-spacing: 3px;
    top: calc(50% - 15px)
}

.menu_popup ul li ul.sub-menu li a {
    font-size: 16px;
    font-weight: 400;
    padding: 14px 32px;
    width: 100%;
    border-radius: 3px;
    text-transform: capitalize;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.menu_popup ul li .sub-menu li.active>a,
.menu_popup ul li .sub-menu li.current-menu-item>a,
.menu_popup ul li .sub-menu li:hover>a {
    color: #fff;
    background: var(--theme-color)
}

.menu_popup ul li .sub-menu li .sub-menu {
    position: absolute;
    left: 105%;
    right: auto;
    top: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    border: none;
    overflow-y: auto
}

.menu_popup ul li .sub-menu li .sub-menu:after {
    display: none
}

.menu_popup ul li .sub-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    left: calc(100% + 3px);
    pointer-events: inherit
}

.menu_popup ul li:nth-last-child(1) .sub-menu li,
.menu_popup ul li:nth-last-child(2) .sub-menu li {
    position: static
}

body.menu__open {
    overflow: hidden
}

.icon_box_03 {
    position: relative;
    margin: 0 15px
}

.icon_box_03 .ibMeta {
    width: 266px;
    height: 277px;
    line-height: 285px;
    text-align: center;
    position: relative;
    color: inherit;
    font-size: 80px;
    margin: -55px 0 -26px
}

.icon_box_03 .ibMeta svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    fill: #fff;
    text-align: center;
    top: 0;
    -webkit-filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26));
    -moz-filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26));
    filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26))
}

.icon_box_03 .ibMeta i {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.icon_box_03 span {
    display: block;
    font-size: 60px;
    color: #eef3ff;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: -72px;
    right: 0;
    margin: auto;
    top: -17px
}

.icon_box_03 h3 {
    font-size: 22px;
    line-height: 32px;
    color: #222d39;
    margin: 0 0 9px
}

.icon_box_03 p {
    display: block;
    color: #666;
    font-size: 16px;
    margin: 0
}

.icon_box_03 .imgborder {
    position: absolute;
    right: -78px;
    top: 75px
}

.abbgThumb {
    position: relative;
    border-radius: 3px;
    margin-right: 33px;
    padding: 0 50px;
    text-align: center;
    background: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.abbgThumb img {
    width: 100%;
    height: 100%;
    position: relative;
    top: 50px
}

.abclinets {
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 17px 37px 12px 97px;
    margin: -7px 0 0 86px;
    -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .1)
}

.abclinets img {
    width: 53px;
    height: 53px;
    border-radius: 5px;
    position: absolute;
    left: 23px;
    top: 0;
    bottom: 0;
    margin: auto
}

.abclinets h2 {
    color: #222d39;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 -6px
}

.abclinets p {
    display: block;
    color: #666;
    font-size: 16px;
    margin: 0
}

.expCount02 {
    position: relative
}

.expCount02 h2 {
    font-size: 110px;
    letter-spacing: 2.2px;
    font-weight: 800;
    margin: 0 0 -3px;
    line-height: 1;
    background-image: url(../images/bg/text.png);
    background-position: center;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent
}

.expCount02 h5 {
    font-size: 28px;
    line-height: 34px;
    color: #000;
    letter-spacing: -.42px;
    font-weight: 800;
    margin: 0
}

.grdinaList li {
    color: #101a25;
    font-weight: 500;
    font-family: fira sans, sans-serif;
    margin: 7px 0 10px
}

.grdinaList li i {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.pricingTab04 {
    position: absolute;
    left: -210px;
    top: 49px;
    margin: 0;
    padding: 0;
    display: block
}

.pricingTab04 li {
    display: block;
    list-style: none;
    margin: 13px 0 0
}

.pricingTab04 li a {
    display: inline-block;
    font-family: fira sans, sans-serif;
    font-size: 25.31px;
    color: #fff;
    font-weight: 700;
    line-height: 33px
}

.pricingTab04 li a span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .82px;
    font-weight: 400;
    line-height: 18px
}

.pricingTab04 li a:after {
    font-family: themewar !important;
    content: "\ef55";
    display: inline-block;
    position: relative;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    float: right;
    margin: -50px 0 0;
    right: -38px
}

.pricingTab04 li a:hover:after,
.pricingTab04 li a.active:after {
    visibility: visible;
    opacity: 1
}

.pricingTab04 li a:hover,
.pricingTab04 li a.active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.tabContent04 {
    position: relative;
    z-index: 2;
    padding: 0 0 0 45px
}

.tabContent04 img {
    max-width: 100%;
    height: auto;
    float: right
}

.tabContent04 .secTitle02 {
    color: #fff;
    line-height: 55px;
    margin: 47px 0 23px
}

.tabContent04 p {
    color: #bebebe;
    margin: 0 0 45px
}

.tab-content>.tab-pane.show.active {
    transform: scale(1) translateY(0px)
}

.anim-right.tab-content>.tab-pane.show.active {
    transform: none
}

.anim-right.tab-content>.tab-pane {
    transform: none
}

.tab-content>.tab-pane {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    transform: scale(.9, .9) translate(0px)
}

.anim-right .active .tabContent04 {
    -webkit-animation-name: fadeRight;
    animation-name: fadeRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.service_item_05 {
    position: relative;
    background: 0 0;
    margin: 0 0 30px
}

.service_item_05 svg {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.1));
    -moz-filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-0px 15px 40px rgba(0, 0, 0, 0.1));
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.service_item_05 svg g {
    fill: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.serInner {
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 2;
    background: 0 0;
    padding: 34px 60px 20px 155px
}

.service_item_05 .siIcon {
    width: 73px;
    height: 73px;
    line-height: 73px;
    background: #f3f3f3;
    border-radius: 3px;
    text-align: center;
    font-size: 44px;
    position: absolute;
    left: 49px;
    top: 0;
    bottom: 0;
    margin: auto
}

.service_item_05 .siIcon i {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.service_item_05 h3 {
    font-size: 25px;
    line-height: 31.5px;
    margin: 0 0 9px
}

.service_item_05 h3 a {
    color: inherit
}

.service_item_05 h3 a:hover {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.service_item_05 p {
    color: #868686;
    font-size: 17px;
    margin: 0
}

.filter_menu02 {
    position: relative;
    margin: 44px 0 80px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    font-family: fira sans, sans-serif
}

.filter_menu02.text-center {
    justify-content: center
}

.filter_menu02.text-right {
    justify-content: flex-end
}

.filter_menu02 li {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: #101a25;
    height: 35px;
    line-height: 35px;
    padding: 0 11px;
    margin-left: 13px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.filter_menu02 li:first-child {
    margin-left: 0
}

.filter_menu02 li:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.filter_menu02 li.active:after,
.filter_menu02 li:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.filter_menu02 li.active,
.filter_menu02 li:hover {
    color: #fff
}

.folioItem03 {
    position: relative;
    overflow: hidden;
    margin: 0 -1px
}

.folioItem03:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    background: rgb(16, 26, 37, .6);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioItem03:hover:after {
    visibility: visible;
    opacity: 1
}

.folioItem03 img {
    width: 100%;
    height: auto
}

.folioHover03 {
    position: absolute;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    height: 134px;
    width: 100%;
    left: 0;
    bottom: -40px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    clip-path: polygon(0 0, 100% 34%, 100% 100%, 0% 100%);
    padding: 55px 160px 0 34px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioItem03:hover .folioHover03 {
    bottom: 0;
    visibility: visible;
    opacity: 1
}

.folioHover03 p {
    display: block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 6px;
    -webkit-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0)
}

.folioHover03 p a {
    color: inherit
}

.folioHover03 h4 {
    font-size: 25px;
    color: #fff;
    line-height: 32px;
    margin: 0;
    -webkit-transition: all 600ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 600ms cubic-bezier(.445, .05, .55, .95);
    transition: all 600ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0)
}

.folioHover03 h4 a {
    color: inherit
}

.folioHover03 p a:hover,
.folioHover03 h4 a:hover {
    color: #2b2727
}

.folioHover03>a {
    width: 55px;
    height: 55px;
    background: #fff;
    line-height: 55px;
    color: #2b2727;
    font-size: 20px;
    border-radius: 0;
    display: inline-block;
    position: absolute;
    right: 34px;
    bottom: 20px;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    visibility: hidden;
    opacity: 0
}

.folioHover03 .popup_video {
    right: 95px
}

.folioHover03 .popup_video::before,
.folioHover03 .popup_video::after {
    display: none
}

.folioHover03>a:hover {
    background: #2b2727;
    color: #fff
}

.folioHover03 .popup_video {
    -webkit-transition: all 700ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 700ms cubic-bezier(.445, .05, .55, .95);
    transition: all 700ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0)
}

.folioHover03 .crm {
    -webkit-transition: all 800ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 800ms cubic-bezier(.445, .05, .55, .95);
    transition: all 800ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0)
}

.folioItem03:hover .folioHover03 .crm,
.folioItem03:hover .folioHover03 .popup_video {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.folioItem03:hover .folioHover03 p,
.folioItem03:hover .folioHover03 h4 {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.featureSlider02.owl-carousel {
    position: relative
}

.featureSlider02.owl-carousel a {
    display: block;
    width: 100%;
    background: #f9f9f9;
    text-align: center;
    padding: 35px 15px
}

.featureSlider02.owl-carousel a img {
    width: 120px;
    height: 121px;
    display: inline-block
}

.pcTab03 {
    border: none;
    height: 31px;
    background: 0 0;
    border-radius: 0;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    z-index: 2;
    text-align: center;
    display: block
}

.pcTab03 a {
    position: relative;
    z-index: 2;
    color: #0c0c0c;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .48px;
    border-radius: 3px 0 0 3px;
    padding: 0 20px;
    line-height: 31px;
    background: #fff;
    margin: 0 -3px;
    display: inline-block
}

.pcTab03 a:last-child {
    border-radius: 0 3px 3px 0
}

.pcTab03 a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pcTab03 a:hover:after,
.pcTab03 a.active:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.pcTab03 a:hover,
.pcTab03 a.active {
    color: #fff
}

.pricingTabInner02 {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    left: -175px;
    top: 44%
}

.pricingTabInner02 li {
    list-style: none;
    display: block;
    margin: 0 0 14px
}

.pricingTabInner02 li a {
    position: relative;
    z-index: 2;
    display: inline-block;
    height: 38px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    color: #0c0c0c;
    text-transform: uppercase;
    line-height: 38px;
    letter-spacing: .52px;
    font-family: fira sans, sans-serif;
    font-weight: 700;
    padding: 0 15px;
    width: 130px
}

.pricingTabInner02 li a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricingTabInner02 li a:before {
    content: "\edf7";
    font-family: themewar !important;
    color: #fff;
    font-size: 8.32px;
    left: -5px;
    top: -1px;
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricingTabInner02 li a:hover:before,
.pricingTabInner02 li a.active:before {
    visibility: visible;
    opacity: 1
}

.pricingTabInner02 li a:hover:after,
.pricingTabInner02 li a.active:after {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.pricingTabInner02 li a:hover,
.pricingTabInner02 li a.active {
    color: #fff
}

.pricingTabInner02 li a img {
    width: 77px;
    height: 27px;
    position: absolute;
    right: -90px;
    top: 12px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0
}

.pricingTabInner02 li a:hover img,
.pricingTabInner02 li a.active img {
    visibility: visible;
    opacity: 1;
    right: -70px
}

.pricing-item-03 {
    position: relative;
    margin-right: 1px;
    background: #fff;
    border-radius: 5px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%)
}

.pricing-item-03 .price-thumb img {
    border-radius: 5px 5px 0 0
}

.pricing-item-03 .price-detils {
    padding: 44px 55px 54px
}

.pricing-item-03 .p-title {
    font-size: 41.62px;
    font-weight: 700;
    margin-bottom: 2px
}

.pricing-item-03 .p-price {
    min-height: 40px;
    margin-bottom: 25px;
    position: relative
}

.pricing-item-03 .p-price .price_period {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.pricing-item-03 .p-price .price_period.active {
    visibility: visible;
    opacity: 1
}

.pricing-item-03 .price-detils ul {
    margin-bottom: 21px
}

.pricing-item-03 .price-detils ul li {
    font-size: 15px;
    color: #0c0c0c;
    letter-spacing: .6px;
    border-color: #f2f2f2;
    padding: 0 0 9px;
    margin-bottom: 6px
}

.pricing-item-03 .price-detils ul li i {
    font-size: 12.8px;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.pricing-item-03 .price-detils .berpo_btn {
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    border-radius: 5px;
    height: 47px;
    line-height: 47px;
    font-weight: 700;
    padding: 0 28px
}

.rightCTA {
    position: relative;
    background: url(../images/bg/24.jpg) no-repeat center center/cover;
    margin-left: -31px;
    margin-top: 70px;
    padding: 103px 70px 55px 80px;
    border-radius: 0 5px 5px 0
}

.rightCTA:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(19, 17, 17, .87);
    border-radius: 0 5px 5px 0
}

.rightCTA .row {
    position: relative;
    z-index: 2
}

.rightCTA img {
    max-width: 100%
}

.rightCTA .secTitle02 {
    color: #fff;
    line-height: 50px;
    margin: 23px 0 17px
}

.rightCTA p {
    font-size: 14.98px;
    line-height: 23.31px;
    color: #fff;
    margin: 0 0 43px
}

.clientLogo {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 66px 0 0
}

.clientLogo img {
    width: 136px;
    height: 33px;
    opacity: .5
}

.team_04 {
    position: relative;
    margin: 0 0 40px
}

.team_04 .tmThumb {
    position: relative;
    margin: 0
}

.team_04 .tmThumb img {
    width: 100%;
    height: auto;
    border-radius: 3px
}

.tmcontent {
    position: relative;
    width: calc(100% - 100px);
    margin: -50px auto 0;
    background: #fff;
    -webkit-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1);
    -moz-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1);
    box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1);
    padding: 27px 20px 21px
}

.tmcontent h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 0
}

.tmcontent h3 a {
    color: inherit
}

.tmcontent h3 a:hover {
    color: var(--theme-color)
}

.tmcontent p {
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    color: var(--theme-color)
}

.gradianNav.owl-carousel .owl-nav button .twi-angle-left1:before {
    content: "\ef54"
}

.gradianNav.owl-carousel .owl-nav button .twi-angle-right1:before {
    content: "\ef55"
}

.gradianNav.owl-carousel .owl-nav button {
    width: 58px;
    height: 58px;
    color: #101a25;
    font-size: 15.36px;
    background: #d1d1d1;
    border-radius: 3px;
    line-height: 58px;
    left: -123px;
    top: 34%
}

.gradianNav.owl-carousel .owl-nav button.owl-next {
    right: -123px
}

.gradianNav.owl-carousel .owl-nav button:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.gradianNav.owl-carousel .owl-nav button:hover:after {
    visibility: visible;
    opacity: 1
}

.gradianNav.owl-carousel .owl-nav button:hover {
    color: #fff
}

.single_skill.sk03 {
    margin: 0 0 32px
}

.single_skill.sk03 h5 {
    font-size: 16px;
    color: #464646;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 12px
}

.single_skill.sk03 h5 i {
    position: relative;
    top: 1px;
    margin-right: 11px;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.single_skill.sk03 .ss_parent {
    height: 8px;
    background: #f6f7fb;
    border: none
}

.single_skill.sk03 .ss_child {
    height: 8px;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
}

.single_skill.sk03 .ss_parent span {
    left: auto;
    right: 0;
    top: -32px;
    color: #464646;
    font-weight: 600;
    font-size: 16px
}

.contactForm02 {
    position: relative;
    background: 0 0;
    padding: 0;
    box-shadow: none;
    margin: 0;
    text-align: left;
    margin-left: -55px;
    padding-right: 105px;
    padding-top: 81px
}

.contactForm02 input[type=email],
.contactForm02 input[type=text],
.contactForm02 input[type=url],
.contactForm02 input[type=tel],
.contactForm02 input[type=number],
.contactForm02 select,
.contactForm02 .nice-select,
.contactForm02 textarea {
    display: block;
    width: 100%;
    height: 53px;
    background: #f1f8fc;
    padding: 0;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    line-height: 53px;
    margin: 0 0 24px;
    font-weight: 400;
    padding: 0 35px;
    color: #9fa4af
}

.contactForm02 textarea {
    height: 288px;
    line-height: 26px;
    padding-top: 27px;
    padding-left: 45px;
    margin-bottom: 40px;
    resize: none
}

.contactForm02 textarea::-moz-placeholder,
.contactForm02 input::-moz-placeholder {
    color: #9fa4af;
    opacity: 1
}

.contactForm02 textarea::-ms-input-placeholder,
.contactForm02 input::-ms-input-placeholder {
    color: #9fa4af;
    opacity: 1
}

.contactForm02 textarea::-webkit-input-placeholder,
.contactForm02 input::-webkit-input-placeholder {
    color: #9fa4af;
    opacity: 1
}

.contact_form .nice-select .list {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    background: #f1f8fc;
    border-radius: 0;
    box-shadow: none;
    max-height: 361px;
    overflow: auto;
    -webkit-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1);
    -moz-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1);
    box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1)
}

.contact_form .nice-select .option {
    font-size: 14px;
    color: #74777c;
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding: 2px 25px
}

.contact_form .nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background: 0 0;
    color: #000
}

.nice-select:after {
    content: "\e9ed";
    font-family: themewar !important;
    transform: none;
    border: none;
    margin: 0;
    top: 0;
    height: auto;
    width: auto;
    color: #6e45e2;
    right: 30px;
    font-size: 18px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.nice-select.open:after {
    transform: none;
    content: "\e9f4";
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.contactForm02 .berpo_btn.with_icon03 {
    height: 54px;
    line-height: 55px;
    font-weight: 900;
    margin-top: 7px
}

.con_message {
    display: block;
    width: 100%;
    display: none;
    padding: 15px;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0
}

#contact_form .reqError,
#contact_form textarea.reqError {
    border: 1px solid red !important
}

.testiWrap {
    position: relative;
    padding: 0 240px
}

.testimonialslider04 {
    position: relative;
    margin: 0;
    text-align: center;
    padding: 5px 0;
    overflow: hidden
}

.testimonialslider04 .ratings {
    font-size: 20px;
    color: #fbb81a;
    letter-spacing: 5px;
    justify-content: center;
    position: relative;
    line-height: 1;
    margin: 0 0 18px;
    padding: 0
}

.testimonialslider04 .ratings i {
    display: inline-block
}

.testimonialslider04 .quatation {
    font-size: 18px;
    line-height: 28px;
    color: #5f5f5f;
    font-style: italic;
    font-weight: 300;
    margin: 0
}

.testimonialNav {
    left: 0;
    right: 0;
    max-width: 490px;
    height: auto;
    padding: 0;
    margin: auto
}

.testimonialNav .slick-slide {
    outline: none;
    padding: 31px 0;
    position: relative
}

.testimonialNav .slick-slide.slick-current.slick-active.slick-center {
    padding: 30px 0 44px
}

.testimonialNav .slick-slide .test_author {
    position: absolute;
    width: 250px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.testimonialNav .slick-slide .autho_thumb {
    margin: 0 0 38px;
    width: 107px;
    padding: 5px;
    cursor: pointer;
    height: 107px;
    background: 0 0;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.testimonialNav .slick-slide .autho_thumb img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.testimonialNav .slick-slide.slick-current.slick-active.slick-center .autho_thumb {
    padding: 8px;
    background: #fff;
    margin: 0 auto 25px;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .19)
}

.testimonialNav .slick-slide.slick-current.slick-active.slick-center .autho_thumb img {
    width: 100%;
    height: 100%
}

.testimonialNav .slick-slide.slick-current.slick-active.slick-center .test_author {
    opacity: 1;
    visibility: visible
}

.test_author h5 {
    color: #333;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 3px;
    text-transform: capitalize
}

.test_author p {
    color: #7c7c7c;
    font-size: 17px;
    line-height: .8;
    text-transform: capitalize;
    margin: 0
}

.blogSlider.owl-carousel {
    position: relative
}

.blogItem03 {
    position: relative;
    overflow: hidden
}

.blogItem03 img {
    width: 100%;
    height: auto;
    border-radius: 3px
}

.blogItem03:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 3px;
    background: rgba(27, 27, 27, .55);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blogItem03:hover:after {
    background: rgba(27, 27, 27, .8)
}

.blogContent02 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 58px 0 55px;
    z-index: 2;
    transform: translate3d(0, -42px, 0);
    -moz-transform: translate3d(0, -42px, 0);
    -webkit-transform: translate3d(0, -42px, 0);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.blogContent02 .bmeta {
    font-size: 12px;
    color: #eaeaea;
    font-family: fira sans, sans-serif;
    letter-spacing: 1.2px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0
}

.blogContent02 .bmeta i {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    margin-right: 7px
}

.blogContent02 .bmeta a {
    color: inherit
}

.blogContent02 .bmeta a:hover {
    color: #8959dc
}

.blogContent02 h3 {
    color: #fff;
    font-size: 28px;
    line-height: 33px;
    font-weight: 600;
    margin: 0
}

.blogContent02 h3 a {
    color: inherit
}

.blogContent02 h3 a:hover {
    color: #8959dc
}

.blogItem03 .berpo_btn.with_icon03 {
    height: 47px;
    line-height: 47px;
    position: absolute;
    left: 55px;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 300px, 0);
    -moz-transform: translate3d(0, 300px, 0);
    -webkit-transform: translate3d(0, 300px, 0);
    -ms-transform: translate3d(0, 300px, 0);
    -o-transform: translate3d(0, 300px, 0)
}

.blogItem03:hover .berpo_btn.with_icon03 {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, -72px, 0);
    -moz-transform: translate3d(0, -72px, 0);
    -webkit-transform: translate3d(0, -72px, 0);
    -ms-transform: translate3d(0, -72px, 0);
    -o-transform: translate3d(0, -72px, 0)
}

.blogItem03:hover .blogContent02 {
    transform: translate3d(0, -151px, 0);
    -moz-transform: translate3d(0, -151px, 0);
    -webkit-transform: translate3d(0, -151px, 0)
}

.blogSlider.owl-carousel .owl-nav {
    width: 100%
}

.blogSlider.owl-carousel .owl-nav button {
    position: absolute;
    left: -118px;
    top: 46%;
    text-align: center;
    z-index: 5;
    font-size: 15.36px;
    line-height: 59px;
    width: 58px;
    height: 58px;
    background: #fff;
    color: #101a25;
    border: none;
    outline: none;
    z-index: 2;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blogSlider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -118px
}

.blogSlider.owl-carousel .owl-nav button:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blogSlider.owl-carousel .owl-nav button:hover:after {
    visibility: visible;
    opacity: 1
}

.blogSlider.owl-carousel .owl-nav button:hover {
    color: #fff
}

.bepAccordion.peracc02 {
    margin-right: 16px
}

.bepAccordion.peracc02 .card {
    box-shadow: none;
    background: #f7f8fd;
    border-radius: 3px;
    margin-bottom: 14px;
    padding: 0
}

.bepAccordion.peracc02 .card .card-header h2 button {
    font-weight: 500;
    color: #fff;
    padding: 12px 39px
}

.bepAccordion.peracc02 .card .card-header h2 button:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    border-radius: 3px;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: -1
}

.bepAccordion.peracc02 .card .card-header h2 button.collapsed {
    color: #1e1840
}

.bepAccordion.peracc02 .card .card-header h2 button.collapsed:before {
    visibility: hidden;
    opacity: 0
}

.bepAccordion.peracc02 .card .card-header h2 button span {
    width: 10px;
    height: 10px;
    right: 35px
}

.bepAccordion.peracc02 .card .card-header h2 button span:before {
    width: 2px;
    height: 10px
}

.bepAccordion.peracc02 .card .card-header h2 button.collapsed span:after {
    background: #101a25
}

.bepAccordion.peracc02 .card .card-header h2 button span:after {
    width: 10px;
    height: 2px;
    background: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.bepAccordion.peracc02 .card .card-body {
    color: #464646;
    padding: 18px 39px 21px
}

.fcta {
    position: relative;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    border-radius: 3px;
    padding: 45px 88px 32px 80px;
    margin-top: -250px
}

.fcta h3 {
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 45px
}

.fcta .berpo_btn.with_icon03 {
    background: #fff;
    color: #181818;
    border: 2px solid #fff;
    line-height: 54px;
    margin-top: 15px
}

.fcta .berpo_btn.with_icon03:hover {
    color: #fff;
    background: 0 0
}

.fcta .berpo_btn.with_icon03:after {
    background: 0 0
}

.fcta .berpo_btn.with_icon03:nth-child(2) {
    color: #fff;
    background: 0 0;
    margin-left: 12px
}

.fcta .berpo_btn.with_icon03:hover:nth-child(2) {
    background: #fff;
    color: #181818
}

.footer_04 {
    position: relative;
    background: url(../images/bg/21.jpg) no-repeat center center/cover;
    padding: 152px 0 75px
}

.aboutWidget04 {
    position: relative
}

.aboutWidget04 h4 {
    font-size: 22px;
    color: #fff;
    line-height: 28px;
    font-weight: 800;
    margin: 0 0 7px
}

.aboutWidget04 p {
    font-size: 17px;
    line-height: 28px;
    color: #e9e9e9;
    margin: 0 0 27px
}

.aboutWidget04 a {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .1);
    color: #fff;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    border-radius: 50%
}

.aboutWidget04 a:hover {
    background: #8959dc;
    border-color: #8959dc
}

.widget_title03 {
    font-size: 22px;
    color: #fff;
    line-height: 22px;
    font-weight: 800;
    border-bottom: 1.5px solid #fff;
    display: inline-block;
    margin: 0 0 23px
}

.wmenu03 ul {}

.wmenu03 ul.menu li {
    padding: 0;
    color: #e9e9e9;
    margin: 0 0 1px
}

.wmenu03 ul.menu li:hover {
    padding-left: 5px
}

.wmenu03 ul.menu li:hover a {
    color: #8959dc
}

.wmenu03 ul li:after {
    display: none
}

.cinfo {
    position: relative;
    color: #e9e9e9;
    font-size: 16px;
    line-height: 37px;
    margin: -11px 0 11px
}

.cinfo span {
    font-weight: 700;
    color: #fff;
    margin-right: 4px
}

.footer_04 .Copyright {
    position: relative;
    font-size: 16px;
    color: #a4a4a4;
    font-family: fira sans, sans-serif;
    letter-spacing: 0;
    padding: 0;
    margin: 49px 0 0
}

.footer_04 .Copyright:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    width: 38%;
    background: #2a2a2a;
    content: ''
}

.footer_04 .Copyright:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    width: 38%;
    background: #2a2a2a;
    content: ''
}

.footer_04 .Copyright a {
    color: inherit
}

.footer_04 .Copyright a:hover {
    color: #8959dc
}

.header05 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    padding: 0 125px 0 105px
}

.fixedHeader.header05 {
    position: fixed;
    background: #000
}

.header05 .navbar01 {
    background: 0 0;
    padding: 0;
    border-radius: 0;
    align-items: center
}

.header05 .logo {
    line-height: 74px;
    padding: 55px 0
}

.header05 .logo img {
    height: 74px
}

.fixedHeader.header05 .logo {
    padding: 25px 0
}

.accessNav02 {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.accessNav02 .berpo_btn {
    height: 60px;
    line-height: 61px;
    font-size: 14px;
    padding: 0 42px
}

.accessNav02 .berpo_btn:hover {
    color: #202020
}

.accessNav02 .berpo_btn .bp-shape {
    background: #fff
}

.accessNav02 a.search_btn {
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    border: 1px solid #c89b5a;
    font-size: 16.19px;
    color: #f0eeef;
    text-align: center;
    margin-left: 28px
}

.accessNav02 a.search_btn:hover {
    background: #c89b5a
}

.popup_togggle_menu02 {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    border: 1px solid #c89b5a;
    color: #f0eeef;
    text-align: center;
    margin-left: 9px;
    background: 0 0;
    padding: 18px 16px
}

.popup_togggle_menu02 span {
    height: 4px;
    width: 100%;
    float: right;
    margin-bottom: 3px;
    position: relative;
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.popup_togggle_menu02 span:nth-child(1) {
    width: 12px
}

.popup_togggle_menu02 span:nth-child(3) {
    width: 18px
}

.popup_togggle_menu02 span:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    content: '';
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.popup_togggle_menu02.active span:after,
.popup_togggle_menu02:hover span:after {
    width: 100%
}

.bodyBg {
    position: relative;
    background: url(../images/home5/3.jpg) no-repeat top left;
    padding: 206px 0 0
}

.popup_togggle_menu02.active span:nth-child(1) {
    display: none
}

.popup_togggle_menu02.active span {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 7px
}

.popup_togggle_menu02.active span:nth-child(3) {
    top: 0;
    width: 100%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.pageLeft {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

body.menuOpened {
    overflow: hidden
}

.menuOpened .pageLeft {
    margin-left: 350px;
    width: 100%
}

.sidebarMenu {
    position: fixed;
    width: 350px;
    height: 100vh;
    left: -350px;
    top: 0;
    bottom: 0;
    z-index: 4;
    padding: 0;
    background: url(../images/home5/menu_bg.jpg) no-repeat center center/cover;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.menuOpened .sidebarMenu {
    left: 0
}

.sidebar_menu {
    position: absolute;
    padding-left: 120px;
    width: 100%;
    left: 0;
    top: 251px
}

.sidebar_menu .mCSB_scrollTools {
    width: 8px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #c89b5a !important;
    border-radius: 0
}

.sidebar_menu ul {
    margin: 0;
    padding: 0
}

.sidebar_menu ul li {
    list-style: none;
    display: block;
    position: relative;
    margin: 0 0 21px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms
}

.sidebar_menu ul li a {
    display: inline-block;
    font-size: 16px;
    font-family: fira sans, sans-serif;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    position: relative;
    text-transform: uppercase
}

.sidebar_menu ul li>a:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    content: '';
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar_menu ul li.active>a,
.sidebar_menu ul li:hover>a {
    padding-left: 22px
}

.sidebar_menu ul li.active>a:before,
.sidebar_menu ul li:hover>a:before {
    visibility: visible;
    opacity: 1
}

.sidebar_menu ul li>a:after {
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 42px;
    height: 1px;
    background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    content: '';
    opacity: .23;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar_menu ul li.active>a:after,
.sidebar_menu ul li:hover>a:after {
    opacity: 1;
    width: 100%
}

.sidebar_menu ul ul.sub-menu {
    margin: 0;
    padding: 29px 0 3px;
    display: none
}

.sidebar_menu ul ul.sub-menu li {
    padding-left: 15px
}

.sidebar_menu ul ul.sub-menu li:last-child {
    margin-bottom: 10px
}

.sidebar_menu ul ul.sub-menu li a {
    font-size: 15px;
    display: inline-block;
    text-transform: capitalize
}

.sidebar_menu ul ul.sub-menu ul li {
    padding-left: 22px
}

.socials_bottom {
    position: absolute;
    left: 120px;
    bottom: 0;
    padding: 0 0 55px;
    margin: 0 auto;
    text-align: center
}

.socials_bottom a {
    color: inherit;
    width: 48px;
    height: 48px;
    border: 1px solid #c89b5a;
    line-height: 48px;
    text-align: center;
    display: block;
    font-size: 18px;
    margin-bottom: 14px
}

.socials_bottom a i {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493)
}

.expCount03 {
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #fff;
    padding: 28px 38px 26px;
    text-align: left;
    -webkit-box-shadow: 0 15px 49px 0 rgba(101, 101, 101, .19);
    -moz-box-shadow: 0 15px 49px 0 rgba(101, 101, 101, .19);
    box-shadow: 0 15px 49px 0 rgba(101, 101, 101, .19)
}

.expCount03 h2 {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    font-size: 70px;
    line-height: 1;
    margin: 0
}

.expCount03 h5 {
    display: inline-block;
    color: #3c3a3a;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin: 0 0 0 15px;
    position: relative;
    top: -5px
}

.icon_box_04 {
    position: relative;
    padding-left: 107px;
    margin: 45px 0 55px
}

.icon_box_04 .ibMeta {
    width: 83px;
    height: 83px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    border: 1px solid #e3c18e;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 37px;
    line-height: 88px;
    -webkit-box-shadow: 0 20px 57px 0 rgba(101, 101, 101, .08);
    -moz-box-shadow: 0 20px 57px 0 rgba(101, 101, 101, .08);
    box-shadow: 0 20px 57px 0 rgba(101, 101, 101, .08)
}

.icon_box_04 .ibMeta i {
    color: inherit;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493)
}

.icon_box_04 h3 {
    font-size: 19px;
    line-height: 24px;
    color: #222;
    text-transform: uppercase;
    margin: 0 -10px 8px 0
}

.icon_box_04 p {
    font-size: 16px;
    line-height: 26px;
    color: #555;
    margin: 0
}

.service_item_06 {
    position: relative;
    padding: 0 25px;
    margin-bottom: 40px
}

.service_item_06 h3 {
    font-size: 25px;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 19px
}

.service_item_06 h3 a {
    color: inherit
}

.service_item_06 h3 a:hover {
    color: #c89b5a
}

.service_item_06 p {
    color: #555;
    margin: 0
}

.service_item_06 .ibMeta {
    width: 230px;
    height: 230px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0 40px
}

.service_item_06 .ibMeta img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.service_item_06 .ibMeta:before {
    position: absolute;
    left: -15px;
    top: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    content: '';
    border-style: dashed;
    border-width: 1px;
    border-color: #c89b5a;
    border-radius: 50%
}

.service_item_06:hover .ibMeta:before {
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-animation: rotated 20s infinite linear;
    animation-play-state: running;
    animation: rotated 20s infinite linear;
    animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.pricingTab05 {
    position: relative;
    margin: 58px 0 35px;
    padding: 0;
    display: block
}

.pricingTab05 li {
    list-style: none;
    display: block
}

.pricingTab05 li a {
    display: inline-block;
    font-size: 18px;
    color: #555;
    text-transform: uppercase;
    font-weight: 700;
    font-family: fira sans, sans-serif;
    height: 49px;
    line-height: 50px;
    position: relative;
    z-index: 2;
    margin: 0 0 1px
}

.pricingTab05 li a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    content: '';
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricingTab05 li a:before {
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "\ec64";
    font-family: themewar !important;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.pricingTab05 li a:hover:before,
.pricingTab05 li a.active:before {
    visibility: visible;
    opacity: 1
}

.pricingTab05 li a:hover:after,
.pricingTab05 li a.active:after {
    visibility: visible;
    opacity: 1
}

.pricingTab05 li a:hover,
.pricingTab05 li a.active {
    padding: 0 29px 0 48px
}

.workItem {
    position: relative
}

.workInfo {
    position: relative;
    background: url(../images/bg/30.jpg) no-repeat center center/cover;
    border-radius: 3px;
    margin-right: 19px;
    padding: 47px 42px 58px
}

.workInfo:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(23, 23, 23, .93);
    border-radius: 3px
}

.workInfo ul {
    margin: 0;
    padding: 0
}

.workInfo ul li {
    list-style: none;
    display: block;
    position: relative;
    z-index: 2;
    font-family: fira sans, sans-serif;
    font-size: 19px;
    line-height: 33px;
    color: #a1a1a1;
    font-weight: 600
}

.workInfo ul li span {
    display: inline-block;
    color: #fff
}

.wiborder {
    display: block;
    width: calc(100% + 84px);
    height: 1px;
    background: #2f2f2f;
    margin-left: -42px;
    margin-top: 34px;
    margin-bottom: 35px
}

.workInfo p {
    color: #ccc;
    position: relative;
    z-index: 2;
    margin: 0 0 48px
}

.workInfo .btn05 {
    height: 57px;
    line-height: 57px;
    font-size: 13px;
    padding: 0 26px
}

.workInfo .btn05:hover {
    color: #202020
}

.workInfo .btn05 .bp-shape {
    background: #fff
}

.workInfo:before {
    position: absolute;
    right: -105px;
    top: 83px;
    width: 175px;
    height: 2px;
    background: #c89b5a;
    content: '';
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.workSlider.owl-carousel .active .workInfo:before {
    right: -145px;
    opacity: 1
}

.workSlider.owl-carousel {
    position: relative
}

.workImage {
    position: relative;
    margin: 0 0 0 30px
}

.workSlider.owl-carousel .workImage img {
    width: 100%;
    height: auto;
    border-radius: 3px
}

.workSlider.owl-carousel {
    margin-top: -412px
}

.workSlider.owl-carousel .workInfo {
    margin-top: 397px
}

.workSlider.owl-carousel .owl-nav {
    text-align: center;
    max-width: 864px;
    margin-left: auto;
    margin-top: -215px;
    margin-bottom: 215px;
    position: relative;
    z-index: 2
}

.workSlider.owl-carousel .owl-nav button {
    margin: 0;
    width: 70px;
    height: 57px;
    background: 0 0;
    border-radius: 3px;
    line-height: 63px;
    text-align: center;
    font-size: 36px;
    color: #242424;
    position: relative;
    z-index: 2;
    margin: 0 1px
}

.workSlider.owl-carousel .owl-nav button:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.workSlider.owl-carousel .owl-nav button.owl-next:after,
.workSlider.owl-carousel .owl-nav button:hover:after {
    width: 100%
}

@media(min-width:1440px) {
    .container.cusContainer {
        max-width: 1525px;
        padding-left: 155px
    }
}

.folioSlider02.owl-carousel {
    position: relative;
    overflow: hidden
}

.folioSlider02.owl-carousel .folioItem04 img {
    width: 100%;
    height: auto;
    display: inline-block
}

.folioItem04 {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.folioItem04:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    background: rgba(29, 29, 28, .91);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.folioItem04:hover:after {
    visibility: visible;
    opacity: 1
}

.folioItem04:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    border: 3px solid #c89b5a;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.folioItem04:hover:before {
    visibility: visible;
    opacity: 1
}

.folioHover04 {
    padding: 0 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    transform: translateY(-50%) scale(.8);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s
}

.folioItem04:hover .folioHover04 {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.folioHover04 h4 {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    margin: 0 0 13px
}

.folioHover04 h4 a {
    color: inherit
}

.folioHover04 h4 a:hover {
    color: #c89b5a
}

.folioHover04 p {
    font-size: 15px;
    line-height: 26px;
    color: #ccc;
    margin: 0 0 25px
}

.folioHover04 ul {
    margin: 0 0 48px;
    padding: 0
}

.folioHover04 ul li {
    list-style: none;
    display: block;
    position: relative;
    padding-left: 16px;
    font-size: 15px;
    line-height: 30px;
    color: #a1a1a1;
    font-weight: 500;
    font-family: fira sans, sans-serif
}

.folioHover04 ul li:after {
    position: absolute;
    left: 0;
    top: 1px;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    background: #c89b5a;
    content: ''
}

.folioHover04 ul li span {
    color: #fff
}

.folioHover04 .btn05 {
    height: 57px;
    line-height: 57px;
    font-size: 13px;
    padding: 0 26px
}

.folioSlider02.owl-carousel .owl-nav {
    width: 100%
}

.folioSlider02.owl-carousel .owl-nav button {
    position: absolute;
    left: 17px;
    top: 50%;
    text-align: center;
    z-index: 5;
    font-size: 36px;
    line-height: 63px;
    width: 70px;
    height: 57px;
    background: #fff;
    color: #020202;
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioSlider02.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 17px
}

.folioSlider02.owl-carousel .owl-nav button:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.folioSlider02.owl-carousel .owl-nav button:hover:after {
    width: 100%;
    height: 100%
}

.team_05 {
    position: relative;
    margin: 0 0 30px
}

.team_05 img {
    width: 100%;
    height: auto;
    border-radius: 3px
}

.team_05:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    border-radius: 3px;
    background: rgba(39, 39, 39, .6);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.team_05:hover:after {
    visibility: visible;
    opacity: 1
}

.tmcontent02 {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 49%;
    transform: translateY(-50%) scale(.8);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s
}

.team_05:hover .tmcontent02 {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.tmcontent02 h3 {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin: 0
}

.tmcontent02 h3 a {
    color: inherit
}

.tmcontent02 h3 a:hover {
    color: #c89b5a
}

.tmcontent02 p {
    font-size: 16px;
    color: #fff;
    margin: 0
}

.team_05 .tm_social {
    top: 70%
}

.team_05 .tm_social a {
    color: #fff;
    font-size: 17px;
    margin: 0 6px
}

.team_05 .tm_social a i {
    font-size: inherit;
    margin: 0
}

.team_05 .tm_social a:hover {
    color: #c89b5a
}

.team_05:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.skrItem02 {
    position: relative;
    margin-bottom: 52px
}

.circle-skill02 {
    display: inline-block;
    position: relative;
    margin-bottom: 6px
}

.circle-skill02 strong {
    position: absolute;
    left: 0;
    top: 47%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: .8;
    color: #7c7c7c;
    display: block
}

.skrItem02 h5 {
    color: #333;
    font-size: 17px;
    font-weight: 700;
    margin: 0
}

.testimonial_slider05 {
    position: relative;
    padding: 54px 0 0
}

.testiItem05 {
    position: relative;
    padding: 0 0 0 195px
}

.testiItem05 .quote {
    position: absolute;
    z-index: -1;
    right: auto;
    left: 0;
    top: 0;
    width: 171px;
    height: 149px
}

.testiItem05 .quote img {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 0;
    top: 0
}

.testiItem05 .quatation {
    color: #555;
    margin: 0 0 25px
}

.ti_author {
    position: relative;
    padding-left: 104px;
    padding-top: 14px;
    margin: 0 0 40px -6px
}

.ti_author img {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    border: 6px solid #fff;
    -webkit-box-shadow: 0 15px 30px 0 rgb(101 101 101/19%);
    -moz-box-shadow: 0 15px 30px 0 rgba(101, 101, 101, .19);
    box-shadow: 0 15px 30px 0 rgb(101 101 101/19%)
}

.ti_author h5 {
    font-size: 22px;
    line-height: 29px;
    color: #382c4d;
    font-weight: 600;
    margin: 0
}

.ti_author h5 span {
    display: block;
    font-size: 15px;
    color: #c89b5a;
    font-weight: 400
}

.testibgThumb {
    position: absolute;
    left: 0;
    bottom: -79px;
    padding: 40px;
    border: 2px solid #e5e6fa;
    border-radius: 50%
}

.testibgThumb img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #e5e6fa
}

.testimonial_slider05 .carousel-indicators {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 2
}

.testimonial_slider05 .carousel-indicators li {
    height: 124px;
    width: 124px;
    border: 6px solid #fff;
    -webkit-box-shadow: 0 45px 45px 0 rgba(147, 147, 147, .35);
    -moz-box-shadow: 0 45px 45px 0 rgba(147, 147, 147, .35);
    box-shadow: 0 45px 45px 0 rgba(147, 147, 147, .35);
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
    text-indent: 0;
    opacity: 1;
    position: absolute;
    left: 16px;
    top: -214px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms
}

.testimonial_slider05 .carousel-indicators li:nth-child(2) {
    width: 98px;
    height: 98px;
    left: 50%;
    top: -152px
}

.testimonial_slider05 .carousel-indicators li:nth-child(3) {
    width: 68px;
    height: 68px;
    left: 31%;
    top: 185px
}

.testimonial_slider05 .carousel-indicators li:nth-child(4) {
    width: 134px;
    height: 134px;
    left: auto;
    right: 27px;
    top: 133px
}

.testimonial_slider05 .ccnav {
    margin: 0;
    width: 70px;
    height: 57px;
    background: 0 0;
    border-radius: 3px;
    line-height: 63px;
    text-align: center;
    font-size: 36px;
    color: #242424;
    z-index: 2;
    margin: 0;
    opacity: 1;
    position: absolute;
    left: 37.5%;
    bottom: -122px;
    top: auto;
    display: block
}

.testimonial_slider05 .carousel-control-next {
    left: calc(37.5% + 80px)
}

.testimonial_slider05 .carousel-control-prev {}

.testimonial_slider05 .ccnav:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.testimonial_slider05 .ccnav.carousel-control-next:after,
.testimonial_slider05 .ccnav:hover:after {
    width: 100%
}

.testimonial_slider05 .carousel-indicators li img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.client-slider02.owl-carousel {
    position: relative
}

.client-slider02.owl-carousel a {
    display: inline-block;
    text-align: center
}

.client-slider02.owl-carousel a img {
    height: auto;
    width: 165px
}

.client-slider02.owl-carousel .owl-item {
    text-align: center
}

.blogSlider02.owl-carousel .owl-stage-outer {
    height: calc(100% + 40px);
    margin: -20px;
    padding: 20px;
    width: calc(100% + 40px)
}

.blogItem04 {
    position: relative;
    margin: 0 0 106px;
    background: #f6f6f6;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.blogItem04:hover {
    background: #fff;
    -webkit-box-shadow: 0 34px 30px 0 rgba(135, 153, 163, .3);
    -moz-box-shadow: 0 34px 30px 0 rgba(135, 153, 163, .3);
    box-shadow: 0 34px 30px 0 rgba(135, 153, 163, .3)
}

.blogItem04 img {
    width: 100%;
    height: auto
}

.blogContent03 {
    position: relative;
    padding: 34px 65px 45px 40px
}

.blogContent03 h3 {
    font-size: 20px;
    line-height: 30px;
    color: #252525;
    margin: 0 0 6px
}

.blogContent03 h3 a {
    color: inherit
}

.blogContent03 h3 a:hover {
    color: #8799a3
}

.blogContent03 .bmeta {
    color: inherit;
    font-size: 14px;
    margin: 0 0 17px
}

.blogContent03 .bmeta a {
    color: inherit;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493)
}

.blogContent03 .bmeta i {
    font-size: 15px;
    margin-right: 6px
}

.blogContent03 .bmeta span {
    color: #bbc7cd;
    margin-left: 30px
}

.blogContent03 p {
    font-size: 17px;
    color: #555;
    margin: 0
}

.blogSlider02.owl-carousel .owl-nav {
    position: relative;
    text-align: center
}

.blogSlider02.owl-carousel .owl-nav button {
    margin: 0;
    width: 70px;
    height: 57px;
    background: 0 0;
    border-radius: 3px;
    line-height: 63px;
    text-align: center;
    font-size: 36px;
    color: #242424;
    position: relative;
    z-index: 2;
    margin: 0 1px
}

.blogSlider02.owl-carousel .owl-nav button:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.blogSlider02.owl-carousel .owl-nav button.owl-next:after,
.blogSlider02.owl-carousel .owl-nav button:hover:after {
    width: 100%
}

.gallerySlider.owl-carousel {
    position: relative;
    overflow: hidden
}

.gallerItem {
    position: relative;
    overflow: hidden;
    background: linear-gradient(to left, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    margin: 0
}

.gallerItem img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 1;
    mix-blend-mode: unset;
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -webkit-transition: all ease 750ms
}

.galleryItem_btn {
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    display: flex;
    justify-content: center
}

.galleryItem_btn a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background: #fff;
    font-size: 16px;
    text-align: center;
    color: #c89b5a;
    padding: 0;
    margin: 0 3px;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%
}

.galleryItem_btn a:hover {
    background: #c89b5a;
    color: #fff
}

.galleryItem_btn a:nth-child(01) {
    -webkit-transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -moz-transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -ms-transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -o-transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    transform: translate3d(0, 90px, 0);
    -moz-transform: translate3d(0, 90px, 0);
    -webkit-transform: translate3d(0, 90px, 0);
    -ms-transform: translate3d(0, 90px, 0);
    -o-transform: translate3d(0, 90px, 0)
}

.galleryItem_btn a:nth-child(02) {
    -webkit-transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -moz-transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -ms-transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -o-transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    transform: translate3d(0, 90px, 0);
    -moz-transform: translate3d(0, 90px, 0);
    -webkit-transform: translate3d(0, 90px, 0);
    -ms-transform: translate3d(0, 90px, 0);
    -o-transform: translate3d(0, 90px, 0)
}

.gallerItem:hover img {
    opacity: .95;
    mix-blend-mode: luminosity;
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg)
}

.gallerItem:hover .galleryItem_btn a:nth-child(01),
.gallerItem:hover .galleryItem_btn a:nth-child(02) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.fcta02 {
    position: relative;
    border-bottom: 1px solid rgba(112, 112, 112, .1);
    padding: 0 0 30px;
    margin-bottom: 42px
}

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

.fsocial {
    position: relative;
    text-align: right;
    padding: 17px 0 0
}

.fsocial a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #192947;
    color: #c2c2c2;
    line-height: 35px;
    font-size: 14px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-left: 10px
}

.fsocial a:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    content: '';
    z-index: -1;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.fsocial a:hover:after {
    width: 100%;
    height: 100%
}

.fsocial a:hover {
    color: #fff
}

.footer_05 {
    position: relative;
    background: #0a111f;
    padding: 31px 0 0
}

.footer_05 .aboutWidget04 h4 {
    font-weight: 700;
    letter-spacing: .22px;
    margin-bottom: 18px
}

.footer_05 .aboutWidget04 p {
    font-size: 16px;
    line-height: 24px;
    color: #c2c2c2;
    letter-spacing: .16px
}

.widget_title04 {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .2px;
    font-weight: 700;
    margin: 0 0 30px
}

.widget.wmenu04 ul.menu {}

.widget.wmenu04 ul.menu li {
    font-size: 15px;
    line-height: 24px;
    color: #c2c2c2;
    letter-spacing: .15px;
    margin-bottom: 3px
}

.widget.wmenu04 ul.menu li:hover a {
    color: #c89b5a
}

.withIcon {
    position: relative;
    font-size: 14px;
    color: #c2c2c2;
    margin: -18px 0 12px
}

.withIcon i {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 19px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493)
}

.withIcon span {
    display: inline-block;
    margin: 0 16px;
    color: inherit;
    font-weight: inherit
}

.footer_05 .Copyright {
    border-top: 1px solid rgba(112, 112, 112, .1);
    color: #c2c2c2;
    font-weight: 500;
    letter-spacing: .15px;
    padding: 22px 0;
    margin-top: 21px
}

.footer_05 .Copyright a {
    color: inherit
}

.footer_05 .Copyright a:hover {
    color: #c89b5a
}

.tp03.topbar01 p i {
    color: var(--theme-color-six)
}

.tp03.topbar01 p a:hover {
    color: var(--theme-color-six)
}

.tp03 .topsocial a {
    color: var(--theme-color-six)
}

.tp03 .topsocial a:hover {
    background: var(--theme-color-six);
    color: #fff
}

.h06 .mainMenu ul li:hover>a {
    color: var(--theme-color-six)
}

.h06 .mainMenu ul li .sub-menu li.current-menu-item>a,
.h06 .mainMenu ul li .sub-menu li:hover>a {
    color: #fff;
    background: var(--theme-color-six)
}

.h06 .accessNav .search_btn:hover {
    background: var(--theme-color-six)
}

.h06 .shoping_cart a.cartBtn:hover {
    background: var(--theme-color-six)
}

.h06 .accessNav .berpo_btn {
    background: var(--theme-color-six)
}

.h06 .mainMenu ul li .sub-menu {
    border-color: var(--theme-color-six)
}

.h06 .showcase h5 span {
    color: var(--theme-color-six)
}

.videoBG {
    position: relative
}

.videoBG img {
    max-width: 100%;
    height: auto;
    border-radius: 12px
}

.videoBG .popup_video {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 39px;
    height: 39px;
    line-height: 39px;
    color: #fff;
    font-size: 10px;
    background: var(--theme-color-six)
}

.videoBG .popup_video:hover {
    background: #382c4d
}

.videoBG .popup_video:after {
    display: none
}

.videoBG .popup_video:before {
    border: none;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    left: -8px;
    right: 0;
    top: -8px;
    z-index: -1;
    background: rgba(255, 255, 255, .15);
    position: absolute;
    content: '';
    transform: none;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: blinker 1.5s ease-in-out infinite;
    -webkit-animation: blinker 1.5s ease-in-out infinite;
    -moz-animation: blinker 1.5s ease-in-out infinite
}

.service_item_07 {
    position: relative;
    z-index: 2;
    border-radius: 10px;
    margin: 0 8px 40px;
    padding: 65px 15px 44px;
    border: 1px solid #e8e8e8;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.service_item_07:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05)
}

.service_item_07:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 10px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0 4px 0 0 #00b9ff;
    -moz-box-shadow: 0 4px 0 0 #00b9ff;
    box-shadow: 0 4px 0 0 #00b9ff
}

.service_item_07:hover:after {
    visibility: visible;
    opacity: 1
}

.service_item_07 .ibMeta {
    font-size: 71px;
    line-height: 71px;
    color: var(--theme-color-six);
    margin: 0 0 50px
}

.service_item_07 h3 {
    color: #382c4d;
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    margin: 0 0 7px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service_item_07 h3 a {
    color: inherit
}

.service_item_07 h3 a:hover {
    color: var(--theme-color-six)
}

.service_item_07 h5 {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: var(--theme-color-six);
    margin: 0 0 23px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.service_item_07 p {
    color: #5f5f5f;
    line-height: 30px;
    margin: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.service_item_07 .srm {
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    background: var(--theme-color-six);
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
    -webkit-transform: translate3d(0, -15px, 0)
}

.service_item_07:hover .srm {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.service_item_07 .srm:hover {
    background: #382c4d
}

.service_item_07:hover h3,
.service_item_07:hover h5,
.service_item_07:hover p {
    transform: translate3d(0, -25px, 0);
    -moz-transform: translate3d(0, -25px, 0);
    -webkit-transform: translate3d(0, -25px, 0)
}

.pricing-item-04 {
    position: relative;
    padding: 70px 31px 50px
}

.pricing-item-04 .p-title {
    position: relative;
    z-index: 2;
    font-size: 30px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 40px;
    display: inline-block
}

.pricing-item-04 .p-title:after {
    content: '';
    position: absolute;
    left: -5px;
    right: 0;
    bottom: 6px;
    height: 9px;
    z-index: -1;
    border-radius: 5px;
    width: calc(100% + 10px);
    background: #fdecd8
}

.pricing-item-04 .p-price {
    font-size: 65.69px;
    color: #382c4d;
    font-weight: 600;
    letter-spacing: -1.3px;
    margin: 0 0 24px
}

.pricing-item-04 .p-price sup {
    font-size: inherit;
    margin: 0;
    top: 20px
}

.pricing-item-04 h5 {
    font-size: 18px;
    color: #382c4d;
    font-weight: 400;
    margin: 0 0 31px
}

.pricing-item-04 .pdivider {
    border-top: 1px solid #ededed;
    margin: 0 0 33px;
    max-width: 298px
}

.pricing-item-04 ul {
    margin: 0 0 23px;
    padding: 0
}

.pricing-item-04 ul li {
    display: block;
    font-size: 19px;
    color: #382c4d;
    font-family: fira sans, sans-serif;
    margin-bottom: 13px
}

.pricing-item-04 ul li:last-child {
    border: none
}

.pricing-item-04 ul li i {
    color: #ff5337;
    font-size: 16px;
    display: inline-block;
    margin-right: 12px
}

.testimonial_slider06 {
    position: relative
}

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

.testiContent {
    position: relative;
    padding: 244px 0 0 20px
}

.testiContent .subTitle {
    color: var(--theme-color-six);
    font-weight: 600;
    margin-bottom: 8px
}

.testiContent .secTitle {
    color: #382c4d;
    font-size: 45px;
    line-height: 60px;
    font-weight: 600;
    margin: 0 0 22px
}

.testiContent .quotation {
    font-size: 18px;
    line-height: 28px;
    color: #5f5f5f;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 44px
}

.testiContent h5 {
    color: var(--theme-color-six);
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 0
}

.testiContent h5 span {
    display: block;
    color: #382c4d;
    font-weight: 600;
    font-size: 20px
}

.abImg {
    position: relative;
    overflow: hidden
}

.abImg img {
    height: auto;
    width: auto
}

.withborder {
    width: 171px;
    height: 1px;
    background: var(--theme-color-six);
    position: absolute;
    left: -42px;
    top: 137px;
    z-index: 2
}

.icon_box_05 {
    position: relative;
    margin: 0 0 49px
}

.icon_box_05 .ibMeta {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 30px;
    line-height: 60px;
    color: #545cf5;
    margin: 0 0 27px
}

.icon_box_05 h3 {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 8px
}

.icon_box_05 p {
    font-size: 16px;
    line-height: 25px;
    color: #cfcfcf;
    margin: 0
}

.filter_menu03 {
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    justify-content: center;
    font-family: fira sans, sans-serif
}

.filter_menu03.text-center {
    justify-content: center
}

.filter_menu03.text-right {
    justify-content: flex-end
}

.filter_menu03 li {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    font-size: 15px;
    color: #000;
    line-height: 32px;
    padding: 0;
    margin: 0 12px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.filter_menu03 li span {
    color: #dedede;
    font-size: 9px;
    position: relative;
    top: -5px;
    left: 7px;
    line-height: .9;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.filter_menu03 li.active,
.filter_menu03 li:hover {
    color: var(--theme-color-six)
}

.filter_menu03 li.active span,
.filter_menu03 li:hover span {
    color: var(--theme-color-six)
}

.folioItem05 {
    position: relative;
    overflow: hidden;
    background: var(--theme-color-six);
    margin: 0 5.5px 10px
}

.folioItem05 img {
    width: 100%;
    height: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioItem05:hover img {
    opacity: .27
}

.folioItem05:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioItem05:hover:after {
    visibility: visible;
    opacity: 1
}

.folioHover05 {
    font-family: fira sans, sans-serif;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 2
}

.folioHover05 .crm {
    position: relative;
    right: auto;
    display: inline-block;
    background: #3d334c;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    text-align: center;
    font-size: 17.94px;
    color: #fff;
    line-height: 62px;
    margin: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioHover05 .crm:hover {
    background: #fff;
    color: #3d334c
}

.folioHover05 h4 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    margin: 0 auto 24px;
    letter-spacing: -1.6px;
    max-width: 390px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.folioHover05 h4 a {
    color: inherit
}

.folioHover05 h4 a:hover {
    color: #3d334c
}

.folioHover05 p {
    font-size: 17px;
    color: #fff;
    margin: 0 0 2px;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.folioHover05 p a {
    color: inherit
}

.folioHover05 p a:hover {
    color: #3d334c
}

.folioItem05:hover .folioHover05 .crm {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.folioItem05:hover .folioHover05 h4 {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1
}

.folioItem05:hover .folioHover05 p {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1
}

.storeBtn {
    position: relative
}

.storeBtn {
    position: relative;
    display: inline-block;
    height: 64px;
    line-height: .8;
    background: #4a4a4a;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 17px 40px 0 72px;
    -webkit-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, .3);
    -moz-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, .3);
    box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, .3)
}

.storeBtn img {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 34px;
    top: 0;
    bottom: 0;
    margin: auto
}

.storeBtn span {
    font-size: 10px;
    font-weight: 400;
    display: block;
    margin-bottom: 7px
}

.storeBtn:hover {
    background: #fff;
    color: #1d2a3b
}

.storeBtn:last-child {
    background: #fff;
    color: #1d2a3b;
    margin-left: 12px
}

.storeBtn:hover:last-child {
    background: #4a4a4a;
    color: #fff
}

.tmSlider04.owl-carousel {
    position: relative;
    margin-left: 5px
}

.team_06 {
    position: relative;
    margin: 0 0 38px;
    border-radius: 10px;
    background: var(--theme-color-six);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.tmSlider04.owl-carousel .team_06 img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.team_06:hover img {
    opacity: .14
}

.tmcontent03 {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 51%;
    transform: translateY(-50%);
    z-index: 3
}

.tmcontent03 h3 {
    font-size: 28px;
    line-height: 33px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s;
    transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
    -webkit-transform: translate3d(-20px, 0, 0)
}

.tmcontent03 h3 a {
    color: inherit
}

.tmcontent03 h3 a:hover {
    color: #382c4d
}

.tmcontent03 p {
    font-size: 16.81px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s;
    transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    -webkit-transform: translate3d(20px, 0, 0)
}

.team_06:hover .tmcontent03 p {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.team_06:hover .tmcontent03 h3 {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.team_06 .tm_social {
    top: 67%
}

.team_06 .tm_social a {
    color: #fff;
    font-size: 21px;
    margin: 0 23px
}

.team_06 .tm_social a i {
    font-size: inherit;
    margin: 0
}

.team_06 .tm_social a:hover {
    color: #382c4d
}

.team_06:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.tmSlider04.owl-carousel .owl-dots {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center
}

.tmSlider04.owl-carousel .owl-dots button span {
    display: none
}

.tmSlider04.owl-carousel .owl-dots button {
    width: 7px;
    height: 7px;
    background: #9c9c9c;
    border-radius: 50%;
    margin: 0 14px;
    position: relative;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s
}

.tmSlider04.owl-carousel .owl-dots button:after {
    position: absolute;
    left: -10px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    content: '';
    transform: scale(.8);
    visibility: hidden;
    opacity: 0;
    border: 2px solid var(--theme-color-six);
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s
}

.tmSlider04.owl-carousel .owl-dots button.active:after,
.tmSlider04.owl-carousel .owl-dots button:hover:after {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.tmSlider04.owl-carousel .owl-dots button.active,
.tmSlider04.owl-carousel .owl-dots button:hover {
    background: var(--theme-color-six)
}

.tmCon {
    position: relative;
    padding: 123px 0 0 33px
}

.tmCon>h5 {
    font-size: 35px;
    line-height: 44px;
    color: #382c4d;
    margin: 0 0 16px
}

.tmCon p {
    margin: 0 0 33px
}

.tmCon .twiiterFedd i {
    width: 46px;
    height: 46px;
    background: #f7f7f7;
    border-radius: 50%;
    line-height: 46px;
    color: var(--theme-color-six);
    font-size: 16px;
    top: -2px
}

.tmCon .twiiterFedd h5 {
    color: #000;
    font-weight: 700;
    line-height: 21px
}

.tmCon .twiiterFedd h5 span {
    font-size: 12px;
    color: inherit;
    font-weight: 500
}

.funfact04 {
    position: relative;
    padding-left: 80px
}

.funfact04 .factThumb {
    width: 62px;
    height: 62px;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: -1px
}

.funfact04 .factThumb img {
    height: 43px
}

.funfact04 h2 {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 0 4px
}

.funfact03 h2 sup {
    font-size: inherit;
    top: -2px;
    font-style: normal
}

.funfact04 h5 {
    color: #b4b4b4;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    margin: 0
}

.blogItem05 {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 50px
}

.blogItem05 .blogThumb img {
    width: 100%;
    height: auto;
    border-radius: 10px
}

.blogContent04 {
    position: relative;
    padding: 0 0 34px 30px;
    margin-top: -22px
}

.blogContent04 .bmeta {
    height: 47px;
    font-family: fira sans, sans-serif;
    background: var(--theme-color-six);
    line-height: 48px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 14px -9px;
    border-radius: 50px;
    padding: 0 22px
}

.blogContent04 .bmeta i {
    color: inherit;
    font-size: inherit;
    margin-right: 6px;
    position: relative;
    top: 1px
}

.blogContent04 .bmeta:hover {
    background: #382c4d
}

.blogContent04 h3 {
    font-size: 25px;
    line-height: 32px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 6px
}

.blogContent04 h3 a {
    color: inherit
}

.blogContent04 h3 a:hover {
    color: var(--theme-color-six)
}

.blogContent04 .rmb {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    background: #f5f5f5;
    line-height: 42px;
    font-size: 16px;
    color: #382c4d;
    position: absolute;
    left: 140px;
    bottom: -22px;
    z-index: 2
}

.blogContent04 .rmb:hover {
    background: var(--theme-color-six);
    color: #fff
}

.blogItem05:after {
    position: absolute;
    width: 88px;
    height: 1px;
    content: '';
    background: #fff;
    left: 118px;
    bottom: -1px
}

.tp04.topbar01 p {
    color: #242f51
}

.tp04.topbar01 p i {
    background: 0 0
}

.tp04 .topsocial a {
    background: 0 0
}

.tp04 .topsocial a:hover {
    color: var(--theme-color)
}

.h07 .navbar01 {
    -webkit-box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, .14);
    -moz-box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, .14);
    box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, .14)
}

.service_item_08 {
    position: relative;
    background: #fff;
    border-radius: 10px;
    margin: 0 0 50px;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s
}

.serviceSlider03.owl-carousel .siThumb img {
    width: 100%;
    height: auto;
    border-radius: 0 0 5px 5px
}

.service_item_08 h3 {
    color: #181818;
    font-size: 17.14px;
    line-height: 24px;
    margin: 18px 21px 10px;
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s
}

.service_item_08 h3 i {
    width: 49px;
    height: 49px;
    background: #e3e3e3;
    line-height: 49px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #000;
    font-size: 26px;
    margin-right: 10px;
    top: 4px;
    position: relative;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s
}

.service_item_08 h3 a {
    color: inherit
}

.service_item_08 .srm {
    height: 47px;
    position: absolute;
    left: 17px;
    bottom: 0;
    width: calc(100% - 34px);
    background: var(--theme-color);
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    line-height: 47px;
    text-align: center;
    display: block;
    border-radius: 0 0 10px 10px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.service_item_08:hover {
    background: var(--theme-color)
}

.service_item_08:hover h3 {
    color: #fff
}

.service_item_08:hover h3 i {
    color: #fff;
    background: #980000
}

.service_item_08:hover .srm {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 47px, 0);
    -moz-transform: translate3d(0, 47px, 0);
    -webkit-transform: translate3d(0, 47px, 0)
}

.service_item_08 .srm:hover {
    color: #181818
}

.serviceSlider03.owl-carousel {
    position: relative
}

.serviceSlider03.owl-carousel .owl-nav {
    width: 100%
}

.serviceSlider03.owl-carousel .owl-nav button {
    position: absolute;
    left: -118px;
    top: 42%;
    text-align: center;
    z-index: 5;
    font-size: 24px;
    line-height: 73px;
    width: 73px;
    height: 73px;
    background: #f4f4f4;
    color: #0d0d0d;
    border: none;
    outline: none;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.serviceSlider03.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -118px;
    top: 54%
}

.serviceSlider03.owl-carousel .owl-nav button:hover {
    background: var(--theme-color);
    color: #fff
}

.abCon7 .funfact04 {
    padding-left: 47px
}

.abCon7 .funfact04 .factThumb {
    height: auto;
    width: auto;
    background: 0 0;
    line-height: inherit;
    border-radius: 0;
    margin: 0
}

.abCon7 .funfact04 .factThumb img {
    height: 32px
}

.abCon7 .funfact04 h2 {
    color: #000;
    font-size: 38.93px;
    font-weight: 700;
    margin-bottom: 13px
}

.abCon7 .funfact04 h5 {
    color: #000;
    font-size: 18px;
    line-height: 20px
}

.abCon7 .funfact04 h2 sup {
    font-size: inherit;
    top: -2px;
    font-style: normal
}

.abDivider {
    position: relative;
    border-top: 3px solid #ededed;
    margin: 67px 0 46px
}

.imageBox {
    position: relative;
    background: #fff;
    border-radius: 7px;
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.imageBox img {
    height: 155px;
    width: auto;
    border-radius: 7px 0 0 7px
}

.imageBox p {
    font-size: 18px;
    line-height: 26px;
    color: #26263e;
    letter-spacing: -.36px;
    margin: 0 27px 0 30px
}

.service_item_09 {
    position: relative;
    margin-right: 13px;
    border-radius: 10px;
    margin-bottom: 42px;
    padding: 63px 58px 42px 220px;
    background: url(../images/bg/12.png) no-repeat left top #fff;
    -webkit-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13);
    -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13)
}

.service_item_09.ml13 {
    margin-right: 0;
    margin-left: 13px
}

.service_item_09 .ibMeta {
    width: 128px;
    height: 124px;
    position: absolute;
    z-index: 3;
    left: 40px;
    top: 44px;
    background: url(../images/home7/2.png) no-repeat center center/cover;
    font-size: 48px;
    line-height: 128px;
    color: #000
}

.service_item_09 .ibMeta i {
    line-height: 1;
    margin-left: 17px;
    margin-top: 50px;
    display: block;
    position: relative;
    z-index: 2
}

.service_item_09 .ibMeta svg {
    width: 128px;
    height: 124px;
    position: absolute;
    left: 12px;
    top: 12px;
    fill: inherit
}

.service_item_09 h3 {
    font-size: 28.93px;
    line-height: 35px;
    color: #444;
    font-weight: 800;
    margin: 0 0 4px
}

.service_item_09 h3 a {
    color: inherit
}

.service_item_09 h3 a:hover {
    color: var(--theme-color)
}

.service_item_09 p {
    font-size: 17.56px;
    line-height: 26.86px;
    color: #666;
    margin-bottom: 27px
}

.service_item_09 .berpo_btn.with_icon04 {
    height: 53px;
    line-height: 51px;
    border: 2px solid var(--theme-color);
    color: #010101;
    font-size: 13.17px;
    background: 0 0
}

.service_item_09 .berpo_btn.with_icon04 i {
    width: 25px;
    height: 25px;
    background: var(--theme-color);
    font-size: 12px;
    line-height: 26px
}

.service_item_09 .berpo_btn .bp-shape {
    background: var(--theme-color)
}

.service_item_09 .berpo_btn:hover {
    color: #fff
}

.service_item_09 .berpo_btn:hover i {
    background: #980000;
    color: #fff
}

.beproTab03 {
    position: absolute;
    left: -12px;
    top: 30px;
    z-index: 2;
    margin: 0;
    padding: 0;
    display: block
}

.beproTab03 li {
    list-style: none;
    display: block
}

.beproTab03 li a {
    display: inline-block;
    height: 65px;
    background: 0 0;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    padding: 0 16px;
    font-family: fira sans, sans-serif;
    font-weight: 600;
    line-height: 65px;
    min-width: 280px;
    text-transform: capitalize;
    margin: 0 0 1px;
    position: relative
}

.beproTab03 li a:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 19px;
    height: 2px;
    background: #fff;
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.beproTab03 li a i {
    display: inline-block;
    color: #d7d7d7;
    width: 41px;
    height: 41px;
    background: #3d3d3d;
    border-radius: 50%;
    line-height: 41px;
    text-align: center;
    font-size: 16px;
    margin-right: 20px;
    position: relative;
    top: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.beproTab03 li a.active,
.beproTab03 li a:hover {
    color: #fff;
    background: var(--theme-color)
}

.beproTab03 li a.active i,
.beproTab03 li a:hover i {
    color: #fff;
    background: 0 0
}

.beproTab03 li a.active:after,
.beproTab03 li a:hover:after {
    visibility: visible;
    opacity: 1;
    right: 21px
}

.beproTabCon03 {
    position: relative;
    padding: 0 0 0 223px
}

.beproTabCon03 img {
    max-width: 100%;
    border-radius: 20px
}

.insTabCon {
    position: relative;
    padding: 67px 0 0 7px
}

.tbbar {
    position: absolute;
    left: -79px;
    top: 28px;
    width: 101px;
    height: 2px;
    background: var(--theme-color)
}

.insTabCon .secTitle {
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    margin: -5px 0 26px
}

.insTabCon p {
    font-size: 20px;
    line-height: 30px;
    color: #e6e6e6;
    letter-spacing: -.4px;
    margin-bottom: 52px
}

.insTabCon .listItem li {
    font-size: 20px;
    font-weight: 500
}

.insTabCon .listItem li i {
    color: var(--theme-color);
    margin-right: 13px
}

.abquote {
    margin-top: 47px;
    left: -190px;
    position: relative;
    background: var(--theme-color);
    font-size: 27px;
    line-height: 36px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -.56px;
    font-family: fira sans, sans-serif;
    padding: 36px 50px 31px 62px;
    border-radius: 7px
}

.folioItem01.fI01Grid {
    position: relative;
    margin: 0 3px 6px
}

.folioItem01.fI01Grid .folioHover h4 a:hover {
    color: var(--theme-color)
}

.folioItem01.fI01Grid .folioHover .fm-more {
    background: var(--theme-color)
}

.folioItem01.fI01Grid .folioHover .fm-more:hover {
    background: #26263e;
    color: #fff
}

.folioItem01.fI01Grid:hover {
    box-shadow: none
}

.tm07.team_04 .tmThumb img {
    border-radius: 15px
}

.tm07.team_04 .tmcontent {
    position: relative;
    width: calc(100% - 40px);
    border-radius: 15px;
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0/13%);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 0 30px 0 rgb(0 0 0/13%)
}

.tm07.team_04 .tmcontent h3 {
    font-size: 27px;
    color: #060606;
    font-weight: 600
}

.tm07.team_04 .tmcontent p {
    color: #5a5a5a;
    font-size: 17px
}

.bepAccordion.peracc03 {
    margin: 0 -105px 0 0
}

.bepAccordion.peracc03 .card {
    box-shadow: none;
    background: 0 0;
    padding: 0;
    margin: 0 0 29px
}

.bepAccordion.peracc03 .card .card-header h2 button.collapsed {
    color: #292929
}

.bepAccordion.peracc03 .card .card-header h2 button.collapsed span {
    background: #fff
}

.bepAccordion.peracc03 .card .card-header h2 button span {
    position: relative;
    right: auto;
    margin: 0 25px 0 0;
    width: 40px;
    height: 40px;
    background: var(--theme-color);
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: 0 0 62px 0 rgb(0 0 0/13%);
    -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 0 62px 0 rgb(0 0 0/13%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bepAccordion.peracc03 .card .card-header h2 button.collapsed span:after,
.bepAccordion.peracc03 .card .card-header h2 button.collapsed span:before {
    background: #000
}

.bepAccordion.peracc03 .card .card-header h2 button span:after,
.bepAccordion.peracc03 .card .card-header h2 button span:before {
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bepAccordion.peracc03 .card .card-header h2 button span:after {
    height: 2px;
    width: 10px
}

.bepAccordion.peracc03 .card .card-header h2 button span:before {
    width: 2px;
    height: 10px
}

.bepAccordion.peracc03 .card .card-body {
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0 22px 60px
}

.bepAccordion.peracc03 .card .card-header h2 button {
    color: var(--theme-color);
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -.48px
}

.contact_form.contactForm03 {
    margin: 0;
    padding: 0;
    background: 0 0;
    box-shadow: none
}

.ConCol {
    padding-right: 6px;
    padding-left: 6px
}

.contact_form.contactForm03 select,
.contact_form.contactForm03 .nice-select,
.contact_form.contactForm03 input {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 12px;
    color: #666;
    font-style: italic;
    letter-spacing: .36px;
    border-radius: 50px;
    margin: 0 0 10px
}

.contact_form.contactForm03 .nice-select:after {
    font-size: 13px;
    color: #666;
    font-style: normal
}

.contact_form.contactForm03 .berpo_btn.with_icon04 {
    height: 50px;
    line-height: 50px;
    background: 0 0;
    border: 2px solid #fff;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    letter-spacing: 0;
    padding: 0 15px;
    width: 184px
}

.contact_form.contactForm03 .berpo_btn .bp-shape {
    background: #fff
}

.contact_form.contactForm03 .berpo_btn.with_icon04:hover {
    color: var(--theme-color)
}

.contact_form.contactForm03 .berpo_btn.with_icon04 i {
    width: 24px;
    height: 24px;
    background: #fff;
    background: #fff;
    font-size: 12px;
    line-height: 25px;
    color: #2a2a2a;
    margin-left: 7px
}

.contact_form.contactForm03 .berpo_btn.with_icon04:hover i {
    background: var(--theme-color);
    color: #fff
}

input[type=checkbox] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none
}

input[type=checkbox]~span {
    position: relative;
    padding-left: 28px;
    color: #fff;
    font-size: 13px;
    line-height: 29px;
    font-style: italic;
    letter-spacing: .39px;
    cursor: pointer;
    display: block;
    margin: 29px 0 0
}

input[type=checkbox]~span:before {
    content: '';
    font-family: themewar !important;
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    height: 16px;
    width: 16px;
    line-height: 17px;
    font-style: normal;
    text-align: center;
    font-size: 10px;
    border-radius: 5px
}

input[type=checkbox]:checked~span:before {
    content: "\f024";
    color: var(--theme-color)
}

.blogItem06 {
    position: relative;
    margin: 0 0 60px
}

.blogItem06 .blogContent {
    position: relative;
    padding: 103px 40px 0 12px
}

.blogItem06 .blogContent h3 {
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    color: #292929;
    letter-spacing: -.7px;
    margin: 0 0 16px
}

.blogItem06 .blogContent h3 a:hover {
    color: var(--theme-color)
}

.blogItem06 .blogContent p {
    color: #5f5f5f;
    line-height: 30px;
    margin: 0 0 46px
}

.blogItem06 .berpo_btn.with_icon {
    padding: 0 34px
}

.blogItem06 .blogThumb02 {
    position: relative;
    margin: 0 1px
}

.blogItem06 .blogThumb02 img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.blogItem06 .blogContent .pmeta {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #b7b7b7;
    font-family: fira sans, sans-serif;
    margin: 0 0 18px
}

.pmeta a {
    display: inline-block;
    color: inherit
}

.pmeta a.cat {
    text-transform: uppercase;
    color: #1c1c1c
}

.pmeta a:hover {
    color: var(--theme-color)
}

.blogItem06.bireverse .blogContent {
    padding-right: 40px;
    padding-left: 0
}

.testimonialslider05 {
    position: relative;
    margin: 0;
    padding: 40px 0 22px
}

.testimonialslider05:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 29px);
    height: 100%;
    background: #e8f9fe;
    z-index: 1;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 62px 0 rgb(0 0 0/13%);
    -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 0 62px 0 rgb(0 0 0/13%)
}

.testimonialslider05 .slick-list {
    z-index: 2
}

.testiItem06 {
    position: relative;
    margin: 0 0 0 42px;
    text-align: left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 33px 0 0
}

.ti06Inner {
    position: relative;
    padding: 0 125px 27px 0;
    margin: -4px 57px 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 1px solid #dcdcdc
}

.testimonialslider05 .slick-active+.slick-active+.slick-active .ti06Inner {
    border-bottom-color: transparent
}

.testiItem06.slick-slide.slick-current.slick-active .ti06Inner {
    margin-right: 0;
    padding-left: 40px;
    padding-right: 140px
}

.testiItem06.slick-slide.slick-current.slick-active {
    border-radius: 10px;
    background: #fff;
    margin-right: 0;
    -webkit-box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, .11);
    -moz-box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, .11);
    box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, .11)
}

.testiItem06.slick-slide.slick-current.slick-active .ti06Inner {
    border-bottom-color: transparent
}

.testiItem06.slick-slide.slick-current.slick-active img {
    right: 30px
}

.testiItem06:before {
    position: relative;
    display: inline-block;
    content: '“';
    font-size: 42px;
    line-height: 37px;
    text-align: left;
    font-weight: 800;
    color: #000;
    font-family: fira sans
}

.testiItem06.slick-slide.slick-current.slick-active:before {
    padding-left: 40px
}

.testiItem06 img {
    width: 83px;
    height: 83px;
    border-radius: 50%;
    position: absolute;
    right: 9px;
    top: -8px
}

.testiItem06 h5 {
    font-size: 15px;
    color: #000;
    line-height: 1;
    margin: 0
}

.testiItem06 .quotation {
    font-size: 18px;
    line-height: 28px;
    color: #5b5b5b;
    margin: 0 0 10px;
    font-weight: 400;
    font-style: italic
}

.awardItem01 {
    position: relative;
    padding: 0 0 27px 163px
}

.awardItem01 img {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 133px;
    height: auto
}

.awardCon {
    position: relative;
    border-left: 2px solid #e7e7e7;
    padding-left: 30px
}

.awarName {
    position: relative;
    margin: 0 0 42px
}

.awarName h5 {
    font-size: 22px;
    color: #000;
    line-height: 32px;
    letter-spacing: .44px;
    margin: 0;
    position: relative;
    top: -6px
}

.awarName p {
    color: #999;
    font-size: 19.32px;
    letter-spacing: .4px;
    font-family: fira sans, sans-serif;
    margin: 0
}

.client-slider07.owl-carousel {
    position: relative
}

.client-slider07.owl-carousel .owl-item {
    text-align: center
}

.client-slider07.owl-carousel a {
    display: inline-block;
    text-align: center
}

.client-slider07.owl-carousel a img {
    height: auto;
    width: 155px
}

.grayscale img {
    filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.grayscale a:hover img {
    filter: grayscale(0);
    -o-filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

.page_banner {
    min-height: 480px;
    position: relative;
    background-size: cover;
    background-color: #1d1d1d;
    overflow: hidden;
    padding: 232px 0 70px;
    background-repeat: no-repeat;
    background-position: center center
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(29, 29, 29, .74)
}

.page_banner .containier {
    position: relative;
    z-index: 2
}

.banner-title {
    font-size: 50px;
    line-height: 58px;
    color: #fff;
    margin: 0 0 16px
}

.breadcrumbs {
    margin: 0;
    font-size: 16px;
    color: #b8b8d3;
    line-height: 26px
}

.breadcrumbs a {
    color: inherit
}

.breadcrumbs a:hover {
    color: var(--theme-color)
}

.breadcrumbs span {
    display: inline-block;
    margin: 0 13px
}

.abpageThumb {
    position: relative;
    margin: 11px 0 0
}

.abpageThumb img {
    max-width: 100%;
    height: auto;
    border-radius: 5px
}

.abInner {
    position: absolute;
    right: 0;
    top: -80px;
    z-index: 2
}

.abInner img {
    border-radius: 5px;
    -webkit-box-shadow: 0 12px 68px 0 rgba(0, 0, 0, .21);
    -moz-box-shadow: 0 12px 68px 0 rgba(0, 0, 0, .21);
    box-shadow: 0 12px 68px 0 rgba(0, 0, 0, .21)
}

.abInner:after {
    position: absolute;
    right: 0;
    height: calc(100% - 5px);
    width: calc(100% + 37px);
    top: 42px;
    z-index: -1;
    content: '';
    border: 10px solid var(--theme-color)
}

.service_item_10 {
    position: relative;
    background: #fff;
    padding: 41px 40px 38px;
    border-radius: 5px;
    margin: 0 0 30px;
    -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07)
}

.service_item_10 .ibMeta {
    position: relative;
    max-height: 68px;
    margin: 0 0 26px
}

.service_item_10 .ibMeta img {
    width: 100%;
    height: 100%
}

.service_item_10 h3 {
    font-size: 24px;
    color: #333;
    line-height: 30px;
    margin: 0 0 12px
}

.service_item_10 h3 a {
    color: inherit
}

.service_item_10 h3 a:hover {
    color: var(--theme-color)
}

.service_item_10 p {
    margin: 0 0 25px
}

.service_item_10 .srm {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #f3f3f3;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    color: #382c4d;
    line-height: 46px
}

.service_item_10 .srm:hover {
    background: var(--theme-color);
    color: #fff
}

.serviceSlider04.owl-carousel {
    position: relative
}

.serviceSlider04.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -89px
}

.serviceSlider04.owl-carousel .owl-nav button {
    width: 58px;
    height: 58px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    color: #000;
    font-size: 15px;
    line-height: 58px;
    margin-left: 12px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.serviceSlider04.owl-carousel .owl-nav button:hover {
    background: var(--theme-color);
    color: #fff
}

.service_item_11 {
    position: relative;
    border: 2px solid transparent;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service_item_11:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service_item_11:hover:after {
    visibility: visible;
    opacity: 1
}

.service_item_11 img {
    width: 100%;
    height: auto;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service_item_11 h3 {
    display: inline-block;
    height: 51px;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    background: #000;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0;
    letter-spacing: .36px;
    font-weight: 600;
    padding: 0 26px;
    border-radius: 3px 0 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service_item_11:hover h3 {
    visibility: hidden;
    opacity: 0
}

.service_item_11 .srm {
    display: inline-block;
    height: 51px;
    position: absolute;
    right: 0;
    bottom: -50px;
    background: var(--theme-color);
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    z-index: 2;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    letter-spacing: .36px;
    font-weight: 600;
    padding: 0 31px;
    border-radius: 3px 0 0 0
}

.service_item_11 i {
    display: inline-block;
    font-size: 13px;
    margin-left: 7px
}

.service_item_11:hover .srm {
    visibility: visible;
    opacity: 1;
    bottom: 0
}

.service_item_11:hover {
    border-color: var(--theme-color)
}

.stracheVideo {
    position: relative;
    overflow: hidden
}

.stracheVideo img {
    width: auto;
    height: auto
}

.stracheVideo .vbtn02 {
    width: 70px;
    height: 70px;
    background: 0 0;
    line-height: 70px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    font-size: 21px
}

.stracheVideo .vbtn02:before {
    background: var(--theme-color);
    opacity: .4
}

.stracheVideo .vbtn02:after {
    background: var(--theme-color)
}

.abTestimonial.owl-carousel {
    position: relative;
    padding: 0
}

.abTestimonial .quotation {
    font-size: 18px;
    line-height: 27px;
    color: #d7d7d7;
    font-weight: 400;
    margin-bottom: 38px
}

.abTestimonial.owl-carousel .ts_author img {
    width: 77px;
    height: 77px
}

.abTestimonial .ts_author {
    padding-left: 96px;
    padding-top: 13px
}

.abTestimonial .ts_author h5 {
    font-size: 22px;
    color: #fff;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.abTestimonial .ts_author span {
    color: var(--theme-color);
    font-size: 16px
}

.abTestimonial.owl-carousel .owl-nav {
    display: none
}

.awardItem02 {
    position: relative;
    min-height: 95px;
    padding: 0 55px 17px 87px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1
}

.awardItem02:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.awardItem02 img {
    width: 70px;
    height: 74px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0
}

.awardItem02 .awarName {
    margin: 0
}

.awardItem02 .awarName h5 {
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.awardItem02 .awarName p {
    color: #999;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .32px;
    margin: 0
}

.brLeft {
    border-left: 1px solid #f1f1f1;
    margin-left: -15px;
    padding-left: 0;
    position: relative
}

.brLeft .awardItem02 {
    padding-left: 180px
}

.brLeft .awardItem02 img {
    left: 95px
}

.blogPage {
    position: relative;
    padding: 150px 0
}

.blogList01 {
    position: relative;
    margin: 0 5px 50px 0
}

.blogList01.bil {
    margin-left: 5px;
    margin-right: 0
}

.blogList01 img {
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 5px 5px 0 0
}

.listCon {
    position: relative;
    background: #fff;
    margin: -40px 18px 0 27px;
    border-radius: 3px 3px 0 0;
    padding: 52px 50px 46px;
    border-bottom: 1px solid #ececec
}

.listCon h3 {
    font-size: 30px;
    line-height: 36px;
    color: #252525;
    margin: 0 0 12px
}

.listCon h3 a {
    color: inherit
}

.listCon h3 a:hover {
    color: var(--theme-color)
}

.listCon .bmeta {
    color: #bbc7cd;
    font-size: 15px;
    margin: 0 0 18px
}

.listCon .bmeta i {
    font-size: 16px;
    margin-right: 6px;
    color: inherit
}

.listCon .bmeta span {
    color: inherit;
    margin-left: 19px
}

.listCon .bmeta a {
    color: var(--theme-color);
    margin-right: 20px
}

.listCon .bmeta a:hover {
    color: #252525
}

.listCon p {
    font-size: 18px;
    line-height: 28px;
    margin: 0
}

.blogFooter .fcta {
    background: url(../images/bg/14.png) no-repeat center center/cover
}

.blogFooter .fcta .berpo_btn.with_icon03 {
    border-radius: 50px
}

.blogFooter .aboutWidget04 a:hover {
    background: #e700a9;
    border-color: #e700a9
}

.blogFooter .Copyright a:hover,
.blogFooter .wmenu03 ul.menu li:hover a {
    color: #e700a9
}

.bepro_pagination {
    position: relative;
    display: flex;
    justify-content: center;
    font-family: fira sans, sans-serif;
    margin: 35px 0 0;
    background: url(../images/bg/pagination.jpg) no-repeat center center/cover;
    padding: 24px 35px 18px
}

.bepro_pagination a,
.bepro_pagination>span {
    width: 32px;
    height: 32px;
    color: #252525;
    line-height: 34px;
    margin: 0 1px;
    border: none;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bepro_pagination a.next,
.bepro_pagination a.prev {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #8799a3
}

.bepro_pagination a.prev {
    margin-right: auto
}

.bepro_pagination a.next {
    margin-left: auto
}

.bepro_pagination a i {
    display: inline-block
}

.bepro_pagination a span {
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: -4px;
    margin-left: 20px
}

.bepro_pagination a.next span {
    margin-left: 0;
    margin-right: 20px
}

.bepro_pagination a.next:hover,
.bepro_pagination a.prev:hover {
    background: 0 0;
    color: var(--theme-color)
}

.bepro_pagination a:hover,
.bepro_pagination span.current {
    color: #fff;
    background: var(--theme-color)
}

.bpPad {
    padding-bottom: 258px
}

.blogPage .bireverse .blogContent {
    padding: 0;
    text-align: left
}

.blogPage .blogItem02.bireverse.lastItem {
    border: none;
    padding: 0
}

.blogPage .blogThumb02 .bmeta {
    background: var(--theme-color)
}

.blogPage .blogContent h3 a:hover {
    color: var(--theme-color)
}

.blogItem02 .berpo_btn.with_icon {
    background: #1e1e1e
}

.blogItem02 .berpo_btn.with_icon i {
    background: #424242
}

.blogItem02 .berpo_btn.with_icon:hover i {
    background: #760000
}

.blogItem02 .berpo_btn .bp-shape {
    background: var(--theme-color)
}

.blogPage .blogItem03 {
    margin: 0 0 30px 5px
}

.blogPage .blogContent02 h3 a:hover,
.blogPage .blogContent02 .bmeta a:hover {
    color: var(--theme-color)
}

.blogPage .berpo_btn.with_icon03:after {
    background: #1e1e1e
}

.blogPage .blogItem03 .berpo_btn.with_icon03 {
    background: var(--theme-color)
}

.blogPage .blogItem04 {
    margin-bottom: 40px
}

.blogPage .blogContent03 h3 a:hover {
    color: var(--theme-color)
}

.blogPage .blogContent03 .bmeta a {
    background: 0 0;
    -webkit-text-fill-color: var(--theme-color)
}

.blogPage .blogContent04 .bmeta {
    background: var(--theme-color)
}

.blogPage .blogContent04 .bmeta:hover {
    background: #1e1e1e
}

.blogPage .blogContent04 h3 a:hover {
    color: var(--theme-color)
}

.blogPage .blogContent04 .rmb:hover {
    background: var(--theme-color)
}

.bpsRight .blogList01.bil {
    margin-left: 0;
    margin-right: 5px
}

.blogPage.bpsRight .blogItem03 {
    margin-left: 0;
    margin-right: 5px
}

.justify-content-center .blogPage .blogItem03,
.justify-content-center .blogList01.bil {
    margin-left: 0;
    margin-right: 0
}

.justify-content-center .blogList01.bil img {
    width: 100%
}

.sidebar {
    position: relative;
    margin: 0 0 0 20px
}

.sidebar.lsb {
    margin-left: 0;
    margin-right: 20px
}

.sidebar .widget {
    position: relative;
    margin: 0 0 40px;
    padding: 44px 40px 45px;
    border-radius: 10px;
    background: url(../images/bg/widget.jpg) no-repeat center center/cover
}

.sidebar .widget .widget_title {
    color: #252525;
    font-size: 23px;
    line-height: 28px;
    text-transform: capitalize;
    margin: 0 0 31px;
    display: inline-block;
    position: relative;
    z-index: 2
}

.sidebar .widget .widget_title:after {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 5px;
    content: '';
    background: #ffd7d7;
    border-radius: 10px;
    z-index: -1
}

.pp_post_item {
    position: relative
}

.sidebar .pp_post_item {
    position: relative;
    padding-top: 7px;
    min-height: 80px;
    padding-left: 120px;
    margin-bottom: 30px
}

.sidebar .pp_post_item img {
    width: 97px;
    height: 80px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0
}

.sidebar .pp_post_item span {
    display: block;
    font-size: 14px;
    color: #bbc7cd;
    font-weight: 500;
    margin-bottom: 8px
}

.sidebar .pp_post_item a {
    font-size: 17px;
    line-height: 23px;
    color: #252525;
    font-weight: 600;
    margin-bottom: 3px
}

.sidebar .pp_post_item a:hover {
    color: var(--theme-color)
}

.sidebar .pp_post_item .author {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: var(--theme-color);
    font-family: roboto, sans-serif
}

.sidebar .pp_post_item .author:hover {
    color: #252525
}

.sidebar .berpo_btn {
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 13px;
    padding: 0 36px;
    margin-top: 5px
}

.sidebar .widget>ul {
    margin: 0;
    padding: 0
}

.sidebar ul li {
    list-style: none;
    display: block;
    font-size: 15px;
    color: #252525;
    line-height: 26px;
    position: relative;
    margin: 0 0 15px
}

.sidebar ul li a {
    display: inline-block;
    color: inherit;
    line-height: inherit
}

.sidebar ul li a:hover {
    color: var(--theme-color)
}

.sidebar .widget_categories {}

.sidebar .widget_categories ul li {
    margin-right: 12px;
    background: #fff;
    padding: 10px 22px;
    margin-bottom: 5px;
    border-radius: 3px
}

.sidebar .widget_categories ul li span {
    display: inline-block;
    width: 32px;
    height: 36px;
    border-radius: 5px;
    text-align: center;
    background: #ededed;
    font-size: 12px;
    color: #252525;
    line-height: 36px;
    font-weight: 700;
    position: absolute;
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar .widget_categories ul li:hover a {
    color: var(--theme-color)
}

.sidebar .widget_categories ul li:hover span {
    background: var(--theme-color);
    color: #fff
}

.tagcloud {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: -10px
}

.tagcloud a {
    height: 37px;
    text-align: center;
    padding: 0 17px;
    line-height: 35px;
    border: none;
    display: inline-block;
    border-radius: 50px;
    background: #fff;
    border: 2px solid #f0f4f7;
    color: #696969;
    text-transform: capitalize;
    font-size: 15px !important;
    margin-right: 9px;
    margin-bottom: 9px;
    font-weight: 400;
    float: left
}

.tagcloud a:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

.sidebar .galleryShots a {
    width: 130px;
    height: 114px;
    margin: 0 9px 9px 0
}

.sidebar .galleryShots a:after {
    border-radius: 10px
}

.sidebar .galleryShots a img {
    border-radius: 10px
}

.singleBlog {
    position: relative;
    padding: 160px 0
}

.singleBlog.bpPad {
    padding-bottom: 258px
}

.spThumb {
    position: relative;
    margin: 0 0 15px
}

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

.spThumb .bmeta {
    height: 46px;
    background: var(--theme-color);
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    font-size: 12.97px;
    line-height: 41px;
    font-weight: 500;
    color: #fff;
    font-family: fira sans, sans-serif;
    letter-spacing: -.48px;
    margin: 0;
    padding: 0 19px;
    position: absolute;
    z-index: 2;
    left: 26px;
    top: 18px;
    border: 3px solid #fff
}

.spThumb .bmeta i {
    display: inline-block;
    font-size: 10.16px;
    margin-right: 3px;
    color: inherit
}

.spMeta {
    position: relative;
    display: flex;
    padding: 0 0 52px 6px
}

.spAuthor {
    position: relative;
    padding: 0 0 0 86px
}

.spAuthor img {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -31px;
    border: 3px solid #fff
}

.spAuthor p {
    font-size: 15px;
    line-height: 19px;
    color: #404040
}

.spAuthor p a {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    display: block
}

.spAuthor p a:hover {
    color: var(--theme-color)
}

.spsmeta {
    position: relative;
    font-size: 16px;
    font-family: fira sans, sans-serif;
    color: #c4d2d9;
    padding: 15px 0 0 50px
}

.spsmeta span,
.spsmeta a {
    color: #8799a3;
    display: inline-block
}

.spsmeta a:hover {
    color: var(--theme-color)
}

.sic_the_content {
    position: relative;
    margin: 0 0 58px
}

.p_title {
    font-size: 40px;
    line-height: 50px;
    color: #000;
    margin: 0 0 28px
}

.sic_the_content>p {
    margin: 0 0 30px
}

.sic_the_content blockquote,
.sic_the_content blockquote.wp-block-quote {
    padding: 35px 80px 0 104px;
    position: relative;
    font-family: fira sans, sans-serif;
    background: 0 0;
    margin: 33px 0
}

.sic_the_content blockquote::after {
    position: absolute;
    left: 71px;
    top: 2px;
    background: url(../images/single-post/quote.png) no-repeat top left;
    content: '';
    width: 113px;
    height: 75px;
    z-index: -1
}

.sic_the_content blockquote p,
.sic_the_content blockquote.wp-block-quote p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #252525;
    font-style: italic;
    margin: 0 0 23px
}

.sic_the_content blockquote cite {
    font-style: normal;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--theme-color);
    position: relative
}

.sic_the_content blockquote cite span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #8799a3;
    font-family: roboto, sans-serif
}

.sic_the_content .wp-block-image {
    margin: 18px 0 23px;
    position: relative
}

.sic_the_content .wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 3px;
    margin-bottom: 4px
}

.sic_the_content figcaption {
    color: #b0b1b5;
    font-size: 16px
}

.sic_the_content .wp-block-image span {
    display: inline-block;
    height: 30px;
    background: rgba(0, 0, 0, .3);
    border-radius: 50px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #959595;
    padding: 0 15px;
    position: absolute;
    left: 21px;
    bottom: 24px;
    z-index: 2
}

.sic_the_content .wp-block-image span a {
    color: #0081ff
}

.sic_the_content .cusMar .wp-block-image {
    margin-top: 0
}

.sic_the_content .cusMar {
    margin-top: 40px;
    margin-bottom: 28px
}

.weight500 {
    font-weight: 500;
    color: #252525
}

.sic_the_content .listItem li {
    font-size: 18px;
    line-height: 36px;
    color: #252525;
    font-weight: 500;
    position: relative;
    font-family: fira sans, sans-serif;
    padding-left: 30px
}

.sic_the_content .listItem li:after {
    content: "\ea0e";
    font-family: themewar !important;
    font-size: 11px;
    color: var(--theme-color);
    position: absolute;
    left: 0;
    top: 0
}

.sic_the_content .listItem.lIleft {
    padding-left: 60px
}

.sic_the_content .listItem {
    margin-top: 15px;
    margin-bottom: 43px
}

.postMeta {
    position: relative;
    border-top: 2px solid #f0f4f7;
    padding: 31px 0 55px
}

.postMeta h5 {
    font-size: 14px;
    color: #252525;
    text-transform: uppercase;
    margin: 0;
    min-width: 96px;
    display: inline-block
}

.postMeta a {
    display: inline-block;
    font-size: 16px;
    color: #8799a3
}

.postMeta a:hover {
    color: var(--theme-color)
}

.postMeta .tags {
    margin: 0 0 13px
}

.postMeta .socialShare a {
    font-size: 14px;
    color: #bbc7cd;
    margin-right: 20px
}

.postMeta .socialShare a:hover {
    color: var(--theme-color)
}

.post_author {
    position: relative;
    background: #f9f9fb;
    border-radius: 10px;
    padding: 67px 30px 70px 200px;
    margin: 0 0 95px
}

.post_author img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    left: 58px;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-box-shadow: 0 10px 30px 0 rgba(37, 37, 37, .2);
    -moz-box-shadow: 0 10px 30px 0 rgba(37, 37, 37, .2);
    box-shadow: 0 10px 30px 0 rgba(37, 37, 37, .2)
}

.post_author h5 {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color);
    text-transform: uppercase;
    margin: 0 0 7px
}

.post_author h5 a {
    color: inherit
}

.post_author h5 a:hover {
    color: #252525
}

.post_author p {
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    margin: 0
}

.comment_area {
    position: relative
}

.sic_comments {
    position: relative;
    margin-bottom: 80px
}

.sic_comments>p .productCommentForm>p {
    color: #636363;
    margin: 0 0 25px
}

.sicc_title {
    font-size: 28px;
    color: #252525;
    line-height: 38px;
    margin: 0 0 31px
}

.sic_comments>.sicc_title,
.productCommentForm .sicc_title {
    margin-bottom: 12px
}

.commentForm {
    position: relative
}

.commentForm textarea,
.commentForm input {
    height: 60px;
    border-radius: 50px;
    padding: 0 40px;
    font-size: 14px;
    line-height: 60px;
    color: #8799a3;
    background: #f3f4f6;
    font-weight: 600;
    margin: 0 0 20px
}

.commentForm textarea {
    height: 160px;
    line-height: 28px;
    margin-bottom: 35px;
    padding-top: 15px;
    border-radius: 30px
}

.commentForm textarea::-moz-placeholder,
.commentForm input::-moz-placeholder {
    color: #8799a3;
    opacity: 1
}

.commentForm textarea::-ms-input-placeholder,
.commentForm input::-ms-input-placeholder {
    color: #8799a3;
    opacity: 1
}

.commentForm textarea::-webkit-input-placeholder,
.commentForm input::-webkit-input-placeholder {
    color: #8799a3;
    opacity: 1
}

.commentForm .berpo_btn.with_icon04 {
    height: 60px;
    color: #f0f0f0;
    line-height: 61px
}

.portfolioPage01 {
    position: relative;
    padding: 160px 0 0
}

.filter_menu li i {
    position: relative;
    display: inline-block;
    font-style: normal
}

.filter_menu li i:after {
    position: absolute;
    left: auto;
    right: 0;
    height: 2px;
    content: '';
    bottom: 4px;
    width: 0;
    background: var(--theme-color);
    transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s;
    -moz-transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s;
    -webkit-transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s
}

.filter_menu li.active i:after,
.filter_menu li:hover i:after {
    width: 100%;
    left: 0;
    right: auto
}

.portfolioPage01 .filter_menu li:hover span,
.portfolioPage01 .filter_menu li.active span,
.portfolioPage01 .filter_menu li:hover,
.portfolioPage01 .filter_menu li.active {
    color: var(--theme-color)
}

.folioItem06 {
    position: relative;
    margin: 0 0 30px
}

.folioItem06 img {
    width: 100%;
    height: auto;
    border-radius: 45px
}

.folioItem06:after {
    position: absolute;
    border-radius: 45px;
    background: rgba(33, 31, 31, .66);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioItem06:hover:after {
    visibility: visible;
    opacity: 1
}

.folioItem06 a {
    width: 66px;
    height: 66px;
    line-height: 70px;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    background: rgba(255, 255, 255, .38);
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0)
}

.folioItem06 a:hover {
    background: var(--theme-color);
    color: #fff
}

.folioItem06:hover a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.portfolioPage01 .berpo_btn {
    margin-top: 48px
}

.portfolioPage02 .filter_menu02 {
    margin-bottom: 50px
}

.portfolioPage02 {
    position: relative;
    overflow: hidden;
    padding: 95px 0 0
}

.portfolioPage02 .folioHover03,
.portfolioPage02 .filter_menu02 li::after {
    background: var(--theme-color)
}

.caseStudiesSection {
    position: relative;
    padding: 55px 0 0
}

.caseStudiesSection .filter_menu {
    margin-top: 0
}

.caseStudiesSection .filter_menu li:hover span,
.caseStudiesSection .filter_menu li.active span,
.caseStudiesSection .filter_menu li:hover,
.caseStudiesSection .filter_menu li.active {
    color: var(--theme-color)
}

.caseStudiesSection .berpo_btn {
    margin-top: 48px
}

.folioItem07 {
    position: relative;
    overflow: hidden
}

.folioItem07 img {
    width: 100%;
    height: auto
}

.folioItem07:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folioItem07:hover:after {
    background: rgba(187, 11, 11, .8)
}

.folioHover06 {
    font-family: fira sans, sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0;
    z-index: 2
}

.cat {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 14px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.cat a {
    color: inherit
}

.cat a:hover {
    color: #151414
}

.folioHover06 h3 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.folioHover06 h3 a {
    color: inherit
}

.folioHover06 h3 a:hover {
    color: #151414
}

.folioItem07:hover .folioHover06 .cat,
.folioItem07:hover .folioHover06 h3 {
    transform: translate3d(0, -103px, 0);
    -moz-transform: translate3d(0, -103px, 0);
    -webkit-transform: translate3d(0, -103px, 0)
}

.folioItem07 p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 2;
    visibility: visible;
    opacity: 0;
    max-width: 716px;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.folioItem07:hover p {
    visibility: visible;
    opacity: 1
}

.folioItem07 .berpo_btn.with_icon {
    background: #151414;
    width: 178px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    margin: auto;
    top: 66%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    visibility: visible;
    opacity: 0;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.folioItem07:hover .berpo_btn.with_icon {
    visibility: visible;
    opacity: 1
}

.folioItem07 .berpo_btn.with_icon i {
    background: #3a3a3a
}

.folioItem07 .berpo_btn .bp-shape {
    background: #fff
}

.folioItem07 .berpo_btn.with_icon:hover {
    color: var(--theme-color)
}

.folioItem07 .berpo_btn.with_icon:hover i {
    background: #980000
}

.singleFolio01 {
    position: relative;
    padding: 150px 0 215px
}

.folioDThumb {
    position: relative
}

.folioDThumb img {
    max-width: 100%;
    height: auto;
    margin: 0 0 30px
}

.fdCon {
    position: relative;
    padding: 16px 0 0 10px
}

.fdCon .subTitle {
    color: #787887;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: -.36px;
    margin: 0 0 10px
}

.fdCon .secTitle {
    color: #252525;
    font-size: 38px;
    line-height: 48px;
    margin: 0 0 23px
}

.socail_share.ssInline {
    display: flex;
    margin: 0 0 12px
}

.socail_share.ssInline h5 {
    text-transform: uppercase
}

.socail_share.ssInline a {
    width: auto;
    height: auto;
    background: 0 0;
    color: #bbc7cd;
    line-height: 1.5;
    margin: 0 0 0 20px;
    border-radius: 0
}

.socail_share.ssInline a:hover {
    background: 0 0;
    color: var(--theme-color)
}

.fdCon>p {
    margin: 0 0 45px
}

.fsmeta {
    position: relative
}

.fsmeta h3 {
    color: #8a8a8a;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1.5px;
    margin: 0 0 2px
}

.fsmeta p {
    color: #252525;
    font-size: 16px;
    margin: 0 0 20px
}

.fdCon .berpo_btn {
    margin-top: 25px;
    border-radius: 50px 50px 50px 50px;
    padding: 0 40px
}

.fdCon02 .fdCon {
    padding: 0
}

.fdCon02 {
    margin-top: 39px
}

.fsCon {
    margin: -6px 20px 0 0
}

.sf02 {
    padding-bottom: 248px
}

.sf03video {
    position: relative;
    padding: 305px 0;
    background: url(../images/single-folio/video-bg.jpg) no-repeat center center/cover
}

.sf03video .popup_video {
    height: 100px;
    width: 100px;
    line-height: 107px;
    font-size: 26px
}

.sf03video .popup_video:hover {
    background: var(--theme-color);
    color: #fff
}

.sf03Con {
    position: relative;
    padding: 90px 0 248px
}

.sf03 {
    padding: 110px 0 97px
}

.sf03 .fdCon .secTitle {
    color: #252525;
    font-size: 55px;
    line-height: 65px;
    margin: 0 0 23px
}

.fscon03 {
    margin-top: 32px
}

.fscon03 .berpo_btn {
    margin-top: 25px;
    border-radius: 50px 50px 50px 50px;
    padding: 0 40px
}

.fscon03 .col-lg-8 {
    margin-left: -43px
}

.portfolioPage03 {
    position: relative;
    padding: 90px 0 142px
}

.portfolioPage03 .filter_menu li:hover span,
.portfolioPage03 .filter_menu li.active span,
.portfolioPage03 .filter_menu li:hover,
.portfolioPage03 .filter_menu li.active {
    color: var(--theme-color)
}

.pf04 {
    padding-bottom: 110px
}

.pf04 .folioHover02 p {
    color: var(--theme-color)
}

.pf04 .folioHover02 h4 a:hover {
    color: var(--theme-color)
}

.pf05 {
    padding: 130px 0 142px
}

.pf05 .filter_menu03 li.active,
.pf05 .filter_menu03 li:hover {
    color: var(--theme-color)
}

.pf05 .filter_menu03 li.active span,
.pf05 .filter_menu03 li:hover span {
    color: var(--theme-color)
}

.pf05 .folioItem05 {
    background: var(--theme-color)
}

.shopOfferSection {
    position: relative;
    padding: 160px 0 0
}

.offerWrap {
    position: relative;
    background: url(../images/shop/1.jpg) no-repeat center center/cover;
    border-radius: 5px;
    padding: 140px 10px 106px
}

.offerSlider.owl-carousel {
    position: relative
}

.customNavigation {
    position: absolute;
    left: 0;
    bottom: -27px;
    z-index: 2;
    width: 245px
}

.customNavigation .navItem {
    float: right;
    text-align: right;
    margin: 0 0 16px;
    display: block;
    position: relative;
    background: 0 0;
    width: 100%;
    height: auto;
    border: none;
    outline: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.customNavigation .navItem.next {}

.customNavigation .navItem i {
    width: 51px;
    height: 51px;
    float: right;
    border-radius: 5px;
    text-align: center;
    display: block;
    color: #171717;
    background: #fff;
    font-size: 10px;
    line-height: 52px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.navPost {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding-right: 70px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.navPost img {
    width: 51px;
    height: 51px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 0
}

.navPost h5 {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-weight: 800;
    letter-spacing: -.42px;
    margin: 7px 0 0
}

.navPost h5 span {
    line-height: .8;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.3px;
    display: block
}

.customNavigation .navItem:hover .navPost {
    visibility: visible;
    opacity: 1
}

.offerCon {
    position: relative
}

.offerCon>span {
    display: block;
    font-size: 20.84px;
    color: #efefef;
    line-height: 28px;
    letter-spacing: -.4px;
    margin: 0 0 0
}

.offerCon h3 {
    font-size: 65px;
    line-height: 73px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -1.2px;
    margin: 0 0 5px
}

.offerCon p {
    font-size: 16.7px;
    color: #fff;
    line-height: 26px;
    letter-spacing: -.32px;
    margin: 0 0 41px
}

.offerCon .berpo_btn.with_icon04 {
    height: 54px;
    line-height: 55px;
    color: #f0f0f0;
    font-size: 14.43px;
    padding: 0 25px
}

.offerCon .berpo_btn.with_icon04 i {
    width: 25px;
    height: 25px;
    font-size: 10.84px;
    color: #f0f0f0;
    line-height: 26px;
    margin-left: 10px
}

.shopPage {
    position: relative;
    padding: 90px 0 160px
}

.sptitle {
    font-size: 36px;
    color: #141414;
    line-height: 1.2;
    margin: 0
}

.shopController {
    display: flex;
    justify-content: flex-end;
    font-family: fira sans, sans-serif;
    position: relative;
    margin: 0 0 44px
}

.show-results {
    position: relative;
    color: #999;
    font-size: 14.43px;
    font-weight: 700;
    letter-spacing: .36px;
    margin-right: 58px
}

.show-results:after {
    position: absolute;
    right: -28px;
    top: 7px;
    width: 1px;
    height: 11px;
    content: '';
    background: #dfdfdf
}

.show-product {
    color: #000;
    font-size: 14.43px;
    font-weight: 700;
    letter-spacing: .21px;
    text-transform: uppercase
}

.show-product span {
    display: inline-block;
    color: #999
}

.sorting {
    display: flex;
    margin: 3px 0 0;
    position: relative;
    margin-right: 58px
}

.sorting:after {
    position: absolute;
    right: -28px;
    top: 7px;
    width: 1px;
    height: 11px;
    content: '';
    background: #dfdfdf
}

.sorting h5 {
    font-size: 14.43px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: -.21px;
    display: inline-block;
    margin: 0 5px 0 0
}

.sorting .nice-select {
    height: auto;
    width: auto;
    background: 0 0;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    line-height: 22px;
    margin: 0;
    padding: 0
}

.sorting .nice-select:after {
    display: none
}

.filterBy {
    position: relative;
    margin: -6px 0 0 55px
}

.filterBy select,
.filterBy .nice-select {
    width: 100%;
    height: 38px;
    background: #f9f9f9;
    border-radius: 0;
    line-height: 39px;
    outline: none;
    margin: 0;
    border: 0;
    text-transform: uppercase;
    padding: 0 15px 0 34px;
    color: #111;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 90px
}

.filterBy select,
.filterBy .nice-select {
    line-height: 39px;
    text-transform: uppercase;
    font-size: 13px;
    color: #141414;
    font-weight: 600;
    letter-spacing: 0;
    cursor: pointer
}

.sorting .nice-select .list,
.filterBy .nice-select .list {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    max-height: 361px;
    overflow: auto;
    -webkit-box-shadow: 0 2px 38px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 2px 38px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 38px 0 rgba(0, 0, 0, .08)
}

.sorting .nice-select .option,
.filterBy .nice-select .option {
    font-size: 13px;
    color: #141414;
    font-weight: 600;
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding: 2px 22px
}

.filterBy .nice-select .option:hover,
.filterBy .nice-select .option.focus,
.filterBy .nice-select .option.selected.focus {
    background: 0 0;
    color: var(--theme-color)
}

.sorting .nice-select .option:hover,
.sorting .nice-select .option.focus,
.sorting .nice-select .option.selected.focus {
    background: 0 0;
    color: var(--theme-color)
}

.filterBy .nice-select:after {
    content: "\e970";
    left: 13px;
    right: auto;
    color: #141414;
    font-size: 11px
}

.productItem01 {
    position: relative;
    font-family: fira sans, sans-serif;
    background: #f9f9f9;
    margin: 0 0 32px
}

.proThumb {
    position: relative
}

.proThumb img {
    width: 100%;
    height: auto
}

.ratings {
    display: flex;
    font-size: 10px;
    color: var(--theme-color);
    letter-spacing: 3px;
    line-height: 1.1;
    margin: 0 0 11px
}

.ratings i {
    display: inline-block
}

.product_content {
    position: relative;
    padding: 20px 38px 21px
}

.product_content h3 {
    font-size: 20px;
    line-height: 26px;
    color: #414141;
    text-transform: uppercase;
    margin: 0 0 11px
}

.product_content h3 a {
    color: inherit
}

.product_content h3 a:hover {
    color: var(--theme-color)
}

.pi01Price {
    display: flex;
    position: relative;
    font-family: fira sans, sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #414141;
    line-height: .8;
    margin: 0
}

.pi01Price ins {
    text-decoration: none
}

.pi01Price del {
    text-decoration: line-through;
    margin-left: 7px;
    color: #6a6a6a;
    font-weight: 400
}

.prLabels {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2
}

.prLabels p {
    background: #2b2b2b;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 25px;
    border-radius: 0;
    height: 24px;
    padding: 0 10px;
    margin: 0
}

.prLabels p.sale {
    background: var(--theme-color)
}

.prLabels p.off {
    background: #05d218
}

.piActionBtns {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3
}

.piActionBtns a {
    height: 54px;
    width: 54px;
    background: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    display: block;
    line-height: 60px;
    font-size: 18px;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    margin: 0 1px
}

.piActionBtns a:nth-child(1) {
    -webkit-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0)
}

.piActionBtns a:nth-child(2) {
    -webkit-transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0)
}

.piActionBtns a:nth-child(3) {
    -webkit-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0)
}

.productItem01:hover .piActionBtns a:nth-child(1),
.productItem01:hover .piActionBtns a:nth-child(2),
.productItem01:hover .piActionBtns a:nth-child(3) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.piActionBtns a:hover {
    background: #2b2b2b;
    color: #fff
}

.shopPage .berpo_btn {
    height: 59px;
    line-height: 60px;
    color: #f0f0f0;
    background: #202122;
    padding: 0 36px;
    margin-top: 48px
}

.shopPage .berpo_btn.with_icon04 i {
    background: #383839
}

.shopPage .berpo_btn.with_icon04:hover i {
    background: #980000
}

.shopPage .berpo_btn .bp-shape {
    background: var(--theme-color)
}

.ctaItem {
    position: relative;
    overflow: hidden
}

.ctaItem img {
    width: 100%;
    height: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ctaCons {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.ctaItem h3 {
    font-size: 45px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 38px
}

.ctaItem .berpo_btn {
    height: 53px;
    line-height: 54px;
    font-size: 13.47px;
    color: #f0f0f0;
    background: #202122
}

.ctaItem .berpo_btn.with_icon04 i {
    width: 25px;
    height: 25px;
    background: #383839;
    line-height: 26px;
    color: #f0f0f0;
    font-size: 10.78px
}

.ctaItem .berpo_btn.with_icon04:hover i {
    background: #980000
}

.ctaItem .berpo_btn .bp-shape {
    background: var(--theme-color)
}

.ctaItem:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.singleProduct {
    position: relative;
    padding: 160px 0 225px
}

.proSliderWrapper {
    position: relative;
    margin: 0 60px 0 0
}

.productSlide {
    position: relative;
    padding: 0 0 28px
}

.sp_img {
    position: relative;
    text-align: center
}

.sp_img img {
    width: 100%;
    height: auto;
    border-radius: 10px
}

.indicator_slider {
    text-align: center;
    position: relative;
    top: 0;
    z-index: 2;
    z-index: 15;
    display: block;
    padding: 0;
    max-width: 385px;
    margin: 0 auto;
    list-style: none
}

.indicator_slider li {
    list-style: none;
    margin: 0;
    padding: 0
}

.indicator_slider li .idItem {
    width: 72px;
    height: 72px;
    border-radius: 5px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
    cursor: pointer;
    opacity: 1;
    border: none;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.indicator_slider li .idItem:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, .6);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.indicator_slider .slick-slide.slick-current.slick-active.slick-center:hover .idItem:after,
.indicator_slider .slick-slide.slick-current.slick-active.slick-center .idItem:after {
    visibility: visible;
    opacity: 1
}

.indicator_slider li img {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.slick-initialized .slick-slide {
    border: none;
    outline: none;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.indicator_slider .slick-slide {
    padding: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.product_details {
    position: relative;
    padding: 58px 0 0
}

.product_details h5 {
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    color: var(--theme-color);
    margin: 0 0 2px;
    text-transform: uppercase
}

.product_details h5 a {
    color: inherit
}

.product_details h5 a:hover {
    color: #252525
}

.product_details h3 {
    font-size: 28px;
    line-height: 42px;
    color: #252525;
    margin: 0 0 10px
}

.product_details .woocommerce-product-rating {
    display: flex;
    justify-content: flex-start;
    line-height: 15px;
    margin: 0 0 15px
}

.product_details .woocommerce-product-rating .ratings {
    color: #fcd846;
    font-size: 12px;
    margin: 8px 0 0;
    letter-spacing: 8px
}

.product_details .woocommerce-product-rating .woocommerce-review-link {
    text-transform: capitalize;
    color: #8799a3;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 31px;
    line-height: 31px;
    border: 1px solid #8799a3;
    border-radius: 50px;
    margin-left: 22px;
    padding: 0 16px
}

.product_details .woocommerce-product-rating .woocommerce-review-link:after {
    position: absolute;
    left: -18px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 18px;
    height: 1px;
    background: #8799a3
}

.product_details .pi01Price {
    font-size: 28px;
    color: #39b54a;
    font-weight: 800;
    margin: 0 0 19px
}

.product_details .pi01Price del {
    font-size: 20px;
    line-height: 32px;
    color: #b7c6ce;
    font-weight: 500;
    margin-left: 15px
}

.pd_excrpt {
    font-size: 18px;
    line-height: 28px;
    color: #636363;
    margin: 0 0 37px
}

.pd_excrpt p:last-of-type {
    margin: 0
}

.product_size {
    position: relative;
    margin-bottom: 32px
}

.product_size h6 {
    display: block;
    font-size: 14px;
    color: #252525;
    line-height: .8;
    margin: 0 0 13px
}

.size_btn {
    display: inline-block;
    margin: 0 6px 0 0
}

.size_btn input[type=radio] {
    display: none;
    margin: 0
}

.size_btn label {
    position: relative;
    font-size: 14px;
    line-height: 35px;
    color: #8799a3;
    font-weight: 700;
    cursor: pointer;
    width: 36px;
    z-index: 2;
    height: 36px;
    font-family: fira sans, sans-serif;
    border-radius: 50%;
    padding: 0;
    border: 1px solid #8799a3;
    background: 0 0;
    text-align: center;
    text-transform: uppercase
}

.size_btn input[type=radio]:checked+label {
    color: #fff
}

.size_btn input[type=radio]:checked+label::after {
    background: #8799a3;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-box-shadow: 0 10px 30px 0 rgba(135, 153, 163, .5);
    -moz-box-shadow: 0 10px 30px 0 rgba(135, 153, 163, .5);
    box-shadow: 0 10px 30px 0 rgba(135, 153, 163, .5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
}

.qty_weight {
    display: flex;
    position: relative;
    margin: 0 0 32px
}

.cart_quantity {
    position: relative;
    margin: 0 30px 0 0
}

.quantityd {
    height: 60px;
    position: relative;
    z-index: 1;
    border-radius: 50px;
    width: 120px;
    float: left;
    margin: 0 !important;
    border: 2px solid #eceef2
}

.quantityd button.qtyBtn {
    padding: 0;
    position: absolute;
    left: 19px;
    font-size: 22px;
    border: none;
    outline: none;
    color: #8799a3;
    background: 0 0;
    line-height: 60px;
    font-weight: 600;
    padding: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
}

.quantityd input[type=number] {
    -moz-appearance: textfield
}

.quantityd input[type=number] {
    border: medium;
    color: #252525;
    height: 100%;
    font-size: 16px;
    line-height: 60px;
    filter: none;
    margin: 0 auto;
    font-weight: 700;
    width: 40px !important;
    background: 0 0;
    left: 0;
    right: 0;
    outline: none;
    padding: 0;
    position: absolute;
    text-align: center !important
}

.quantityd button.qtyBtn.btnPlus {
    right: 19px;
    left: auto;
    font-size: 18px
}

.quantityd button.qtyBtn:hover {
    color: var(--theme-color)
}

.product_details .berpo_btn {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    padding: 0 42px
}

.product_details .berpo_btn i {
    width: auto;
    height: auto;
    background: 0 0;
    font-size: 15px;
    color: #fff;
    margin: 0 6px 0 0;
    line-height: inherit
}

.product_details .berpo_btn:hover i {
    background: 0 0
}

.pro_meta {
    position: relative;
    padding: 52px 0 0
}

.pro_meta:after {
    position: absolute;
    left: 0;
    top: 18px;
    width: 100%;
    max-width: 362px;
    height: 2px;
    content: '';
    background: #f0f4f7
}

.mtItem {
    display: flex;
    margin: 0 0 12px;
    color: #8799a3;
    font-size: 16px
}

.mtItem h6 {
    min-width: 99px;
    font-size: 14px;
    color: #252525;
    text-transform: uppercase;
    line-height: 26px;
    margin: 0;
    position: relative;
    top: 2px
}

.mtItem a {
    color: #8799a3;
    font-size: 16px;
    margin-left: 3px;
    display: inline-block
}

.mtsocial a {
    color: #bbc7cd;
    margin-right: 20px
}

.mtItem a:hover {
    color: var(--theme-color)
}

.product_tabarea {
    margin: 95px 0 52px;
    padding: 0
}

.productTabs {
    margin: 0 0 44px;
    display: inline-block;
    padding: 0;
    border: none
}

.product_tabarea .productTabs li {
    margin: 0 17px 0 0;
    display: inline-block;
    padding: 0;
    list-style: none
}

.product_tabarea .productTabs li a {
    height: 50px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 51px;
    text-align: center;
    color: #8799a3;
    border: 1px solid #8799a3;
    font-family: fira sans, sans-serif;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 0 40px;
    margin: 0;
    box-shadow: none;
    position: relative
}

.product_tabarea .productTabs li a.active,
.product_tabarea .productTabs li a:hover {
    background: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color)
}

.pdtci_content {
    position: relative
}

.pdtci_content p {
    color: #636363;
    padding-right: 35px
}

.product_tabarea .adinfo {
    padding-right: 0
}

.product_tabarea .adinfo table {
    position: relative;
    width: 100%;
    border: none;
    margin: 0
}

.product_tabarea .adinfo table tr th {
    line-height: 36px;
    color: #1c1f23;
    font-size: 15px;
    font-weight: 900;
    width: 500px;
    margin: 0;
    font-family: fira sans, sans-serif;
    padding: 9px 0;
    background: 0 0 !important;
    border: none;
    border-bottom: 1px dashed #d9d9d9
}

.product_tabarea .adinfo table tr td {
    color: #636363;
    font-weight: 500;
    font-size: 15px;
    font-style: normal;
    margin: 0;
    background: 0 0 !important;
    border: none;
    border-bottom: 1px dashed #d9d9d9
}

.product_tabarea .tab-content>.tab-pane,
.product_tabarea .tab-content>.tab-pane.show.active {
    transform: none
}

.related_area {
    position: relative;
    border-top: 2px solid #f0f4f7;
    padding: 85px 0 0
}

.service_item_06.mb90 {
    margin-bottom: 90px
}

.singleService01 {
    position: relative;
    padding: 160px 0
}

.widget.service_widget {
    border-radius: 0;
    padding: 0;
    margin-right: 16px
}

.service_widget ul {
    position: relative;
    margin: 0;
    padding: 0
}

.service_widget ul li {
    position: relative;
    display: block;
    margin: 0 0 10px;
    z-index: 1
}

.service_widget ul li a {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    padding: 18.5px 30px;
    background: #f9f9f9;
    font-family: fira sans, sans-serif;
    border-radius: 3px;
    color: #07001e;
    border: none
}

.service_widget ul li a::after {
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 19px;
    line-height: 28px;
    color: #fff;
    content: "\e93f";
    font-family: themewar !important;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service_widget ul li:hover a:after,
.service_widget ul li.active a:after {
    right: 30px;
    visibility: visible;
    opacity: 1
}

.service_widget ul li:hover a,
.service_widget ul li.active a {
    background: var(--theme-color);
    color: #fff
}

.service_details {
    position: relative;
    margin-left: -15px
}

.service_details img {
    max-width: 100%;
    height: auto;
    border-radius: 5px
}

.service_details h3 {
    font-size: 35px;
    line-height: 42px;
    color: #07001e;
    margin: 29px 0 20px
}

.service_details p {
    margin: 0 0 18px
}

.service_details .berpo_btn.with_icon04 {
    color: #f0f0f0;
    height: 59px;
    line-height: 60px;
    padding: 0 34px;
    margin-top: 29px
}

.service_details02 {
    position: relative
}

.servMeta {
    position: relative;
    padding: 24px 0 0 119px;
    min-height: 91px;
    margin: 0 0 25px
}

.servMeta i {
    width: 91px;
    height: 91px;
    line-height: 93px;
    color: #020288;
    font-size: 40px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.servMeta .simg {
    display: inline-block;
    width: 91px;
    height: 91px;
    line-height: 93px;
    color: #020288;
    font-size: 40px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.servMeta .simg img {
    height: 57px;
    width: auto
}

.gallerSliderWraper {
    position: relative
}

.gallerSlider {
    margin: 0 30px 0 0
}

.gallThumb {
    position: relative;
    overflow: hidden;
    border-radius: 5px 0 0 0
}

.gallThumb img {
    width: 100%;
    height: auto;
    border-radius: 5px 0 0 0
}

.gallerSliderWraper .lSPager li img {
    width: 100%;
    border-radius: 5px;
    height: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms
}

.serPacage {
    margin: -187px 0 0 18px
}

.serPacage.pricing-item-02 .berpo_btn {
    background: var(--theme-color);
    box-shadow: none
}

.serPacage ul li i {
    color: var(--theme-color)
}

.service_details02 {
    position: relative;
    margin-left: -61px;
    padding: 61px 0 0
}

.service_details02 h3 {
    font-size: 25px;
    line-height: 28px;
    color: #13171f;
    margin: 0 0 19px;
    letter-spacing: .25px
}

.service_details02 p {
    color: #878787;
    line-height: 30px;
    margin: 0 0 30px
}

.socail_share {
    position: relative;
    margin: 49px 0 0
}

.socail_share h5 {
    font-size: 16px;
    line-height: 26px;
    color: #13171f;
    margin: 0 0 10px;
    display: block;
    letter-spacing: .16px
}

.socail_share a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #454a53;
    text-align: center;
    font-size: 16px;
    background: 0 0;
    border-radius: 50%;
    margin-right: 10px
}

.socail_share a:hover {
    color: #fff;
    background: #0051f2
}

.service_sidebar {
    position: relative;
    margin-right: 60px;
    margin-top: 30px
}

.service_list {
    margin: 0 0 50px;
    padding: 0 0 12px;
    background: #f9f9f9;
    border-radius: 3px
}

.service_list .widget_title {
    position: relative;
    top: -30px;
    width: calc(100% - 50px);
    height: 76px;
    font-size: 20px;
    color: #161616;
    line-height: 75px;
    font-weight: 600;
    margin-bottom: -12px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0 34px;
    background: #fff;
    -webkit-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11)
}

.service_list .widget_title img {
    height: 32px;
    width: auto;
    margin-right: 15px
}

.service_list .widget_title i {
    display: inline-block;
    font-size: 32px;
    margin-right: 17px;
    color: #020288;
    position: relative;
    top: 10px
}

.service_list ul {
    margin: 0;
    padding: 0
}

.service_list ul li {
    list-style: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 60px
}

.service_list ul li:last-child {
    border: none
}

.service_list ul li a {
    display: inline-block;
    font-size: 17px;
    color: #161616;
    position: relative
}

.service_list ul li a:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #d6d6d6;
    border-radius: 50%;
    content: '';
    margin-right: 14px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms
}

.service_list ul li.active a,
.service_list ul li a:hover {
    color: var(--theme-color)
}

.service_list ul li.active a:before,
.service_list ul li a:hover:before {
    background: var(--theme-color)
}

.download_widget {
    position: relative;
    margin: 0 0 79px
}

.downloadbtn.berpo_btn {
    display: block;
    height: 62px;
    background: #353535;
    border-radius: 3px;
    position: relative;
    z-index: 2;
    padding: 0 40px;
    line-height: 62px;
    color: #fff;
    text-align: left;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 8px
}

.downloadbtn.berpo_btn i {
    display: inline-block;
    margin-right: 16px;
    position: relative;
    top: 1px
}

.downloadbtn.berpo_btn .bp-shape {
    background: var(--theme-color)
}

.downloadbtn:hover {
    color: #fff
}

.contactInfo {
    margin: 0;
    padding: 0 0 13px;
    background: #f9f9f9;
    border-radius: 3px
}

.contactInfo .widget_title {
    position: relative;
    top: -30px;
    width: calc(100% - 50px);
    height: 76px;
    font-size: 20px;
    color: #161616;
    line-height: 75px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0 34px;
    background: #fff;
    -webkit-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11)
}

.contactInfo .widget_title img {
    height: 32px;
    width: auto;
    margin-right: 15px
}

.contactInfo .widget_title i {
    display: inline-block;
    font-size: 32px;
    margin-right: 17px;
    color: #020288;
    position: relative;
    top: 10px
}

.infoItem {
    position: relative;
    min-height: 62px;
    padding: 5px 30px 26px 138px;
    margin-bottom: 24px;
    border-bottom: 1px solid #ececec
}

.infoItem:last-child {
    border: none;
    margin: 0
}

.infoItem i {
    left: 53px;
    width: 62px;
    height: 62px;
    line-height: 65px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    background: var(--theme-color);
    position: absolute;
    left: 53px;
    top: 0
}

.infoItem i.twi-phone-volume {
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.infoItem h5 {
    font-size: 22px;
    color: #161616;
    line-height: 24px;
    margin: 0 0 5px
}

.infoItem p {
    font-size: 18px;
    line-height: 25px;
    color: #3c3c3c;
    margin: 0
}

.imageGallery.owl-carousel {
    position: relative;
    margin: 0 0 32px
}

.imageGallery.owl-carousel .galImg {
    position: relative
}

.imageGallery.owl-carousel .galImg img {
    width: 100%;
    height: auto;
    border-radius: 3px
}

.imageGallery.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 21px;
    z-index: 2;
    margin: 0 auto;
    text-align: center
}

.imageGallery.owl-carousel .owl-dots button {
    height: 12px;
    width: 12px;
    background: #fff;
    margin: 0 3.5px;
    border-radius: 50%;
    display: inline-block;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.imageGallery.owl-carousel .owl-dots button span {
    display: none
}

.imageGallery.owl-carousel .owl-dots button.active,
.imageGallery.owl-carousel .owl-dots button:hover {
    background: var(--theme-color)
}

.service_details03 {
    position: relative;
    margin-left: -39px
}

.service_details03 p {
    line-height: 30px;
    color: #878787;
    margin: 0 0 20px
}

.serQuote {
    position: relative;
    background: #f3f6fd;
    border-left: 3px solid var(--theme-color);
    margin: 40px 0 28px
}

.serQuote p {
    font-size: 18px;
    line-height: 35px;
    color: #666;
    font-style: italic;
    margin: 0;
    font-weight: 300;
    padding: 60px 50px 40px 30px
}

.service_details03 .berpo_btn {
    background: #202122;
    padding: 0 33px;
    margin-top: 12px
}

.service_details03 .berpo_btn .bp-shape {
    background: var(--theme-color)
}

.service_details03 .berpo_btn.with_icon i {
    background: #383839
}

.service_details03 .berpo_btn.with_icon:hover i {
    background: #980000
}

.sp04 {
    position: relative;
    background: #f7f7f7;
    padding: 150px 0 110px
}

.sp04 .service_item_01 {
    margin-bottom: 40px
}

.sp07,
.sp06 {
    padding: 150px 0 110px
}

.sp06 .service_item_07 .ibMeta {
    color: var(--theme-color)
}

.sp06 .service_item_07 h5,
.sp06 .service_item_07 h3 a:hover {
    color: var(--theme-color)
}

.sp06 .service_item_07 .srm {
    background: var(--theme-color)
}

.sp06 .service_item_07 .srm:hover {
    background: #030303
}

.sp06 .service_item_07:after {
    -webkit-box-shadow: 0 4px 0 0 var(--theme-color);
    -moz-box-shadow: 0 4px 0 0 var(--theme-color);
    box-shadow: 0 4px 0 0 var(--theme-color)
}

.mapsSection {
    position: relative;
    overflow: hidden
}

.mapsSection iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 510px;
    line-height: .8;
    border: none
}

.mapsSection02 iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 611px;
    line-height: .8;
    border: none
}

.google_map {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 510px;
    line-height: .8
}

.icon_box_06 {
    position: relative;
    padding: 2px 0 0 74px;
    min-height: 61px;
    margin-right: -30px;
    margin-bottom: 13px
}

.icon_box_06 .ibMeta {
    position: absolute;
    left: 0;
    top: 0;
    width: 61px;
    height: 61px;
    background: #fff;
    line-height: 64px;
    border-radius: 50%;
    border: 2px solid #eceef2;
    font-size: 26px;
    color: var(--theme-color);
    text-align: center
}

.icon_box_06 p {
    color: #252525;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin: 0
}

.icon_box_06 p span {
    color: #636363
}

.ib62,
.ib63 {
    padding-top: 19px
}

.ib63 p {
    color: var(--theme-color)
}

.contactPageForm {
    background: 0 0;
    box-shadow: none;
    margin: 0 0 0 30px;
    padding: 0
}

.contactPageForm .secTitle02 {
    font-size: 32px;
    line-height: 42px;
    color: #252525;
    font-weight: 800;
    text-align: left;
    margin: 0 0 29px
}

.contactPageForm textarea,
.contactPageForm input {
    height: 60px;
    border-radius: 50px;
    padding: 0 38px;
    font-size: 16px;
    line-height: 60px;
    color: #8799a3;
    background: #fff;
    font-weight: 400;
    margin: 0 0 20px;
    border: 2px solid #eceef2
}

.contactPageForm textarea {
    height: 220px;
    line-height: 28px;
    padding-top: 15px;
    border-radius: 30px
}

.contactPageForm textarea::-moz-placeholder,
.contactPageForm input::-moz-placeholder {
    color: #8799a3;
    opacity: 1
}

.contactPageForm textarea::-ms-input-placeholder,
.contactPageForm input::-ms-input-placeholder {
    color: #8799a3;
    opacity: 1
}

.contactPageForm textarea::-webkit-input-placeholder,
.contactPageForm input::-webkit-input-placeholder {
    color: #8799a3;
    opacity: 1
}

.contactPageForm .berpo_btn {
    height: 60px;
    font-size: 14px;
    line-height: 61px;
    border-radius: 50px;
    margin-top: 20px
}

.mapsSection02 {
    position: relative;
    padding: 60px 0 0
}

.mapsSection02 .google_map {
    height: 611px
}

.icon_box_07 {
    position: relative;
    padding: 0;
    margin-bottom: 30px
}

.icon_box_07 .ibMeta {
    margin: 0 0 32px;
    width: 123px;
    height: 123px;
    background: #fff;
    line-height: 130px;
    border-radius: 50%;
    font-size: 51px;
    color: var(--theme-color);
    text-align: center;
    -webkit-box-shadow: 0 4px 18px 0 rgba(32, 45, 73, .1);
    -moz-box-shadow: 0 4px 18px 0 rgba(32, 45, 73, .1);
    box-shadow: 0 4px 18px 0 rgba(32, 45, 73, .1)
}

.icon_box_07 h3 {
    font-size: 20px;
    line-height: 28px;
    color: #1d2c44;
    margin: 0 0 10px
}

.icon_box_07 p {
    color: #646d7c;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    font-family: fira sans, sans-serif;
    margin: 0
}

.cnborder {
    position: relative;
    border-top: 1px solid #e8e8e8;
    margin: 57px 0 0
}

.teamDetailsSection {
    position: relative;
    padding: 150px 0 248px
}

.tmImg {
    position: relative;
    margin: 0 44px 0 0
}

.tmImg img {
    max-width: 100%;
    height: auto;
    margin: 0 0 15px
}

.tmImg .single_skill {
    margin: 25px 0 0
}

.tmImg .ss_child {
    background: var(--theme-color)
}

.tmdCon {
    position: relative
}

.tmdCon>p {
    margin: 0 0 27px
}

.tmt_meta {
    position: relative;
    padding: 0;
    margin: -7px 0 0
}

.tmt_meta .tm_designation {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: var(--theme-color);
    display: block;
    margin: 1px 0 4px
}

.tmt_meta h4 {
    font-size: 30px;
    margin: 0 0 25px
}

.stm_social {
    position: relative;
    margin: 0 0 35px
}

.stm_social a {
    margin: 0 6px 0 0;
    display: inline-block;
    width: 36px;
    height: 36px;
    position: relative;
    z-index: 2;
    background: #fff;
    color: #252525;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    -webkit-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
    -moz-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1));
    filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1))
}

.stm_social a::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto;
    width: 0;
    height: 0;
    z-index: -1;
    content: '';
    background: var(--theme-color);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.stm_social a:hover {
    color: #fff
}

.stm_social a:hover::after {
    width: 100%;
    height: 100%
}

.tm_meta {
    margin: 0 0 78px;
    padding: 0
}

.tm_meta li {
    list-style: none;
    display: block;
    font-size: 16px;
    color: #959595;
    font-weight: 500;
    line-height: 36px;
    margin: 0
}

.tm_meta li span {
    display: inline-block;
    font-weight: 800;
    color: #252525
}

.tm_meta li i {
    color: var(--theme-color);
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: 2px;
    line-height: inherit;
    margin-right: 15px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.tmser .service_item_07 .ibMeta {
    color: var(--theme-color)
}

.tmser .service_item_07 h5,
.tmser .service_item_07 h3 a:hover {
    color: var(--theme-color)
}

.tmser .service_item_07 .srm {
    background: var(--theme-color)
}

.tmser .service_item_07 .srm:hover {
    background: #030303
}

.tmser .service_item_07:after {
    -webkit-box-shadow: 0 4px 0 0 var(--theme-color);
    -moz-box-shadow: 0 4px 0 0 var(--theme-color);
    box-shadow: 0 4px 0 0 var(--theme-color)
}

.tmser {
    margin-top: 86px;
    margin-bottom: 70px
}

.tmDesc p {
    margin: 0 0 27px
}

.tmDesc p:last-child {
    margin-bottom: 0
}

.teamPage {
    position: relative;
    padding: 150px 0 115px
}

.teamPage .team_03 .tm_social {
    background: var(--theme-color)
}

.teamPage .tmcontent02 h3 a:hover,
.teamPage .team_05 .tm_social a:hover,
.teamPage .team_03 h3 a:hover,
.teamPage .team_03 p,
.teamPage .tm_content .tm_social a,
.teamPage .tm_content h3 a:hover {
    color: var(--theme-color)
}

.teamPage .tm_content .tm_social a:hover {
    color: #fff
}

.teamPage .team_03 {
    margin-bottom: 30px
}

.team_06 img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.teamPage .team_06 {
    background: var(--theme-color)
}