.position-middle,[class*=button-reveal] i {
    top: 50%;
    -webkit-transform: translateY(-50%)
}

.bg-fade-black-bottom:before,.bg-fade-black-top:before,.bg-fade-white-top:before,.bg-video,.bg-video video,body,html {
    height: 100%;
    width: 100%
}

a,a:hover {
    text-decoration: none
}

.accordion,.accordion li .accordion-content .nav,.avatar-group li,.clients-grid,.header .header-menu .nav,.header .header-menu .nav ul,ul.list-dash li,ul.list-unstyled li {
    list-style-type: none
}

.breadcrumb .breadcrumb-item,.button,.filter ul li,.uppercase {
    text-transform: uppercase
}

body {
    overflow-x: hidden;
    font-family: "Nunito Sans",sans-serif
}

.position-middle {
    position: relative;
    transform: translateY(-50%);
    margin: 0 auto
}

.position-bottom,.position-top {
    position: absolute;
    left: 0;
    width: 100%
}

.position-top {
    top: 30px
}

.position-bottom {
    bottom: 30px
}

.container .position-bottom,.container .position-top,.container-fluid .position-bottom,.container-fluid .position-top,.fullscreen-menu .fm-wrapper .position-bottom,.fullscreen-menu .fm-wrapper .position-middle,.fullscreen-menu .fm-wrapper .position-top {
    padding: 0 30px
}

mark {
    background: #eef2f6;
    color: #121518
}

iframe {
    width: 100%;
    border: 0
}

pre {
    border: 1px solid rgba(18,21,24,.1);
    border-radius: .375em;
    padding: 6px 20px;
    color: #7c7c7c
}

.bg-black pre,[class*=bg-color-] pre,[class*=bg-dark] pre,[class*=bg-gradient-] pre {
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.6)
}

.blockquote {
    background: 0 0;
    margin-bottom: 20px;
    border-left: 4px solid rgba(18,21,24,.1);
    padding: 16px 30px
}

.blockquote .blockquote-footer p,.blockquote p {
    font-size: 16px;
    line-height: 30px
}

.blockquote p.font-small {
    font-size: 14px;
    line-height: 26px
}

.blockquote p.font-large {
    font-size: 20px;
    line-height: 36px
}

.blockquote .blockquote-footer {
    margin-top: 10px;
    color: #121518
}

.blockquote .blockquote-footer:before {
    padding-right: 5px
}

.blockquote .blockquote-footer h1,.blockquote .blockquote-footer h2,.blockquote .blockquote-footer h3,.blockquote .blockquote-footer h4,.blockquote .blockquote-footer h5,.blockquote .blockquote-footer h6,.gallery-wrapper .gallery-box .gallery-img a .gallery-title h1,.gallery-wrapper .gallery-box .gallery-img a .gallery-title h2,.gallery-wrapper .gallery-box .gallery-img a .gallery-title h3,.gallery-wrapper .gallery-box .gallery-img a .gallery-title h4,.gallery-wrapper .gallery-box .gallery-img a .gallery-title h5,.gallery-wrapper .gallery-box .gallery-img a .gallery-title h6,.nav.tabs .nav-item {
    display: inline-block;
    margin: 0
}

.blockquote.style-2 {
    position: relative;
    border: 0;
    padding: 20px 20px 20px 40px
}

.blockquote.style-2:before {
    content: '\f10d';
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(18,21,24,.1);
    font-family: "Font Awesome 7 Free";
    font-size: 24px;
    font-weight: 900
}

.bg-black .blockquote,[class*=bg-color-] .blockquote,[class*=bg-dark] .blockquote,[class*=bg-gradient-] .blockquote {
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.2)
}

.bg-black .blockquote .blockquote-footer,.bg-black .nav .nav-item .nav-link.active,.bg-black .nav .nav-item .nav-link:hover,.bg-black .nav.nav-tabs .nav-item .nav-link.active,.form-control,[class*=bg-color-] .blockquote .blockquote-footer,[class*=bg-color-] .nav .nav-item .nav-link.active,[class*=bg-color-] .nav .nav-item .nav-link:hover,[class*=bg-color-] .nav.nav-tabs .nav-item .nav-link.active,[class*=bg-dark] .blockquote .blockquote-footer,[class*=bg-dark] .nav .nav-item .nav-link.active,[class*=bg-dark] .nav .nav-item .nav-link:hover,[class*=bg-dark] .nav.nav-tabs .nav-item .nav-link.active,[class*=bg-gradient-] .blockquote .blockquote-footer,[class*=bg-gradient-] .nav .nav-item .nav-link.active,[class*=bg-gradient-] .nav .nav-item .nav-link:hover,[class*=bg-gradient-] .nav.nav-tabs .nav-item .nav-link.active,input:not(.form-check-input),textarea {
    color: #fff
}

.bg-black .blockquote.style-2,[class*=bg-color-] .blockquote.style-2,[class*=bg-dark] .blockquote.style-2,[class*=bg-gradient-] .blockquote.style-2 {
    background: 0 0;
    border-color: rgba(255,255,255,.2)
}

.bg-black .blockquote.style-3,.bg-black .filter.filter-style-3 ul li.active,.bg-black .filter.filter-style-3 ul li.mixitup-control-active,.button-circle[class*=button-circle-outline],.header .header-toggle.toggle-close span,.header.header-boxed,.header.header-boxed[class*=header-color],.header.transparent-light .header-toggle.toggle-close span,.header[class*=header-color]:not(.transparent-dark) .header-toggle.toggle-close span,[class*=bg-color-] .blockquote.style-3,[class*=bg-color-] .filter.filter-style-3 ul li.active,[class*=bg-color-] .filter.filter-style-3 ul li.mixitup-control-active,[class*=bg-dark] .blockquote.style-3,[class*=bg-dark] .filter.filter-style-3 ul li.active,[class*=bg-dark] .filter.filter-style-3 ul li.mixitup-control-active,[class*=bg-gradient-] .blockquote.style-3,[class*=bg-gradient-] .filter.filter-style-3 ul li.active,[class*=bg-gradient-] .filter.filter-style-3 ul li.mixitup-control-active,[class*=button-outline] {
    background: 0 0
}

.bg-black .blockquote.style-3:before,.text-white-02,[class*=bg-color-] .blockquote.style-3:before,[class*=bg-dark] .blockquote.style-3:before,[class*=bg-gradient-] .blockquote.style-3:before {
    color: rgba(255,255,255,.2)
}

.breadcrumb {
    display: inline-block;
    background: 0 0;
    margin: 0 0 -10px;
    padding: 0
}

.breadcrumb .breadcrumb-item {
    display: inline-block;
    font: 400 13px "Open Sans",sans-serif;
    letter-spacing: 1px
}

.breadcrumb .breadcrumb-item:before,.text-dark-02 {
    color: rgba(18,21,24,.2)
}

.breadcrumb .breadcrumb-item.active,.form-check-input:disabled~.form-check-label,.nav .nav-item .nav-link.disabled,.team-wrapper .team-box span {
    color: #aaa
}

.breadcrumb .breadcrumb-item a,.header .header-logo *,.mfp-arrow {
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.bg-black .breadcrumb .breadcrumb-item:before,.text-white-03,[class*=bg-color-] .breadcrumb .breadcrumb-item:before,[class*=bg-dark] .breadcrumb .breadcrumb-item:before,[class*=bg-gradient-] .breadcrumb .breadcrumb-item:before {
    color: rgba(255,255,255,.3)
}

.bg-black .breadcrumb .breadcrumb-item.active,.text-white-05,[class*=bg-color-] .breadcrumb .breadcrumb-item.active,[class*=bg-dark] .breadcrumb .breadcrumb-item.active,[class*=bg-gradient-] .breadcrumb .breadcrumb-item.active {
    color: rgba(255,255,255,.5)
}

.card {
    border: 1px solid rgba(18,21,24,.1)
}

.btn-group .dropdown-menu,.dropdown .dropdown-menu {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 36px -4px rgba(22,24,26,.14);
    box-shadow: 0 6px 36px -4px rgba(22,24,26,.14);
    padding: 15px 20px
}

.btn-group .dropdown-menu .dropdown-item,.dropdown .dropdown-menu .dropdown-item {
    margin-bottom: 10px;
    padding: 0;
    color: #121518;
    font: 300 15px "Open Sans",sans-serif;
    letter-spacing: 0;
    text-transform: none;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.accordion li .accordion-content ol.list-ordered li:last-child,.btn-group .dropdown-menu .dropdown-item:last-child,.container .portfolio-masonry.spacing-0,.dropdown .dropdown-menu .dropdown-item:last-child,.header .header-logo h1,.header .header-logo h2,.header .header-logo h3,.header .header-logo h4,.header .header-logo h5,.header .header-logo h6,.masonry.spacing-0,.nav.nav-pills .nav-item,.nav.nav-pills .nav-item h1,.nav.nav-pills .nav-item h2,.nav.nav-pills .nav-item h3,.nav.nav-pills .nav-item h4,.nav.nav-pills .nav-item h5,.nav.nav-pills .nav-item h6,.progress-box * {
    margin: 0
}

.btn-group .dropdown-menu .dropdown-item:active,.btn-group .dropdown-menu .dropdown-item:focus,.btn-group .dropdown-menu .dropdown-item:hover,.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:focus,.dropdown .dropdown-menu .dropdown-item:hover {
    background: 0 0;
    color: #7c7c7c
}

.modal.fade .modal-dialog {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transform: translate(0) scale(.98);
    transform: translate(0) scale(.98)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.modal .modal-content {
    -webkit-box-shadow: 0 6px 36px -4px rgba(22,24,26,.3);
    box-shadow: 0 6px 36px -4px rgba(22,24,26,.3);
    border: 0
}

.modal .modal-content .modal-header {
    border-bottom: 1px solid rgba(18,21,24,.1)
}

.modal .modal-content .modal-footer {
    border-top: 1px solid rgba(18,21,24,.1)
}

.masonry.spacing-0 .masonry-item,.nav,.pagination {
    margin: 0;
    padding: 0
}

.nav .nav-item {
    margin: 0 30px 0 0
}

.nav .nav-item:last-child,.pagination .page-item:last-child {
    margin-right: 0
}

.nav .nav-item .nav-link {
    padding: 0;
    color: #7c7c7c;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.nav .nav-item .nav-link h1,.nav .nav-item .nav-link h2,.nav .nav-item .nav-link h3,.nav .nav-item .nav-link h4,.nav .nav-item .nav-link h5,.nav .nav-item .nav-link h6 {
    margin: 0;
    color: #7c7c7c;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.bg-black [class*=bg-white] h1,.bg-black [class*=bg-white] h2,.bg-black [class*=bg-white] h3,.bg-black [class*=bg-white] h4,.bg-black [class*=bg-white] h5,.bg-black [class*=bg-white] h6,.bg-white-content a:not([class^=button]):focus,.bg-white-content a:not([class^=button]):hover,.bg-white-content h1,.bg-white-content h2,.bg-white-content h3,.bg-white-content h4,.bg-white-content h5,.bg-white-content h6,.button-circle.button-circle-social-snapchat:hover,.button-social-snapchat:hover,.button:hover,.filter.filter-style-2 ul li.active,.filter.filter-style-2 ul li.mixitup-control-active,.filter.filter-style-2 ul li:hover,.filter.filter-style-3 ul li.active,.filter.filter-style-3 ul li.mixitup-control-active,.filter.filter-style-3 ul li:hover,.header .header-logo a,.header .header-logo a:hover,.header .header-menu .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]):focus,.header .header-menu .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]):hover,.header .header-menu .nav .nav-item .nav-dropdown h1,.header .header-menu .nav .nav-item .nav-dropdown h2,.header .header-menu .nav .nav-item .nav-dropdown h3,.header .header-menu .nav .nav-item .nav-dropdown h4,.header .header-menu .nav .nav-item .nav-dropdown h5,.header .header-menu .nav .nav-item .nav-dropdown h6,.header .header-menu .nav .nav-item .nav-link.active,.header .header-menu .nav .nav-item .nav-link:hover,.header .header-menu-extra a:not([class^=button]):not([class^=link-social]),.header .header-menu-extra a:not([class^=button]):not([class^=link-social]):focus,.header .header-menu-extra a:not([class^=button]):not([class^=link-social]):hover,.hoverbox-2 .hover-content a:not([class^=button]):focus,.hoverbox-2 .hover-content a:not([class^=button]):hover,.hoverbox-2 .hover-content h1,.hoverbox-2 .hover-content h2,.hoverbox-2 .hover-content h3,.hoverbox-2 .hover-content h4,.hoverbox-2 .hover-content h5,.hoverbox-2 .hover-content h6,.hoverbox-3 .hover-content a:not([class^=button]):focus,.hoverbox-3 .hover-content a:not([class^=button]):hover,.hoverbox-3 .hover-content h1,.hoverbox-3 .hover-content h2,.hoverbox-3 .hover-content h3,.hoverbox-3 .hover-content h4,.hoverbox-3 .hover-content h5,.hoverbox-3 .hover-content h6,.nav .nav-item .nav-link.active,.nav .nav-item .nav-link.active h1,.nav .nav-item .nav-link.active h2,.nav .nav-item .nav-link.active h3,.nav .nav-item .nav-link.active h4,.nav .nav-item .nav-link.active h5,.nav .nav-item .nav-link.active h6,.nav .nav-item .nav-link:hover,.nav .nav-item .nav-link:hover h1,.nav .nav-item .nav-link:hover h2,.nav .nav-item .nav-link:hover h3,.nav .nav-item .nav-link:hover h4,.nav .nav-item .nav-link:hover h5,.nav .nav-item .nav-link:hover h6,.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^=button]):not([class^=link-social]):focus,.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^=button]):not([class^=link-social]):hover,.text-dark,[class*=bg-color-] [class*=bg-white] h1,[class*=bg-color-] [class*=bg-white] h2,[class*=bg-color-] [class*=bg-white] h3,[class*=bg-color-] [class*=bg-white] h4,[class*=bg-color-] [class*=bg-white] h5,[class*=bg-color-] [class*=bg-white] h6,[class*=bg-dark] [class*=bg-white] h1,[class*=bg-dark] [class*=bg-white] h2,[class*=bg-dark] [class*=bg-white] h3,[class*=bg-dark] [class*=bg-white] h4,[class*=bg-dark] [class*=bg-white] h5,[class*=bg-dark] [class*=bg-white] h6,[class*=bg-gradient-] [class*=bg-white] h1,[class*=bg-gradient-] [class*=bg-white] h2,[class*=bg-gradient-] [class*=bg-white] h3,[class*=bg-gradient-] [class*=bg-white] h4,[class*=bg-gradient-] [class*=bg-white] h5,[class*=bg-gradient-] [class*=bg-white] h6,[class*=bg-white] a:not([class^=button]):focus,[class*=bg-white] a:not([class^=button]):hover,[class*=bg-white] h1,[class*=bg-white] h2,[class*=bg-white] h3,[class*=bg-white] h4,[class*=bg-white] h5,[class*=bg-white] h6,[class*=text-link-]:focus,[class*=text-link-]:hover {
    color: #121518
}

.nav.nav-tabs {
    border-bottom: 1px solid #e2e6ea
}

.nav.nav-tabs .nav-item {
    margin: 0 0 -1px
}

.nav.nav-tabs .nav-item .nav-link {
    background: 0 0;
    padding: 10px 20px;
    color: #7c7c7c
}

.nav.nav-tabs .nav-item .nav-link:hover {
    border-color: #e2e6ea
}

.nav.nav-tabs .nav-item .nav-link.active {
    border-color: #e2e6ea #e2e6ea #fff;
    color: #121518
}

.nav.nav-tabs .nav-item .nav-link.disabled:hover {
    border-color: transparent
}

.nav.nav-pills .nav-item .nav-link {
    padding: 10px 20px
}

.nav.nav-pills .nav-item .nav-link.active,.nav.nav-pills .nav-item .show .nav-link {
    background: #121518;
    color: #fff
}

.nav.tabs {
    display: inline-block;
    border: 1px solid #e2e6ea;
    border-radius: .375em
}

.nav.tabs .nav-item .nav-link {
    padding: 10px 20px;
    border-right: 1px solid #e2e6ea
}

.accordion li .accordion-content ol li:last-child,.accordion li .accordion-content ul li:last-child,.clients-grid.border-style-dotted,.clients-grid.border-style-solid,.form-control-plaintext,.nav.tabs .nav-item:last-child .nav-link,.popover .arrow:before,.testimonial-grid.border-0 .testimonial-grid-box:after,.testimonial-grid.border-0 .testimonial-grid-box:before,.testimonial-grid.border-style-dotted,.testimonial-grid.border-style-solid {
    border: 0
}

.nav.nav-custom .nav-item .nav-link {
    position: relative;
    overflow: visible
}

.filter.filter-style-3 ul li:after,.nav.nav-custom .nav-item .nav-link:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    background: #121518;
    height: 1px;
    -webkit-animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-out;
    animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-out
}

.button-text-1:hover:after,.filter.filter-style-3 ul li.active:after,.filter.filter-style-3 ul li.mixitup-control-active:after,.nav.nav-custom .nav-item .nav-link.active:after {
    width: 100%;
    -webkit-animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-in;
    animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-in
}

.bg-black .button-text-1,.bg-black .button-text-2,.bg-black .button-text-3,.bg-black .nav .nav-item .nav-link,.bg-black .nav.nav-tabs .nav-item .nav-link,.bg-black [class*=text-link-],.blog-card-wrapper:hover .button-text-1,.blog-card-wrapper:hover .button-text-2,.blog-card-wrapper:hover .button-text-3,.blog-card-wrapper:hover a:not([class^=button]),.hoverbox-1 a.button-text-1,.hoverbox-1 a.button-text-2,.hoverbox-1 a.button-text-3,.hoverbox-2 a.button-text-1,.hoverbox-2 a.button-text-2,.hoverbox-2 a.button-text-3,.hoverbox-4 a.button-text-1,.hoverbox-4 a.button-text-2,.hoverbox-4 a.button-text-3,.hoverbox-5 a.button-text-1,.hoverbox-5 a.button-text-2,.hoverbox-5 a.button-text-3,.hoverbox-7 a.button-text-1,.hoverbox-7 a.button-text-2,.hoverbox-7 a.button-text-3,.text-white-08,[class*=bg-color-] .button-text-1,[class*=bg-color-] .button-text-2,[class*=bg-color-] .button-text-3,[class*=bg-color-] .nav .nav-item .nav-link,[class*=bg-color-] .nav.nav-tabs .nav-item .nav-link,[class*=bg-color-] [class*=text-link-],[class*=bg-dark] .button-text-1,[class*=bg-dark] .button-text-2,[class*=bg-dark] .button-text-3,[class*=bg-dark] .nav .nav-item .nav-link,[class*=bg-dark] .nav.nav-tabs .nav-item .nav-link,[class*=bg-dark] [class*=text-link-],[class*=bg-gradient-] .button-text-1,[class*=bg-gradient-] .button-text-2,[class*=bg-gradient-] .button-text-3,[class*=bg-gradient-] .nav .nav-item .nav-link,[class*=bg-gradient-] .nav.nav-tabs .nav-item .nav-link,[class*=bg-gradient-] [class*=text-link-] {
    color: rgba(255,255,255,.8)
}

.bg-black .accordion li .accordion-title,.bg-black .clients-grid li:after,.bg-black .clients-grid li:before,.bg-black .nav.nav-tabs,.bg-black .testimonial-grid-box:after,.bg-black .testimonial-grid-box:before,[class*=bg-color-] .accordion li .accordion-title,[class*=bg-color-] .clients-grid li:after,[class*=bg-color-] .clients-grid li:before,[class*=bg-color-] .nav.nav-tabs,[class*=bg-color-] .testimonial-grid-box:after,[class*=bg-color-] .testimonial-grid-box:before,[class*=bg-dark] .accordion li .accordion-title,[class*=bg-dark] .clients-grid li:after,[class*=bg-dark] .clients-grid li:before,[class*=bg-dark] .nav.nav-tabs,[class*=bg-dark] .testimonial-grid-box:after,[class*=bg-dark] .testimonial-grid-box:before,[class*=bg-gradient-] .accordion li .accordion-title,[class*=bg-gradient-] .clients-grid li:after,[class*=bg-gradient-] .clients-grid li:before,[class*=bg-gradient-] .nav.nav-tabs,[class*=bg-gradient-] .testimonial-grid-box:after,[class*=bg-gradient-] .testimonial-grid-box:before {
    border-color: rgba(255,255,255,.2)
}

.bg-black .nav.nav-tabs .nav-item .nav-link.active,.bg-black .nav.nav-tabs .nav-item .nav-link:hover,[class*=bg-color-] .nav.nav-tabs .nav-item .nav-link.active,[class*=bg-color-] .nav.nav-tabs .nav-item .nav-link:hover,[class*=bg-dark] .nav.nav-tabs .nav-item .nav-link.active,[class*=bg-dark] .nav.nav-tabs .nav-item .nav-link:hover,[class*=bg-gradient-] .nav.nav-tabs .nav-item .nav-link.active,[class*=bg-gradient-] .nav.nav-tabs .nav-item .nav-link:hover {
    border-color: rgba(255,255,255,.2) rgba(255,255,255,.2) transparent
}

.bg-black .filter ul li.active,.bg-black .filter ul li.mixitup-control-active,.bg-black .filter.filter-style-2 ul li.active,.bg-black .filter.filter-style-2 ul li.mixitup-control-active,.bg-black .nav.nav-pills .nav-item .nav-link.active,.bg-black .nav.nav-pills .nav-item .show .nav-link,.button-circle.button-circle-outline-white-2:focus,.button-circle.button-circle-outline-white-2:hover,.button-outline-white-2:focus,.button-outline-white-2:hover,.button-reveal-left-white:focus,.button-reveal-left-white:hover,.button-reveal-right-white:focus,.button-reveal-right-white:hover,[class*=bg-color-] .filter ul li.active,[class*=bg-color-] .filter ul li.mixitup-control-active,[class*=bg-color-] .filter.filter-style-2 ul li.active,[class*=bg-color-] .filter.filter-style-2 ul li.mixitup-control-active,[class*=bg-color-] .nav.nav-pills .nav-item .nav-link.active,[class*=bg-color-] .nav.nav-pills .nav-item .show .nav-link,[class*=bg-dark] .filter ul li.active,[class*=bg-dark] .filter ul li.mixitup-control-active,[class*=bg-dark] .filter.filter-style-2 ul li.active,[class*=bg-dark] .filter.filter-style-2 ul li.mixitup-control-active,[class*=bg-dark] .nav.nav-pills .nav-item .nav-link.active,[class*=bg-dark] .nav.nav-pills .nav-item .show .nav-link,[class*=bg-gradient-] .filter ul li.active,[class*=bg-gradient-] .filter ul li.mixitup-control-active,[class*=bg-gradient-] .filter.filter-style-2 ul li.active,[class*=bg-gradient-] .filter.filter-style-2 ul li.mixitup-control-active,[class*=bg-gradient-] .nav.nav-pills .nav-item .nav-link.active,[class*=bg-gradient-] .nav.nav-pills .nav-item .show .nav-link {
    background: #fff;
    color: #121518
}

.bg-black .nav.tabs,[class*=bg-color-] .nav.tabs,[class*=bg-dark] .nav.tabs,[class*=bg-gradient-] .nav.tabs {
    border: 1px solid rgba(255,255,255,.2)
}

.bg-black .nav.tabs .nav-item .nav-link,[class*=bg-color-] .nav.tabs .nav-item .nav-link,[class*=bg-dark] .nav.tabs .nav-item .nav-link,[class*=bg-gradient-] .nav.tabs .nav-item .nav-link {
    border-right: 1px solid rgba(255,255,255,.2)
}

.accordion.style-3 li.active .accordion-title:after,.accordion.style-3 li.active .accordion-title:before,.bg-black .accordion li .accordion-title:after,.bg-black .accordion li .accordion-title:before,.bg-black .button-text-1:after,.bg-black .button-text-2:after,.bg-black .button-text-3:hover:before,.bg-black .filter.filter-style-3 ul li:after,.bg-black .nav.nav-custom .nav-item .nav-link:after,.bg-black .text-link-2:before,.bg-black .text-link-3:before,.bg-black .text-link-4:after,.bg-black .text-link-5:after,.bg-black .timeline-wrapper .timeline .timeline-date:after,.bg-black.fullscreen-menu .fm-wrapper .fm-close span:after,.bg-black.fullscreen-menu .fm-wrapper .fm-close span:before,.blog-card-wrapper:hover .button-text-1:after,.blog-card-wrapper:hover .button-text-2:after,.blog-card-wrapper:hover .button-text-3:hover:before,.header .header-menu .nav .nav-item .nav-dropdown,.header.transparent-light .header-toggle span,.header.transparent-light .header-toggle span:after,.header.transparent-light .header-toggle span:before,.header.transparent-light:not(.transparent-dark) .fm-toggle .lines,.header.transparent-light:not(.transparent-dark) .fm-toggle .lines:after,.header.transparent-light:not(.transparent-dark) .fm-toggle .lines:before,.header[class*=header-color]:not(.transparent-dark) .fm-toggle .lines,.header[class*=header-color]:not(.transparent-dark) .fm-toggle .lines:after,.header[class*=header-color]:not(.transparent-dark) .fm-toggle .lines:before,.header[class*=header-color]:not(.transparent-dark) .header-toggle span,.header[class*=header-color]:not(.transparent-dark) .header-toggle span:after,.header[class*=header-color]:not(.transparent-dark) .header-toggle span:before,.hoverbox-1 a.button-text-1:after,.hoverbox-1 a.button-text-2:after,.hoverbox-1 a.button-text-3:hover:before,.hoverbox-2 a.button-text-1:after,.hoverbox-2 a.button-text-2:after,.hoverbox-2 a.button-text-3:hover:before,.hoverbox-4 a.button-text-1:after,.hoverbox-4 a.button-text-2:after,.hoverbox-4 a.button-text-3:hover:before,.hoverbox-5 a.button-text-1:after,.hoverbox-5 a.button-text-2:after,.hoverbox-5 a.button-text-3:hover:before,.hoverbox-7 a.button-text-1:after,.hoverbox-7 a.button-text-2:after,.hoverbox-7 a.button-text-3:hover:before,.preloader-dark .preloader-2 div span:before,[class*=bg-color-] .accordion li .accordion-title:after,[class*=bg-color-] .accordion li .accordion-title:before,[class*=bg-color-] .button-text-1:after,[class*=bg-color-] .button-text-2:after,[class*=bg-color-] .button-text-3:hover:before,[class*=bg-color-] .filter.filter-style-3 ul li:after,[class*=bg-color-] .nav.nav-custom .nav-item .nav-link:after,[class*=bg-color-] .text-link-2:before,[class*=bg-color-] .text-link-3:before,[class*=bg-color-] .text-link-4:after,[class*=bg-color-] .text-link-5:after,[class*=bg-color-] .timeline-wrapper .timeline .timeline-date:after,[class*=bg-color-].fullscreen-menu .fm-wrapper .fm-close span:after,[class*=bg-color-].fullscreen-menu .fm-wrapper .fm-close span:before,[class*=bg-dark] .accordion li .accordion-title:after,[class*=bg-dark] .accordion li .accordion-title:before,[class*=bg-dark] .button-text-1:after,[class*=bg-dark] .button-text-2:after,[class*=bg-dark] .button-text-3:hover:before,[class*=bg-dark] .filter.filter-style-3 ul li:after,[class*=bg-dark] .nav.nav-custom .nav-item .nav-link:after,[class*=bg-dark] .text-link-2:before,[class*=bg-dark] .text-link-3:before,[class*=bg-dark] .text-link-4:after,[class*=bg-dark] .text-link-5:after,[class*=bg-dark] .timeline-wrapper .timeline .timeline-date:after,[class*=bg-dark].fullscreen-menu .fm-wrapper .fm-close span:after,[class*=bg-dark].fullscreen-menu .fm-wrapper .fm-close span:before,[class*=bg-gradient-] .accordion li .accordion-title:after,[class*=bg-gradient-] .accordion li .accordion-title:before,[class*=bg-gradient-] .button-text-1:after,[class*=bg-gradient-] .button-text-2:after,[class*=bg-gradient-] .button-text-3:hover:before,[class*=bg-gradient-] .filter.filter-style-3 ul li:after,[class*=bg-gradient-] .nav.nav-custom .nav-item .nav-link:after,[class*=bg-gradient-] .text-link-2:before,[class*=bg-gradient-] .text-link-3:before,[class*=bg-gradient-] .text-link-4:after,[class*=bg-gradient-] .text-link-5:after,[class*=bg-gradient-] .timeline-wrapper .timeline .timeline-date:after,[class*=bg-gradient-].fullscreen-menu .fm-wrapper .fm-close span:after,[class*=bg-gradient-].fullscreen-menu .fm-wrapper .fm-close span:before,[class*=bg-gray] .accordion.style-3 li .accordion-title,[class*=bg-gray] .form-style-5 .custom-select,[class*=bg-gray] .form-style-5 .custom-select:focus,[class*=bg-gray] .form-style-5 .form-control,[class*=bg-gray] .form-style-5 .form-control:focus,[class*=bg-gray] .form-style-5 input,[class*=bg-gray] .form-style-5 input:focus,[class*=bg-gray] .form-style-5 textarea,[class*=bg-gray] .form-style-5 textarea:focus {
    background: #fff
}

.pagination .page-item {
    margin: 0 6px 0 0;
    text-align: center
}

.pagination .page-item .page-link {
    background: 0 0;
    min-width: 31px;
    height: 31px;
    border: 0;
    border-radius: 20px;
    padding: 0;
    color: #7c7c7c;
    font-size: 14px;
    line-height: 31px;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.filter ul li:hover,.pagination .page-item .page-link:hover,.table .table-dark td,.table .table-dark th,.table .table-secondary td,.table .table-secondary th {
    background: #e4e8ec
}

.pagination .page-item.active .page-link {
    background: #e4e8ec;
    color: #121518
}

.pagination.pagination-sm .page-item .page-link {
    min-width: 27px;
    height: 27px;
    border-radius: 20px;
    padding: 0;
    line-height: 27px
}

.pagination.pagination-lg .page-item .page-link {
    min-width: 35px;
    height: 35px;
    border-radius: 20px;
    padding: 0;
    line-height: 35px
}

.pagination.hover-style-2 .page-item .page-link:hover {
    background: #e2e6ea;
    border-color: #e2e6ea
}

.pagination.hover-style-2 .page-item.active .page-link {
    background: #121518;
    border-color: #121518;
    color: #fff
}

.bg-black,.bg-black .filter.filter-style-2 ul li,.bg-black .filter.filter-style-3 ul li,.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next,.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev,.bg-black .pagination .page-item .page-link,.bg-dark-content,.blog-card-wrapper:hover,.hoverbox-1 a:not([class^=button]),.hoverbox-2 a:not([class^=button]),.hoverbox-4 a:not([class^=button]),.hoverbox-5 a:not([class^=button]),.hoverbox-7 a:not([class^=button]),.mfp-bottom-bar .mfp-title,.mfp-close-btn-in .mfp-close,.team-wrapper .team-box .team-img div ul li a:not([class^=button]):not([class^=link-social]):hover,.text-white-07,[class*=bg-color-],[class*=bg-color-] .filter.filter-style-2 ul li,[class*=bg-color-] .filter.filter-style-3 ul li,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev,[class*=bg-color-] .pagination .page-item .page-link,[class*=bg-dark],[class*=bg-dark] .filter.filter-style-2 ul li,[class*=bg-dark] .filter.filter-style-3 ul li,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev,[class*=bg-dark] .pagination .page-item .page-link,[class*=bg-gradient-],[class*=bg-gradient-] .filter.filter-style-2 ul li,[class*=bg-gradient-] .filter.filter-style-3 ul li,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev,[class*=bg-gradient-] .pagination .page-item .page-link {
    color: rgba(255,255,255,.7)
}

.bg-black .accordion.style-3 li .accordion-title,.bg-black .pagination .page-item .page-link:hover,.bg-black.fullscreen-menu .fm-wrapper .fm-close span,.bg-color-white-01,.bg-white-01,[class*=bg-color-] .accordion.style-3 li .accordion-title,[class*=bg-color-] .pagination .page-item .page-link:hover,[class*=bg-color-].fullscreen-menu .fm-wrapper .fm-close span,[class*=bg-dark] .accordion.style-3 li .accordion-title,[class*=bg-dark] .pagination .page-item .page-link:hover,[class*=bg-dark].fullscreen-menu .fm-wrapper .fm-close span,[class*=bg-gradient-] .accordion.style-3 li .accordion-title,[class*=bg-gradient-] .pagination .page-item .page-link:hover,[class*=bg-gradient-].fullscreen-menu .fm-wrapper .fm-close span {
    background: rgba(255,255,255,.1)
}

.bg-black .pagination .page-item.active .page-link,[class*=bg-color-] .pagination .page-item.active .page-link,[class*=bg-dark] .pagination .page-item.active .page-link,[class*=bg-gradient-] .pagination .page-item.active .page-link {
    background: rgba(255,255,255,.1);
    color: #fff
}

.bg-black .pagination.hover-style-2 .page-item .page-link:hover,.bg-black .pagination.hover-style-2 .page-item.active .page-link,[class*=bg-color-] .pagination.hover-style-2 .page-item .page-link:hover,[class*=bg-color-] .pagination.hover-style-2 .page-item.active .page-link,[class*=bg-dark] .pagination.hover-style-2 .page-item .page-link:hover,[class*=bg-dark] .pagination.hover-style-2 .page-item.active .page-link,[class*=bg-gradient-] .pagination.hover-style-2 .page-item .page-link:hover,[class*=bg-gradient-] .pagination.hover-style-2 .page-item.active .page-link {
    background: #fff;
    border-color: #fff;
    color: rgba(18,21,24,.9)
}

.popover {
    border: 0;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.08)
}

.popover .popover-header {
    background: 0 0;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 32px
}

.custom-select,.form-control,input:not(.form-check-input),textarea {
    padding: 15px 20px;
    font: 400 15px/1.4 "Open Sans",sans-serif
}

.popover .popover-body {
    padding: 20px
}

.table td,.table th {
    border-top: 1px solid #e2e6ea
}

.table thead th {
    border-bottom: 2px solid #e2e6ea
}

.bg-dark-lighter,.table.table-dark {
    background: #202428
}

.table.table-dark thead th {
    border-bottom: 2px solid rgba(255,255,255,.1)
}

.table.table-dark td,.table.table-dark th {
    border-top: 1px solid rgba(255,255,255,.1)
}

.table.table-bordered td,.table.table-bordered th {
    border: 1px solid #e2e6ea
}

.table.table-bordered.table-dark td,.table.table-bordered.table-dark th {
    border: 1px solid rgba(255,255,255,.1)
}

.table .thead-dark th {
    background: #202428;
    border-color: rgba(255,255,255,.1)
}

.bg-gray,.filter.filter-style-2 ul li.active,.filter.filter-style-2 ul li.mixitup-control-active,.form-style-5 .custom-select:focus,.form-style-5 .form-control:focus,.form-style-5 input:focus,.form-style-5 textarea:focus,.table .thead-light th {
    background: #eef2f6
}

.table .table-active td,.table .table-active th {
    background: #dce0e4
}

.bg-gray-lighter,.table .table-light td,.table .table-light th {
    background: #f1f5f9
}

.scrolltotop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    z-index: 992;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hover-style-3 .portfolio-item .portfolio-box:hover .portfolio-title .portfolio-title-item,.hoverbox-3:focus .hover-content,.hoverbox-3:hover .hover-content,.hoverbox-5:focus .hover-content,.hoverbox-5:hover .hover-content,.scrolltotop.scrolltotop-show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.bg-image {
    position: relative;
    background-position: center center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.bg-fade-black-bottom,.bg-fade-black-top,.bg-fade-white-bottom,.bg-fade-white-top,.button-circle-ripple {
    position: relative;
    z-index: 1
}

.bg-fade-white-top:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to top,#fff,rgba(255,255,255,.2))
}

.bg-fade-white-bottom:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,#fff,rgba(255,255,255,.2))
}

.bg-fade-black-top:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to top,#000,rgba(0,0,0,.2))
}

.bg-fade-black-bottom:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom,#000,rgba(0,0,0,.2))
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.bg-video video {
    object-fit: cover
}

input:not(.form-check-input),textarea {
    background: 0 0;
    width: 100%;
    border: 1px solid;
    margin-bottom: 1rem;
    box-shadow: none;
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.custom-select,img {
    width: auto;
    height: auto
}

.box-shadow,.custom-select {
    -webkit-transition: .16s ease-out
}

input:not(.form-check-input):active,input:not(.form-check-input):focus,textarea:active,textarea:focus {
    outline: 0;
    box-shadow: none
}

textarea {
    height: 140px
}

.form-control::-webkit-input-placeholder,input:not(.form-check-input)::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #fff
}

.form-control::-moz-placeholder,input:not(.form-check-input)::-moz-placeholder,textarea::-moz-placeholder {
    color: #fff
}

.form-control:-ms-placeholder,input:not(.form-check-input):-ms-placeholder,textarea:-ms-placeholder {
    color: #fff
}

.form-control::-ms-placeholder,input:not(.form-check-input)::-ms-placeholder,textarea::-ms-placeholder {
    color: #fff
}

.form-control::placeholder,input:not(.form-check-input)::placeholder,textarea::placeholder {
    color: #fff
}

.form-control:focus,input:not(.form-check-input):focus,textarea:focus {
    border-color: rgba(18,21,24,.2)
}

.form-control {
    background: 0 0;
    height: auto;
    border: 1px solid rgba(18,21,24,.1);
    border-radius: 0
}

.form-control:focus {
    background: 0 0;
    box-shadow: none
}

.form-control:read-only {
    background: #e4e8ec;
    border: 0
}

.form-control.form-control-sm {
    padding: 10px 15px;
    font-size: .875rem
}

.form-control.form-control-lg {
    font-size: 1.25rem
}

.required:after {
    content: '*';
    padding-left: 3px
}

select {
    margin-bottom: 1rem
}

.custom-select {
    background-color: transparent;
    min-width: 160px;
    border-radius: 0;
    border-color: rgba(18,21,24,.1);
    color: #7c7c7c;
    transition: .16s ease-out
}

.custom-select:focus {
    border-color: rgba(18,21,24,.2);
    outline: 0;
    box-shadow: none
}

.custom-select.custom-select-sm {
    height: auto;
    padding: 10px 15px;
    font-size: .875rem
}

.custom-select.custom-select-lg {
    height: auto;
    padding: 15px 20px;
    font-size: 1.25rem
}

.custom-select.select-fullwidth,.feature-box h1,.feature-box h2,.feature-box h3,.feature-box h4,.feature-box h5,.feature-box h6,.gmap,.masonry.column-1 .masonry-item,.portfolio-masonry.column-1 .portfolio-item,.text-link-2:hover:before,.text-link-4:hover:after,.text-link-6:hover:before {
    width: 100%
}

.form-style-3 .custom-select,.form-style-3 .form-control,.form-style-3 input,.form-style-3 textarea,.form-style-4 .custom-select,.form-style-4 .form-control,.form-style-4 input,.form-style-4 textarea {
    margin-bottom: 20px;
    padding: 0 0 10px;
    border-width: 0 0 1px
}

.form-style-2 .custom-select:focus,.form-style-2 .form-control:focus,.form-style-2 input:focus,.form-style-2 textarea:focus,.form-style-4 .custom-select:focus,.form-style-4 .form-control:focus,.form-style-4 input:focus,.form-style-4 textarea:focus {
    border-color: rgba(18,21,24,.9)
}

.form-style-5 .custom-select,.form-style-5 .form-control,.form-style-5 input,.form-style-5 textarea {
    background: #eef2f6;
    border: 0
}

.bg-black .form-control,.bg-black input,.bg-black textarea,[class*=bg-color-] .form-control,[class*=bg-color-] input,[class*=bg-color-] textarea,[class*=bg-dark] .form-control,[class*=bg-dark] input,[class*=bg-dark] textarea,[class*=bg-gradient-] .form-control,[class*=bg-gradient-] input,[class*=bg-gradient-] textarea {
    background: 0 0;
    border-color: rgb(255 255 255 / 62%);
    color: rgb(255 255 255)
}

.bg-black .form-control::-webkit-input-placeholder,.bg-black input::-webkit-input-placeholder,.bg-black textarea::-webkit-input-placeholder,[class*=bg-color-] .form-control::-webkit-input-placeholder,[class*=bg-color-] input::-webkit-input-placeholder,[class*=bg-color-] textarea::-webkit-input-placeholder,[class*=bg-dark] .form-control::-webkit-input-placeholder,[class*=bg-dark] input::-webkit-input-placeholder,[class*=bg-dark] textarea::-webkit-input-placeholder,[class*=bg-gradient-] .form-control::-webkit-input-placeholder,[class*=bg-gradient-] input::-webkit-input-placeholder,[class*=bg-gradient-] textarea::-webkit-input-placeholder {
    color: #fff
}

.bg-black .form-control::-moz-placeholder,.bg-black input::-moz-placeholder,.bg-black textarea::-moz-placeholder,[class*=bg-color-] .form-control::-moz-placeholder,[class*=bg-color-] input::-moz-placeholder,[class*=bg-color-] textarea::-moz-placeholder,[class*=bg-dark] .form-control::-moz-placeholder,[class*=bg-dark] input::-moz-placeholder,[class*=bg-dark] textarea::-moz-placeholder,[class*=bg-gradient-] .form-control::-moz-placeholder,[class*=bg-gradient-] input::-moz-placeholder,[class*=bg-gradient-] textarea::-moz-placeholder {
    color: #fff
}

.bg-black .form-control:-ms-placeholder,.bg-black input:-ms-placeholder,.bg-black textarea:-ms-placeholder,[class*=bg-color-] .form-control:-ms-placeholder,[class*=bg-color-] input:-ms-placeholder,[class*=bg-color-] textarea:-ms-placeholder,[class*=bg-dark] .form-control:-ms-placeholder,[class*=bg-dark] input:-ms-placeholder,[class*=bg-dark] textarea:-ms-placeholder,[class*=bg-gradient-] .form-control:-ms-placeholder,[class*=bg-gradient-] input:-ms-placeholder,[class*=bg-gradient-] textarea:-ms-placeholder {
    color: #fff
}

.bg-black .form-control::-ms-placeholder,.bg-black input::-ms-placeholder,.bg-black textarea::-ms-placeholder,[class*=bg-color-] .form-control::-ms-placeholder,[class*=bg-color-] input::-ms-placeholder,[class*=bg-color-] textarea::-ms-placeholder,[class*=bg-dark] .form-control::-ms-placeholder,[class*=bg-dark] input::-ms-placeholder,[class*=bg-dark] textarea::-ms-placeholder,[class*=bg-gradient-] .form-control::-ms-placeholder,[class*=bg-gradient-] input::-ms-placeholder,[class*=bg-gradient-] textarea::-ms-placeholder {
    color: #fff
}

.bg-black .form-control::placeholder,.bg-black input::placeholder,.bg-black textarea::placeholder,[class*=bg-color-] .form-control::placeholder,[class*=bg-color-] input::placeholder,[class*=bg-color-] textarea::placeholder,[class*=bg-dark] .form-control::placeholder,[class*=bg-dark] input::placeholder,[class*=bg-dark] textarea::placeholder,[class*=bg-gradient-] .form-control::placeholder,[class*=bg-gradient-] input::placeholder,[class*=bg-gradient-] textarea::placeholder {
    color: #fff
}

.bg-black .custom-select:focus,.bg-black .form-control:focus,.bg-black input:focus,.bg-black textarea:focus,[class*=bg-color-] .custom-select:focus,[class*=bg-color-] .form-control:focus,[class*=bg-color-] input:focus,[class*=bg-color-] textarea:focus,[class*=bg-dark] .custom-select:focus,[class*=bg-dark] .form-control:focus,[class*=bg-dark] input:focus,[class*=bg-dark] textarea:focus,[class*=bg-gradient-] .custom-select:focus,[class*=bg-gradient-] .form-control:focus,[class*=bg-gradient-] input:focus,[class*=bg-gradient-] textarea:focus {
    border-color: rgba(255,255,255,.3)
}

.bg-black .custom-select,[class*=bg-color-] .custom-select,[class*=bg-dark] .custom-select,[class*=bg-gradient-] .custom-select {
    background: 0 0;
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.7)
}

.bg-black .accordion li.active .accordion-title,.bg-black .form-style-2 .custom-select:focus,.bg-black .form-style-2 .form-control:focus,.bg-black .form-style-2 input:focus,.bg-black .form-style-2 textarea:focus,.bg-black .form-style-4 .custom-select:focus,.bg-black .form-style-4 .form-control:focus,.bg-black .form-style-4 input:focus,.bg-black .form-style-4 textarea:focus,.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:before,.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:before,.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:before,[class*=bg-color-] .accordion li.active .accordion-title,[class*=bg-color-] .form-style-2 .custom-select:focus,[class*=bg-color-] .form-style-2 .form-control:focus,[class*=bg-color-] .form-style-2 input:focus,[class*=bg-color-] .form-style-2 textarea:focus,[class*=bg-color-] .form-style-4 .custom-select:focus,[class*=bg-color-] .form-style-4 .form-control:focus,[class*=bg-color-] .form-style-4 input:focus,[class*=bg-color-] .form-style-4 textarea:focus,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:before,[class*=bg-dark] .accordion li.active .accordion-title,[class*=bg-dark] .form-style-2 .custom-select:focus,[class*=bg-dark] .form-style-2 .form-control:focus,[class*=bg-dark] .form-style-2 input:focus,[class*=bg-dark] .form-style-2 textarea:focus,[class*=bg-dark] .form-style-4 .custom-select:focus,[class*=bg-dark] .form-style-4 .form-control:focus,[class*=bg-dark] .form-style-4 input:focus,[class*=bg-dark] .form-style-4 textarea:focus,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:before,[class*=bg-gradient-] .accordion li.active .accordion-title,[class*=bg-gradient-] .form-style-2 .custom-select:focus,[class*=bg-gradient-] .form-style-2 .form-control:focus,[class*=bg-gradient-] .form-style-2 input:focus,[class*=bg-gradient-] .form-style-2 textarea:focus,[class*=bg-gradient-] .form-style-4 .custom-select:focus,[class*=bg-gradient-] .form-style-4 .form-control:focus,[class*=bg-gradient-] .form-style-4 input:focus,[class*=bg-gradient-] .form-style-4 textarea:focus,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:before {
    border-color: #fff
}

.bg-black .form-style-5 .custom-select,.bg-black .form-style-5 .form-control,.bg-black .form-style-5 input,.bg-black .form-style-5 textarea,[class*=bg-color-] .form-style-5 .custom-select,[class*=bg-color-] .form-style-5 .form-control,[class*=bg-color-] .form-style-5 input,[class*=bg-color-] .form-style-5 textarea,[class*=bg-dark] .form-style-5 .custom-select,[class*=bg-dark] .form-style-5 .form-control,[class*=bg-dark] .form-style-5 input,[class*=bg-dark] .form-style-5 textarea,[class*=bg-gradient-] .form-style-5 .custom-select,[class*=bg-gradient-] .form-style-5 .form-control,[class*=bg-gradient-] .form-style-5 input,[class*=bg-gradient-] .form-style-5 textarea {
    background: rgba(255,255,255,.1);
    border: 0
}

.bg-black .form-style-5 .custom-select:focus,.bg-black .form-style-5 .form-control:focus,.bg-black .form-style-5 input:focus,.bg-black .form-style-5 textarea:focus,.bg-black .timeline-wrapper .timeline .timeline-date:before,.bg-black .timeline-wrapper:before,.bg-color-white-02,.bg-white-02,.button-circle-ripple.button-circle-white-2:before,.button-circle-ripple.button-circle-white:before,.preloader-dark .preloader-3 div span:after,.preloader-dark .preloader-3 div span:before,[class*=bg-color-] .form-style-5 .custom-select:focus,[class*=bg-color-] .form-style-5 .form-control:focus,[class*=bg-color-] .form-style-5 input:focus,[class*=bg-color-] .form-style-5 textarea:focus,[class*=bg-color-] .timeline-wrapper .timeline .timeline-date:before,[class*=bg-color-] .timeline-wrapper:before,[class*=bg-dark] .form-style-5 .custom-select:focus,[class*=bg-dark] .form-style-5 .form-control:focus,[class*=bg-dark] .form-style-5 input:focus,[class*=bg-dark] .form-style-5 textarea:focus,[class*=bg-dark] .timeline-wrapper .timeline .timeline-date:before,[class*=bg-dark] .timeline-wrapper:before,[class*=bg-gradient-] .form-style-5 .custom-select:focus,[class*=bg-gradient-] .form-style-5 .form-control:focus,[class*=bg-gradient-] .form-style-5 input:focus,[class*=bg-gradient-] .form-style-5 textarea:focus,[class*=bg-gradient-] .timeline-wrapper .timeline .timeline-date:before,[class*=bg-gradient-] .timeline-wrapper:before {
    background: rgba(255,255,255,.2)
}

.submit-result span {
    display: none;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.submit-result span.show-result {
    margin-top: 30px;
    display: block
}

.submit-result span#success {
    color: #24963e
}

.submit-result span#error {
    color: #c62f3e
}

img {
    max-width: 100%
}

[class*=circle-box],img[class*=img-mask-avatar] {
    border-radius: 50%
}

img.img-mask-avatar-xs {
    min-width: 60px;
    width: 60px;
    height: 60px
}

img.img-mask-avatar-sm {
    min-width: 80px;
    width: 80px;
    height: 80px
}

img.img-mask-avatar-md {
    min-width: 100px;
    width: 100px;
    height: 100px
}

img.img-mask-avatar-lg {
    min-width: 120px;
    width: 120px;
    height: 120px
}

img.img-mask-avatar-xl {
    min-width: 140px;
    width: 140px;
    height: 140px
}

img.img-mask-avatar-2xl {
    min-width: 160px;
    width: 160px;
    height: 160px
}

img.img-mask-avatar-3xl {
    min-width: 180px;
    width: 180px;
    height: 180px
}

[class*=img-mask-blob] {
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.img-mask-blob-1 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODguNSw2My41UTg3LDc3LDc2LDg2LjVRNjUsOTYsNTEsOTIuNVEzNyw4OSwyNyw4MS41UTE3LDc0LDEyLDYyUTcsNTAsMTEuNSwzOFExNiwyNiwyNS41LDE0LjVRMzUsMyw0OSw2LjVRNjMsMTAsNzUuNSwxNlE4OCwyMiw4OSwzNlE5MCw1MCw4OC41LDYzLjVaIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==)
}

.img-mask-blob-2 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjZRODgsODIsNzMsODkuNVE1OCw5Nyw0My41LDkxLjVRMjksODYsMTgsNzZRNyw2Niw3LDUwUTcsMzQsMTgsMjMuNVEyOSwxMyw0My41LDlRNTgsNSw3MC41LDEzLjVRODMsMjIsODguNSwzNlE5NCw1MCw5MSw2NloiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+)
}

.img-mask-blob-3 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTEsNjRRODgsNzgsNzUuNSw4NC41UTYzLDkxLDUwLDkxLjVRMzcsOTIsMjYsODMuNVExNSw3NSwxMS41LDYyLjVROCw1MCw5LDM1LjVRMTAsMjEsMjMuNSwxNlEzNywxMSw1MSw3UTY1LDMsNzcsMTIuNVE4OSwyMiw5MS41LDM2UTk0LDUwLDkxLDY0WiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=)
}

.img-mask-blob-4 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODkuNSw2M1E4MSw3Niw2OS41LDg2UTU4LDk2LDQ0LDkwLjVRMzAsODUsMTYuNSw3NlEzLDY3LDUuNSw1MVE4LDM1LDE3LDIyUTI2LDksNDEuNSw4LjVRNTcsOCw3MSwxNC41UTg1LDIxLDkxLjUsMzUuNVE5OCw1MCw4OS41LDYzWiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=)
}

.img-link-box {
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.feature-box .feature-box-icon a,.gallery-wrapper .gallery-box .gallery-img a,.hero-portfolio-slider .hero-portfolio-box a,.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div span,.hoverbox-6 a,.img-link-box a {
    display: block
}

.hero-portfolio-slider .hero-portfolio-box .hero-portfolio-img img,.img-link-box img,[class^=hoverbox] img {
    -webkit-transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1)
}

.button-hover-scale.button-circle:focus,.button-hover-scale.button-circle:hover,.gallery-wrapper .gallery-box .gallery-img a:hover img,.hero-portfolio-slider .hero-portfolio-box:hover .hero-portfolio-img img,.hoverbox-1:focus img,.hoverbox-1:hover img,.hoverbox-2:focus img,.hoverbox-2:hover img,.hoverbox-3:focus img,.hoverbox-3:hover img,.hoverbox-4:focus img,.hoverbox-4:hover img,.hoverbox-5:focus img,.hoverbox-5:hover img,.hoverbox-6:focus img,.hoverbox-6:hover img,.hoverbox-7:focus img,.hoverbox-7:hover img,.img-link-box:focus img,.img-link-box:hover img,.lightbox-image-box:hover img,.lightbox-media-box:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.avatar-group {
    display: block;
    padding: 0
}

.avatar-group li {
    display: inline-block;
    margin-left: -12px;
    padding: 0
}

.avatar-group li:first-child {
    margin-left: 0
}

.avatar-group li img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 16px 0 rgba(0,0,0,.13);
    box-shadow: 0 3px 16px 0 rgba(0,0,0,.13);
    border: 3px solid #fff
}

.aspect-ratio-2x1 {
    width: 100%;
    aspect-ratio: 1/0.5;
    object-fit: cover
}

ol,ul {
    margin: 0 0 -7px
}

ol li,ul li {
    margin: 0 0 7px
}

ol li ol,ol li ul,ul li ol,ul li ul {
    margin-top: 7px
}

.portfolio-masonry.spacing-0 .portfolio-item,.section-2xl.bg-image,.section-lg.bg-image,.section-md.bg-image,.section-sm.bg-image,.section-xl.bg-image,.section-xs.bg-image,.section.bg-image,ul[class*=list-] {
    padding: 0
}

ul.animate-links li a:hover {
    padding-left: 2px;
    color: #fff
}

ul.list-dash li:before {
    content: '-';
    padding-right: 7px
}

.button-text-3:hover,ul.list-dash li ol,ul.list-dash li ul {
    padding-left: 40px
}

.header .header-logo,.header.transparent-light .header-logo .logo-light,.header[class*=header-color]:not(.transparent-dark) .header-logo .logo-light,.owl-carousel .client-box img,.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span,.portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div span,[class*=text-gradient],i,ul[class*=list-inline] li {
    display: inline-block
}

ul.list-inline {
    margin-right: -7px;
    margin-left: -7px
}

ul.list-inline li {
    padding: 0 7px
}

ul.list-inline-sm {
    margin-right: -3px;
    margin-left: -3px
}

ul.list-inline-sm li {
    padding: 0 3px
}

ul.list-inline-lg {
    margin-right: -14px;
    margin-left: -14px
}

ul.list-inline-lg li {
    padding: 0 14px
}

ul.list-inline-dash li:after {
    content: '-'
}

ul.list-inline-slash li:after {
    content: '/'
}

ul.list-inline-dash li:after,ul.list-inline-slash li:after {
    padding: 0 3px 0 6px
}

ul.list-inline-dash li:last-child:after,ul.list-inline-slash li:last-child:after {
    content: '';
    padding: 0
}

.list-dash,ol.list-ordered li ol {
    list-style: none;
    padding-left: 0
}

.list-dash li {
    position: relative;
    padding-left: 1.2rem
}

.list-dash li::before {
    content: "-";
    position: absolute;
    left: 0;
    color: #6c757d
}

.header .header-logo .logo-light,.header.transparent-light .header-logo .logo-dark,.header[class*=header-color]:not(.transparent-dark) .header-logo .logo-dark,.list-dash li i,body.loaded:after {
    display: none
}

ol.list-ordered {
    list-style: none;
    counter-reset: custom-counter;
    padding-left: 0
}

ol.list-ordered li {
    position: relative;
    padding-left: 34px;
    counter-increment: custom-counter
}

ol.list-ordered li::before {
    content: counter(custom-counter)
}

ol.list-ordered.style-2 li::before,ol.list-ordered.style-3 li::before,ol.list-ordered.style-4 li::before,ol.list-ordered.style-5 li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 13px;
    line-height: 24px;
    text-align: center
}

ol.list-ordered.style-2 li::before {
    background: rgb(239 0 0);
    color: #fff
}

ol.list-ordered.style-3 li::before {
    background: rgba(18,21,24,.9);
    color: #fff
}

ol.list-ordered.style-4 li::before {
    border: 1px solid rgba(18,21,24,.2);
    color: rgba(18,21,24,.5)
}

ol.list-ordered.style-5 li::before {
    border: 1px solid rgba(18,21,24,.9);
    color: #000
}

.bg-black ol.list-ordered.style-2 li::before,[class*=bg-color-] ol.list-ordered.style-2 li::before,[class*=bg-dark] ol.list-ordered.style-2 li::before,[class*=bg-gradient-] ol.list-ordered.style-2 li::before {
    background: rgba(255,255,255,.2);
    color: #fff
}

.bg-black ol.list-ordered.style-3 li::before,[class*=bg-color-] ol.list-ordered.style-3 li::before,[class*=bg-dark] ol.list-ordered.style-3 li::before,[class*=bg-gradient-] ol.list-ordered.style-3 li::before {
    background: #fff;
    color: #000
}

.bg-black ol.list-ordered.style-4 li::before,[class*=bg-color-] ol.list-ordered.style-4 li::before,[class*=bg-dark] ol.list-ordered.style-4 li::before,[class*=bg-gradient-] ol.list-ordered.style-4 li::before {
    border-color: rgba(255,255,255,.3);
    color: rgba(255,255,255,.6)
}

.bg-black ol.list-ordered.style-5 li::before,.button-circle.button-circle-outline-white-2,.button-circle.button-circle-outline-white:focus,.button-circle.button-circle-outline-white:hover,.button-outline-white-2,.button-outline-white:focus,.button-outline-white:hover,.button-reveal-left-outline-white:focus,.button-reveal-left-outline-white:hover,.button-reveal-right-outline-white:focus,.button-reveal-right-outline-white:hover,[class*=bg-color-] ol.list-ordered.style-5 li::before,[class*=bg-dark] ol.list-ordered.style-5 li::before,[class*=bg-gradient-] ol.list-ordered.style-5 li::before {
    border-color: #fff;
    color: #fff
}

body {
    color: #7c7c7c;
    font-size: 17px;
    font-weight: 400
}

.font-family-nunito,.theme-font-nunito .button-text-1,.theme-font-nunito .button-text-2,.theme-font-nunito .button-text-3,.theme-font-nunito .header .header-menu .nav .nav-item .nav-link,.theme-font-nunito h1,.theme-font-nunito h2,.theme-font-nunito h3,.theme-font-nunito h4,.theme-font-nunito h5,.theme-font-nunito h6,body.theme-font-nunito {
    font-family: Nunito,sans-serif
}

h1,h2,h3,h4,h5,h6 {
    letter-spacing: -.3px;
    line-height: 1.4;
    color: #121518;
    font-family: "Funnel Display",sans-serif;
    font-weight: 600
}

p {
    margin-bottom: 10px;
    line-height: 1.74
}

.uppercase {
    letter-spacing: .8px
}

.filter ul li,.letter-spacing-1 {
    letter-spacing: 1px
}

.font-small {
    font-size: .9em;
    line-height: 1.7
}

.font-large {
    font-size: 1.063em;
    line-height: 1.6
}

.letter-spacing-2 {
    letter-spacing: 2px
}

.letter-spacing-3 {
    letter-spacing: 3px
}

.letter-spacing-4 {
    letter-spacing: 4px
}

.line-height-100 {
    line-height: 100%
}

.line-height-110 {
    line-height: 110%
}

.line-height-120 {
    line-height: 120%
}

.line-height-130 {
    line-height: 130%
}

.line-height-140 {
    line-height: 140%
}

.line-height-150 {
    line-height: 150%
}

.line-height-160 {
    line-height: 160%
}

.icon-5xl i {
    font-size: 2.8em
}

.icon-4xl i {
    font-size: 2.4em
}

.icon-3xl i {
    font-size: 2.13em
}

.icon-2xl i {
    font-size: 1.86em
}

.icon-xl i {
    font-size: 1.6em
}

.icon-lg i {
    font-size: 1.33em
}

.icon-sm i {
    font-size: .9em
}

.accordion {
    padding: 0
}

.accordion li {
    border: 0;
    margin-bottom: 8px;
    padding: 0;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.accordion li:last-child,.accordion.style-2 li:last-child,.copyright p,.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:last-child {
    margin-bottom: 0
}

.accordion li .accordion-title {
    position: relative;
    border: 1px solid rgba(18,21,24,.1);
    padding: 14px 24px;
    cursor: pointer;
    transition: .1s linear;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

.accordion li .accordion-title:after,.accordion li .accordion-title:before {
    content: '';
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    transition: .1s linear
}

.accordion li .accordion-title:before {
    right: 11px;
    width: 11px;
    height: 1px
}

.accordion li .accordion-title:after {
    right: 16px;
    width: 1px;
    height: 11px;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.accordion li .accordion-title h1,.accordion li .accordion-title h2,.accordion li .accordion-title h3,.accordion li .accordion-title h4,.accordion li .accordion-title h5,.accordion li .accordion-title h6 {
    margin: 0;
    flex: 1;
    line-height: 1.4;
    text-align: left;
    word-wrap: normal
}

.accordion li .accordion-title * {
    -webkit-transition: .1s linear;
    transition: .1s linear;
    font-size: 17px;
    font-family: 'Nunito Sans'
}

.accordion li .accordion-content {
    overflow: hidden;
    max-height: 0;
    padding: 0 25px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    background-color: #fff
}

@media (max-width: 480px) {
    .accordion li .accordion-title * {
        font-size:15px
    }

    .accordion li .accordion-title {
        padding: 12px 15px;
        gap: 25px
    }
}

.accordion li .accordion-content:before {
    content: '';
    display: block;
    width: 100%;
    height: 20px
}

.accordion li .accordion-content:after {
    content: '';
    display: block;
    width: 100%;
    height: 12px
}

.accordion li .accordion-content ol li,.accordion li .accordion-content ul li {
    border: 0;
    padding: 0
}

.accordion li .accordion-content ul {
    list-style-type: disc
}

.accordion li .accordion-content ul ul {
    list-style-type: circle
}

.accordion li .accordion-content ol.list-ordered li {
    margin-bottom: 8px;
    padding-left: 34px
}

.accordion li.active .accordion-title {
    border-color: #0d6efd;
    background-color: #0d6efd
}

.accordion li.active .accordion-title:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.accordion.style-2 li {
    margin-bottom: 14px;
    padding: 0
}

.accordion.style-2 li .accordion-title {
    border: 0;
    border-bottom: 1px solid rgba(18,21,24,.2);
    padding: 0 0 10px;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.accordion.style-2 li .accordion-title:after,.accordion.style-2 li .accordion-title:before {
    margin-top: -6px
}

.accordion.style-2 li .accordion-title:before,.owl-carousel .owl-nav button.owl-next,[class*=button-reveal-right] span {
    right: 0
}

.accordion.style-2 li .accordion-title:after {
    right: 5px
}

.accordion.style-2 li .accordion-content {
    padding: 0 20px
}

.accordion.style-2 li.active .accordion-title {
    border-bottom-color: rgba(18,21,24,.9)
}

.accordion.style-3 li .accordion-title {
    background: #f1f5f9;
    border: 0
}

.accordion.style-3 li .accordion-content {
    padding: 0 24px
}

.accordion.style-3 li.active .accordion-title {
    background: #181c20;
    color: rgba(255,255,255,.8)
}

.accordion li.active .accordion-title h6,.accordion.style-3 li.active .accordion-title h1,.accordion.style-3 li.active .accordion-title h2,.accordion.style-3 li.active .accordion-title h3,.accordion.style-3 li.active .accordion-title h4,.accordion.style-3 li.active .accordion-title h5,.accordion.style-3 li.active .accordion-title h6,.bg-black .button-text-1:hover,.bg-black .button-text-2:hover,.bg-black .button-text-3:hover,.bg-black .filter.filter-style-2 ul li.active,.bg-black .filter.filter-style-2 ul li.mixitup-control-active,.bg-black .filter.filter-style-2 ul li:hover,.bg-black .filter.filter-style-3 ul li.active,.bg-black .filter.filter-style-3 ul li.mixitup-control-active,.bg-black .filter.filter-style-3 ul li:hover,.bg-black [class*=text-link-]:focus,.bg-black [class*=text-link-]:hover,.bg-black a:not([class^=button]):focus,.bg-black a:not([class^=button]):hover,.bg-black h1,.bg-black h2,.bg-black h3,.bg-black h4,.bg-black h5,.bg-black h6,.bg-dark-content a:not([class^=button]):focus,.bg-dark-content a:not([class^=button]):hover,.bg-dark-content h1,.bg-dark-content h2,.bg-dark-content h3,.bg-dark-content h4,.bg-dark-content h5,.bg-dark-content h6,.blog-card-wrapper:hover .button-text-1:hover,.blog-card-wrapper:hover .button-text-2:hover,.blog-card-wrapper:hover .button-text-3:hover,.blog-card-wrapper:hover a:not([class^=button]):focus,.blog-card-wrapper:hover a:not([class^=button]):hover,.blog-card-wrapper:hover h1,.blog-card-wrapper:hover h2,.blog-card-wrapper:hover h3,.blog-card-wrapper:hover h4,.blog-card-wrapper:hover h5,.blog-card-wrapper:hover h6,.button-circle.button-circle-outline-aqua:focus,.button-circle.button-circle-outline-aqua:hover,.button-circle.button-circle-outline-blue:focus,.button-circle.button-circle-outline-blue:hover,.button-circle.button-circle-outline-golden-yellow:focus,.button-circle.button-circle-outline-golden-yellow:hover,.button-circle.button-circle-outline-pink-edge:focus,.button-circle.button-circle-outline-pink-edge:hover,.button-circle.button-circle-outline-purple:focus,.button-circle.button-circle-outline-purple:hover,.button-circle.button-circle-outline-spring-red:focus,.button-circle.button-circle-outline-spring-red:hover,.button-circle.button-circle-outline-tan:focus,.button-circle.button-circle-outline-tan:hover,.button-circle.button-circle-outline-theme:focus,.button-circle.button-circle-outline-theme:hover,.button-circle.button-circle-outline-turquoise:focus,.button-circle.button-circle-outline-turquoise:hover,.button-circle.button-circle-outline-very-peri:focus,.button-circle.button-circle-outline-very-peri:hover,.button-circle[class*=button-circle-social],.button-circle[class*=button-circle-social]:hover,.button-outline-aqua:focus,.button-outline-aqua:hover,.button-outline-blue:focus,.button-outline-blue:hover,.button-outline-golden-yellow:focus,.button-outline-golden-yellow:hover,.button-outline-pink-edge:focus,.button-outline-pink-edge:hover,.button-outline-purple:focus,.button-outline-purple:hover,.button-outline-spring-red:focus,.button-outline-spring-red:hover,.button-outline-tan:focus,.button-outline-tan:hover,.button-outline-theme:focus,.button-outline-theme:hover,.button-outline-turquoise:focus,.button-outline-turquoise:hover,.button-outline-very-peri:focus,.button-outline-very-peri:hover,.cesspool-services h5,.copyright a:hover,.header.transparent-light .header-logo a,.header.transparent-light .header-logo a:hover,.header.transparent-light .header-logo h1,.header.transparent-light .header-logo h2,.header.transparent-light .header-logo h3,.header.transparent-light .header-logo h4,.header.transparent-light .header-logo h5,.header.transparent-light .header-logo h6,.header.transparent-light .header-menu-extra a:not([class^=button]):not([class^=link-social]),.header.transparent-light .header-menu-extra a:not([class^=button]):not([class^=link-social]):focus,.header.transparent-light .header-menu-extra a:not([class^=button]):not([class^=link-social]):hover,.header[class*=header-color]:not(.transparent-dark) .header-logo a,.header[class*=header-color]:not(.transparent-dark) .header-logo a:hover,.header[class*=header-color]:not(.transparent-dark) .header-logo h1,.header[class*=header-color]:not(.transparent-dark) .header-logo h2,.header[class*=header-color]:not(.transparent-dark) .header-logo h3,.header[class*=header-color]:not(.transparent-dark) .header-logo h4,.header[class*=header-color]:not(.transparent-dark) .header-logo h5,.header[class*=header-color]:not(.transparent-dark) .header-logo h6,.header[class*=header-color]:not(.transparent-dark) .header-menu-extra a:not([class^=button]):not([class^=link-social]),.header[class*=header-color]:not(.transparent-dark) .header-menu-extra a:not([class^=button]):not([class^=link-social]):focus,.header[class*=header-color]:not(.transparent-dark) .header-menu-extra a:not([class^=button]):not([class^=link-social]):hover,.hoverbox-1 .hover-content h1,.hoverbox-1 .hover-content h2,.hoverbox-1 .hover-content h3,.hoverbox-1 .hover-content h4,.hoverbox-1 .hover-content h5,.hoverbox-1 .hover-content h6,.hoverbox-1 a.button-text-1:hover,.hoverbox-1 a.button-text-2:hover,.hoverbox-1 a.button-text-3:hover,.hoverbox-1 a:not([class^=button]):focus,.hoverbox-1 a:not([class^=button]):hover,.hoverbox-2 a.button-text-1:hover,.hoverbox-2 a.button-text-2:hover,.hoverbox-2 a.button-text-3:hover,.hoverbox-2 a:not([class^=button]):focus,.hoverbox-2 a:not([class^=button]):hover,.hoverbox-4 .content h1,.hoverbox-4 .content h2,.hoverbox-4 .content h3,.hoverbox-4 .content h4,.hoverbox-4 .content h5,.hoverbox-4 .content h6,.hoverbox-4 .hover-content h1,.hoverbox-4 .hover-content h2,.hoverbox-4 .hover-content h3,.hoverbox-4 .hover-content h4,.hoverbox-4 .hover-content h5,.hoverbox-4 .hover-content h6,.hoverbox-4 a.button-text-1:hover,.hoverbox-4 a.button-text-2:hover,.hoverbox-4 a.button-text-3:hover,.hoverbox-4 a:not([class^=button]):focus,.hoverbox-4 a:not([class^=button]):hover,.hoverbox-5 .content h1,.hoverbox-5 .content h2,.hoverbox-5 .content h3,.hoverbox-5 .content h4,.hoverbox-5 .content h5,.hoverbox-5 .content h6,.hoverbox-5 .hover-content h1,.hoverbox-5 .hover-content h2,.hoverbox-5 .hover-content h3,.hoverbox-5 .hover-content h4,.hoverbox-5 .hover-content h5,.hoverbox-5 .hover-content h6,.hoverbox-5 a.button-text-1:hover,.hoverbox-5 a.button-text-2:hover,.hoverbox-5 a.button-text-3:hover,.hoverbox-5 a:not([class^=button]):focus,.hoverbox-5 a:not([class^=button]):hover,.hoverbox-7 .hover-content h1,.hoverbox-7 .hover-content h2,.hoverbox-7 .hover-content h3,.hoverbox-7 .hover-content h4,.hoverbox-7 .hover-content h5,.hoverbox-7 .hover-content h6,.hoverbox-7 a.button-text-1:hover,.hoverbox-7 a.button-text-2:hover,.hoverbox-7 a.button-text-3:hover,.hoverbox-7 a:not([class^=button]):focus,.hoverbox-7 a:not([class^=button]):hover,.list-unstyled a:hover,.service-areas a,.service-areas h2,.team-wrapper .team-box .team-img div ul li a:not([class^=button]):not([class^=link-social]),[class*=bg-color-] .button-text-1:hover,[class*=bg-color-] .button-text-2:hover,[class*=bg-color-] .button-text-3:hover,[class*=bg-color-] .filter.filter-style-2 ul li.active,[class*=bg-color-] .filter.filter-style-2 ul li.mixitup-control-active,[class*=bg-color-] .filter.filter-style-2 ul li:hover,[class*=bg-color-] .filter.filter-style-3 ul li.active,[class*=bg-color-] .filter.filter-style-3 ul li.mixitup-control-active,[class*=bg-color-] .filter.filter-style-3 ul li:hover,[class*=bg-color-] [class*=text-link-]:focus,[class*=bg-color-] [class*=text-link-]:hover,[class*=bg-color-] a:not([class^=button]):focus,[class*=bg-color-] a:not([class^=button]):hover,[class*=bg-color-] h1,[class*=bg-color-] h2,[class*=bg-color-] h3,[class*=bg-color-] h4,[class*=bg-color-] h5,[class*=bg-color-] h6,[class*=bg-dark] .button-text-1:hover,[class*=bg-dark] .button-text-2:hover,[class*=bg-dark] .button-text-3:hover,[class*=bg-dark] .filter.filter-style-2 ul li.active,[class*=bg-dark] .filter.filter-style-2 ul li.mixitup-control-active,[class*=bg-dark] .filter.filter-style-2 ul li:hover,[class*=bg-dark] .filter.filter-style-3 ul li.active,[class*=bg-dark] .filter.filter-style-3 ul li.mixitup-control-active,[class*=bg-dark] .filter.filter-style-3 ul li:hover,[class*=bg-dark] [class*=text-link-]:focus,[class*=bg-dark] [class*=text-link-]:hover,[class*=bg-dark] a:not([class^=button]):focus,[class*=bg-dark] a:not([class^=button]):hover,[class*=bg-dark] h1,[class*=bg-dark] h2,[class*=bg-dark] h3,[class*=bg-dark] h4,[class*=bg-dark] h5,[class*=bg-dark] h6,[class*=bg-gradient-] .button-text-1:hover,[class*=bg-gradient-] .button-text-2:hover,[class*=bg-gradient-] .button-text-3:hover,[class*=bg-gradient-] .filter.filter-style-2 ul li.active,[class*=bg-gradient-] .filter.filter-style-2 ul li.mixitup-control-active,[class*=bg-gradient-] .filter.filter-style-2 ul li:hover,[class*=bg-gradient-] .filter.filter-style-3 ul li.active,[class*=bg-gradient-] .filter.filter-style-3 ul li.mixitup-control-active,[class*=bg-gradient-] .filter.filter-style-3 ul li:hover,[class*=bg-gradient-] [class*=text-link-]:focus,[class*=bg-gradient-] [class*=text-link-]:hover,[class*=bg-gradient-] a:not([class^=button]):focus,[class*=bg-gradient-] a:not([class^=button]):hover,[class*=bg-gradient-] h1,[class*=bg-gradient-] h2,[class*=bg-gradient-] h3,[class*=bg-gradient-] h4,[class*=bg-gradient-] h5,[class*=bg-gradient-] h6,[class*=button-social]:not([class*=button-social-snapchat]),[class*=button-social]:not([class*=button-social-snapchat]):focus,[class*=button-social]:not([class*=button-social-snapchat]):hover,footer .list-dash li::before,footer a {
    color: #fff
}

.accordion.border-radius:not(.style-2) li .accordion-title {
    border-radius: .375em
}

.accordion.rounded:not(.style-2) li .accordion-title,.button-rounded {
    border-radius: 50px
}

.bg-black .accordion.style-3 li.active .accordion-title,[class*=bg-color-] .accordion.style-3 li.active .accordion-title,[class*=bg-dark] .accordion.style-3 li.active .accordion-title,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title {
    background: #fff;
    color: #7c7c7c
}

.bg-black .accordion.style-3 li.active .accordion-title:after,.bg-black .accordion.style-3 li.active .accordion-title:before,.header.header-color-black,.mfp-bg,.preloader-dark .preloader-1,.preloader-dark .preloader-2,.preloader-dark .preloader-2 div span:after,.preloader-dark .preloader-3,[class*=bg-color-] .accordion.style-3 li.active .accordion-title:after,[class*=bg-color-] .accordion.style-3 li.active .accordion-title:before,[class*=bg-dark] .accordion.style-3 li.active .accordion-title:after,[class*=bg-dark] .accordion.style-3 li.active .accordion-title:before,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title:after,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title:before,[class*=bg-gray].fullscreen-menu .fm-wrapper .fm-close span:after,[class*=bg-gray].fullscreen-menu .fm-wrapper .fm-close span:before,[class*=bg-white].fullscreen-menu .fm-wrapper .fm-close span:after,[class*=bg-white].fullscreen-menu .fm-wrapper .fm-close span:before {
    background: #000
}

.bg-black .accordion.style-3 li.active .accordion-title h1,.bg-black .accordion.style-3 li.active .accordion-title h2,.bg-black .accordion.style-3 li.active .accordion-title h3,.bg-black .accordion.style-3 li.active .accordion-title h4,.bg-black .accordion.style-3 li.active .accordion-title h5,.bg-black .accordion.style-3 li.active .accordion-title h6,[class*=bg-color-] .accordion.style-3 li.active .accordion-title h1,[class*=bg-color-] .accordion.style-3 li.active .accordion-title h2,[class*=bg-color-] .accordion.style-3 li.active .accordion-title h3,[class*=bg-color-] .accordion.style-3 li.active .accordion-title h4,[class*=bg-color-] .accordion.style-3 li.active .accordion-title h5,[class*=bg-color-] .accordion.style-3 li.active .accordion-title h6,[class*=bg-dark] .accordion.style-3 li.active .accordion-title h1,[class*=bg-dark] .accordion.style-3 li.active .accordion-title h2,[class*=bg-dark] .accordion.style-3 li.active .accordion-title h3,[class*=bg-dark] .accordion.style-3 li.active .accordion-title h4,[class*=bg-dark] .accordion.style-3 li.active .accordion-title h5,[class*=bg-dark] .accordion.style-3 li.active .accordion-title h6,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h1,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h2,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h3,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h4,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h5,[class*=bg-gradient-] .accordion.style-3 li.active .accordion-title h6 {
    color: #000
}

.box-shadow {
    -webkit-box-shadow: 0 10px 36px 0 rgba(22,24,26,.1);
    box-shadow: 0 10px 36px 0 rgba(22,24,26,.1);
    transition: .16s ease-out
}

.box-shadow:hover {
    -webkit-box-shadow: 0 10px 40px 0 rgba(22,24,26,.15);
    box-shadow: 0 10px 40px 0 rgba(22,24,26,.15)
}

.hover-float,.hover-scale,.hover-shadow,.hover-shrink {
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.hover-shadow:hover {
    -webkit-box-shadow: 0 10px 36px 0 rgba(22,24,26,.1);
    box-shadow: 0 10px 36px 0 rgba(22,24,26,.1)
}

.hover-float:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hover-scale:hover {
    -webkit-transform: scale(1.015);
    transform: scale(1.015)
}

.hover-shrink:hover {
    -webkit-transform: scale(.985);
    transform: scale(.985)
}

.box-backdrop {
    overflow: hidden;
    border-radius: .5em;
    border: 2px solid #ef0000;
    -webkit-box-shadow: 4px 4px 0 0 #121518;
    box-shadow: 10px 10px 0 0 #e00
}

[class*=circle-box],[class*=square-box] {
    display: inline-block;
    text-align: center
}

[class*=circle-box] *,[class*=square-box] * {
    margin: 0;
    vertical-align: middle
}

.button-circle-sm,.circle-box-xs,.square-box-xs {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.button-circle-sm i,.circle-box-xs *,.feature-box.feature-box-sm .feature-box-icon *,.square-box-xs * {
    line-height: 40px
}

.button-circle-md,.circle-box-sm,.square-box-sm {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.button-circle-md i,.circle-box-sm *,.owl-carousel.owl-nav-overlay .owl-nav button.owl-next i,.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev i,.square-box-sm * {
    line-height: 50px
}

.button-circle-lg,.circle-box,.circle-box-md,.square-box,.square-box-md {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.button-circle-lg i,.circle-box *,.circle-box-md *,.feature-box.feature-box-lg .feature-box-icon *,.square-box *,.square-box-md * {
    line-height: 60px
}

.button-circle-xl,.circle-box-lg,.lightbox-image-box.icon-2xl i,.lightbox-image-box.icon-xl i,.lightbox-media-box.icon-2xl i,.lightbox-media-box.icon-xl i,.square-box-lg {
    width: 70px;
    height: 70px;
    line-height: 70px
}

.button-circle-xl i,.circle-box-lg *,.feature-box.feature-box-xl .feature-box-icon *,.square-box-lg * {
    line-height: 70px
}

.circle-box-xl,.circle-box-xl *,.square-box-xl * {
    line-height: 80px
}

.lightbox-image-box.icon-3xl i,.lightbox-image-box.icon-4xl i,.lightbox-image-box.icon-5xl i,.lightbox-media-box.icon-3xl i,.lightbox-media-box.icon-4xl i,.lightbox-media-box.icon-5xl i,.square-box-xl {
    width: 80px;
    height: 80px;
    line-height: 80px
}

.circle-box-xl {
    width: 80px;
    height: 80px;
    padding: 15px
}

.border-radius {
    border-radius: .5em;
    overflow: hidden
}

.border-radius-1 {
    border-radius: 1em;
    overflow: hidden
}

.border-radius-2 {
    border-radius: 2em;
    overflow: hidden
}

.border-radius-top {
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    overflow: hidden
}

.border-radius-top-1 {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    overflow: hidden
}

.border-radius-top-2 {
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    overflow: hidden
}

.border-radius-bottom {
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    overflow: hidden
}

.border-radius-bottom-1 {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    overflow: hidden
}

.border-radius-bottom-2 {
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    overflow: hidden
}

a {
    color: rgba(18,21,24,.9);
    -webkit-transition: .1s linear;
    transition: .1s linear
}

a:hover {
    color: #121518
}

button {
    background: 0 0;
    box-shadow: none;
    border: 0;
    padding: 0;
    cursor: pointer
}

a:active,a:focus,button:active,button:focus {
    box-shadow: none;
    outline: 0
}

.button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #e4e8ec;
    border: 1px solid #e4e8ec;
    padding: 5px 10px;
    color: #121518;
    letter-spacing: .8px;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.button i {
    margin-right: 8px;
    font-size: 15px
}

.theme-font-nunito .button {
    font: 600 0.875em Nunito,sans-serif
}

.button-sm {
    padding: 12px 26px
}

.button-md {
    padding: 14px 34px
}

.button-lg {
    padding: 16px 42px
}

.button-xl {
    padding: 18px 50px
}

.button-fullwidth {
    width: 100%;
    text-align: center
}

.button-circle.button-circle-gray,.button-gray {
    background: #e4e8ec;
    border: 0
}

.button-circle.button-circle-gray:focus,.button-circle.button-circle-gray:hover,.button-gray:focus,.button-gray:hover {
    background: #dce0e4;
    color: #121518
}

.button-circle.button-circle-dark,.button-dark,.button-reveal-left-dark,.button-reveal-right-dark {
    background: #202428;
    border: 0;
    color: #fff
}

.button-circle.button-circle-dark:focus,.button-circle.button-circle-dark:hover,.button-dark:focus,.button-dark:hover,.button-reveal-left-dark:focus,.button-reveal-left-dark:hover,.button-reveal-right-dark:focus,.button-reveal-right-dark:hover,.filter ul li.active,.filter ul li.mixitup-control-active {
    background: #181c20;
    color: #fff
}

.button-circle.button-circle-white,.button-reveal-left-white,.button-reveal-right-white,.button-white {
    background: #fff;
    border: 0;
    color: #121518
}

.button-white:focus,.button-white:hover {
    background: rgba(255,255,255,.9);
    border: 0;
    color: #121518
}

.button-circle.button-circle-white-2,.button-white-2 {
    background: rgba(255,255,255,.1);
    border: 0;
    color: #fff
}

.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next:focus,.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next:hover,.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev:focus,.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev:hover,.button-circle.button-circle-white-2:focus,.button-circle.button-circle-white-2:hover,.button-white-2:focus,.button-white-2:hover,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next:focus,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next:hover,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev:focus,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev:hover,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next:focus,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next:hover,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev:focus,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev:hover,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next:focus,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-next:hover,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev:focus,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-nav button.owl-prev:hover {
    background: rgba(255,255,255,.15);
    color: #fff
}

[class*=button-circle-social],[class*=button-social] {
    border: 0;
    -webkit-box-shadow: 0 6px 30px 0 rgba(21,25,29,.13);
    box-shadow: 0 6px 30px 0 rgba(21,25,29,.13)
}

[class*=button-circle-social]:focus,[class*=button-circle-social]:hover,[class*=button-social]:focus,[class*=button-social]:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 6px 36px 0 rgba(21,25,29,.19);
    box-shadow: 0 6px 36px 0 rgba(21,25,29,.19);
    opacity: .9
}

.button-circle.button-circle-social-facebook,.button-social-facebook {
    background: #1877f2
}

.button-circle.button-circle-social-twitter,.button-social-twitter {
    background: #1da1f2
}

.button-circle.button-circle-social-instagram,.button-social-instagram {
    background: #e4405f
}

.button-circle.button-circle-social-linkedin,.button-social-linkedin {
    background: #0a66c2
}

.button-circle.button-circle-social-youtube,.button-social-youtube {
    background: #cd201f
}

.button-circle.button-circle-social-pinterest,.button-social-pinterest {
    background: #bd081c
}

.button-circle.button-circle-social-skype,.button-social-skype {
    background: #00aff0
}

.button-circle.button-circle-social-dribbble,.button-social-dribbble {
    background: #ea4c89
}

.button-circle.button-circle-social-whatsapp,.button-social-whatsapp {
    background: #25d366
}

.button-circle.button-circle-social-snapchat,.button-social-snapchat {
    background: #fffc00;
    color: #121518
}

.bg-gradient-1,.button-circle.button-circle-gradient-1,.button-circle.button-circle-gradient-1:focus,.button-circle.button-circle-gradient-1:hover,.button-gradient-1,.text-highlight-gradient:before {
    background-image: linear-gradient(19deg,#21d4fd 0,#b721ff 100%)
}

.bg-gradient-2,.button-circle.button-circle-gradient-2,.button-circle.button-circle-gradient-2:focus,.button-circle.button-circle-gradient-2:hover,.button-gradient-2,.page-progress-bar.page-progress-gradient-2,.text-highlight-gradient-2:before {
    background-image: linear-gradient(45deg,#a9c9ff 0,#ffbbec 100%)
}

.bg-gradient-3,.button-circle.button-circle-gradient-3,.button-circle.button-circle-gradient-3:focus,.button-circle.button-circle-gradient-3:hover,.button-gradient-3,.page-progress-bar.page-progress-gradient-3,.text-highlight-gradient-3:before {
    background-image: linear-gradient(43deg,#4158d0 0,#c850c0 46%,#ffcc70 100%)
}

.bg-gradient-4,.button-circle.button-circle-gradient-4,.button-circle.button-circle-gradient-4:focus,.button-circle.button-circle-gradient-4:hover,.button-gradient-4,.page-progress-bar.page-progress-gradient-4,.text-highlight-gradient-4:before {
    background-image: linear-gradient(90deg,#00dbde 0,#fc00ff 100%)
}

.button-gradient-5,.form-style-4 button:hover {
    background-color: #ef0000
}

.bg-gradient-6,.button-circle.button-circle-gradient-6,.button-circle.button-circle-gradient-6:focus,.button-circle.button-circle-gradient-6:hover,.button-gradient-6,.page-progress-bar.page-progress-gradient-6,.text-highlight-gradient-6:before {
    background-image: linear-gradient(160deg,#0093e9 0,#80d0c7 100%)
}

.bg-gradient-7,.button-circle.button-circle-gradient-7,.button-circle.button-circle-gradient-7:focus,.button-circle.button-circle-gradient-7:hover,.button-gradient-7,.page-progress-bar.page-progress-gradient-7,.text-highlight-gradient-7:before {
    background-image: linear-gradient(90deg,#007990 0,#6ce5c0 100%)
}

.button-aqua,.button-blue,.button-circle.button-circle-aqua,.button-circle.button-circle-blue,.button-circle.button-circle-golden-yellow,.button-circle.button-circle-pink-edge,.button-circle.button-circle-purple,.button-circle.button-circle-spring-red,.button-circle.button-circle-tan,.button-circle.button-circle-theme,.button-circle.button-circle-turquoise,.button-circle.button-circle-very-peri,.button-golden-yellow,.button-pink-edge,.button-purple,.button-spring-red,.button-tan,.button-theme,.button-turquoise,.button-very-peri,[class*=button-circle-gradient],[class*=button-gradient] {
    border: 0;
    -webkit-box-shadow: 0 6px 30px 0 rgba(21,25,29,.13);
    box-shadow: 0 6px 30px 0 rgba(21,25,29,.13);
    color: #fff
}

.button-aqua:focus,.button-aqua:hover,.button-blue:focus,.button-blue:hover,.button-circle.button-circle-aqua:focus,.button-circle.button-circle-aqua:hover,.button-circle.button-circle-blue:focus,.button-circle.button-circle-blue:hover,.button-circle.button-circle-golden-yellow:focus,.button-circle.button-circle-golden-yellow:hover,.button-circle.button-circle-pink-edge:focus,.button-circle.button-circle-pink-edge:hover,.button-circle.button-circle-purple:focus,.button-circle.button-circle-purple:hover,.button-circle.button-circle-spring-red:focus,.button-circle.button-circle-spring-red:hover,.button-circle.button-circle-tan:focus,.button-circle.button-circle-tan:hover,.button-circle.button-circle-theme:focus,.button-circle.button-circle-theme:hover,.button-circle.button-circle-turquoise:focus,.button-circle.button-circle-turquoise:hover,.button-circle.button-circle-very-peri:focus,.button-circle.button-circle-very-peri:hover,.button-golden-yellow:focus,.button-golden-yellow:hover,.button-pink-edge:focus,.button-pink-edge:hover,.button-purple:focus,.button-purple:hover,.button-spring-red:focus,.button-spring-red:hover,.button-tan:focus,.button-tan:hover,.button-theme:focus,.button-theme:hover,.button-turquoise:focus,.button-turquoise:hover,.button-very-peri:focus,.button-very-peri:hover,[class*=button-circle-gradient]:focus,[class*=button-circle-gradient]:hover,[class*=button-gradient]:focus,[class*=button-gradient]:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 6px 36px 0 rgba(21,25,29,.19);
    box-shadow: 0 6px 36px 0 rgba(21,25,29,.19);
    opacity: .9;
    color: #fff
}

.bg-color-blue,.button-backdrop-color-blue,.button-blue,.button-circle.button-circle-blue,.button-circle.button-circle-outline-blue:focus,.button-circle.button-circle-outline-blue:hover,.button-outline-blue:focus,.button-outline-blue:hover,.preloader-blue .preloader-2 div span:before,.progress-box.progress-blue .animated-progress div {
    background: #0093e9
}

.bg-color-purple,.button-backdrop-color-purple,.button-circle.button-circle-outline-purple:focus,.button-circle.button-circle-outline-purple:hover,.button-circle.button-circle-purple,.button-outline-purple:focus,.button-outline-purple:hover,.button-purple,.preloader-purple .preloader-2 div span:before,.progress-box.progress-purple .animated-progress div {
    background: #b721ff
}

.bg-color-pink-edge,.button-backdrop-color-pink-edge,.button-circle.button-circle-outline-pink-edge:focus,.button-circle.button-circle-outline-pink-edge:hover,.button-circle.button-circle-pink-edge,.button-outline-pink-edge:focus,.button-outline-pink-edge:hover,.button-pink-edge,.preloader-pink-edge .preloader-2 div span:before,.progress-box.progress-pink-edge .animated-progress div {
    background: #fe9ab6
}

.bg-color-golden-yellow,.button-backdrop-color-golden-yellow,.button-circle.button-circle-golden-yellow,.button-circle.button-circle-outline-golden-yellow:focus,.button-circle.button-circle-outline-golden-yellow:hover,.button-golden-yellow,.button-outline-golden-yellow:focus,.button-outline-golden-yellow:hover,.preloader-golden-yellow .preloader-2 div span:before,.progress-box.progress-golden-yellow .animated-progress div {
    background: #ffb657
}

.button-backdrop-color-very-peri,.button-circle.button-circle-outline-very-peri:focus,.button-circle.button-circle-outline-very-peri:hover,.button-circle.button-circle-very-peri,.button-outline-very-peri:focus,.button-outline-very-peri:hover,.button-very-peri,.preloader-very-peri .preloader-2 div span:before,.progress-box.progress-very-peri .animated-progress div {
    background: #6667ab
}

.bg-color-turquoise,.button-backdrop-color-turquoise,.button-circle.button-circle-outline-turquoise:focus,.button-circle.button-circle-outline-turquoise:hover,.button-circle.button-circle-turquoise,.button-outline-turquoise:focus,.button-outline-turquoise:hover,.button-turquoise,.preloader-turquoise .preloader-2 div span:before,.progress-box.progress-turquoise .animated-progress div {
    background: #4cbfa6
}

.bg-color-spring-red,.button-backdrop-color-spring-red,.button-circle.button-circle-outline-spring-red:focus,.button-circle.button-circle-outline-spring-red:hover,.button-circle.button-circle-spring-red,.button-outline-spring-red:focus,.button-outline-spring-red:hover,.button-spring-red,.preloader-spring-red .preloader-2 div span:before,.progress-box.progress-spring-red .animated-progress div {
    background: #be1f35
}

.bg-color-tan,.button-backdrop-color-tan,.button-circle.button-circle-outline-tan:focus,.button-circle.button-circle-outline-tan:hover,.button-circle.button-circle-tan,.button-outline-tan:focus,.button-outline-tan:hover,.button-tan,.preloader-tan .preloader-2 div span:before,.progress-box.progress-tan .animated-progress div {
    background: tan
}

.bg-color-aqua,.button-aqua,.button-backdrop-color-aqua,.button-circle.button-circle-aqua,.button-circle.button-circle-outline-aqua:focus,.button-circle.button-circle-outline-aqua:hover,.button-outline-aqua:focus,.button-outline-aqua:hover,.preloader-aqua .preloader-2 div span:before,.progress-box.progress-aqua .animated-progress div {
    background: #03d4d8
}

.button-circle.button-circle-outline-blue,.button-outline-blue {
    border-color: #0093e9;
    color: #0093e9
}

.button-circle.button-circle-outline-purple,.button-outline-purple {
    border-color: #b721ff;
    color: #b721ff
}

.button-circle.button-circle-outline-pink-edge,.button-outline-pink-edge {
    border-color: #fe9ab6;
    color: #fe9ab6
}

.button-circle.button-circle-outline-golden-yellow,.button-outline-golden-yellow {
    border-color: #ffb657;
    color: #ffb657
}

.button-circle.button-circle-outline-very-peri,.button-outline-very-peri {
    border-color: #6667ab;
    color: #6667ab
}

.button-circle.button-circle-outline-turquoise,.button-outline-turquoise {
    border-color: #4cbfa6;
    color: #4cbfa6
}

.button-circle.button-circle-outline-spring-red,.button-outline-spring-red {
    border-color: #be1f35;
    color: #be1f35
}

.button-circle.button-circle-outline-tan,.button-outline-tan {
    border-color: tan;
    color: tan
}

.button-circle.button-circle-outline-aqua,.button-outline-aqua {
    border-color: #03d4d8;
    color: #03d4d8
}

.button-circle.button-circle-outline-gray,.button-outline-gray {
    border-color: rgba(18,21,24,.15)
}

.button-circle.button-circle-outline-gray:focus,.button-circle.button-circle-outline-gray:hover,.button-outline-gray:focus,.button-outline-gray:hover {
    border-color: #181c20;
    color: #121518
}

.button-circle.button-circle-outline-dark,.button-outline-dark {
    border-color: #181c20
}

.button-circle.button-circle-outline-dark:focus,.button-circle.button-circle-outline-dark:hover,.button-outline-dark:focus,.button-outline-dark:hover {
    background: #181c20;
    border-color: transparent;
    color: #fff
}

.button-outline-white {
    border-color: rgb(255 255 255);
    color: #fff;
    background-color: transparent;
}

[class*=button-reveal] i,[class*=button-reveal] span {
    -webkit-transition: .24s cubic-bezier(.165, .84, .44, 1);
    transition: .24s cubic-bezier(.165, .84, .44, 1)
}

.comment-box .comment-content,.hero-portfolio-slider .hero-portfolio-box,.portfolio-item .portfolio-box,.text-link-2,.text-link-3,.text-link-4,.text-link-5,.text-link-6,.timeline-wrapper,.timeline-wrapper .timeline .timeline-date,[class*=button-reveal] span {
    position: relative
}

[class*=button-reveal] i {
    position: absolute;
    transform: translateY(-50%);
    opacity: 0;
    margin: 0
}

.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot.active:after,.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:focus:after,.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:hover:after,.client-box a:focus img,.client-box a:hover img,.clients-grid li a:focus img,.clients-grid li a:hover img,.fullscreen-menu .fm-wrapper .fm-close:hover span,.gallery-wrapper .gallery-box .gallery-img a:hover:before,.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after,.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:focus:after,.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:hover:after,.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active:after,.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:focus:after,.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:hover:after,.hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-title:before,.hoverbox-6:focus a:before,.hoverbox-6:hover a:before,.lightbox-image-box:hover:after,.lightbox-media-box:hover:after,.owl-carousel .owl-dots .owl-dot.active:after,.owl-carousel .owl-dots .owl-dot.active:before,.owl-carousel .owl-dots .owl-dot:focus:after,.owl-carousel .owl-dots .owl-dot:hover:after,.owl-carousel.owl-dots-overlap .owl-dots .owl-dot.active:after,.owl-carousel.owl-dots-overlap .owl-dots .owl-dot:focus:after,.owl-carousel.owl-dots-overlap .owl-dots .owl-dot:hover:after,.owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot.active:after,.owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:focus:after,.owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:hover:after,.owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot.active:after,.owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:focus:after,.owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:hover:after,.owl-carousel.owl-dots-overlay .owl-dots .owl-dot.active:after,.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:focus:after,.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:hover:after,.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title,.portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title,.team-wrapper .team-box .team-img:hover div,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot.active:after,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:focus:after,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:hover:after,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot.active:after,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:focus:after,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:hover:after,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot.active:after,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:focus:after,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:hover:after,[class*=button-reveal]:focus i,[class*=button-reveal]:hover i {
    opacity: 1
}

.owl-carousel .owl-nav button.owl-prev,[class*=button-reveal-left] span {
    left: 0
}

[class*=button-reveal-left]:focus span,[class*=button-reveal-left]:hover span {
    left: 12px
}

[class*=button-reveal-right]:focus span,[class*=button-reveal-right]:hover span {
    right: 12px
}

.button-reveal-left-outline-dark,.button-reveal-right-outline-dark {
    background: 0 0;
    border-color: #181c20
}

.button-reveal-left-outline-dark:focus,.button-reveal-left-outline-dark:hover,.button-reveal-right-outline-dark:focus,.button-reveal-right-outline-dark:hover {
    border-color: rgba(18,21,24,.15);
    color: #121518
}

.button-reveal-left-outline-white,.button-reveal-right-outline-white {
    background: 0 0;
    border-color: rgba(255,255,255,.3);
    color: #fff
}

.button-sm[class*=button-reveal-left] i,.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev {
    left: 20px
}

.button-sm[class*=button-reveal-left]:focus i,.button-sm[class*=button-reveal-left]:hover i {
    left: 10px
}

.button-sm[class*=button-reveal-right] i,.owl-carousel.owl-nav-overlay .owl-nav button.owl-next {
    right: 20px
}

.button-sm[class*=button-reveal-right]:focus i,.button-sm[class*=button-reveal-right]:hover i {
    right: 10px
}

.button-md[class*=button-reveal-left] i {
    left: 30px
}

.button-md[class*=button-reveal-left]:focus i,.button-md[class*=button-reveal-left]:hover i {
    left: 18px
}

.button-md[class*=button-reveal-right] i {
    right: 30px
}

.button-md[class*=button-reveal-right]:focus i,.button-md[class*=button-reveal-right]:hover i {
    right: 18px
}

.button-lg[class*=button-reveal-left] i {
    left: 40px
}

.button-lg[class*=button-reveal-left]:focus i,.button-lg[class*=button-reveal-left]:hover i {
    left: 28px
}

.button-lg[class*=button-reveal-right] i {
    right: 40px
}

.button-lg[class*=button-reveal-right]:focus i,.button-lg[class*=button-reveal-right]:hover i {
    right: 28px
}

.button-xl[class*=button-reveal-left] i {
    left: 50px
}

.button-xl[class*=button-reveal-left]:focus i,.button-xl[class*=button-reveal-left]:hover i {
    left: 38px
}

.button-xl[class*=button-reveal-right] i {
    right: 50px
}

.button-xl[class*=button-reveal-right]:focus i,.button-xl[class*=button-reveal-right]:hover i {
    right: 38px
}

.button-backdrop-dark {
    background: #fff;
    border-radius: .5em;
    border: 2px solid #121518;
    -webkit-box-shadow: 4px 4px 0 0 #121518;
    box-shadow: 4px 4px 0 0 #121518
}

.button-backdrop-dark:focus,.button-backdrop-dark:hover {
    -webkit-box-shadow: 2px 2px 0 0 #121518;
    box-shadow: 2px 2px 0 0 #121518
}

.button-backdrop-white {
    background: #000;
    border-radius: .5em;
    border: 2px solid #fff;
    -webkit-box-shadow: 4px 4px 0 0 #fff;
    box-shadow: 4px 4px 0 0 #fff;
    color: #fff
}

.button-backdrop-white:focus,.button-backdrop-white:hover {
    -webkit-box-shadow: 2px 2px 0 0 #fff;
    box-shadow: 2px 2px 0 0 #fff;
    color: #fff
}

[class*=button-backdrop-color] {
    border-radius: .5em;
    border: 2px solid #121518;
    -webkit-box-shadow: 4px 4px 0 0 #121518;
    box-shadow: 4px 4px 0 0 #121518;
    color: #fff
}

[class*=button-backdrop-color]:focus,[class*=button-backdrop-color]:hover {
    -webkit-box-shadow: 2px 2px 0 0 #121518;
    box-shadow: 2px 2px 0 0 #121518;
    color: #fff
}

.button-text-1,.button-text-2,.button-text-3 {
    position: relative;
    display: inline-block;
    color: #000;
    letter-spacing: -.2px
}

.button-text-1:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    background: rgba(18,21,24,.2);
    width: 100%;
    height: 1px
}

.button-text-1:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    background: #000;
    height: 1px;
    -webkit-animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-out;
    animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-out
}

.button-text-2:before {
    content: '';
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    background: rgba(18,21,24,.15);
    height: 40%;
    -webkit-animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-out;
    animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-out
}

.button-text-2:after,.button-text-3:before {
    left: 0;
    background: #000;
    height: 1px;
    position: absolute;
    content: ''
}

.button-text-2:after {
    bottom: -1px;
    right: 0;
    -webkit-animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-in;
    animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-in
}

.button-text-2:hover:before {
    -webkit-animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-in;
    animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-in
}

.button-text-2:hover:after {
    -webkit-animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-out;
    animation: .24s cubic-bezier(.165,.84,.44,1) both button-line-out
}

.button-text-3 {
    padding-left: 30px;
    -webkit-transition: .24s cubic-bezier(.165, .84, .44, 1);
    transition: .24s cubic-bezier(.165, .84, .44, 1)
}

.button-text-3:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    -webkit-transition: .24s cubic-bezier(.165, .84, .44, 1);
    transition: .24s cubic-bezier(.165, .84, .44, 1)
}

.button-text-3:hover:before {
    width: 30px
}

@-webkit-keyframes button-line-out {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@keyframes button-line-out {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes button-line-in {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@keyframes button-line-in {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

.bg-black .button-text-1:before,.bg-black .progress-box .animated-progress,.bg-black .text-highlight:before,.bg-black .text-link-4:before,.bg-black .text-link-5:before,.bg-black .text-link-6:before,.bg-color-white-03,.bg-white-03,.blog-card-wrapper:hover .button-text-1:before,.hoverbox-1 a.button-text-1:before,.hoverbox-2 a.button-text-1:before,.hoverbox-4 a.button-text-1:before,.hoverbox-5 a.button-text-1:before,.hoverbox-7 a.button-text-1:before,[class*=bg-color-] .button-text-1:before,[class*=bg-color-] .progress-box .animated-progress,[class*=bg-color-] .text-highlight:before,[class*=bg-color-] .text-link-4:before,[class*=bg-color-] .text-link-5:before,[class*=bg-color-] .text-link-6:before,[class*=bg-dark] .button-text-1:before,[class*=bg-dark] .progress-box .animated-progress,[class*=bg-dark] .text-highlight:before,[class*=bg-dark] .text-link-4:before,[class*=bg-dark] .text-link-5:before,[class*=bg-dark] .text-link-6:before,[class*=bg-gradient-] .button-text-1:before,[class*=bg-gradient-] .progress-box .animated-progress,[class*=bg-gradient-] .text-highlight:before,[class*=bg-gradient-] .text-link-4:before,[class*=bg-gradient-] .text-link-5:before,[class*=bg-gradient-] .text-link-6:before {
    background: rgba(255,255,255,.3)
}

.bg-black .button-text-2:before,.bg-color-white-04,.bg-white-04,.blog-card-wrapper:hover .button-text-2:before,.hoverbox-1 a.button-text-2:before,.hoverbox-2 a.button-text-2:before,.hoverbox-4 a.button-text-2:before,.hoverbox-5 a.button-text-2:before,.hoverbox-7 a.button-text-2:before,[class*=bg-color-] .button-text-2:before,[class*=bg-dark] .button-text-2:before,[class*=bg-gradient-] .button-text-2:before {
    background: rgba(255,255,255,.4)
}

.bg-black .button-text-3:before,.bg-color-white-08,.bg-white-08,.blog-card-wrapper:hover .button-text-3:before,.hoverbox-1 a.button-text-3:before,.hoverbox-2 a.button-text-3:before,.hoverbox-4 a.button-text-3:before,.hoverbox-5 a.button-text-3:before,.hoverbox-7 a.button-text-3:before,[class*=bg-color-] .button-text-3:before,[class*=bg-dark] .button-text-3:before,[class*=bg-gradient-] .button-text-3:before {
    background: rgba(255,255,255,.8)
}

.button-circle {
    background: #e4e8ec;
    display: inline-block;
    border: 1px solid #e4e8ec;
    border-radius: 50%;
    color: #121518;
    text-align: center;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.bg-black [class*=bg-white],.bg-white-content,.button-circle:hover,.header .header-menu .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]),.hoverbox-2 .hover-content,.hoverbox-3 .hover-content,.team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class^=button]):not([class^=link-social]),[class*=bg-color-] [class*=bg-white],[class*=bg-dark] [class*=bg-white],[class*=bg-gradient-] [class*=bg-white],[class*=bg-white] {
    color: #7c7c7c
}

.button-circle.button-circle-white:focus,.button-circle.button-circle-white:hover {
    background: rgba(255,255,255,.9);
    color: #121518
}

.button-circle.button-circle-outline-white {
    border-color: rgba(255,255,255,.3);
    color: #fff
}

.bg-gradient-5,.button-circle.button-circle-gradient-5,.button-circle.button-circle-gradient-5:focus,.button-circle.button-circle-gradient-5:hover,.page-progress-bar.page-progress-gradient-5,.text-highlight-gradient-5:before {
    background-image: linear-gradient(45deg,#fbda61 0,#ff5acd 100%)
}

.button-circle-ripple.button-circle-dark:before,.button-circle-ripple:before {
    background: rgba(18,21,24,.15)
}

.button-circle-hover-slide {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.button-circle-hover-slide i {
    position: absolute;
    left: 50%;
    -webkit-transition: .22s ease-out;
    transition: .22s ease-out
}

.button-circle-hover-slide i:first-child,.button-circle-hover-slide:hover i:last-child {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 1
}

.button-circle-hover-slide i:last-child {
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0
}

.button-circle-hover-slide:hover i:first-child {
    top: -100%;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 0
}

.button-circle-ripple:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: 1.8s ease-out infinite button-ripple;
    animation: 1.8s ease-out infinite button-ripple
}

.button-circle-ripple.button-circle-outline-white-2:before,.button-circle-ripple.button-circle-outline-white:before {
    background: rgba(255,255,255,.15)
}

.bg-color-dark-05,.hoverbox-1:before,.hoverbox-4:focus:after,.hoverbox-4:hover:after,.hoverbox-5:focus:after,.hoverbox-5:hover:after {
    background: rgba(18,21,24,.5)
}

@-webkit-keyframes button-ripple {
    0% {
        opacity: 1;
        width: 100%;
        height: 100%
    }

    60% {
        opacity: 0;
        width: 160%;
        height: 160%
    }

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

@keyframes button-ripple {
    0% {
        opacity: 1;
        width: 100%;
        height: 100%
    }

    60% {
        opacity: 0;
        width: 160%;
        height: 160%
    }

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

.button-font-2 {
    font-size: .938em;
    letter-spacing: -.2px;
    text-transform: none
}

.theme-font-nunito .button-font-2,.theme-font-unito .filter.filter-font-2 ul li {
    font-size: 1em;
    letter-spacing: 0
}

.button-radius {
    border-radius: .5em
}

.button-border-2,.button-border-2.button-circle {
    border-width: 2px
}

.button-hover-float:focus,.button-hover-float:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.button-hover-scale:focus,.button-hover-scale:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.button-hover-shrink:focus,.button-hover-shrink:hover {
    -webkit-transform: scale(.97);
    transform: scale(.97)
}

.button-hover-shrink.button-circle:focus,.button-hover-shrink.button-circle:hover {
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

.button-shadow {
    -webkit-box-shadow: 0 6px 30px 0 rgba(22,24,26,.1);
    box-shadow: 0 6px 30px 0 rgba(22,24,26,.1)
}

.button-shadow:focus,.button-shadow:hover {
    -webkit-box-shadow: 0 6px 36px 0 rgba(22,24,26,.15);
    box-shadow: 0 6px 36px 0 rgba(22,24,26,.15)
}

.client-box,.team-wrapper .team-box,.text-center .portfolio-item {
    text-align: center
}

.client-box a img,.clients-grid li a img {
    opacity: .4;
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.clients-grid {
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center
}

.clients-grid li {
    position: relative;
    float: left;
    width: 16.6%;
    margin: 0;
    padding: 30px
}

.clients-grid li:after,.clients-grid li:before,.testimonial-grid .testimonial-grid-box:after,.testimonial-grid .testimonial-grid-box:before,[class*=section-divider-]:before {
    content: '';
    position: absolute
}

.clients-grid li:before,.testimonial-grid .testimonial-grid-box:before {
    top: 0;
    left: -1px;
    height: 100%;
    border-left: 1px dashed rgba(18,21,24,.1)
}

.clients-grid li:after,.testimonial-grid .testimonial-grid-box:after {
    left: 0;
    bottom: -1px;
    width: 100%;
    border-bottom: 1px dashed rgba(18,21,24,.1)
}

.clients-grid.column-5 li {
    width: 20%
}

.clients-grid.column-4 li,.clients-grid.masonry.column-5 li,.clients-grid.masonry.column-6 li,.clients-grid.portfolio-masonry.column-5 li,.clients-grid.portfolio-masonry.column-6 li {
    width: 25%
}

.clients-grid.column-3 li {
    width: 33.3%
}

.clients-grid.column-2 li {
    width: 50%
}

.clients-grid.border-style-solid li:before,.testimonial-grid.border-style-solid .testimonial-grid-box:before {
    border-left-style: solid
}

.clients-grid.border-style-solid li:after,.testimonial-grid.border-style-solid .testimonial-grid-box:after {
    border-bottom-style: solid
}

.clients-grid.border-style-dotted li:before,.testimonial-grid.border-style-dotted .testimonial-grid-box:before {
    border-left-style: dotted
}

.clients-grid.border-style-dotted li:after,.testimonial-grid.border-style-dotted .testimonial-grid-box:after {
    border-bottom-style: dotted
}

.feature-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    min-height: 50px;
    padding-left: 80px
}

.feature-box .feature-box-icon {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.feature-box .feature-box-icon * {
    margin: 0;
    line-height: 60px;
    vertical-align: middle;
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out;
    font-size: 30px
}

.hoverbox-1 .hover-content,.hoverbox-1:before {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .12s ease-out
}

.feature-box .feature-box-icon.middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.feature-box.feature-box-xl {
    min-height: 70px;
    padding-left: 94px
}

.feature-box.feature-box-xl .feature-box-icon {
    width: 70px;
    height: 70px
}

.feature-box.feature-box-lg {
    min-height: 60px;
    padding-left: 84px
}

.comment-box .comment-user-avatar img,.feature-box.feature-box-lg .feature-box-icon {
    width: 60px;
    height: 60px
}

.feature-box.feature-box-sm {
    min-height: 40px;
    padding-left: 64px
}

.feature-box.feature-box-sm .feature-box-icon {
    width: 40px;
    height: 40px
}

.feature-box.feature-box-xs {
    min-height: 32px;
    padding-left: 54px
}

.feature-box.feature-box-xs .feature-box-icon {
    width: 32px;
    height: 32px
}

.feature-box.feature-box-xs .feature-box-icon * {
    line-height: 32px
}

[class^=hoverbox] {
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: inline-block
}

.hoverbox-1:before {
    content: '';
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: .12s ease-out
}

.hoverbox-2:before,.hoverbox-3 .hover-content {
    bottom: 16px;
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(5px)
}

.fullscreen-menu.fm-show,.hoverbox-1:focus .hover-content,.hoverbox-1:focus:before,.hoverbox-1:hover .hover-content,.hoverbox-1:hover:before,.hoverbox-4:focus .hover-content,.hoverbox-4:hover .hover-content,.hoverbox-7:focus .hover-content,.hoverbox-7:focus:before,.hoverbox-7:hover .hover-content,.hoverbox-7:hover:before {
    visibility: visible;
    opacity: 1
}

.hoverbox-1 .hover-content {
    z-index: 2;
    color: rgba(255,255,255,.7);
    transition: .12s ease-out
}

.hoverbox-2 .hover-content,.hoverbox-2:before {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .12s ease-out;
    right: 16px;
    left: 16px;
    position: absolute
}

.hoverbox-1 .hover-content.center {
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    margin-top: 5px;
    padding: 0 30px
}

.hoverbox-1 .hover-content.center:focus,.hoverbox-1 .hover-content.center:hover,.hoverbox-4.center:focus .hover-content,.hoverbox-4.center:hover .hover-content {
    margin-top: 0
}

.hoverbox-1 .hover-content.bottom {
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    width: 100%;
    padding: 30px
}

.hoverbox-1 .hover-content.bottom:focus,.hoverbox-1 .hover-content.bottom:hover,.hoverbox-4.bottom:focus .hover-content,.hoverbox-4.bottom:hover .hover-content,.team-wrapper.team-box-hover-2 .team-box .team-img:hover div {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hoverbox-2:before {
    content: '';
    top: 16px;
    -webkit-transform: scale(.99);
    transform: scale(.99);
    z-index: 1;
    transition: .12s ease-out
}

.hoverbox-2 .hover-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    margin-top: 4px;
    padding: 0 30px;
    transition: .12s ease-out
}

.hoverbox-2:focus:before,.hoverbox-2:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.hoverbox-2:focus .hover-content,.hoverbox-2:hover .hover-content {
    visibility: visible;
    opacity: 1;
    margin-top: 0
}

#cookie-consent.consent-hidden,.hoverbox-3 .hover-content,.hoverbox-4 .hover-content,.hoverbox-4:focus .content,.hoverbox-4:hover .content,.hoverbox-5 .hover-content {
    opacity: 0;
    visibility: hidden
}

.bg-white-content a:not([class^=button]),.hoverbox-2 .hover-content a:not([class^=button]),.hoverbox-3 .hover-content a:not([class^=button]),.text-dark-09,[class*=bg-white] a:not([class^=button]),[class*=text-link-] {
    color: rgba(18,21,24,.9)
}

.hoverbox-3 .hover-content {
    position: absolute;
    right: 16px;
    left: 16px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    z-index: 1;
    padding: 30px;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hoverbox-4:after,.hoverbox-5:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(18,21,24,.4);
    width: 100%;
    height: 100%;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hoverbox-4 .content,.hoverbox-4 .hover-content {
    position: absolute;
    z-index: 1;
    color: rgba(255,255,255,.7);
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hoverbox-4.center .content,.hoverbox-4.center .hover-content {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 0 30px
}

.hoverbox-4.center .hover-content {
    margin-top: 5px
}

.hoverbox-4.center:focus .content,.hoverbox-4.center:hover .content {
    margin-top: -5px
}

.hoverbox-4.bottom .content,.hoverbox-4.bottom .hover-content {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px
}

.hoverbox-4.bottom .hover-content {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.hoverbox-4.bottom:focus .content,.hoverbox-4.bottom:hover .content {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hoverbox-5 .content,.hoverbox-5 .hover-content {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    padding: 30px;
    color: rgba(255,255,255,.7)
}

.hoverbox-5 .content {
    top: 0
}

.hoverbox-5 .hover-content {
    bottom: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.gallery-wrapper .gallery-box .gallery-img a:before,.hoverbox-6 a:before,.hoverbox-7:before {
    position: absolute;
    left: 0;
    opacity: 0;
    -webkit-transition: .12s ease-out;
    content: '';
    width: 100%;
    height: 100%
}

.gallery-wrapper .gallery-box .gallery-img a:before,.hoverbox-6 a:before {
    top: 0;
    z-index: 1;
    background: rgba(255,255,255,.1);
    transition: .12s ease-out
}

.hoverbox-6 .content {
    position: absolute;
    z-index: 2;
    display: inline-block;
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(5px);
    padding: 10px 16px;
    color: rgba(18,21,24,.9)
}

.hoverbox-6 .content h1,.hoverbox-6 .content h2,.hoverbox-6 .content h3,.hoverbox-6 .content h4,.hoverbox-6 .content h5,.hoverbox-6 .content h6 {
    margin: 0;
    color: rgba(18,21,24,.9)
}

.hoverbox-6 .content.top {
    top: 16px;
    left: 16px
}

.hoverbox-6 .content.center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.hoverbox-6 .content.bottom {
    bottom: 16px;
    left: 16px
}

.hoverbox-7:before {
    top: 0;
    z-index: 1;
    visibility: hidden;
    background-image: linear-gradient(0deg,rgba(18,21,24,.5) 0,rgba(18,21,24,.1) 100%);
    transition: .12s ease-out
}

.hoverbox-7 .hover-content .bottom,.hoverbox-7 .hover-content .top {
    padding: 30px;
    -webkit-transition: .12s ease-out;
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0
}

.hoverbox-7 .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: rgba(255,255,255,.7)
}

.hoverbox-7 .hover-content .top {
    top: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    transition: .12s ease-out
}

.hoverbox-7 .hover-content .bottom {
    bottom: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    transition: .12s ease-out
}

.hover-style-2 .portfolio-item .portfolio-box:hover .portfolio-title i,.hoverbox-7:focus .hover-content .bottom,.hoverbox-7:focus .hover-content .top,.hoverbox-7:hover .hover-content .bottom,.hoverbox-7:hover .hover-content .top,.text-link-3:hover:before,.text-link-5:hover:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:first-child,.hoverbox-7:focus .hover-content .top,.hoverbox-7:hover .hover-content .top,.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div :first-child,.portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div :first-child {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(2),.hoverbox-7:focus .hover-content .bottom,.hoverbox-7:hover .hover-content .bottom {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.lightbox-image-box,.lightbox-media-box {
    position: relative;
    overflow: hidden;
    display: block
}

.lightbox-image-box[class*=border-radius],.lightbox-media-box[class*=border-radius] {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.lightbox-image-box:after,.lightbox-media-box:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(18,21,24,.1);
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.lightbox-image-box img,.lightbox-media-box img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1)
}

.lightbox-image-box i,.lightbox-media-box i {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(18,21,24,.6);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: rgba(255,255,255,.9);
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.lightbox-image-box:hover i,.lightbox-media-box:hover i {
    -webkit-transform: translate(-50%,-50%) scale(.94);
    transform: translate(-50%,-50%) scale(.94)
}

.mfp-bg,.mfp-container {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.mfp-container {
    -webkit-transform: scale(.98);
    transform: scale(.98);
    padding: 0 20px
}

.hero-portfolio-slider .swiper-wrapper .swiper-slide.swiper-slide-active,.mfp-ready .mfp-container {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mfp-ready.mfp-bg {
    opacity: .97
}

.mfp-removing .mfp-container,.mfp-removing.mfp-bg,.text-link-5:hover:before {
    opacity: 0
}

.mfp-removing .mfp-container {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

button.mfp-close {
    display: block;
    top: -5px;
    opacity: 1;
    width: auto;
    height: auto;
    line-height: auto;
    font-size: 24px;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

button.mfp-close:hover {
    top: -5px;
    opacity: 1;
    color: #fff
}

.mfp-iframe-holder .mfp-close,.mfp-iframe-holder .mfp-close:hover {
    top: -45px
}

.mfp-arrow-left:before {
    border-right: 0
}

.mfp-arrow-right:before {
    border-left: 0
}

.mfp-bottom-bar {
    margin-top: -30px
}

.mfp-bottom-bar .mfp-counter {
    color: rgba(255,255,255,.6);
    font-size: 14px
}

.mfp-figure::after,.mfp-iframe-scaler iframe {
    -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 14px 0 rgba(0,0,0,.3)
}

.gmap-xs {
    height: 300px
}

.gmap-sm {
    height: 350px
}

.gmap-md {
    height: 400px
}

.gmap-lg {
    height: 470px
}

.gmap-xl {
    height: 550px
}

.page-progress-container {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 4px
}

.page-progress-bar {
    height: 4px;
    width: 0%;
    background-image: linear-gradient(19deg,#21d4fd 0,#b721ff 100%)
}

.header .header-menu .nav .nav-item .nav-dropdown-toggle,.pie-chart,[class*=text-highlight] {
    position: relative;
    display: inline-block
}

.pie-chart-content {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    margin-top: -3px;
    padding: 0 20px;
    text-align: center
}

.pie-chart-content .percent::after {
    content: '%'
}

.progress-box .animated-progress {
    position: relative;
    background: rgba(18,21,24,.1);
    height: 5px;
    margin-top: 2px;
    border-radius: 3px
}

.section-divider-waves-bottom:before,.section-divider-waves-top:before {
    left: 0;
    background-image: url(https://mono.flatheme.net/assets/svg/waves.svg);
    background-size: 100% 100%;
    width: 100%
}

.progress-box .animated-progress div {
    position: absolute;
    display: block;
    background: #121518;
    width: 50%;
    height: 100%;
    border-radius: 3px;
    color: #121518;
    -webkit-transition: width .7s cubic-bezier(.165, .84, .44, 1);
    transition: width .7s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.progress-box .animated-progress div::after {
    content: attr(data-progress) "%";
    position: absolute;
    top: -24px;
    right: 0
}

.bg-black .progress-box .animated-progress div,[class*=bg-color-] .progress-box .animated-progress div,[class*=bg-dark] .progress-box .animated-progress div,[class*=bg-gradient-] .progress-box .animated-progress div {
    background: #fff;
    color: #fff
}

.gallery-wrapper .gallery-box .gallery-img,.portfolio-item .portfolio-box .portfolio-img,[class*=section-divider-] {
    position: relative;
    overflow: hidden
}

.section-divider-waves-top:before {
    top: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 70px
}

.section-divider-waves-bottom:before {
    bottom: -1px;
    height: 70px
}

.section-divider-wavesOpacity-bottom:before,.section-divider-wavesOpacity-top:before {
    left: -5%;
    background-image: url(https://mono.flatheme.net/assets/svg/wavesOpacity.svg);
    background-size: 100% 100%;
    width: 110%;
    height: 70px
}

.section-divider-wavesOpacity-top:before {
    top: -1px
}

.section-divider-wavesOpacity-bottom:before {
    bottom: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-divider-curve-bottom:before,.section-divider-curve-top:before {
    left: -5%;
    background-image: url(https://mono.flatheme.net/assets/svg/curve.svg);
    background-size: 100% 100%;
    width: 110%;
    height: 60px
}

.section-divider-curve-top:before {
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-divider-curve-bottom:before {
    bottom: 0
}

.text-link-2:before,.text-link-3:before {
    background: rgba(18,21,24,.9);
    bottom: -2px;
    content: ''
}

.owl-carousel[data-owl-nav=true]:not([class*=owl-nav-]) {
    padding: 0 56px
}

.owl-carousel .owl-item img,.sliding-text .swiper-slide,.sliding-text-reverse .swiper-slide {
    width: auto
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    height: 36px
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: rgba(18,21,24,.6);
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.owl-carousel .owl-nav button.owl-next i,.owl-carousel .owl-nav button.owl-prev i {
    font-size: 1.3em;
    line-height: 36px
}

.owl-carousel .owl-nav button.owl-next:focus,.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:focus,.owl-carousel .owl-nav button.owl-prev:hover {
    background: #eef2f6;
    color: #000
}

.owl-carousel .owl-dots {
    margin-top: 20px;
    margin-right: -2px;
    margin-left: -2px;
    text-align: center;
    line-height: 0
}

.owl-carousel .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    vertical-align: middle
}

.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:after,.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:before,.owl-carousel .owl-dots .owl-dot:after,.owl-carousel .owl-dots .owl-dot:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:before,.owl-carousel .owl-dots .owl-dot:before {
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    opacity: 0;
    background: 0 0;
    border: 1px solid #000
}

.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet:after,.owl-carousel .owl-dots .owl-dot:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: .3;
    background: #000;
    width: 6px;
    height: 6px
}

.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.owl-carousel .owl-dots .owl-dot.active:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.owl-carousel.owl-nav-overlap-left:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav,.owl-carousel.owl-nav-overlap-right:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav,.owl-carousel.owl-nav-overlap:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav,.owl-carousel.owl-nav-overlay:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav,.owl-carousel:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav {
    margin-top: -20px
}

.bg-black .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:after,.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet:after,.owl-carousel.owl-dots-overlay .owl-dots .owl-dot:after,[class*=bg-color-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:after,[class*=bg-dark] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:after,[class*=bg-gradient-] .owl-carousel:not([class*=owl-dots-over]):not([class*=owl-nav-over]) .owl-dots .owl-dot:after {
    background: #fff;
    opacity: .5
}

[class*=bg-gray] .owl-carousel .owl-nav button.owl-next:focus,[class*=bg-gray] .owl-carousel .owl-nav button.owl-next:hover,[class*=bg-gray] .owl-carousel .owl-nav button.owl-prev:focus,[class*=bg-gray] .owl-carousel .owl-nav button.owl-prev:hover,[class*=bg-light] .owl-carousel .owl-nav button.owl-next:focus,[class*=bg-light] .owl-carousel .owl-nav button.owl-next:hover,[class*=bg-light] .owl-carousel .owl-nav button.owl-prev:focus,[class*=bg-light] .owl-carousel .owl-nav button.owl-prev:hover {
    background: rgba(18,21,24,.05)
}

.owl-carousel.owl-nav-left .owl-nav,.owl-carousel.owl-nav-right .owl-nav {
    padding-bottom: 0;
    height: auto
}

.owl-carousel.owl-nav-left .owl-nav button,.owl-carousel.owl-nav-right .owl-nav button {
    position: static;
    display: block;
    margin: 8px 0
}

.owl-carousel.owl-nav-left .owl-nav button.owl-next,.owl-carousel.owl-nav-left .owl-nav button.owl-prev,.owl-carousel.owl-nav-right .owl-nav button.owl-next,.owl-carousel.owl-nav-right .owl-nav button.owl-prev {
    right: auto;
    left: auto
}

.owl-carousel.owl-nav-left {
    padding: 0 0 0 56px
}

.owl-carousel.owl-nav-left .owl-nav {
    right: auto
}

.owl-carousel.owl-nav-right {
    padding: 0 56px 0 0
}

.owl-carousel.owl-nav-right .owl-nav {
    left: auto
}

.owl-carousel.owl-nav-overlay .owl-nav {
    z-index: 1;
    padding-bottom: 0;
    height: 50px
}

.owl-carousel.owl-nav-overlay .owl-nav button.owl-next,.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev {
    opacity: 1;
    background: rgba(18,21,24,.3);
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    color: rgba(255,255,255,.8);
    text-align: center
}

.owl-carousel.owl-nav-overlay .owl-nav button.owl-next:focus,.owl-carousel.owl-nav-overlay .owl-nav button.owl-next:hover,.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:focus,.owl-carousel.owl-nav-overlay .owl-nav button.owl-prev:hover {
    opacity: 1;
    background: rgba(18,21,24,.4);
    color: #fff
}

.header .header-menu .nav .nav-item,.owl-carousel.owl-dots-left .owl-dots,.text-start .team-box {
    text-align: left
}

.owl-carousel.owl-dots-right .owl-dots,.text-end .portfolio-item,.text-end .team-box {
    text-align: right
}

.owl-carousel.owl-dots-overlay .owl-dots {
    position: absolute;
    bottom: 20px;
    background: rgba(18,21,24,.3);
    border-radius: 20px;
    margin: 0;
    padding: 5px;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.owl-carousel.owl-dots-overlap.owl-nav-overlap-right .owl-dots,.owl-carousel.owl-dots-overlay.owl-nav-overlap-right .owl-dots {
    margin-left: -12.5px
}

.owl-carousel.owl-dots-overlap.owl-nav-left .owl-dots,.owl-carousel.owl-dots-overlay.owl-nav-left .owl-dots {
    margin-left: 28px
}

.owl-carousel.owl-dots-overlap.owl-nav-right .owl-dots,.owl-carousel.owl-dots-overlay.owl-nav-right .owl-dots {
    margin-left: -28px
}

@media (min-width: 992px) {
    #cursor {
        z-index:999;
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 22px;
        height: 22px;
        border: 1px solid #fff;
        border-radius: 50%;
        mix-blend-mode: difference;
        pointer-events: none;
        -webkit-transition: 60ms linear;
        transition: 60ms linear
    }

    #cursor.scale-cursor {
        -webkit-transform: translate(-50%,-50%) scale(2.4);
        transform: translate(-50%,-50%) scale(2.4);
        opacity: .12
    }

    #cursor.cursor-style-2 {
        opacity: .2;
        background: #fff;
        border: 0
    }

    #cursor.cursor-style-2.scale-cursor {
        opacity: .08
    }

    .owl-carousel.owl-nav-overlay .owl-nav {
        opacity: 0;
        -webkit-transition: .16s ease-out;
        transition: .16s ease-out
    }

    .owl-carousel.owl-nav-overlay:hover .owl-nav {
        opacity: 1
    }

    .owl-carousel.owl-dots-overlap.owl-nav-overlap-left .owl-dots,.owl-carousel.owl-dots-overlay.owl-nav-overlap-left .owl-dots {
        margin-left: 12.5px
    }
}

.owl-carousel.owl-dots-overlap .owl-dots,.owl-carousel.owl-dots-overlap-left .owl-dots,.owl-carousel.owl-dots-overlap-right .owl-dots {
    position: absolute;
    bottom: 0;
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 30px 0 rgba(22,24,26,.13);
    box-shadow: 0 6px 30px 0 rgba(22,24,26,.13);
    margin: 0;
    padding: 5px
}

.owl-carousel.owl-dots-overlap .owl-dots:focus,.owl-carousel.owl-dots-overlap .owl-dots:hover,.owl-carousel.owl-dots-overlap-left .owl-dots:focus,.owl-carousel.owl-dots-overlap-left .owl-dots:hover,.owl-carousel.owl-dots-overlap-right .owl-dots:focus,.owl-carousel.owl-dots-overlap-right .owl-dots:hover {
    -webkit-box-shadow: 0 6px 36px 0 rgba(22,24,26,.19);
    box-shadow: 0 6px 36px 0 rgba(22,24,26,.19)
}

.owl-carousel.owl-dots-overlap .owl-dots .owl-dot:before,.owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:before,.owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:before {
    border-color: #121518
}

.owl-carousel.owl-dots-overlap .owl-dots .owl-dot:after,.owl-carousel.owl-dots-overlap-left .owl-dots .owl-dot:after,.owl-carousel.owl-dots-overlap-right .owl-dots .owl-dot:after {
    background: #121518;
    opacity: .3
}

.owl-carousel.owl-dots-overlap .owl-dots {
    right: auto;
    left: 50%;
    -webkit-transform: translateY(50%) translateX(-50%);
    transform: translateY(50%) translateX(-50%)
}

.owl-carousel.owl-dots-overlap-left .owl-dots,.owl-carousel.owl-dots-overlap-right .owl-dots {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.owl-carousel.owl-dots-overlap-left .owl-dots {
    right: auto;
    left: 20px
}

.owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right):not([class*=owl-nav-over]) .owl-dots,.owl-carousel.owl-dots-overlap-left[data-owl-nav=true]:not(.owl-nav-right):not([class*=owl-nav-over]) .owl-dots {
    left: 76px
}

.owl-carousel.owl-dots-overlap-left.owl-nav-overlap .owl-dots {
    left: 45px
}

.owl-carousel.owl-dots-overlap-right .owl-dots {
    right: 20px;
    left: auto
}

.owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left):not([class*=owl-nav-over]) .owl-dots,.owl-carousel.owl-dots-overlap-right[data-owl-nav=true]:not(.owl-nav-left):not([class*=owl-nav-over]) .owl-dots {
    right: 76px
}

.owl-carousel.owl-dots-overlap-right.owl-nav-overlap .owl-dots,.owl-carousel.owl-dots-overlap-right.owl-nav-overlap-right .owl-dots {
    right: 45px
}

.owl-carousel.owl-nav-overlap {
    padding: 0 25px
}

.owl-carousel.owl-nav-overlap .owl-nav {
    right: 25px;
    left: 25px;
    z-index: 1;
    height: 50px
}

.owl-carousel.owl-nav-overlap .owl-nav button {
    opacity: 1;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 36px 0 rgba(22,24,26,.13);
    box-shadow: 0 10px 36px 0 rgba(22,24,26,.13);
    color: #121518
}

.owl-carousel.owl-nav-overlap .owl-nav button.owl-prev {
    right: auto;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.owl-carousel.owl-nav-overlap .owl-nav button.owl-next {
    right: 0;
    left: auto;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.owl-carousel.owl-nav-overlap .owl-nav button:focus,.owl-carousel.owl-nav-overlap .owl-nav button:hover {
    opacity: 1;
    background: #fff;
    color: #121518;
    -webkit-box-shadow: 0 10px 40px 0 rgba(22,24,26,.19);
    box-shadow: 0 10px 40px 0 rgba(22,24,26,.19)
}

@media (min-width: 992px) {
    .owl-carousel.owl-dots-overlap-left.owl-nav-overlap-left .owl-dots {
        left:45px
    }

    .owl-carousel.owl-nav-overlap-left {
        padding: 0 0 0 25px
    }

    .owl-carousel.owl-nav-overlap-left .owl-nav {
        left: 25px;
        right: auto;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%)
    }

    .testimonial-grid.column-2 .testimonial-grid-box {
        width: 50%
    }
}

.owl-carousel.owl-nav-overlap-right {
    padding: 0 25px 0 0
}

.owl-carousel.owl-nav-overlap-right .owl-nav {
    left: auto;
    right: 25px;
    -webkit-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%)
}

.owl-carousel.owl-nav-overlap-left .owl-nav,.owl-carousel.owl-nav-overlap-right .owl-nav {
    z-index: 1;
    width: 50px;
    height: auto;
    padding-bottom: 0
}

.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next,.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev,.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next,.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev {
    position: static;
    right: 0;
    left: 0;
    opacity: 1;
    background: #fff;
    width: 50px;
    height: 50px;
    margin: 4px 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 36px 0 rgba(22,24,26,.13);
    box-shadow: 0 10px 36px 0 rgba(22,24,26,.13);
    color: #121518
}

.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next:focus,.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next:hover,.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev:focus,.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev:hover,.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next:focus,.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next:hover,.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev:focus,.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev:hover {
    opacity: 1;
    background: #fff;
    -webkit-box-shadow: 0 10px 40px 0 rgba(22,24,26,.19);
    box-shadow: 0 10px 40px 0 rgba(22,24,26,.19);
    color: #121518
}

.hero-portfolio-slider .swiper-wrapper .swiper-slide {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: .9;
    -webkit-transition: .16s ease-in;
    transition: .16s ease-in
}

.hero-portfolio-slider .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    opacity: 1;
    background: 0 0;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    vertical-align: middle
}

.hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(18,21,24,.3);
    width: auto;
    border-radius: 20px;
    margin: 0;
    padding: 5px
}

.sliding-boxes .swiper-wrapper,.sliding-text .swiper-wrapper,.sliding-text-reverse .swiper-wrapper {
    transition-timing-function: linear
}

.team-wrapper .team-box .team-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.gallery-wrapper .gallery-box .gallery-img a img,.portfolio-item .portfolio-box .portfolio-img img,.team-wrapper .team-box .team-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 100%;
    -webkit-transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1)
}

.team-wrapper .team-box .team-img div {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(18,21,24,.4);
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.team-wrapper .team-box .team-img div ul {
    list-style-type: none;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%) scale(.96);
    transform: translateY(-50%) scale(.96);
    margin: 0 -7px;
    padding: 0 30px;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.team-wrapper .team-box .team-img div ul li {
    display: inline-block;
    margin: 0 7px
}

.portfolio-item .portfolio-box:hover .portfolio-img img,.team-wrapper .team-box .team-img:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-filter: blur(1.5px);
    filter: blur(1.5px)
}

.team-wrapper .team-box .team-img:hover div ul {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.team-wrapper.team-box-hover-2 .team-box .team-img div {
    top: auto;
    bottom: 16px;
    right: 16px;
    left: 16px;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    background: #fff;
    width: auto;
    height: auto;
    padding: 15px 20px
}

.team-wrapper.team-box-hover-2 .team-box .team-img div ul {
    position: static;
    top: auto;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    padding: 0
}

.team-wrapper.team-box-hover-2 .team-box .team-img:hover img {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.team-wrapper.team-box-hover-2 .team-box .team-img:hover div ul {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.gallery-wrapper[class*=border-radius] .gallery-box .gallery-img,.portfolio-grid[class*=border-radius] .portfolio-item .portfolio-box,.portfolio-masonry[class*=border-radius] .portfolio-item .portfolio-box,.team-wrapper[class*=border-radius] .team-box .team-img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow: hidden
}

.gallery-wrapper.border-radius .gallery-box .gallery-img,.portfolio-grid.border-radius .portfolio-item .portfolio-box,.portfolio-masonry.border-radius .portfolio-item .portfolio-box,.team-wrapper.border-radius .team-box .team-img {
    border-radius: .4em
}

.gallery-wrapper.border-radius-1 .gallery-box .gallery-img,.portfolio-grid.border-radius-1 .portfolio-item .portfolio-box,.portfolio-masonry.border-radius-1 .portfolio-item .portfolio-box,.team-wrapper.border-radius-1 .team-box .team-img {
    border-radius: 1em
}

.testimonial-box {
    max-width: 730px;
    margin: 0 auto;
    text-align: center
}

.testimonial-box img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto
}

.testimonial-grid,.testimonial-grid .testimonial-grid-box .testimonial-content {
    overflow: hidden
}

.testimonial-grid.column-1 .testimonial-grid-box {
    width: 100%;
    padding: 30px 0
}

.testimonial-grid .testimonial-grid-box {
    position: relative;
    float: left;
    width: 33.3%;
    padding: 30px
}

.testimonial-grid .testimonial-grid-box .testimonial-img {
    float: left;
    margin-right: 20px
}

.testimonial-grid .testimonial-grid-box .testimonial-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.testimonial-grid.border-0 {
    margin: -15px
}

.testimonial-grid.border-0 .testimonial-grid-box {
    padding: 15px
}

.hero-portfolio-slider .hero-portfolio-box a:hover,.service-areas a:hover,.text-link-1:hover {
    text-decoration: underline
}

.text-link-2:before {
    position: absolute;
    width: 0;
    height: 1px;
    -webkit-transition: .24s cubic-bezier(.165, .84, .44, 1);
    transition: .24s cubic-bezier(.165, .84, .44, 1);
    left: 0
}

.text-link-3:before {
    position: absolute;
    left: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 0;
    width: 100%;
    height: 1px;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.text-link-4:after,.text-link-4:before {
    content: '';
    position: absolute;
    bottom: -2px;
    height: 1px;
    -webkit-transition: .24s cubic-bezier(.165, .84, .44, 1);
    transition: .24s cubic-bezier(.165, .84, .44, 1)
}

.text-link-4:before {
    left: 0;
    background: rgba(18,21,24,.2);
    width: 100%
}

.text-link-4:after {
    background: rgba(18,21,24,.9);
    width: 0;
    left: 0
}

.text-link-5:after,.text-link-5:before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.bg-color-dark-02,.bg-dark-02,.text-highlight:before,.text-link-5:before {
    background: rgba(18,21,24,.2)
}

.text-link-5:after {
    opacity: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    background: rgba(18,21,24,.9)
}

.text-link-6:before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0;
    background: rgba(18,21,24,.2);
    width: 0;
    height: 6px;
    -webkit-transition: .24s cubic-bezier(.165, .84, .44, 1);
    transition: .24s cubic-bezier(.165, .84, .44, 1)
}

[class*=link-social-]:hover {
    opacity: .7
}

.link-social-facebook,.link-social-facebook:hover {
    color: #1877f2
}

.link-social-twitter,.link-social-twitter:hover {
    color: #1da1f2
}

.link-social-instagram,.link-social-instagram:hover {
    color: #e4405f
}

.link-social-linkedin,.link-social-linkedin:hover {
    color: #0a66c2
}

.link-social-youtube,.link-social-youtube:hover {
    color: #cd201f
}

.link-social-pinterest,.link-social-pinterest:hover {
    color: #bd081c
}

.link-social-skype,.link-social-skype:hover {
    color: #00aff0
}

.link-social-dribbble,.link-social-dribbble:hover {
    color: #ea4c89
}

.link-social-snapchat,.link-social-snapchat:hover {
    color: #fffc00
}

.link-social-whatsapp,.link-social-whatsapp:hover {
    color: #25d366
}

.timeline-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    background: #e2e6ea;
    width: 1px;
    height: 100%
}

.timeline-wrapper .timeline .timeline-date:before {
    content: '';
    position: absolute;
    top: 31px;
    background: #e2e6ea;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.timeline-wrapper .timeline .timeline-date:after {
    content: '';
    position: absolute;
    top: 37px;
    background: #121518;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

@media (min-width: 992px) {
    .timeline-wrapper,.timeline-wrapper .timeline {
        position:relative
    }

    .timeline-wrapper:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .timeline-wrapper .timeline .timeline-content,.timeline-wrapper .timeline .timeline-date {
        width: 50%;
        padding: 30px
    }

    .timeline-wrapper .timeline .timeline-date {
        position: absolute;
        top: 0;
        left: 0;
        text-align: right
    }

    .timeline-wrapper .timeline .timeline-date:before {
        right: -10px
    }

    .timeline-wrapper .timeline .timeline-date:after {
        right: -4px
    }

    .timeline-wrapper .timeline .timeline-date h1,.timeline-wrapper .timeline .timeline-date h2,.timeline-wrapper .timeline .timeline-date h3,.timeline-wrapper .timeline .timeline-date h4,.timeline-wrapper .timeline .timeline-date h5,.timeline-wrapper .timeline .timeline-date h6 {
        position: relative;
        text-align: right
    }

    .timeline-wrapper .timeline .timeline-content {
        margin-left: 50%
    }

    .timeline-wrapper .timeline:nth-child(2n) .timeline-date {
        left: 50%;
        text-align: left
    }

    .timeline-wrapper .timeline:nth-child(2n) .timeline-date:before,.timeline-wrapper.timeline-right .timeline .timeline-date:before {
        right: auto;
        left: -10px
    }

    .timeline-wrapper .timeline:nth-child(2n) .timeline-date:after,.timeline-wrapper.timeline-right .timeline .timeline-date:after {
        right: auto;
        left: -4px
    }

    .timeline-wrapper .timeline:nth-child(2n) .timeline-date h1,.timeline-wrapper .timeline:nth-child(2n) .timeline-date h2,.timeline-wrapper .timeline:nth-child(2n) .timeline-date h3,.timeline-wrapper .timeline:nth-child(2n) .timeline-date h4,.timeline-wrapper .timeline:nth-child(2n) .timeline-date h5,.timeline-wrapper .timeline:nth-child(2n) .timeline-date h6,.timeline-wrapper.timeline-right .timeline .timeline-date h1,.timeline-wrapper.timeline-right .timeline .timeline-date h2,.timeline-wrapper.timeline-right .timeline .timeline-date h3,.timeline-wrapper.timeline-right .timeline .timeline-date h4,.timeline-wrapper.timeline-right .timeline .timeline-date h5,.timeline-wrapper.timeline-right .timeline .timeline-date h6,.timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date h1,.timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date h2,.timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date h3,.timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date h4,.timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date h5,.timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date h6 {
        text-align: left
    }

    .timeline-wrapper .timeline:nth-child(2n) .timeline-content {
        margin-left: 0;
        text-align: right
    }

    .timeline-wrapper.timeline-left:before {
        left: 200px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .timeline-wrapper.timeline-left .timeline .timeline-date {
        width: 200px;
        padding: 30px 30px 0 0
    }

    .timeline-wrapper.timeline-left .timeline .timeline-content {
        width: auto;
        margin: 0 0 0 200px;
        padding: 30px 0 0 30px;
        text-align: left
    }

    .timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date {
        left: auto;
        text-align: right
    }

    .timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date:before {
        right: -10px;
        left: auto
    }

    .timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date:after {
        right: -4px;
        left: auto
    }

    .timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date h1,.timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date h2,.timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date h3,.timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date h4,.timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date h5,.timeline-wrapper.timeline-left .timeline:nth-child(2n) .timeline-date h6 {
        text-align: right
    }

    .timeline-wrapper.timeline-left .timeline:last-child .timeline-content,.timeline-wrapper.timeline-left .timeline:last-child .timeline-date,.timeline-wrapper.timeline-right .timeline:last-child .timeline-content,.timeline-wrapper.timeline-right .timeline:last-child .timeline-date {
        padding-bottom: 30px
    }

    .timeline-wrapper.timeline-right:before {
        right: 200px;
        left: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .timeline-wrapper.timeline-right .timeline .timeline-date {
        right: 0;
        left: auto;
        width: 200px;
        padding: 30px 0 0 30px;
        text-align: left
    }

    .timeline-wrapper.timeline-right .timeline .timeline-content {
        width: auto;
        margin: 0 200px 0 0;
        padding: 30px 30px 0 0;
        text-align: right
    }

    .timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date {
        left: auto;
        text-align: left
    }

    .timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date:before {
        left: -10px
    }

    .timeline-wrapper.timeline-right .timeline:nth-child(2n) .timeline-date:after {
        left: -4px
    }

    .blog-card-wrapper .blog-card {
        padding: 36px 36px 36px 140px
    }

    .blog-card-wrapper .blog-card .blog-card-date {
        position: absolute;
        top: 50%;
        left: 36px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center
    }
}

.blog-card-wrapper {
    position: relative;
    background-position: center center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%
}

.blog-card-wrapper * {
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.blog-card-wrapper .blog-card {
    background: #fff;
    border: 1px solid rgba(18,21,24,.1)
}

.bg-color-dark-06,.bg-dark-06,.blog-card-wrapper:hover .blog-card {
    background: rgba(18,21,24,.6)
}

.comment-box {
    position: relative;
    margin-bottom: 30px;
    padding-left: 80px
}

.comment-box .comment-user-avatar {
    position: absolute;
    top: 0;
    left: 0;
    background: #eef2f6;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px
}

.comment-box .comment-content .comment-time {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    color: #aaa;
    font-style: italic;
    font-size: 14px
}

#cookie-consent {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 997;
    visibility: visible;
    opacity: 1;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.fm-toggle,.fullscreen-menu {
    -webkit-transition: .2s ease-out
}

.fm-toggle {
    margin-left: auto;
    cursor: pointer;
    transition: .2s ease-out
}

.fm-toggle .lines {
    position: relative;
    display: inline-block;
    background: #000;
    width: 25px;
    height: 2px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-transition: .12s linear;
    transition: .12s linear
}

.fm-toggle .lines:after,.fm-toggle .lines:before {
    content: '';
    position: absolute;
    left: 0;
    background: #000;
    width: 25px;
    height: 2px;
    display: inline-block;
    -webkit-transition: .12s linear;
    transition: .12s linear
}

.fm-toggle .lines:before,.header .header-toggle span:before {
    top: -7px
}

.fm-toggle .lines:after,.header .header-toggle span:after {
    bottom: -7px
}

.fullscreen-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 996;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: .2s ease-out
}

.fullscreen-menu .fm-wrapper {
    -webkit-transform: scale(.98);
    transform: scale(.98);
    height: 100%;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.fullscreen-menu .fm-wrapper .fm-close {
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer
}

.fullscreen-menu .fm-wrapper .fm-close span {
    position: relative;
    display: inline-block;
    opacity: .8;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transition: .18s ease-out;
    transition: .18s ease-out
}

.fullscreen-menu .fm-wrapper .fm-close span:after,.fullscreen-menu .fm-wrapper .fm-close span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    -webkit-transition: .18s ease-out;
    transition: .18s ease-out
}

.fullscreen-menu .fm-wrapper .fm-close span:before {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.fullscreen-menu .fm-wrapper .fm-close span:after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.fullscreen-menu .fm-wrapper .fm-close:hover span:after,.fullscreen-menu .fm-wrapper .fm-close:hover span:before {
    -webkit-transform: translate(-50%,-50%) rotate(180deg);
    transform: translate(-50%,-50%) rotate(180deg)
}

.fullscreen-menu.fm-show .fm-wrapper {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bg-color-dark-01,.bg-dark-01,.gallery-wrapper.hover-style-2 .gallery-box .gallery-img a:before,[class*=bg-gray].fullscreen-menu .fm-wrapper .fm-close span,[class*=bg-white].fullscreen-menu .fm-wrapper .fm-close span {
    background: rgba(18,21,24,.1)
}

.gallery-wrapper .gallery-box .gallery-img a .gallery-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    background: #fff;
    padding: 10px 20px
}

.header {
    top: 0;
    z-index: 993;
    overflow: visible;
    background: #fff;
    width: 100%;
    height: 95px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.header.hide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.header .container,.header .container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 100%
}

.header .header-logo img {
    width: auto;
    height: 168px;
    max-height: 125px
}

.header .header-toggle {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-left: auto;
    cursor: pointer
}

.header .header-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #121518;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.header .header-toggle span:after,.header .header-toggle span:before {
    content: '';
    position: absolute;
    left: 0;
    background: #121518;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.header .header-toggle.toggle-close span:before {
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header .header-toggle.toggle-close span:after {
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header .header-menu {
    display: inline-block;
    font-size: .938rem;
    z-index: 995
}

.header .header-menu .nav {
    display: block;
    margin: 0;
    padding: 0
}

.header .header-menu .nav ul {
    margin: 0;
    padding: 0
}

.header .header-menu .nav .nav-item .nav-link {
    padding: 0;
    color: #121518;
    font-size: 16px
}

.header .header-menu .nav .nav-item .nav-dropdown-toggle:after {
    content: '\f107';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    font-size: .8rem
}

.header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle {
    position: absolute
}

.header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after {
    content: '\f105';
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    font-size: .8rem
}

.header .header-menu.font-2 .nav .nav-item .nav-link {
    font-size: .9em;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase
}

.header.header-boxed,.header.transparent-dark:not(.sticky-autohide):not(.sticky),.header.transparent-light:not(.sticky-autohide):not(.sticky) {
    position: absolute;
    top: 0;
    left: 0
}

.header.sticky,.header.sticky-autohide {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 36px 0 rgba(22,25,28,.17);
    box-shadow: 0 0 36px 0 rgba(22,25,28,.17)
}

.header.header-color-dark {
    background: #181c20
}

.header.transparent-dark,.header.transparent-light {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header.transparent-light.border-bottom,.header.transparent-light.border-top,.header[class*=header-color].border-bottom,.header[class*=header-color].border-top {
    border-color: rgba(255,255,255,.1)
}

.header.header-boxed .container,.header.header-boxed .container-fluid {
    background: rgba(255,255,255,.9);
    border-bottom-right-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
    -webkit-box-shadow: 0 0 36px 0 rgba(22,25,28,.1);
    box-shadow: 0 0 36px 0 rgba(22,25,28,.1)
}

.header.header-boxed .container-fluid {
    width: auto;
    margin: 0 30px
}

.header.header-boxed.sticky,.header.header-boxed.sticky-autohide {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bg-color-dark-08,.bg-dark-08,.header.header-boxed.header-color-dark .container {
    background: rgba(18,21,24,.8)
}

.header.header-boxed.header-color-black .container {
    background: rgba(0,0,0,.8)
}

@media (min-width: 992px) {
    .fm-toggle .lines:before {
        -webkit-transform:scaleX(.8);
        transform: scaleX(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .fm-toggle .lines:after {
        -webkit-transform: scaleX(.6);
        transform: scaleX(.6);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .fm-toggle:hover .lines:after,.fm-toggle:hover .lines:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]):focus,.header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]):hover,.header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h1,.header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h2,.header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h3,.header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h4,.header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h5,.header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown h6,.header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle,.header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle.active,.header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle:focus,.header.transparent-light .header-menu .nav .nav-item .nav-dropdown-toggle:hover,.header.transparent-light .header-menu .nav .nav-item .nav-link,.header.transparent-light .header-menu .nav .nav-item .nav-link.active,.header.transparent-light .header-menu .nav .nav-item .nav-link:focus,.header.transparent-light .header-menu .nav .nav-item .nav-link:hover,.header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle,.header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle.active,.header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:focus,.header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-dropdown-toggle:hover,.header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link,.header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link.active,.header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:focus,.header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:hover {
        color: #fff
    }

    .header[class*=header-color]:not(.transparent-dark) .header-menu .nav .nav-item .nav-link:before {
        background: rgb(238 0 0)
    }

    .header.transparent-light .header-menu .nav .nav-item .nav-link:before {
        background: rgba(255,255,255,.15)
    }

    .header .header-logo,.header .header-menu-extra {
        z-index: 996
    }

    .header .header-menu {
        height: 80px
    }

    .header.header-lg .header-logo img {
        height: 64px;
        max-height: 64px
    }

    .header-lg,.header.header-lg .header-menu {
        height: 90px
    }

    .header.header-xl .header-logo img {
        height: 74px;
        max-height: 74px
    }

    .header-xl,.header.header-xl .header-menu {
        height: 100px
    }

    .header:not(.left):not(.center) .header-menu {
        margin-left: auto
    }

    .header.left .header-logo {
        margin-right: 30px
    }

    .header.center .header-logo,.header.left .header-menu {
        margin-right: auto
    }

    .header.center .header-menu .nav {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        text-align: center
    }

    .header .header-menu .nav .nav-item {
        position: relative;
        display: inline-block;
        height: 100%;
        margin: 0 0 0 12px
    }

    .header .header-menu .nav .nav-item.mega-menu-item {
        position: static
    }

    .header .header-menu .nav .nav-item.mega-menu-item .nav-link:after {
        content: '\f107';
        padding-left: 5px;
        font-family: "Font Awesome 7 Free";
        font-weight: 900;
        font-size: .8rem
    }

    .header .header-menu .nav .nav-item.mega-menu-item .nav-link.d-toggle {
        padding-right: 0
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle,.header .header-menu .nav .nav-item.mega-menu-item .nav-dropdown-toggle,.header .header-toggle {
        display: none
    }

    .header .header-menu .nav .nav-item:first-child {
        margin-left: 0
    }

    .header .header-menu .nav .nav-item .nav-link {
        position: relative;
        display: inline-block;
        line-height: 95px
    }

    .header .header-menu .nav .nav-item .nav-link:before {
        position: absolute;
        right: 0;
        bottom: 22px;
        left: 0;
        content: '';
        background: #eef2f6;
        height: 0;
        -webkit-transition: .14s cubic-bezier(.165, .84, .44, 1);
        transition: .14s cubic-bezier(.165, .84, .44, 1)
    }

    .header .header-menu .nav .nav-item .nav-link.d-toggle {
        padding-right: 16px
    }

    .header .header-menu .nav .nav-item .nav-dropdown-toggle {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -2px;
        color: #121518
    }

    .header .header-menu .nav .nav-item .nav-dropdown-toggle:hover {
        color: #121518
    }

    .header .header-menu .nav .nav-item .nav-dropdown {
        position: absolute;
        top: 84px;
        left: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        z-index: 995;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        width: 240px;
        -webkit-box-shadow: 0 10px 40px -4px rgba(22,25,28,.17);
        box-shadow: 0 10px 40px -4px rgba(22,25,28,.17);
        border-radius: .4em;
        padding: 15px 0;
        -webkit-transition: .14s ease-out;
        transition: .14s ease-out
    }

    .header .header-menu .nav .nav-item .mega-menu-content:before,.header .header-menu .nav .nav-item .nav-dropdown:before {
        content: '';
        position: absolute;
        top: -4px;
        width: 100%;
        height: 4px
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item {
        position: relative;
        display: block;
        margin: 0;
        padding: 0 15px
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link {
        position: relative;
        display: block;
        border-radius: .4em;
        padding: 7px 15px;
        -webkit-transition: 60ms linear;
        transition: 60ms linear
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover,.header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover {
        background: #eef2f6;
        padding: 7px 15px 7px 17px
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.sd-toggle:after {
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '\f105';
        font-family: "Font Awesome 7 Free";
        font-weight: 900;
        font-size: .8rem
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown {
        position: absolute;
        top: 0;
        left: 228px;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        width: 240px;
        -webkit-box-shadow: 0 10px 40px -4px rgba(22,25,28,.17);
        box-shadow: 0 10px 40px -4px rgba(22,25,28,.17);
        border-radius: .4em;
        padding: 15px;
        -webkit-transition: 60ms linear;
        transition: 60ms linear
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item {
        display: block;
        margin: 0
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link {
        display: block;
        border-radius: .4em;
        padding: 7px 15px;
        -webkit-transition: 60ms linear;
        transition: 60ms linear
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg {
        width: 476px
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*=col]:first-child {
        border-right: 1px solid #e2e6ea
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item:hover .nav-subdropdown {
        visibility: visible;
        opacity: 1
    }

    .header .header-menu .nav .nav-item .mega-menu-content {
        position: absolute;
        top: 84px;
        right: 2em;
        left: 2em;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        z-index: 995;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        width: auto;
        -webkit-box-shadow: 0 10px 40px -4px rgba(22,25,28,.17);
        box-shadow: 0 10px 40px -4px rgba(22,25,28,.17);
        border-radius: .4em;
        padding: 1em;
        -webkit-transition: .14s ease-out;
        transition: .14s ease-out
    }

    .header .header-menu .nav .nav-item.mega-menu-item:hover .mega-menu-content,.header .header-menu .nav .nav-item:hover .nav-dropdown {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1
    }

    .header .header-menu .nav .nav-item:hover .nav-link:before {
        height: 4px
    }

    .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]) {
        color: rgba(255,255,255,.8)
    }

    .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link:hover,.header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown .nav-subdropdown-item .nav-subdropdown-link:hover {
        background: rgba(255,255,255,.1)
    }

    .header .header-menu[class*=dropdown-color] .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.nav-subdropdown-lg [class*=col] {
        border-color: rgba(255,255,255,.2)
    }

    .header .header-menu.dropdown-color-dark .nav .nav-item .nav-dropdown,.header .header-menu.dropdown-color-dark .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown {
        background: #121518
    }

    .header.transparent-dark .header-menu .nav .nav-item .nav-link:before {
        background: rgba(18,21,24,.05)
    }

    .header .header-menu-extra {
        display: inline-block;
        margin-left: 30px
    }

    .header.header-boxed .container,.header.header-boxed .container-fluid {
        backdrop-filter: blur(8px)
    }

    .header:not(.center):not(.left) .container-fluid .header-menu .nav .nav-item .nav-dropdown,.header:not(.center):not(.left) .header-menu .nav .nav-item:last-child .nav-dropdown,.header:not(.center):not(.left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown {
        right: 0;
        left: auto
    }

    .header:not(.center):not(.left) .container-fluid .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown,.header:not(.center):not(.left) .header-menu .nav .nav-item:last-child .nav-dropdown .nav-dropdown-item .nav-subdropdown,.header:not(.center):not(.left) .header-menu .nav .nav-item:nth-last-child(2) .nav-dropdown .nav-dropdown-item .nav-subdropdown {
        right: 228px;
        left: auto
    }

    .header-lg .container-fluid {
        padding: 0 40px
    }

    .header-lg .header-menu .nav .nav-item .nav-link {
        line-height: 90px
    }

    .header-lg .header-menu .nav .nav-item .nav-link:before {
        bottom: 27px
    }

    .header-lg .header-menu .nav .nav-item .mega-menu-content,.header-lg .header-menu .nav .nav-item .nav-dropdown {
        top: 94px
    }

    .header-xl .container-fluid {
        padding: 0 50px
    }

    .header-xl .header-menu .nav .nav-item .nav-link {
        line-height: 100px
    }

    .header-xl .header-menu .nav .nav-item .nav-link:before {
        bottom: 32px
    }

    .header-xl .header-menu .nav .nav-item .mega-menu-content,.header-xl .header-menu .nav .nav-item .nav-dropdown {
        top: 104px
    }
}

.header-placeholder {
    height: 80px
}

.header-placeholder-lg {
    height: 90px
}

.header-placeholder-xl {
    height: 100px
}

.masonry,.masonry.spacing-2 {
    margin: 0 -1em -2em
}

.masonry .masonry-item,.masonry.spacing-2 .masonry-item {
    margin-bottom: 2em;
    padding: 0 1em
}

@media (min-width: 768px) {
    .fullscreen-menu .fm-wrapper .position-bottom,.fullscreen-menu .fm-wrapper .position-middle,.fullscreen-menu .fm-wrapper .position-top {
        padding:0 50px
    }

    .fullscreen-menu .fm-wrapper .position-top {
        top: 50px
    }

    .fullscreen-menu .fm-wrapper .position-bottom {
        bottom: 50px
    }

    .masonry.column-2 .masonry-item,.masonry.column-3 .masonry-item {
        width: 50%
    }
}

@media (min-width: 576px) {
    .masonry.column-4 .masonry-item,.masonry.column-5 .masonry-item,.masonry.column-6 .masonry-item,.portfolio-masonry.column-4 .portfolio-item,.portfolio-masonry.column-5 .portfolio-item,.portfolio-masonry.column-6 .portfolio-item {
        width:50%
    }
}

@media (min-width: 768px) {
    .masonry.column-4 .masonry-item,.masonry.column-5 .masonry-item,.masonry.column-6 .masonry-item {
        width:33.33%
    }

    .portfolio-masonry.column-2 .portfolio-item {
        width: 50%
    }
}

@media (min-width: 992px) {
    .masonry.column-3 .masonry-item {
        width:33.33%
    }

    .masonry.column-4 .masonry-item,.masonry.column-5 .masonry-item,.masonry.column-6 .masonry-item {
        width: 25%
    }
}

.masonry.spacing-1 {
    margin: 0 -.5em -1em
}

.masonry.spacing-1 .masonry-item {
    margin-bottom: 1em;
    padding: 0 .5em
}

.masonry.spacing-3 {
    margin: 0 -1.5em -3em
}

.masonry.spacing-3 .masonry-item {
    margin-bottom: 3em;
    padding: 0 1.5em
}

.masonry.spacing-4 {
    margin: 0 -2em -4em
}

.masonry.spacing-4 .masonry-item {
    margin-bottom: 4em;
    padding: 0 2em
}

.masonry.spacing-5 {
    margin: 0 -2.5em -5em
}

.masonry.spacing-5 .masonry-item {
    margin-bottom: 5em;
    padding: 0 2.5em
}

.portfolio-masonry .portfolio-item {
    width: 100%;
    text-align: left
}

@media (min-width: 768px) {
    .portfolio-masonry.column-3 .portfolio-item {
        width:50%
    }
}

@media (min-width: 768px) {
    .portfolio-masonry.column-4 .portfolio-item,.portfolio-masonry.column-5 .portfolio-item,.portfolio-masonry.column-6 .portfolio-item {
        width:33.33%
    }
}

@media (min-width: 992px) {
    .portfolio-masonry.column-3 .portfolio-item {
        width:33.33%
    }

    .portfolio-masonry.column-4 .portfolio-item,.portfolio-masonry.column-5 .portfolio-item,.portfolio-masonry.column-6 .portfolio-item {
        width: 25%
    }
}

@media (min-width: 1200px) {
    .masonry.column-5 .masonry-item,.portfolio-masonry.column-5 .portfolio-item {
        width:20%
    }

    .masonry.column-6 .masonry-item,.portfolio-masonry.column-6 .portfolio-item {
        width: 16.66%
    }
}

.portfolio-masonry.spacing-1 .portfolio-item {
    padding: .5em
}

.portfolio-masonry.spacing-2 .portfolio-item {
    padding: 1em
}

.portfolio-masonry.spacing-3 .portfolio-item {
    padding: 1.5em
}

.portfolio-masonry.spacing-4 .portfolio-item {
    padding: 2em
}

.portfolio-masonry.spacing-5 .portfolio-item {
    padding: 2.5em
}

.container .portfolio-masonry.spacing-1 {
    margin: -.5em
}

.container .portfolio-masonry.spacing-2 {
    margin: -1em
}

.container .portfolio-masonry.spacing-3 {
    margin: -1.5em
}

.container .portfolio-masonry.spacing-4 {
    margin: -2em
}

.container .portfolio-masonry.spacing-5 {
    margin: -2.5em
}

.filter ul {
    margin: 0 -5px;
    padding: 0
}

.filter ul li {
    display: inline-block;
    background: #eef2f6;
    border-radius: 30px;
    margin: 0 5px;
    padding: 7px 15px;
    font: 500 0.9em Poppins,sans-serif;
    cursor: pointer;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.filter.filter-font-2 ul li {
    font-size: 15px;
    letter-spacing: -.2px;
    text-transform: none
}

.filter.filter-style-2 ul {
    margin: 0 -2px
}

.filter.filter-style-2 ul li {
    background: 0 0;
    margin: 0 2px;
    color: #7c7c7c
}

.filter.filter-style-3 ul {
    margin: 0 -14px -8px
}

.filter.filter-style-3 ul li {
    position: relative;
    background: 0 0;
    margin: 0 14px 8px;
    padding: 0;
    color: #7c7c7c
}

.filter.filter-style-4 ul {
    margin: 0 -14px -7px
}

.filter.filter-style-4 ul li {
    background: 0 0;
    margin: 0 14px 7px;
    padding: 0;
    color: #aaa
}

.filter.filter-style-4 ul li.active,.filter.filter-style-4 ul li.mixitup-control-active,.filter.filter-style-4 ul li:hover {
    background: 0 0;
    color: #121518
}

.theme-font-unito .filter ul li {
    font: 600 0.9em Nunito,sans-serif
}

.bg-black .filter ul li,.bg-black .filter.filter-style-4 ul li,[class*=bg-color-] .filter ul li,[class*=bg-color-] .filter.filter-style-4 ul li,[class*=bg-dark] .filter ul li,[class*=bg-dark] .filter.filter-style-4 ul li,[class*=bg-gradient-] .filter ul li,[class*=bg-gradient-] .filter.filter-style-4 ul li {
    background: 0 0;
    color: rgba(255,255,255,.7)
}

.bg-black .filter ul li:hover,.bg-black .filter.filter-style-4 ul li.active,.bg-black .filter.filter-style-4 ul li.mixitup-control-active,.bg-black .filter.filter-style-4 ul li:hover,[class*=bg-color-] .filter ul li:hover,[class*=bg-color-] .filter.filter-style-4 ul li.active,[class*=bg-color-] .filter.filter-style-4 ul li.mixitup-control-active,[class*=bg-color-] .filter.filter-style-4 ul li:hover,[class*=bg-dark] .filter ul li:hover,[class*=bg-dark] .filter.filter-style-4 ul li.active,[class*=bg-dark] .filter.filter-style-4 ul li.mixitup-control-active,[class*=bg-dark] .filter.filter-style-4 ul li:hover,[class*=bg-gradient-] .filter ul li:hover,[class*=bg-gradient-] .filter.filter-style-4 ul li.active,[class*=bg-gradient-] .filter.filter-style-4 ul li.mixitup-control-active,[class*=bg-gradient-] .filter.filter-style-4 ul li:hover {
    background: 0 0;
    color: #fff
}

.portfolio-item .portfolio-box a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%
}

.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title,.portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-image: linear-gradient(to top,rgba(18,21,24,.4),transparent);
    width: 100%;
    height: 100%;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div,.portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div {
    position: absolute;
    left: 30px;
    bottom: 30px
}

.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div *,.portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div * {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    margin-bottom: .5rem;
    color: #fff;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div :last-child,.portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box .portfolio-title div :last-child {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    margin-bottom: 0
}

.portfolio-grid:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title *,.portfolio-masonry:not(.hover-style-2):not(.hover-style-3) .portfolio-item .portfolio-box:hover .portfolio-title * {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hover-style-2 .portfolio-item .portfolio-box .portfolio-title {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    background: rgba(18,21,24,.1);
    width: 100%;
    height: 100%;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hover-style-2 .portfolio-item .portfolio-box .portfolio-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-image: linear-gradient(to top,rgba(18,21,24,.3),transparent);
    width: 100%;
    height: 100%;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div {
    position: absolute;
    top: 30px;
    left: 30px
}

.hover-style-2 .portfolio-item .portfolio-box .portfolio-title div * {
    margin-bottom: .5rem;
    color: #fff;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hover-style-2 .portfolio-item .portfolio-box .portfolio-title i {
    position: absolute;
    right: 30px;
    bottom: 30px;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0;
    font-size: 1.2em;
    color: #fff;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hover-style-3 .portfolio-item .portfolio-box .portfolio-title {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem
}

.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item {
    display: table;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    visibility: hidden;
    opacity: 0;
    background: #fff;
    margin-bottom: .25rem;
    padding: .6rem 1rem;
    -webkit-transition: .12s ease-out;
    transition: .12s ease-out
}

.hero-portfolio-slider .swiper-wrapper .swiper-slide.swiper-slide-active .hero-portfolio-caption,.preloader {
    visibility: visible;
    opacity: 1;
    text-align: center
}

.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.hover-style-3 .portfolio-item .portfolio-box .portfolio-title .portfolio-title-item * {
    margin-bottom: 0;
    color: #121518
}

@media (max-width: 991.98px) {
    ol,ul {
        margin:0 0 -5px
    }

    ol li,ul li {
        margin: 0 0 5px
    }

    ul li ol,ul li ul {
        margin-top: 5px
    }

    ul.list-dash li:before {
        content: '-';
        padding-right: 6px
    }

    ul.list-dash li a:hover {
        padding-left: 2px
    }

    .timeline-wrapper,ul.list-dash li ol,ul.list-dash li ul {
        padding-left: 30px
    }

    ul.list-inline-lg {
        margin-right: -12px;
        margin-left: -12px
    }

    ul.list-inline-lg li {
        padding: 0 12px
    }

    ul.list-inline {
        margin-right: -6px;
        margin-left: -6px
    }

    ul.list-inline li {
        padding: 0 6px
    }

    ul.list-inline-sm {
        margin-right: -2px;
        margin-left: -2px
    }

    ul.list-inline-sm li {
        padding: 0 2px
    }

    body {
        font-size: 16px
    }

    .font-small {
        font-size: .9em;
        line-height: 1.7
    }

    .font-large {
        font-size: 1.063em
    }

    .clients-grid li,.clients-grid.column-5 li {
        width: 25%
    }

    .feature-box {
        padding-left: 85px
    }

    .feature-box.feature-box-xl {
        padding-left: 86px
    }

    .feature-box.feature-box-lg {
        padding-left: 80px
    }

    .feature-box.feature-box-sm {
        padding-left: 56px
    }

    .feature-box.feature-box-xs {
        padding-left: 48px
    }

    .hoverbox-2 .hover-content,.owl-carousel.owl-nav-overlap {
        padding: 0 20px
    }

    .hoverbox-3 .hover-content {
        padding: 20px
    }

    .gmap-xs {
        height: 250px
    }

    .gmap-sm {
        height: 300px
    }

    .gmap-md {
        height: 350px
    }

    .gmap-lg {
        height: 400px
    }

    .gmap-xl {
        height: 450px
    }

    .section-divider-waves-bottom:before,.section-divider-waves-top:before {
        left: -20%;
        width: 140%;
        height: 50px
    }

    .section-divider-wavesOpacity-bottom:before,.section-divider-wavesOpacity-top:before {
        left: -25%;
        width: 150%;
        height: 50px
    }

    .section-divider-curve-bottom:before,.section-divider-curve-top:before {
        height: 50px
    }

    .owl-carousel[data-owl-nav=true]:not([class*=owl-nav-]) {
        padding: 0 48px
    }

    .owl-carousel .owl-nav {
        height: 32px
    }

    .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {
        width: 32px;
        height: 32px
    }

    .owl-carousel .owl-nav button.owl-next i,.owl-carousel .owl-nav button.owl-prev i {
        font-size: 1em;
        line-height: 32px
    }

    .owl-carousel .owl-dots {
        margin-top: 16px
    }

    .owl-carousel.owl-nav-overlap-left:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav,.owl-carousel.owl-nav-overlap-right:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav,.owl-carousel.owl-nav-overlap:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav,.owl-carousel:not([data-owl-dots=false]):not([class*=owl-dots-over]) .owl-nav {
        margin-top: -18px
    }

    .owl-carousel.owl-nav-left {
        padding: 0 0 0 48px
    }

    .owl-carousel.owl-nav-right {
        padding: 0 48px 0 0
    }

    .header .header-menu .nav .nav-item .mega-menu-content,.owl-carousel.owl-nav-overlay .owl-nav {
        display: none
    }

    .hero-portfolio-slider .swiper-pagination.swiper-pagination-horizontal,.owl-carousel.owl-dots-overlay .owl-dots {
        bottom: 16px
    }

    .owl-carousel.owl-dots-overlay.owl-nav-overlap-left .owl-dots,.owl-carousel.owl-dots-overlay.owl-nav-overlap-right .owl-dots {
        margin-left: -10px
    }

    .owl-carousel.owl-dots-overlap-left .owl-dots {
        left: 16px
    }

    .owl-carousel.owl-dots-overlap-left.owl-nav-left:not(.owl-nav-right):not([class*=owl-nav-over]) .owl-dots,.owl-carousel.owl-dots-overlap-left[data-owl-nav=true]:not(.owl-nav-right):not([class*=owl-nav-over]) .owl-dots {
        left: 64px
    }

    .owl-carousel.owl-dots-overlap-right .owl-dots {
        right: 16px
    }

    .owl-carousel.owl-dots-overlap-right.owl-nav-right:not(.owl-nav-left):not([class*=owl-nav-over]) .owl-dots,.owl-carousel.owl-dots-overlap-right[data-owl-nav=true]:not(.owl-nav-left):not([class*=owl-nav-over]) .owl-dots {
        right: 64px
    }

    .owl-carousel.owl-dots-overlap-right.owl-nav-overlap .owl-dots,.owl-carousel.owl-dots-overlap-right.owl-nav-overlap-right .owl-dots {
        right: 36px
    }

    .owl-carousel.owl-nav-overlap .owl-nav {
        right: 20px;
        left: 20px;
        height: 40px
    }

    .owl-carousel.owl-nav-overlap .owl-nav button.owl-next,.owl-carousel.owl-nav-overlap .owl-nav button.owl-prev,.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-next,.owl-carousel.owl-nav-overlap-left .owl-nav button.owl-prev,.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-next,.owl-carousel.owl-nav-overlap-right .owl-nav button.owl-prev {
        width: 40px;
        height: 40px
    }

    .owl-carousel.owl-nav-overlap-left,.owl-carousel.owl-nav-overlap-right {
        padding: 0 20px 0 0
    }

    .owl-carousel.owl-nav-overlap-left .owl-nav,.owl-carousel.owl-nav-overlap-right .owl-nav {
        left: auto;
        right: 20px;
        -webkit-transform: translateY(-50%) translateX(50%);
        transform: translateY(-50%) translateX(50%);
        width: 40px
    }

    .hero-portfolio-slider {
        padding: 0 30px
    }

    .testimonial-grid .testimonial-grid-box {
        width: 50%
    }

    .header .header-menu.show,.timeline-wrapper:before {
        left: 0
    }

    .timeline-wrapper .timeline {
        margin-bottom: 30px
    }

    .timeline-wrapper .timeline:first-child {
        padding-top: 30px
    }

    .timeline-wrapper .timeline:last-child {
        margin-bottom: 0;
        padding-bottom: 30px
    }

    .timeline-wrapper .timeline .timeline-date:before {
        top: 1px;
        left: -40px
    }

    .timeline-wrapper .timeline .timeline-date:after {
        top: 7px;
        left: -34px
    }

    .blog-card-wrapper .blog-card {
        padding: 24px
    }

    .fullscreen-menu .fm-wrapper .fm-close {
        top: 30px;
        right: 30px
    }

    .header {
        height: 95px
    }

    .header .header-menu {
        position: fixed;
        top: 0;
        left: -100%;
        overflow-y: auto;
        background: #fff;
        width: 300px;
        height: 100%;
        -webkit-box-shadow: 0 0 36px 0 rgba(22,25,28,.17);
        box-shadow: 0 0 36px 0 rgba(22,25,28,.17);
        padding: 20px 30px;
        -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
        transition: .4s cubic-bezier(.165, .84, .44, 1)
    }

    .header .header-menu .nav {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .header .header-menu .nav .nav-item {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        border-bottom: 1px solid #e2e6ea;
        padding: 12px 0
    }

    .header .header-menu .nav .nav-item:last-child {
        border: 0
    }

    .header .header-menu .nav .nav-item .nav-link {
        display: inline-block;
        width: auto;
        height: auto;
        color: #7c7c7c
    }

    .header .header-menu .nav .nav-item .nav-link.active,.header .header-menu .nav .nav-item .nav-link:focus,.header .header-menu .nav .nav-item .nav-link:hover {
        color: #ed0000
    }

    .header .header-menu .nav .nav-item.mega-menu-item .nav-link {
        width: 100%
    }

    .header .header-menu .nav .nav-item.mega-menu-item .nav-link:after {
        float: right
    }

    .header .header-menu .nav .nav-item.mega-menu-item .mega-menu-content {
        padding-top: 12px
    }

    .header .header-menu .nav .nav-item .nav-dropdown-toggle {
        position: absolute;
        top: 13px;
        right: 0;
        width: 21px;
        height: 21px;
        text-align: right
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.active,.header .header-menu .nav .nav-item .nav-dropdown-toggle.active {
        color: #121518
    }

    .header .header-menu .nav .nav-item .nav-dropdown {
        display: none;
        background: #fff;
        padding: 8px 0 0 20px
    }

    .header .header-menu .nav .nav-item .mega-menu-content.show,.header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.show,.header .header-menu .nav .nav-item .nav-dropdown.show {
        display: block
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item {
        position: relative;
        margin: 0 0 8px
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown li:last-child,.header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item:last-child {
        margin: 0
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle {
        top: 0;
        right: 0;
        width: 21px;
        height: 21px;
        text-align: right
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after {
        content: '\f107'
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown {
        display: none;
        padding: 8px 0 0 20px
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown li {
        margin: 0 0 8px
    }

    .header .header-menu-extra {
        position: absolute;
        top: 50%;
        right: 80px;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .header.header-boxed .container,.header.header-boxed .container-fluid {
        background: rgba(255,255,255,.95)
    }

    .header[class*=mobile-menu-color] .nav .nav-item {
        border-color: rgba(255,255,255,.2)
    }

    .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]),.header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown-toggle,.header[class*=mobile-menu-color] .nav .nav-item .nav-link {
        color: rgba(255,255,255,.8)
    }

    .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]):focus,.header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown a:not([class^=button]):not([class^=link-social]):hover,.header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown-toggle.active,.header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown-toggle:focus,.header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown-toggle:hover,.header[class*=mobile-menu-color] .nav .nav-item .nav-link.active,.header[class*=mobile-menu-color] .nav .nav-item .nav-link:focus,.header[class*=mobile-menu-color] .nav .nav-item .nav-link:hover {
        color: #fff
    }

    .header[class*=mobile-menu-color] .nav .nav-item .nav-dropdown {
        background: 0 0
    }

    .header.mobile-menu-color-dark .header-menu {
        background: #181c20
    }

    .header-placeholder,.header-placeholder-lg,.header-placeholder-xl {
        height: 70px
    }

    .hover-style-3 .portfolio-item .portfolio-box .portfolio-title {
        right: 1.25rem;
        bottom: 1.25rem;
        left: 1.25rem
    }
}

.hero-portfolio-slider .hero-portfolio-box .hero-portfolio-img {
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: -50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(18,21,24,.9);
    max-width: 70%;
    padding: 1.5rem 2rem;
    -webkit-transition: .16s ease-out;
    transition: .16s ease-out
}

.hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption * {
    color: #fff;
    margin: 0
}

body:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    background: #fff;
    width: 100%;
    height: 100%
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
    height: 100%
}

.preloader div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.loaded .preloader {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.preloader-1 div {
    position: relative;
    width: 70px;
    height: 70px
}

.preloader-1 div .loader-circular {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform-origin: center center;
    width: 70px;
    height: 70px;
    margin: auto;
    animation: 2s linear infinite loader-one-rotate
}

.preloader-1 div .loader-path {
    fill: none;
    stroke: #121518;
    stroke-width: 2.5;
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    animation: 1.5s ease-in-out infinite loader-one-dash
}

.preloader-dark .preloader-1 div .loader-path {
    stroke: white
}

.preloader-blue .preloader-1 div .loader-path {
    stroke: #0093e9
}

.preloader-purple .preloader-1 div .loader-path {
    stroke: #b721ff
}

.preloader-pink-edge .preloader-1 div .loader-path {
    stroke: #fe9ab6
}

.preloader-golden-yellow .preloader-1 div .loader-path {
    stroke: #ffb657
}

.preloader-very-peri .preloader-1 div .loader-path {
    stroke: #6667ab
}

.preloader-turquoise .preloader-1 div .loader-path {
    stroke: #4cbfa6
}

.preloader-spring-red .preloader-1 div .loader-path {
    stroke: #be1f35
}

.preloader-tan .preloader-1 div .loader-path {
    stroke: tan
}

.preloader-aqua .preloader-1 div .loader-path {
    stroke: #03d4d8
}

@keyframes loader-one-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loader-one-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.preloader-2 div span {
    display: inline-block;
    opacity: .2;
    background: #000;
    background: linear-gradient(to right,#000 10%,transparent 40%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-animation: .6s linear infinite loader-two;
    animation: .6s linear infinite loader-two
}

.preloader-2 div span:after,.preloader-2 div span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0
}

.preloader-2 div span:before {
    background: #000;
    width: 50%;
    height: 50%;
    border-radius: 100% 0 0
}

.preloader-2 div span:after {
    right: 0;
    bottom: 0;
    background: #fff;
    width: 90%;
    height: 90%;
    margin: auto;
    border-radius: 50%
}

@keyframes loader-two {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes loader-two {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.preloader-dark .preloader-2 div span {
    background: #fff;
    background: linear-gradient(to right,#fff 10%,transparent 40%)
}

.preloader-blue .preloader-2 div span {
    background: #0093e9;
    background: linear-gradient(to right,#0093e9 10%,transparent 40%)
}

.preloader-purple .preloader-2 div span {
    background: #b721ff;
    background: linear-gradient(to right,#b721ff 10%,transparent 40%)
}

.preloader-pink-edge .preloader-2 div span {
    background: #fe9ab6;
    background: linear-gradient(to right,#fe9ab6 10%,transparent 40%)
}

.preloader-golden-yellow .preloader-2 div span {
    background: #ffb657;
    background: linear-gradient(to right,#ffb657 10%,transparent 40%)
}

.preloader-very-peri .preloader-2 div span {
    background: #6667ab;
    background: linear-gradient(to right,#6667ab 10%,transparent 40%)
}

.preloader-turquoise .preloader-2 div span {
    background: #4cbfa6;
    background: linear-gradient(to right,#4cbfa6 10%,transparent 40%)
}

.preloader-spring-red .preloader-2 div span {
    background: #be1f35;
    background: linear-gradient(to right,#be1f35 10%,transparent 40%)
}

.preloader-tan .preloader-2 div span {
    background: tan;
    background: linear-gradient(to right,tan 10%,transparent 40%)
}

.preloader-aqua .preloader-2 div span {
    background: #03d4d8;
    background: linear-gradient(to right,#03d4d8 10%,transparent 40%)
}

.preloader-3 div {
    width: 50px;
    height: 50px
}

.preloader-3 div span {
    position: relative;
    display: block
}

.preloader-3 div span:after,.preloader-3 div span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(18,21,24,.1);
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.preloader-3 div span:before {
    -webkit-animation: 1.2s ease-in-out infinite loader-three-bounceIn;
    animation: 1.2s ease-in-out infinite loader-three-bounceIn
}

.preloader-3 div span:after {
    -webkit-animation: 1.2s ease-in-out infinite loader-three-bounceOut;
    animation: 1.2s ease-in-out infinite loader-three-bounceOut
}

@-webkit-keyframes loader-three-bounceIn {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes loader-three-bounceIn {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader-three-bounceOut {
    0%,100% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0)
    }
}

@keyframes loader-three-bounceOut {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.area-box:hover,.case-card:hover {
    transform: translateY(-6px)
}

.bg-blue-02,.bg-color-blue-02,.preloader-blue .preloader-3 div span:after,.preloader-blue .preloader-3 div span:before {
    background: rgba(0,147,233,.2)
}

.bg-color-purple-02,.bg-purple-02,.preloader-purple .preloader-3 div span:after,.preloader-purple .preloader-3 div span:before {
    background: rgba(183,33,255,.2)
}

.bg-color-pink-edge-02,.bg-pink-edge-02,.preloader-pink-edge .preloader-3 div span:after,.preloader-pink-edge .preloader-3 div span:before {
    background: rgba(254,154,182,.2)
}

.bg-color-golden-yellow-02,.bg-golden-yellow-02,.preloader-golden-yellow .preloader-3 div span:after,.preloader-golden-yellow .preloader-3 div span:before {
    background: rgba(255,182,87,.2)
}

.bg-color-very-peri-02,.bg-very-peri-02,.preloader-very-peri .preloader-3 div span:after,.preloader-very-peri .preloader-3 div span:before {
    background: rgba(102,103,171,.2)
}

.bg-turquoise-02,.preloader-turquoise .preloader-3 div span:after,.preloader-turquoise .preloader-3 div span:before {
    background: rgba(76,191,166,.2)
}

.bg-color-spring-red-02,.bg-spring-red-02,.preloader-spring-red .preloader-3 div span:after,.preloader-spring-red .preloader-3 div span:before {
    background: rgba(190,31,53,.2)
}

.bg-color-tan-02,.bg-tan-02,.preloader-tan .preloader-3 div span:after,.preloader-tan .preloader-3 div span:before {
    background: rgba(210,180,140,.2)
}

.bg-aqua-02,.bg-color-aqua-02,.preloader-aqua .preloader-3 div span:after,.preloader-aqua .preloader-3 div span:before {
    background: rgba(3,212,216,.2)
}

.section-xs {
    padding: 50px 0
}

.section-xs.bg-image .container,.section-xs.bg-image .container-fluid {
    padding: 50px 30px
}

.section-sm {
    padding: 70px 0
}

.section-sm.bg-image .container,.section-sm.bg-image .container-fluid {
    padding: 70px 30px
}

.section,.section-md,.service-areas,.testimonial {
    padding: 100px 0
}

.section-md.bg-image .container,.section-md.bg-image .container-fluid,.section.bg-image .container,.section.bg-image .container-fluid {
    padding: 100px 30px
}

.section-lg {
    padding: 140px 0
}

.section-lg.bg-image .container,.section-lg.bg-image .container-fluid {
    padding: 140px 30px
}

.section-xl {
    padding: 180px 0
}

.section-xl.bg-image .container,.section-xl.bg-image .container-fluid {
    padding: 180px 30px
}

.section-2xl {
    padding: 220px 0
}

.section-2xl.bg-image .container,.section-2xl.bg-image .container-fluid {
    padding: 220px 30px
}

@media (max-width: 767.98px) {
    .blockquote {
        padding:16px 20px
    }

    .blockquote.style-2 {
        padding: 16px 16px 16px 36px
    }

    .clients-grid li,.clients-grid.column-4 li,.clients-grid.column-5 li,.clients-grid.masonry.column-5 li,.clients-grid.masonry.column-6 li,.clients-grid.portfolio-masonry.column-5 li,.clients-grid.portfolio-masonry.column-6 li {
        width: 33.3%
    }

    .clients-grid.column-3 li {
        width: 50%
    }

    .testimonial-grid .testimonial-grid-box {
        width: 100%;
        padding: 30px 0
    }

    .testimonial-grid.border-0 {
        margin: -15px 0
    }

    .testimonial-grid.border-0 .testimonial-grid-box {
        padding: 15px 0
    }

    .fullscreen-menu .fm-wrapper .fm-close {
        top: 20px;
        right: 20px
    }

    .fullscreen-menu .fm-wrapper .fm-close span {
        width: 50px;
        height: 50px
    }

    .hero-portfolio-slider .hero-portfolio-box .hero-portfolio-caption {
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        padding: 1rem 1.5rem
    }

    .section-xs {
        padding: 30px 0
    }

    .section-xs.bg-image .container,.section-xs.bg-image .container-fluid {
        padding: 30px
    }

    .section-sm {
        padding: 50px 0
    }

    .section-sm.bg-image .container,.section-sm.bg-image .container-fluid {
        padding: 50px 30px
    }

    .section,.section-md {
        padding: 80px 0
    }

    .section-md.bg-image .container,.section-md.bg-image .container-fluid,.section.bg-image .container,.section.bg-image .container-fluid {
        padding: 80px 30px
    }

    .section-lg {
        padding: 110px 0
    }

    .section-lg.bg-image .container,.section-lg.bg-image .container-fluid {
        padding: 110px 30px
    }

    .section-xl {
        padding: 140px 0
    }

    .section-xl.bg-image .container,.section-xl.bg-image .container-fluid {
        padding: 140px 30px
    }

    .section-2xl {
        padding: 170px 0
    }

    .section-2xl.bg-image .container,.section-2xl.bg-image .container-fluid {
        padding: 170px 30px
    }
}

@media (max-width: 575.98px) {
    .clients-grid li,.clients-grid.column-4 li,.clients-grid.column-5 li,.clients-grid.masonry.column-5 li,.clients-grid.masonry.column-6 li,.clients-grid.portfolio-masonry.column-5 li,.clients-grid.portfolio-masonry.column-6 li {
        width:50%
    }

    button.mfp-arrow,button.mfp-arrow:active {
        margin-top: -35px
    }

    button.mfp-arrow {
        background: rgba(18,21,24,.5);
        width: 70px;
        height: 70px
    }

    button.mfp-arrow-left {
        margin-left: 20px
    }

    button.mfp-arrow-left:after,button.mfp-arrow-left:before {
        margin-top: 15px;
        margin-left: 20px
    }

    button.mfp-arrow-right {
        margin-right: 20px
    }

    button.mfp-arrow-right:after,button.mfp-arrow-right:before {
        margin-top: 15px;
        margin-left: 30px
    }

    .timeline-wrapper {
        padding-left: 20px
    }

    .timeline-wrapper .timeline .timeline-date:before {
        left: -30px
    }

    .timeline-wrapper .timeline .timeline-date:after {
        left: -24px
    }

    .header.header-boxed .container,.header.header-boxed .container-fluid {
        width: auto;
        margin-right: 8px;
        margin-left: 8px;
        padding: 0 26px
    }

    .section,.section-md {
        padding: 70px 0
    }

    .section-md.bg-image .container,.section-md.bg-image .container-fluid,.section.bg-image .container,.section.bg-image .container-fluid {
        padding: 70px 30px
    }

    .section-lg {
        padding: 90px 0
    }

    .section-lg.bg-image .container,.section-lg.bg-image .container-fluid {
        padding: 90px 30px
    }

    .section-xl {
        padding: 120px 0
    }

    .section-xl.bg-image .container,.section-xl.bg-image .container-fluid {
        padding: 120px 30px
    }

    .section-2xl {
        padding: 150px 0
    }

    .section-2xl.bg-image .container,.section-2xl.bg-image .container-fluid {
        padding: 150px 30px
    }
}

.section-fullscreen {
    width: 100%;
    height: 100vh
}

.section-fullscreen .bg-black,.section-fullscreen .container,.section-fullscreen .container-fluid,.section-fullscreen [class*=bg-color],.section-fullscreen [class*=bg-dark],.section-fullscreen [class*=bg-gradient],.section-fullscreen [class*=bg-gray],.section-fullscreen [class*=bg-white] {
    height: 100%
}

:root {
    --bs-dark-rgb: 24,28,32;
    --bs-border-color: rgba(18,21,24,0.1)
}

.bg-color-white-05,.bg-white-05 {
    background: rgba(255,255,255,.5)
}

.bg-color-white-06,.bg-white-06 {
    background: rgba(255,255,255,.6)
}

.bg-color-white-07,.bg-white-07 {
    background: rgba(255,255,255,.7)
}

.bg-color-white-09,.bg-white-09 {
    background: rgba(255,255,255,.9)
}

.bg-color-dark-03,.bg-dark-03 {
    background: rgba(18,21,24,.3)
}

.bg-color-dark-04,.bg-dark-04 {
    background: rgba(18,21,24,.4)
}

.bg-dark-05 {
    background: rgb(18 21 24 / 77%)
}

.bg-color-dark-07,.bg-dark-07 {
    background: rgba(18,21,24,.7)
}

.bg-color-dark-09,.bg-dark-09 {
    background: rgba(18,21,24,.9)
}

.bg-blue-01,.bg-color-blue-01 {
    background: rgba(0,147,233,.1)
}

.bg-blue-03,.bg-color-blue-03 {
    background: rgba(0,147,233,.3)
}

.bg-blue-04,.bg-color-blue-04 {
    background: rgba(0,147,233,.4)
}

.bg-blue-05,.bg-color-blue-05 {
    background: rgba(0,147,233,.5)
}

.bg-blue-06,.bg-color-blue-06 {
    background: rgba(0,147,233,.6)
}

.bg-blue-07,.bg-color-blue-07 {
    background: rgba(0,147,233,.7)
}

.bg-blue-08,.bg-color-blue-08 {
    background: rgba(0,147,233,.8)
}

.bg-blue-09,.bg-color-blue-09 {
    background: rgba(0,147,233,.9)
}

.bg-color-purple-01,.bg-purple-01 {
    background: rgba(183,33,255,.1)
}

.bg-color-purple-03,.bg-purple-03 {
    background: rgba(183,33,255,.3)
}

.bg-color-purple-04,.bg-purple-04 {
    background: rgba(183,33,255,.4)
}

.bg-color-purple-05,.bg-purple-05 {
    background: rgba(183,33,255,.5)
}

.bg-color-purple-06,.bg-purple-06 {
    background: rgba(183,33,255,.6)
}

.bg-color-purple-07,.bg-purple-07 {
    background: rgba(183,33,255,.7)
}

.bg-color-purple-08,.bg-purple-08 {
    background: rgba(183,33,255,.8)
}

.bg-color-purple-09,.bg-purple-09 {
    background: rgba(183,33,255,.9)
}

.bg-color-golden-yellow-01,.bg-golden-yellow-01 {
    background: rgba(255,182,87,.1)
}

.bg-color-golden-yellow-03,.bg-golden-yellow-03 {
    background: rgba(255,182,87,.3)
}

.bg-color-golden-yellow-04,.bg-golden-yellow-04 {
    background: rgba(255,182,87,.4)
}

.bg-color-golden-yellow-05,.bg-golden-yellow-05 {
    background: rgba(255,182,87,.5)
}

.bg-color-golden-yellow-06,.bg-golden-yellow-06 {
    background: rgba(255,182,87,.6)
}

.bg-color-golden-yellow-07,.bg-golden-yellow-07 {
    background: rgba(255,182,87,.7)
}

.bg-color-golden-yellow-08,.bg-golden-yellow-08 {
    background: rgba(255,182,87,.8)
}

.bg-color-golden-yellow-09,.bg-golden-yellow-09 {
    background: rgba(255,182,87,.9)
}

.bg-color-pink-edge-01,.bg-pink-edge-01 {
    background: rgba(254,154,182,.1)
}

.bg-color-pink-edge-03,.bg-pink-edge-03 {
    background: rgba(254,154,182,.3)
}

.bg-color-pink-edge-04,.bg-pink-edge-04 {
    background: rgba(254,154,182,.4)
}

.bg-color-pink-edge-05,.bg-pink-edge-05 {
    background: rgba(254,154,182,.5)
}

.bg-color-pink-edge-06,.bg-pink-edge-06 {
    background: rgba(254,154,182,.6)
}

.bg-color-pink-edge-07,.bg-pink-edge-07 {
    background: rgba(254,154,182,.7)
}

.bg-color-pink-edge-08,.bg-pink-edge-08 {
    background: rgba(254,154,182,.8)
}

.bg-color-pink-edge-09,.bg-pink-edge-09 {
    background: rgba(254,154,182,.9)
}

.bg-color-very-peri-01,.bg-very-peri-01 {
    background: rgba(102,103,171,.1)
}

.bg-color-very-peri-03,.bg-very-peri-03 {
    background: rgba(102,103,171,.3)
}

.bg-color-very-peri-04,.bg-very-peri-04 {
    background: rgba(102,103,171,.4)
}

.bg-color-very-peri-05,.bg-very-peri-05 {
    background: rgba(102,103,171,.5)
}

.bg-very-peri-06 {
    background: rgba(102,103,171,.6)
}

.bg-color-very-peri-07,.bg-very-peri-07 {
    background: rgba(102,103,171,.7)
}

.bg-color-very-peri-08,.bg-very-peri-08 {
    background: rgba(102,103,171,.8)
}

.bg-color-very-peri-09,.bg-very-peri-09 {
    background: rgba(102,103,171,.9)
}

.bg-color-turquoise-01,.bg-turquoise-01 {
    background: rgba(76,191,166,.1)
}

.bg-color-turquoise-03,.bg-turquoise-03 {
    background: rgba(76,191,166,.3)
}

.bg-color-turquoise-04,.bg-turquoise-04 {
    background: rgba(76,191,166,.4)
}

.bg-color-turquoise-05,.bg-turquoise-05 {
    background: rgba(76,191,166,.5)
}

.bg-color-turquoise-06,.bg-turquoise-06 {
    background: rgba(76,191,166,.6)
}

.bg-color-turquoise-07,.bg-turquoise-07 {
    background: rgba(76,191,166,.7)
}

.bg-color-turquoise-08,.bg-turquoise-08 {
    background: rgba(76,191,166,.8)
}

.bg-color-turquoise-09,.bg-turquoise-09 {
    background: rgba(76,191,166,.9)
}

.bg-color-spring-red-01,.bg-spring-red-01 {
    background: rgba(190,31,53,.1)
}

.bg-color-spring-red-03,.bg-spring-red-03 {
    background: rgba(190,31,53,.3)
}

.bg-color-spring-red-04,.bg-spring-red-04 {
    background: rgba(190,31,53,.4)
}

.bg-color-spring-red-05,.bg-spring-red-05 {
    background: rgba(190,31,53,.5)
}

.bg-color-spring-red-06,.bg-spring-red-06 {
    background: rgba(190,31,53,.6)
}

.bg-color-spring-red-07,.bg-spring-red-07 {
    background: rgba(190,31,53,.7)
}

.bg-color-spring-red-08,.bg-spring-red-08 {
    background: rgba(190,31,53,.8)
}

.bg-color-spring-red-09,.bg-spring-red-09 {
    background: rgba(190,31,53,.9)
}

.bg-color-tan-01,.bg-tan-01 {
    background: rgba(210,180,140,.1)
}

.bg-color-tan-03,.bg-tan-03 {
    background: rgba(210,180,140,.3)
}

.bg-color-tan-04,.bg-tan-04 {
    background: rgba(210,180,140,.4)
}

.bg-color-tan-05,.bg-tan-05 {
    background: rgba(210,180,140,.5)
}

.bg-color-tan-06,.bg-tan-06 {
    background: rgba(210,180,140,.6)
}

.bg-color-tan-07,.bg-tan-07 {
    background: rgba(210,180,140,.7)
}

.bg-color-tan-08,.bg-tan-08 {
    background: rgba(210,180,140,.8)
}

.bg-color-tan-09,.bg-tan-09 {
    background: rgba(210,180,140,.9)
}

.bg-aqua-01,.bg-color-aqua-01 {
    background: rgba(3,212,216,.1)
}

.bg-aqua-03,.bg-color-aqua-03 {
    background: rgba(3,212,216,.3)
}

.bg-aqua-04,.bg-color-aqua-04 {
    background: rgba(3,212,216,.4)
}

.bg-aqua-05,.bg-color-aqua-05 {
    background: rgba(3,212,216,.5)
}

.bg-aqua-06,.bg-color-aqua-06 {
    background: rgba(3,212,216,.6)
}

.bg-aqua-07,.bg-color-aqua-07 {
    background: rgba(3,212,216,.7)
}

.bg-aqua-08,.bg-color-aqua-08 {
    background: rgba(3,212,216,.8)
}

.bg-aqua-09,.bg-color-aqua-09 {
    background: rgba(3,212,216,.9)
}

.bg-color-very-peri-06 {
    background: #0a0efebf
}

.bg-color-turquoise-02 {
    background: #0004fe
}

.bg-dark-lightest {
    background: #282c30
}

.bg-dark {
    background: #121518
}

.bg-gray-lightest {
    background: #f4f8fc
}

.bg-light-blue {
    background: #e2f2fb
}

.bg-light-purple {
    background: #f5e4ff
}

.bg-light-pink-edge {
    background: #fee6ed
}

.bg-light-golden-yellow {
    background: #ffefdb
}

.bg-light-very-peri {
    background: #ededf5
}

.bg-light-turquoise {
    background: #e2f4f0
}

.bg-light-spring-red {
    background: #f7e5e7
}

.bg-light-tan {
    background: #f6f0e8
}

.bg-light-aqua {
    background: #cef6f7
}

.bg-color-very-peri {
    background: #ed0000
}

.text-gradient-1,.text-gradient-2 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.bg-black a:not([class^=button]),.bg-dark-content a:not([class^=button]),.text-white-09,[class*=bg-color-] a:not([class^=button]),[class*=bg-dark] a:not([class^=button]),[class*=bg-gradient-] a:not([class^=button]) {
    color: rgba(255,255,255,.9)
}

.font-family-primary {
    font-family: "Open Sans",sans-serif
}

.font-family-playfair {
    font-family: "Playfair Display",serif
}

.font-family-poppins {
    font-family: Poppins,sans-serif
}

.font-family-outfit {
    font-family: Outfit,sans-serif
}

.fw-thin {
    font-weight: 100
}

.fw-medium {
    font-weight: 500
}

.area-box h6,.fw-semi-bold {
    font-weight: 600
}

.fw-black {
    font-weight: 900
}

.text-white-01 {
    color: rgba(255,255,255,.1)
}

.text-white-04 {
    color: rgba(255,255,255,.4)
}

.text-white-06 {
    color: rgba(255,255,255,.6)
}

.text-dark-01 {
    color: rgba(18,21,24,.1)
}

.text-dark-03 {
    color: rgba(18,21,24,.3)
}

.text-dark-04 {
    color: rgba(18,21,24,.4)
}

.text-dark-05 {
    color: rgba(18,21,24,.5)
}

.text-dark-06 {
    color: rgba(18,21,24,.6)
}

.text-dark-07 {
    color: rgba(18,21,24,.7)
}

.text-dark-08 {
    color: rgba(18,21,24,.8)
}

.text-red {
    color: #dc3545
}

.text-green {
    color: #28a745
}

.text-blue {
    color: #0093e9
}

.text-purple {
    color: #b721ff
}

.text-golden-yellow {
    color: #ffb657
}

.text-pink-edge {
    color: #fe9ab6
}

.text-very-peri {
    color: #6667ab
}

.text-turquoise {
    color: #0206fe
}

.text-spring-red {
    color: #be1f35
}

.text-tan {
    color: tan
}

.text-aqua {
    color: #03d4d8
}

.bg-black .bg-white .stroke-text,.bg-black [class*=bg-white] .stroke-text,.stroke-text,[class*=bg-color-] .bg-white .stroke-text,[class*=bg-color-] [class*=bg-white] .stroke-text,[class*=bg-dark] .bg-white .stroke-text,[class*=bg-dark] [class*=bg-white] .stroke-text,[class*=bg-gradient-] .bg-white .stroke-text,[class*=bg-gradient-] [class*=bg-white] .stroke-text {
    color: #121518;
    -webkit-text-stroke-color: #121518
}

.text-gradient-1 {
    background-image: linear-gradient(19deg,#21d4fd 0,#b721ff 100%);
    background-clip: text
}

.text-gradient-2 {
    background-image: linear-gradient(45deg,#a9c9ff 0,#ffbbec 100%);
    background-clip: text
}

.text-gradient-3 {
    background-image: linear-gradient(43deg,#4158d0 0,#c850c0 46%,#ffcc70 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-gradient-4 {
    background-image: linear-gradient(90deg,#00dbde 0,#fc00ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-gradient-5,.text-gradient-6 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-gradient-5 {
    background-image: linear-gradient(45deg,#fbda61 0,#ff5acd 100%);
    background-clip: text
}

.text-gradient-6 {
    background-image: linear-gradient(160deg,#0093e9 0,#80d0c7 100%);
    background-clip: text
}

.text-gradient-7 {
    background-image: linear-gradient(90deg,#007990 0,#6ce5c0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

[class*=text-highlight]:before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 2px
}

h1[class*=text-highlight]:before,h2[class*=text-highlight]:before {
    bottom: -2px;
    height: 6px;
    border-radius: 3px
}

h3[class*=text-highlight]:before {
    bottom: -2px;
    height: 5px;
    border-radius: 3px
}

h1.display-1[class*=text-highlight]:before {
    bottom: -8px;
    height: 10px;
    border-radius: 5px
}

h1.display-2[class*=text-highlight]:before,h1.display-3[class*=text-highlight]:before {
    bottom: -6px;
    height: 8px;
    border-radius: 4px
}

h1.display-4[class*=text-highlight]:before {
    bottom: -6px;
    height: 7px;
    border-radius: 4px
}

.stroke-text {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.0px
}

@media (min-width: 768px) {
    .stroke-text {
        -webkit-text-stroke-width:1.2px
    }
}

.bg-black .stroke-text,[class*=bg-color-] .stroke-text,[class*=bg-dark] .stroke-text,[class*=bg-gradient-] .stroke-text {
    color: #fff;
    -webkit-text-stroke-color: white
}

.fancy-text {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.0px;
    -webkit-text-stroke-color: #121518;
    -webkit-text-shadow: 3px 3px 0 #dbdddf;
    text-shadow: 3px 3px 0 #dbdddf
}

@media (min-width: 768px) {
    .fancy-text {
        -webkit-text-stroke-width:1.2px
    }
}

@media (min-width: 992px) {
    .fancy-text,.stroke-text {
        -webkit-text-stroke-width:1.4px
    }
}

.bg-black [class*=bg-white] .fancy-text.display-1,.bg-black [class*=bg-white] .fancy-text.display-2,.bg-black [class*=bg-white] .fancy-text.display-3,.fancy-text.display-1,.fancy-text.display-2,.fancy-text.display-3,[class*=bg-color-] [class*=bg-white] .fancy-text.display-1,[class*=bg-color-] [class*=bg-white] .fancy-text.display-2,[class*=bg-color-] [class*=bg-white] .fancy-text.display-3,[class*=bg-dark] [class*=bg-white] .fancy-text.display-1,[class*=bg-dark] [class*=bg-white] .fancy-text.display-2,[class*=bg-dark] [class*=bg-white] .fancy-text.display-3,[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-1,[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-2,[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-3 {
    -webkit-text-shadow: 4px 4px 0 #dbdddf;
    text-shadow: 4px 4px 0 #dbdddf
}

.bg-black .fancy-text,[class*=bg-color-] .fancy-text,[class*=bg-dark] .fancy-text,[class*=bg-gradient-] .fancy-text {
    color: #fff;
    -webkit-text-stroke-color: white;
    -webkit-text-shadow: 3px 3px 0 #2e3032;
    text-shadow: 3px 3px 0 #2e3032
}

.bg-black .fancy-text.display-1,.bg-black .fancy-text.display-2,.bg-black .fancy-text.display-3,[class*=bg-color-] .fancy-text.display-1,[class*=bg-color-] .fancy-text.display-2,[class*=bg-color-] .fancy-text.display-3,[class*=bg-dark] .fancy-text.display-1,[class*=bg-dark] .fancy-text.display-2,[class*=bg-dark] .fancy-text.display-3,[class*=bg-gradient-] .fancy-text.display-1,[class*=bg-gradient-] .fancy-text.display-2,[class*=bg-gradient-] .fancy-text.display-3 {
    -webkit-text-shadow: 4px 4px 0 #2e3032;
    text-shadow: 4px 4px 0 #2e3032
}

.bg-black [class*=bg-white] .fancy-text,[class*=bg-color-] [class*=bg-white] .fancy-text,[class*=bg-dark] [class*=bg-white] .fancy-text,[class*=bg-gradient-] [class*=bg-white] .fancy-text {
    color: #121518;
    -webkit-text-stroke-color: #121518;
    -webkit-text-shadow: 3px 3px 0 #dbdddf;
    text-shadow: 3px 3px 0 #dbdddf
}

@media (min-width: 768px) {
    .bg-black [class*=bg-white] .fancy-text.display-1,.bg-black [class*=bg-white] .fancy-text.display-2,.bg-black [class*=bg-white] .fancy-text.display-3,.fancy-text.display-1,.fancy-text.display-2,.fancy-text.display-3,[class*=bg-color-] [class*=bg-white] .fancy-text.display-1,[class*=bg-color-] [class*=bg-white] .fancy-text.display-2,[class*=bg-color-] [class*=bg-white] .fancy-text.display-3,[class*=bg-dark] [class*=bg-white] .fancy-text.display-1,[class*=bg-dark] [class*=bg-white] .fancy-text.display-2,[class*=bg-dark] [class*=bg-white] .fancy-text.display-3,[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-1,[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-2,[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-3 {
        -webkit-text-shadow:5px 5px 0 #dbdddf;
        text-shadow: 5px 5px 0 #dbdddf
    }

    .bg-black [class*=bg-white] .fancy-text.display-4,.fancy-text.display-4,[class*=bg-color-] [class*=bg-white] .fancy-text.display-4,[class*=bg-dark] [class*=bg-white] .fancy-text.display-4,[class*=bg-gradient-] [class*=bg-white] .fancy-text.display-4 {
        -webkit-text-shadow: 4px 4px 0 #dbdddf;
        text-shadow: 4px 4px 0 #dbdddf
    }

    .bg-black .fancy-text.display-1,.bg-black .fancy-text.display-2,.bg-black .fancy-text.display-3,[class*=bg-color-] .fancy-text.display-1,[class*=bg-color-] .fancy-text.display-2,[class*=bg-color-] .fancy-text.display-3,[class*=bg-dark] .fancy-text.display-1,[class*=bg-dark] .fancy-text.display-2,[class*=bg-dark] .fancy-text.display-3,[class*=bg-gradient-] .fancy-text.display-1,[class*=bg-gradient-] .fancy-text.display-2,[class*=bg-gradient-] .fancy-text.display-3 {
        -webkit-text-shadow: 5px 5px 0 #2e3032;
        text-shadow: 5px 5px 0 #2e3032
    }

    .bg-black .fancy-text.display-4,[class*=bg-color-] .fancy-text.display-4,[class*=bg-dark] .fancy-text.display-4,[class*=bg-gradient-] .fancy-text.display-4 {
        -webkit-text-shadow: 4px 4px 0 #2e3032;
        text-shadow: 4px 4px 0 #2e3032
    }
}

.border-bottom,.border-left,.border-right,.border-top {
    border: 0 solid rgba(18,21,24,.1)
}

.border-top {
    border-top-width: 1px
}

.border-right {
    border-right-width: 1px
}

.border-bottom {
    border-bottom-width: 1px
}

.border-left {
    border-left-width: 1px
}

.bg-black .border,.bg-black .border-bottom,.bg-black .border-left,.bg-black .border-right,.bg-black .border-top,[class*=bg-color-] .border,[class*=bg-color-] .border-bottom,[class*=bg-color-] .border-left,[class*=bg-color-] .border-right,[class*=bg-color-] .border-top,[class*=bg-dark] .border,[class*=bg-dark] .border-bottom,[class*=bg-dark] .border-left,[class*=bg-dark] .border-right,[class*=bg-dark] .border-top,[class*=bg-gradient-] .border,[class*=bg-gradient-] .border-bottom,[class*=bg-gradient-] .border-left,[class*=bg-gradient-] .border-right,[class*=bg-gradient-] .border-top {
    border-color: rgba(255,255,255,.2)!important
}

.border-style-dotted {
    border-style: dotted
}

.border-style-dashed {
    border-style: dashed
}

.n-margin-1 {
    margin-top: -1rem
}

.n-margin-2 {
    margin-top: -2rem
}

.n-margin-3 {
    margin-top: -3rem
}

.n-margin-4 {
    margin-top: -4rem
}

.n-margin-5 {
    margin-top: -5rem
}

.n-margin-6 {
    margin-top: -6rem
}

.backdrop-filter-blur {
    backdrop-filter: blur(5px)
}

.opacity-10 {
    opacity: .1
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.fa-solid,.fas {
    font-family: "Font Awesome 7 Free"!important;
    font-weight: 900!important
}

.purchasenow {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 994
}

.text-justify {
    text-align: justify
}

.service-areas {
    position: relative;
    background: url("../img/Pumper+Magazine-79-2880w.webp") center / cover no-repeat;
    overflow: hidden;
}

/* Safari-only fix */
@supports (-webkit-touch-callout: none) {
    .service-areas {
        background-attachment: scroll;
    }
}


.service-areas::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(#0a0efea6,#0a0efea6);
    z-index: 1
}

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

.service-areas p {
    color: rgba(255,255,255,.85)
}

.area-box {
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    padding: 28px 20px;
    border: 1px solid rgba(255,255,255,.2);
    transition: .35s;
    color: #fff
}

.area-box:hover {
    background: rgba(255,255,255,.22);
    box-shadow: 0 20px 40px rgba(0,0,0,.25)
}

.area-box i {
    font-size: 31px;
    margin-bottom: 10px;
    color: #fff
}

.area-box h6 {
    margin: 0;
    font-size: 19px;
    color: #fff
}

.case-card {
    background: linear-gradient(180deg,#fff 0,#fff 100%);
    border-radius: 18px;
    padding: 30px;
    border: 1px solid #eef1f6;
    transition: .3s;
    position: relative;
    height: 100%
}

.case-card h5 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 2px solid #0d6efd;
    min-height: 75px
}

.case-card h6 {
    font-size: 19px;
    margin-top: 22px;
    margin-bottom: 10px;
    color: #0d6efd;
    display: flex;
    align-items: center;
    gap: 8px
}

.case-card h6::before {
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 11px;
    color: #0d6efd;
    display: inline-block;
    margin-right: 1px
}

.case-card p {
    color: #555;
    line-height: 1.65;
    margin-bottom: 0
}

.case-card ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0
}

.case-card ul li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 8px;
    color: #444;
    line-height: 1.5
}

.case-card ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free","Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 3px;
    color: #0d6efd;
    font-size: .9rem
}

.case-card:hover h5 {
    color: #0d6efd
}

@media (max-width: 768px) {
    .service-areas {
        padding:60px 0
    }

    .area-box {
        padding: 22px 16px
    }

    .case-card {
        padding: 24px
    }

    .case-card h5 {
        font-size: 21px
    }
}

.glass-form {
    background: rgb(0 4 232);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 24px
}

.form-title {
    text-align: center;
    margin-bottom: 25px
}

.form-style-4::placeholder {
    color: rgba(255,255,255,.8)!important;
    opacity: 1
}

.why-chosse-us {
    background-image: url("../img/Pumper+Magazine-20-2880w.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}

/* Safari fix */
@supports (-webkit-touch-callout: none) {
    .why-chosse-us {
        background-attachment: scroll;
    }
}

.why-chosse-us::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1e1926db;
    z-index: -1
}

.cesspool-services .icon-box img {
    width: 58px
}

.cta-section {
    background-repeat: center;
    background-color: #ef0000
}

.cesspool-services,.testimonial {
    background-color: #f5f8fe
}

.service-header {
    background: #0d6efd;
    padding: 10px;
    border-radius: 12px
}

.service-header .icon-box {
    background: rgba(255,255,255,.15);
    padding: 7px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.service-header img {
    width: 28px;
    height: 77px;
    filter: brightness(0) invert(1)
}

.feature-box .feature-box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 67px
}

.feature-box .feature-box-icon img {
    width: 46px;
    height: 46px;
    display: block
}

.form-style-4 button {
    background-color: #fff;
    color: #181c20;
    border: 2px solid #181c20;
    font-family: "Nunito Sans",sans-serif;
    font-size: 17px
}

.footer-logo img {
    width: 150px
}

footer {
    background: linear-gradient(#ef0000,#ef0000d1) bottom/cover no-repeat,url(../img/Pumper+Magazine-87-2880w.webp) bottom/cover no-repeat;
    color: #fff;
    padding: 0
}

.copyright {
    background-color: #0d6efd
}

.hero-section {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important;
    background-position: center 0!important
}
/* Ensure header stays on top of form */
.header-menu-extra {
    position: relative;  /* or absolute if needed */
    z-index: 20;         /* higher than form */
}