/* -------------------------------------------------------
    Theme Name: Crafto - The Multipurpose HTML5 Template
    Theme URL: https://craftohtml.themezaa.com/
    Description: Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.
    Author: ThemeZaa - https://www.themezaa.com/
    Author ThemeForest URL: https://themeforest.net/user/themezaa
    Copyright(c) 2024 themezaa.com
    Version: 2.0
------------------------------------------------------- */
/*
Table of contents
    01. Google font
    02. CSS color variable
    03. Reset
    04. Typography
    05. General
    06. Background and border
    07. Width
    08. Height
    09. Loop
    10. Header
    11. Page title
    12. Layout
    13. Elements
    14. Blog
    15. Portfolio
    16. Shop
    17. Footer
*/
/* ===================================
    01. Google font
====================================== */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");
:root {--alt-font: "Plus Jakarta Sans", sans-serif; --primary-font: "Inter", sans-serif;}
/* ===================================
    02. CSS color variable
====================================== */
:root {
	--darkest-blue:#08083B;
	--medium-blue:#1D6586;
	--teal:#1D7486;
	--palest-blue:#BFDBF7;
	--green: #43EF68;
	--white: #ffffff;
	--black: #000000;
	--green: #2ebb79;
	--yellow: #ffea23;
	--dark-gray:#252840;
	--medium-gray:#7d8087;
	--extra-medium-gray: #e4e4e4;
	--light-gray: #a8a8a8;
	--very-light-gray: #f0f2f8;
	--light-medium-gray: #eaeaeb;
	--aluminium-grey: #80858F;
	--cornflower-blue: #445fed;
	}
.cities li a{color:var(--medium-blue);font-weight:900;}
.cities li a:hover{color:var(--darkest-blue);}
.teal-bg {background-color:var(--teal);}
.medium-blue-bg {background-color:var(--medium-blue);}
.alt-font {font-family: var(--alt-font);}
.primary-font {font-family: var(--primary-font)!important;}
a.hover-teal{color:#0F0F6C!important;}
a.hover-teal:hover{color:var(--teal)!important;}
html {font-size: 16px;}
body {font-family: var(--primary-font); font-size: 16px; line-height: 30px; font-weight: 400; color: var(--bs-body-font); -moz-osx-font-smoothing: grayscale; word-break: break-word; -webkit-font-smoothing: antialiased;}
section {padding-top: 110px; padding-bottom: 110px;}
img {max-width: 100%; height: auto;}
ul li {list-style: none;}
a {color: var(--dark-gray); -webkit-transition: .3s; transition: .3s; text-decoration: none;}
a:hover {color: var(--darkest-blue); text-decoration: none;}
p {margin-bottom: 1em;}
.last-paragraph-no-margin p:last-of-type, p:last-child {margin-bottom: 0!important;}
:focus-visible {outline: 0;}
[class*=" line-icon"],
[class*=bi-],
[class*=feather],
[class*=line-icon],
[class*=ti-] {display: inline-block;}
.form-control {background-position: right 20px center!important;}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {padding-right: 15px; padding-left: 15px;}
.row {margin-right: -15px; margin-left: -15px;}
.row>* {padding-right: 15px; padding-left: 15px;}
.row.g-0 {margin-right: 0; margin-left: 0;}
.row.g-0>* {padding-right: 0; padding-left: 0;}
.row.gutter-very-small {margin-left: -5px; margin-right: -5px;}
.row.gutter-very-small>* {padding-right: 5px; padding-left: 5px;}
.row.gutter-small {margin-left: -10px; margin-right: -10px;}
.row.gutter-small>* {padding-right: 10px; padding-left: 10px;}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {margin-bottom: 1rem!important; letter-spacing: -.5px; font-weight: inherit;}
h1 {font-size: 4.375rem; line-height: 4.375rem;}
.h1 {font-size: 4.375rem!important; line-height: 4.375rem!important;}
h2 {font-size: 3.438rem; line-height: 3.438rem;}
.h2 {font-size: 3.438rem!important; line-height: 3.438rem!important;}
h3 {font-size: 2.813rem; line-height: 3.125rem;}
.h3 {font-size: 2.813rem!important; line-height: 3.125rem!important;}
h4 {font-size: 2.375rem; line-height: 2.7rem;}
h5 {font-size: 2rem; line-height: 2.2rem;}
h6 {font-size: 1.75rem; line-height: 1.95rem;}
.hover-text {display: none;}
b {font-weight: 700;}
.text-white-space-normal {white-space: normal;}
.text-transform-none {text-transform: none!important;}
.fs-0 {font-size: 0;}
.fs-9 {font-size: 9px;}
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-40 {font-size: 2.5rem; line-height: 2.5rem;}
.fs-45 {font-size: 2.813rem; line-height: 3rem;}
.fs-50 {font-size: 3.125rem; line-height: 3.25rem;}
.fs-70 {font-size: 4.375rem; line-height: 4.375rem;}
.fs-80 {font-size: 5rem; line-height: 5rem;}
.fs-90 {font-size: 5.625rem; line-height: 5.625rem;}
.fs-95 {font-size: 5.938rem; line-height: 5.938rem;}
.fs-100 {font-size: 6.25rem; line-height: 6.25rem;}
.fs-110 {font-size: 6.875rem; line-height: 6.875rem;}
.lh-0px {line-height: 0;}
.lh-10 {line-height: 10px;}
.lh-11 {line-height: 11px;}
.lh-12 {line-height: 12px;}
.lh-13 {line-height: 13px;}
.lh-14 {line-height: 14px;}
.lh-15 {line-height: 15px;}
.lh-16 {line-height: 16px;}
.lh-18 {line-height: 18px;}
.lh-19 {line-height: 19px;}
.lh-20 {line-height: 20px;}
.lh-22 {line-height: 22px;}
.lh-24 {line-height: 24px;}
.lh-26 {line-height: 26px;}
.lh-28 {line-height: 28px;}
.lh-36 {line-height: 2.25rem;}
.lh-40 {line-height: 2.5rem;}
.lh-42 {line-height: 2.625rem;}
.lh-60 {line-height: 3.75rem;}
.lh-65 {line-height: 4.063rem;}
.lh-70 {line-height: 4.375rem;}
.lh-75 {line-height: 4.688rem;}
.lh-80 {line-height: 5rem;}
.lh-85 {line-height: 5.313rem;}
.lh-90 {line-height: 5.625rem;}
.lh-95 {line-height: 5.938rem;}
.lh-0 {line-height: 0;}
.lh-normal {line-height: normal;}
.lh-initial {line-height: initial;}
.btn-link.text-white,
.text-white,
a.text-white-hover:hover {color: var(--white);}
.text-base-color-hover:hover {color: var(--darkest-blue)!important;}
.btn-link.text-base-color,
.text-base-color {color: var(--darkest-blue);}
.btn-link.text-black,
.text-black,
a.text-black-hover:hover {color: var(--black);}
.btn-link.text-dark-gray,
.text-dark-gray,
a.text-dark-gray-hover:hover {color: var(--dark-gray);}
.btn-link.text-medium-gray,
.text-medium-gray,
a.text-medium-gray-hover:hover {color: var(--medium-gray);}
.btn-link.text-extra-medium-gray,
.text-extra-medium-gray,
a.text-extra-medium-gray-hover:hover {color: var(--extra-medium-gray);}
.btn-link.text-light-medium-gray,
.text-light-medium-gray,
a.text-light-medium-gray:hover {color: var(--light-medium-gray);}
.btn-link.text-light-gray,
.text-light-gray,
a.text-light-gray-hover:hover {color: var(--light-gray);}
.btn-link.text-very-light-gray,
.text-very-light-gray,
a.text-very-light-gray-hover:hover {color: var(--very-light-gray);}
.text-gradient-fast-blue-purple,
.text-gradient-light-gray-white,
.text-gradient-light-pink-light-purple,
.text-gradient-purple-pink {-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.text-gradient-purple-pink {background-image: linear-gradient(to right, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e);}
.text-gradient-fast-blue-purple {background-image: linear-gradient(to right, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff);}
.text-gradient-light-pink-light-purple {background-image: linear-gradient(to right, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8);}
.text-gradient-light-gray-white {background-image: linear-gradient(to bottom, #efefef, #efefef, #f7f7f7, #fdfdfc, #fff);}
.text-shadow-large {text-shadow: 0 0 50px rgba(0, 0, 0, .9);}
.text-shadow-extra-large {text-shadow: 0 0 60px rgba(0, 0, 0, .9);}
.text-shadow-double-large {text-shadow: 0 0 100px rgba(0, 0, 0, .9);}
.text-decoration-line-bottom {border-bottom: 1px solid;}
.text-decoration-line-bottom-medium {border-bottom: 2px solid;}
.ls-0px {letter-spacing: 0!important;}
.ls-05px {letter-spacing: .5px!important;}
.ls-1px {letter-spacing: 1px!important;}
.ls-2px {letter-spacing: 2px!important;}
.ls-3px {letter-spacing: 3px!important;}
.ls-4px {letter-spacing: 4px!important;}
.ls-5px {letter-spacing: 5px!important;}
.ls-6px {letter-spacing: 6px!important;}
.ls-7px {letter-spacing: 7px!important;}
.ls-8px {letter-spacing: 8px!important;}
.ls-9px {letter-spacing: 9px!important;}
.ls-10px {letter-spacing: 10px!important;}
.ls-minus-05px {letter-spacing: -.5px!important;}
.ls-minus-1px {letter-spacing: -1px!important;}
.ls-minus-2px {letter-spacing: -2px!important;}
.ls-minus-4px {letter-spacing: -4px!important;}
.icon-extra-double-large {font-size: 80px;}
.icon-double-large {font-size: 60px;}
.icon-extra-large {font-size: 50px;}
.icon-large {font-size: 42px;}
.icon-medium {font-size: 34px;}
.icon-very-medium {font-size: 28px;}
.icon-extra-medium {font-size: 24px;}
.icon-small {font-size: 18px;}
.icon-very-small {font-size: 14px;}
.opacity-extra-medium,
.opacity-full,
.opacity-full-dark,
.opacity-light,
.opacity-medium,
.opacity-very-light {position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
.opacity-very-light {opacity: .2;}
.opacity-light {opacity: .3;}
.opacity-extra-medium {opacity: .5;}
.opacity-medium {opacity: .75;}
.opacity-full {opacity: .8;}
.opacity-full-dark {opacity: .9;}
.position-initial {position: initial!important;}
.absolute-middle-center {left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.absolute-middle-left {left: 0; top: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.absolute-middle-right {right: 0; top: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.absolute-top-center {left: 50%; top: 0; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.absolute-bottom-center {left: 50%; bottom: 0; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.absolute-bottom-left {left: 0; bottom: 0; position: absolute;}
.absolute-bottom-right {right: 0; bottom: 0; position: absolute;}
.btn.btn-none-transform,
.btn.btn-none-transform:hover {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.transition {-webkit-transition: all .4s cubic-bezier(.37, 0, .63, 1); transition: all .4s cubic-bezier(.37, 0, .63, 1);}
.transition-inner-all * {-webkit-transition: all .4s cubic-bezier(.37, 0, .63, 1); transition: all .4s cubic-bezier(.37, 0, .63, 1);}
.no-transition {-webkit-transition: 0s; transition: 0s;}
.sticky-wrap {position: fixed; top: 50%; left: 0; opacity: 0; z-index: 1; -webkit-transform: rotate(-90deg) translate(-50%, 50%); transform: rotate(-90deg) translate(-50%, 50%); transform-origin: 0 50%; transition: 1s cubic-bezier(.7, 0, .3, 1)!important;}
.sticky-wrap.shadow-in {left: 50px; opacity: 1; box-shadow: none!important;}
.sticky-wrap.sticky-hidden {left: 0; opacity: 0;}
.sticky-wrap a {color: var(--dark-gray)!important;}
.sticky-wrap a:hover {color: var(--dark-gray)!important;}
.sticky-wrap div,
.sticky-wrap p,
.sticky-wrap span {color: var(--dark-gray)!important;}
.sticky-wrap-right {position: fixed; top: 50%; right: 110px; z-index: 1; -webkit-transform: rotate(-90deg) translate(50%, 100%); transform: rotate(-90deg) translate(50%, 100%); transform-origin: 100% 0;}
.overflow-x-hidden {overflow-x: hidden!important;}
.overlap-section {position: relative;}
.overlap-height {transition: .3s height;}
.outside-box-top-15 {margin-top: -15vw;}
.outside-box-top-18 {margin-top: -18vw;}
.outside-box-left-1 {margin-left: -1vw;}
.outside-box-left-2 {margin-left: -2vw;}
.outside-box-left-5 {margin-left: -5vw;}
.outside-box-left-7 {margin-left: -7vw;}
.outside-box-left-8 {margin-left: -8vw;}
.outside-box-left-10 {margin-left: -10vw;}
.outside-box-left-15 {margin-left: -15vw;}
.outside-box-left-20 {margin-left: -20vw;}
.outside-box-left-25 {margin-left: -25vw;}
.outside-box-left-30 {margin-left: -30vw;}
.outside-box-left-35 {margin-left: -35vw;}
.outside-box-left-40 {margin-left: -40vw;}
.outside-box-left-50 {margin-left: -50vw;}
.outside-box-left-60 {margin-left: -60vw;}
.outside-box-left-65 {margin-left: -65vw;}
.outside-box-right-1 {margin-right: -1vw;}
.outside-box-right-2 {margin-right: -2vw;}
.outside-box-right-5 {margin-right: -5vw;}
.outside-box-right-7 {margin-right: -7vw;}
.outside-box-right-10 {margin-right: -10vw;}
.outside-box-right-15 {margin-right: -15vw;}
.outside-box-right-20 {margin-right: -20vw;}
.outside-box-right-25 {margin-right: -25vw;}
.outside-box-right-30 {margin-right: -30vw;}
.outside-box-right-35 {margin-right: -35vw;}
.outside-box-right-40 {margin-right: -40vw;}
.outside-box-right-45 {margin-right: -45vw;}
.outside-box-right-50 {margin-right: -50vw;}
.outside-box-right-60 {margin-right: -60vw;}
.outside-box-right-65 {margin-right: -65vw;}
.box-shadow,
.box-shadow-hover:hover {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .08); box-shadow: 0 0 10px rgba(0, 0, 0, .08); -webkit-transition: 350ms ease-in-out; transition: 350ms ease-in-out;}
.box-shadow-small,
.box-shadow-small-hover:hover {-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08); box-shadow: 0 0 15px rgba(0, 0, 0, .08); -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1); transition: all 350ms cubic-bezier(.37, 0, .63, 1);}
.box-shadow-medium,
.box-shadow-medium-hover:hover {-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08); box-shadow: 0 0 20px rgba(0, 0, 0, .08); -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1); transition: all 350ms cubic-bezier(.37, 0, .63, 1);}
.box-shadow-medium-bottom,
.box-shadow-medium-bottom-hover:hover {-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .08); box-shadow: 0 10px 20px rgba(0, 0, 0, .08); -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1); transition: all 350ms cubic-bezier(.37, 0, .63, 1);}
.box-shadow-large,
.box-shadow-large-hover:hover {-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08); box-shadow: 0 0 25px rgba(0, 0, 0, .08); -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1); transition: all 350ms cubic-bezier(.37, 0, .63, 1);}
.box-shadow-extra-large,
.box-shadow-extra-large-hover:hover {-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08); box-shadow: 0 0 30px rgba(0, 0, 0, .08); -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1); transition: all 350ms cubic-bezier(.37, 0, .63, 1);}
.box-shadow-double-large,
.box-shadow-double-large-hover:hover {-webkit-box-shadow: 0 0 45px rgba(0, 0, 0, .09); box-shadow: 0 0 45px rgba(0, 0, 0, .09); -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1); transition: all 350ms cubic-bezier(.37, 0, .63, 1);}
.box-shadow-quadruple-large,
.box-shadow-quadruple-large-hover:hover {-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .08); box-shadow: 0 20px 60px rgba(0, 0, 0, .08); -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1); transition: all 350ms cubic-bezier(.37, 0, .63, 1);}
.box-shadow-double-large-hover:hover,
.box-shadow-extra-large-hover:hover,
.box-shadow-hover:hover,
.box-shadow-large-hover:hover,
.box-shadow-medium-hover:hover,
.box-shadow-quadruple-large-hover:hover,
.box-shadow-small-hover:hover {-webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.box-shadow-bottom {-webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .05); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .05);}
.input-small,
.select-small,
.textarea-small {padding: 7px 15px; font-size: 12px;}
.input-medium,
.select-medium,
.textarea-medium {padding: 14px 28px;}
.input-large {padding: 16px 32px;}
.box-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .4s cubic-bezier(.5, 1, .89, 1); transition: all .4s cubic-bezier(.5, 1, .89, 1);}
.hover-box {z-index: 1;}
.hover-box * {-webkit-transition: all .5s cubic-bezier(.5, 1, .89, 1); transition: all .5s cubic-bezier(.5, 1, .89, 1); will-change: transform;}
.hover-box:hover .box-overlay {opacity: 1; visibility: visible;}
.hover-box.dark-hover .border-dark-opacity {border-color: rgba(35, 35, 35, .15)!important;}
.hover-box.dark-hover:hover .btn,
.hover-box.dark-hover:hover a,
.hover-box.dark-hover:hover b,
.hover-box.dark-hover:hover h1,
.hover-box.dark-hover:hover h2,
.hover-box.dark-hover:hover h3,
.hover-box.dark-hover:hover h4,
.hover-box.dark-hover:hover h5,
.hover-box.dark-hover:hover h6,
.hover-box.dark-hover:hover i,
.hover-box.dark-hover:hover p,
.hover-box.dark-hover:hover span {color: var(--white)!important; -webkit-text-stroke-color: var(--white);}
.hover-box.dark-hover:hover [class*=separator-line] {background-color: var(--white);}
.hover-box.dark-hover:hover [class*=btn-link-gradient] span {background: var(--white); background-image: none;}
.hover-box.dark-hover:hover [class*=btn-transparent] {background-color: var(--white); border-color: var(--white); color: var(--dark-gray)!important;}
.hover-box.dark-hover:hover .text-light-opacity {opacity: .7;}
.hover-box.dark-hover:hover .text-medium-opacity {opacity: .5;}
.hover-box.dark-hover:hover .border-dark-opacity {border-color: rgba(255, 255, 255, .3)!important;}
.hover-box.dark-hover:hover .content-slide-up .text-light-opacity {opacity: .7;}
.hover-box.dark-hover:hover .btn-link {border-color: var(--white);}
.hover-box.dark-hover:hover [class*=text-gradient-] {color: var(--white); background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: var(--white); -webkit-text-fill-color: var(--white);}
.hover-box.light-hover .border-light-opacity {border-color: rgba(255, 255, 255, .25)!important;}
.hover-box.light-hover:hover .btn,
.hover-box.light-hover:hover a,
.hover-box.light-hover:hover b,
.hover-box.light-hover:hover h1,
.hover-box.light-hover:hover h2,
.hover-box.light-hover:hover h3,
.hover-box.light-hover:hover h4,
.hover-box.light-hover:hover h5,
.hover-box.light-hover:hover h6,
.hover-box.light-hover:hover i,
.hover-box.light-hover:hover p,
.hover-box.light-hover:hover span {color: var(--dark-gray)!important;}
.hover-box.light-hover:hover .text-light-opacity {opacity: .7;}
.hover-box.light-hover:hover .text-medium-opacity {opacity: .5;}
.hover-box.light-hover:hover .border-light-opacity {border-color: rgba(35, 35, 35, .15)!important;}
.hover-box.light-hover:hover .content-slide-up .text-light-opacity {opacity: .7;}
.hover-box.light-hover:hover .btn-link {border-color: var(--dark-gray);}
.hover-box.light-hover:hover [class*=separator-line] {background-color: var(--dark-gray);}
.hover-box.light-hover:hover [class*=text-gradient-] {color: var(--dark-gray); background-image: none; -webkit-background-clip: var(--dark-gray); -webkit-text-fill-color: var(--dark-gray);}
.swiper-number-pagination-style-01 .swiper-number {text-align: left; bottom: 70px;}
.swiper-number-pagination-style-02 .swiper-number {width: auto; left: inherit; right: 60px; padding: 0;}
.swiper-line-pagination-style-01 .swiper-line-pagination {text-align: center; bottom: 0; width: 100%; left: 0;}
.swiper-h-pagination:after {display: none;}
.swiper-number-pagination-progress .swiper-pagination-wrapper .number-next,
.swiper-number-pagination-progress .swiper-pagination-wrapper .number-prev {width: 50px; text-align: center;}
.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination {position: inherit; width: auto;}
/* Swiper number navigation style */
.swiper-number-navigation-style .swiper-button-prev, .swiper-number-navigation-style .swiper-button-next {top: inherit; bottom: 0; position: inherit; display: inline-block; vertical-align: middle; transform: none; width: auto; height: auto;}
.swiper-number-navigation-style .swiper-button-prev i, .swiper-number-navigation-style .swiper-button-prev .number-prev, .swiper-number-navigation-style .swiper-button-prev .number-next, .swiper-number-navigation-style .swiper-button-next i, .swiper-number-navigation-style .swiper-button-next .number-prev, .swiper-number-navigation-style .swiper-button-next .number-next {display: inline-block; vertical-align: middle;}
.swiper-number-navigation-style .swiper-button-prev .number-prev, .swiper-number-navigation-style .swiper-button-prev .number-next, .swiper-number-navigation-style .swiper-button-next .number-prev, .swiper-number-navigation-style .swiper-button-next .number-next {width: 50px; text-align: center;}
/* Swiper pagination progress style */
.swiper-pagination-progress {width: 220px; height: 1px; position: relative;}
.swiper-pagination-progress .swiper-progress {position: absolute; top: 0; left: 0; height: 100%; width: var(--swiper-progress, 0); background-color: var(--darkest-blue); -webkit-transition: 0.4s; transition: 0.4s;}
/* Swiper pagination progress style */
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper {position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99;}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress {position: absolute; top: 0; left: 0; width: 2px; height: var(--swiper-progress, 0); background-color: var(--dark-gray); -webkit-transition: 0.4s; transition: 0.4s;}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .pagination-progress-vertical {transform: rotate(180deg); writing-mode: vertical-lr;}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-pagination-progress {width: 2px; height: 100px; background-color: var(--extra-medium-gray);}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next {margin-top: 15px; width: auto;}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev {margin-bottom: 15px; width: auto;}
/* Swiper pagination bottom */
.swiper-pagination-bottom .swiper-button-prev, .swiper-pagination-bottom .swiper-button-next {top: inherit; bottom: 0;}
/* Swiper navigation */
.swiper-button-prev, .swiper-button-next {outline: none; cursor: pointer; height: 45px; width: 45px; margin-top: 0; text-align: center; display: -webkit-box; display: -ml-flexbox; display: flex; -webkit-box-align: center; -ml-flex-align: center; align-items: center; -webkit-box-pack: center; -ml-flex-pack: center; justify-content: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s;}
.swiper-button-prev:hover, .swiper-button-next:hover {opacity: 0.8;}
.swiper-button-next {left: inherit;}
/* Swiper navigation style 01 */
.slider-navigation-style-01 {position: absolute; top: 50%; left: 65px; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s;}
.slider-navigation-style-01.swiper-button-next {right: 65px; left: inherit;}
.slider-navigation-style-01:hover {opacity: 0.8;}
/* Swiper navigation style 02 */
.slider-navigation-style-02 {position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99;}
.slider-navigation-style-02.swiper-button-next {right: 0; left: auto;}
/* Swiper navigation style 03 */
.slider-navigation-style-03 {position: absolute; top: 50%; left: -60px; width: 40px; height: 40px; background: var(--white); -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s;}
.slider-navigation-style-03.swiper-button-next {right: -60px; left: inherit;}
.slider-navigation-style-03:hover {-webkit-box-shadow: 0px 0 20px rgba(35, 35, 35, 0.1); box-shadow: 0px 0 20px rgba(35, 35, 35, 0.1);}
/* Swiper navigation style 04 */
.slider-navigation-style-04 {height: 56px; width: 56px; border-radius: 100%; position: relative; bottom: inherit; left: 0; top: inherit; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.3s; transition: 0.3s;}
.slider-navigation-style-04 i {-webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ml-flexbox; display: flex;}
.slider-navigation-style-04:hover i {opacity: 0.5;}
.slider-navigation-style-04.swiper-button-prev {margin-right: 5px;}
.slider-navigation-style-04.swiper-button-next {margin-left: 5px;}
/* Swiper navigation style 05 */
.slider-navigation-style-05 {left: -30%;}
.slider-navigation-style-05.swiper-button-next {right: -30%; left: inherit;}
/* Swiper navigation style 06 */
.slider-navigation-style-06 {width: auto; height: auto; left: 60px;}
.slider-navigation-style-06.swiper-button-next {right: 60px; left: inherit;}
/* Swiper navigation style 07 */
.slider-navigation-style-07 {left: 50%; bottom: 0; top: inherit; width: 75px; height: 75px; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.slider-navigation-style-07.swiper-button-next {bottom: 1px; -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%);}
/* Swiper navigation style 08 */
.slider-navigation-style-08 {width: auto; height: auto; position: relative; -webkit-transform: translateX(0px); transform: translateX(0px); left: 0;}
.slider-navigation-style-08.swiper-button-next {right: 0; left: inherit;}
/* Slider custom text */
.slider-custom-verticle-text > span {-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.swiper-button-prev.slider-custom-text-prev, .swiper-button-prev.slider-custom-text-next, .swiper-button-next.slider-custom-text-prev, .swiper-button-next.slider-custom-text-next {width: auto; height: auto; min-height: 125px; -webkit-transition: 0.3s; transition: 0.3s; -webkit-user-select: none; -ml-user-select: none; user-select: none;}
.swiper-button-prev.slider-custom-text-prev:hover, .swiper-button-prev.slider-custom-text-next:hover, .swiper-button-next.slider-custom-text-prev:hover, .swiper-button-next.slider-custom-text-next:hover {opacity: 0.5;}
.swiper-button-prev.slider-custom-text-prev {border-right: 1px solid var(--extra-medium-gray); padding-right: 50px;}
.swiper-button-next.slider-custom-text-next {border-left: 1px solid var(--extra-medium-gray); padding-left: 50px;}
/* Swiper width auto */
.swiper-width-auto .swiper-slide {width: auto;}
/* Slider shadow */
.slider-shadow-right {mask-image: linear-gradient(to right, transparent 0%, #000000 0%, #000000 50%, transparent 80%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 0%, #000000 50%, transparent 80%);}
.slider-shadow-left {mask-image: linear-gradient(to right, transparent 50%, #000000 80%, #000000 0%, transparent 0%); -webkit-mask-image: linear-gradient(to right, transparent 50%, #000000 80%, #000000 0%, transparent 0%);}
.slider-shadow-left-right {mask-image: linear-gradient(to right, transparent 18%, #000000 22%, #000000 78%, transparent 82%); -webkit-mask-image: linear-gradient(to right, transparent 18%, #000000 22%, #000000 78%, transparent 82%);}
.slider-shadow-none .swiper {mask-image: none!important; -webkit-mask-image: none!important;}
/* Full screen */
.full-screen {height: 100vh;}
.full-screen.top-space-margin {height: calc(100vh - 96px);}
/* Will change */
.will-change-transform * {will-change: transform;}
.will-change-inherit * {will-change: inherit!important;}
.animation-rotation {-webkit-animation: rotation 8s infinite linear;}
@-webkit-keyframes rotation {from {  -webkit-transform: rotate(0deg); }
  to {  -webkit-transform: rotate(359deg); };}
/* Float animation */
.animation-float {animation: float 2000ms linear 500ms infinite alternate both;}
@keyframes float {0% {  transform: translateY(0px); }
  50% {  transform: translateY(15px); }
  100% {  transform: translateY(30px); };}
.animation-float-small {animation: float 2000ms linear 500ms infinite alternate both;}
@keyframes float {0% {  transform: translateY(0px); }
  50% {  transform: translateY(5px); }
  100% {  transform: translateY(10px); };}
/* Zoom animation */
.animation-zoom {animation: zoom-in-zoom-out 2000ms linear 500ms infinite alternate both;}
@keyframes zoom-in-zoom-out {0% {  transform: scale(1, 1); }
  50% {  transform: scale(1.2, 1.2); }
  100% {  transform: scale(1, 1); };}
/* Box shadow animation  */
[data-shadow-animation] {box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
[data-shadow-animation].shadow-in {box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1);}
[data-shadow-animation].shadow-in img {opacity: 1; transition-delay: 0.35s;}
[data-shadow-animation] img {opacity: 0; transition: opacity 0.65s cubic-bezier(0.5, 1, 0.5, 1);}
/* Parallax liquid  */
[data-parallax-liquid] {overflow: hidden; will-change: transform; -webkit-transform: translateY(0); transform: translateY(0); transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);}
[data-parallax-liquid] .liquid-parallax {will-change: transform; transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); transform: translateY(0px) scale(1.201); position: relative; top: 50px;}
/* Masked image animation */
.masked-image {position: absolute; top: -100px; right: 0;}
.masked-image svg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover;}
.masked-image figure {background-position: center; background-size: cover; background-repeat: no-repeat;}
.masked-image img {width: 100%; height: auto; visibility: visible;}
/* Shape image animation */
.shape-image-animation {position: absolute; bottom: 0; left: 0;}
.shape-image-animation svg {height: 100%; width: 100%;}
.shape-image-animation svg path {width: 100%;}
/* Anime animation */
[data-anime] {opacity: 0; transition: none;}
[data-anime].appear {opacity: 1;}
[data-anime].btn {transition: none;}
[data-anime].btn.anime-complete {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
/* Atropos box */
.atropos-shadow {background-color: transparent!important; filter: inherit;}
.atropos-highlight {background-image: inherit!important;}
/* Only for safari browser */
@media not all and (min-resolution: 0.001dpcm) {[data-anime] [class*=text-shadow-] {  text-shadow: none; }
  [data-anime][class*=text-shadow-] {  text-shadow: none; }
  [data-fancy-text] [class*=text-shadow-] {  text-shadow: none; }
  [data-fancy-text][class*=text-shadow-] {  text-shadow: none; }
  /* font awesome icon gradient color */
  .review-star-icon i {  display: inline; };}
@media screen and (-webkit-min-device-pixel-ratio: 0) {/* color issue */
  .text-white a[href^=tel] {  color: var(--white); }
  .text-dark-gray a[href^=tel] {  color: var(--text-dark-gray); };}
.swiper-slide [data-fancy-text] {opacity: 0;}
.swiper-slide [data-fancy-text].appear {opacity: 1;}
.swiper-slide.swiper-slide-active [data-fancy-text] {opacity: 1;}
.swiper-slide.swiper-slide-active [data-anime] {opacity: 1;}
.swiper-slide [data-anime] {opacity: 0; transition: 0.3s ease-in-out;}
.no-animation .anime-text .whitespace {display: inline-block;}
.no-animation .anime-text .whitespace::after {content: "r"; opacity: 0; font-size: 70%;}
.no-animation [data-anime], .no-animation [data-fancy-text] {opacity: 1; transition: none;}
/* Data top bottom transition animation */
[data-top-bottom] {transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);}
.transform-3d {transform: translate3d(0px, 0px, 100px);}
/* Marquee slide */
.marquee-slide {-webkit-transition-timing-function: linear!important; transition-timing-function: linear!important; position: relative;}
/* Father shadow */
.feather-shadow {mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%);}
/* Text sliding line */
.text-sliding-line {display: inline-block; position: relative; padding: 0; z-index: 1; background-image: linear-gradient(135deg, transparent 45%, var(--white) 45%, var(--white) 55%, transparent 0); background-size: 4px 4px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* Sliding line */
.bg-sliding-line {background-image: linear-gradient(45deg, transparent 45%, var(--white) 45%, var(--white) 55%, transparent 0); background-size: 0.1em 0.1em;}
/* Feature box slider */
.feature-box-slider .feature-box {display: flex; flex-direction: row; align-items: center; padding: 24px 40px; background: var(--white); box-shadow: 0 5px 25px rgba(89, 101, 124, 0.15); border-radius: 10px; color: var(--dark-gray); font-weight: 500; font-size: 17px;}
.feature-box-slider .feature-box i {font-size: 24px; margin-right: 10px;}
.feature-box-slider .swiper-slide {width: auto; padding-top: 15px; padding-bottom: 15px;}
/* Scroll progress */
.scroll-progress {position: fixed; right: 20px; z-index: 111; top: 50%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); mix-blend-mode: difference;}
.scroll-progress.visible {opacity: 1; visibility: visible;}
.scroll-progress .scroll-top {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.scroll-progress .scroll-line {width: 2px; height: 60px; position: relative; background-color: rgba(255, 255, 255, 0.15); color: inherit; display: block;}
.scroll-progress .scroll-point {display: inline-block; width: 2px; position: absolute; background-color: var(--white); top: 0px; left: 0px;}
.scroll-progress .scroll-text {-webkit-transform: rotate(180deg); transform: rotate(180deg); writing-mode: vertical-lr; margin-bottom: 15px; color: var(--white); font-size: 11px; text-transform: uppercase;}
.scroll-progress.scroll-simple {position: fixed; right: 50px; z-index: 111; top: auto; transform: none; bottom: 50px; mix-blend-mode: inherit;}
.scroll-progress.scroll-simple .scroll-top {background: var(--white); font-size: 17px; line-height: 34px; box-shadow: 0 0 25px rgba(23, 23, 23, 0.25); height: 34px; width: 34px; padding: 0; border-radius: 100%;}
/* Move it (define the animation) */
@-moz-keyframes example1 {0% {  -moz-transform: translateX(100%); }
  100% {  -moz-transform: translateX(-100%); };}
@-webkit-keyframes example1 {0% {  -webkit-transform: translateX(100%); }
  100% {  -webkit-transform: translateX(-100%); };}
@keyframes example1 {0% {  -moz-transform: translateX(100%); /* Firefox bug fix */
    -webkit-transform: translateX(100%); /* Firefox bug fix */
    transform: translateX(100%); }
  100% {  -moz-transform: translateX(-100%); /* Firefox bug fix */
    -webkit-transform: translateX(-100%); /* Firefox bug fix */
    transform: translateX(-100%); };}
.bg-base-color {background-color: var(--darkest-blue);}
.bg-dark-gray,
.bg-dark-gray:focus {background-color: var(--dark-gray);}
.bg-black {background-color: var(--black);}
.bg-medium-gray {background-color: var(--medium-gray);}
.bg-light-medium-gray {background-color: var(--light-medium-gray);}
.bg-extra-medium-gray {background-color: var(--extra-medium-gray);}
.bg-light-gray {background-color: var(--light-gray);}
.bg-very-light-gray {background-color: var(--very-light-gray);}
.bg-gradient-fast-blue-purple {background-image: linear-gradient(to right top, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff);}
.bg-gradient-very-light-gray {background-image: linear-gradient(to bottom, #f7f8f9, #f9fafb, #fbfbfc, #fdfdfd, #fff);}
.bg-gradient-top-very-light-gray {background-image: linear-gradient(to top, #f7f7f7, #f7f7f7, #fcfafa, #fcfafa, #fff);}
.bg-gradient-blue-transparent {background: linear-gradient(to right, #1ea3b1 10%, rgba(255, 255, 255, 0) 95%);}
.bg-transparent {background-color: transparent;}
.bg-gradient-gray-light-dark-transparent {background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 35, 41, .8)), to(transparent)); background-image: linear-gradient(to top, rgba(32, 35, 41, .8) 0, transparent 100%);}
.bg-gradient-dark-transparent {background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #141622), to(transparent)); background: linear-gradient(to top, #141622 7%, transparent 100%);}
.bg-gradient-dark-gray-left-transparent {background: -webkit-linear-gradient(right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0)); background: linear-gradient(to right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0));}
.bg-gradient-white-transparent {background: linear-gradient(to top, #fff 20%, rgba(255, 255, 255, 0) 80%);}
.bg-gradient-white-dark-transparent {background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #fff), to(transparent)); background: linear-gradient(to top, #fff 30%, rgba(255, 255, 255, 0) 70%);}
.bg-gradient-white-bottom-transparent {background: #000; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, #fff 60%);}
.bg-gradient-black-bottom-transparent {background: #fff; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .6) 100%);}
.bg-dark-gray-transparent {background-color: rgba(35, 35, 35, .8);}
.bg-dark-gray-transparent-light {background-color: rgba(35, 35, 35, .2);}
.bg-dark-gray-transparent-medium {background-color: rgba(35, 35, 35, .4);}
.bg-medium-gray-transparent {background-color: rgba(111, 111, 111, .1);}
.bg-light-gray-transparent {background-color: #fbfbfb;}
.bg-medium-gray-transparent {background-color: rgba(136, 136, 136, .3);}
.bg-black-transparent-light {background-color: rgba(0, 0, 0, .2);}
.bg-black-transparent-medium {background-color: rgba(0, 0, 0, .5);}
.bg-black-transparent {background-color: rgba(0, 0, 0, .8);}
.bg-white-transparent-extra-light,
.bg-white-transparent-extra-light:focus {background-color: rgba(255, 255, 255, .1);}
.bg-white-transparent-very-light {background-color: rgba(255, 255, 255, .2);}
.bg-white-transparent-light {background-color: rgba(255, 255, 255, .4);}
.bg-white-transparent {background-color: rgba(255, 255, 255, .7);}
.cover-background {background-repeat: no-repeat!important; background-size: cover; overflow: hidden; position: relative; background-position: center center!important;}
.background-position-left {background-position: left center!important;}
.background-position-left-bottom {background-position: left bottom!important;}
.background-position-left-center {background-position: left center!important;}
.background-position-right {background-position: right center!important;}
.background-position-right-top {background-position: right top!important;}
.background-position-center-top {background-position: center top!important;}
.background-position-left-top {background-position: left top!important;}
.background-position-right-bottom {background-position: right bottom!important;}
.background-position-center-bottom {background-position: center bottom 0!important;}
.background-repeat {background-repeat: repeat;}
.background-no-repeat {background-repeat: no-repeat;}
.background-position-center {background-position: center!important;}
.border-6 {border-width: 6px!important;}
.border-7 {border-width: 7px!important;}
.border-8 {border-width: 8px!important;}
.border-9 {border-width: 9px!important;}
.border-10 {border-width: 10px!important;}
.border-solid {border-style: solid!important;}
.border-double {border-style: double!important;}
.border-none {border-style: none!important;}
.border-hidden {border-style: hidden!important;}
.border-color-base-color {border-color: var(--darkest-blue)!important;}
.border-color-white {border-color: var(--white)!important;}
.border-color-dark-gray {border-color: var(--dark-gray)!important;}
.border-color-extra-medium-gray {border-color: var(--extra-medium-gray)!important;}
.border-color-transparent-dark-very-light {border-color: rgba(35, 35, 35, .1)!important;}
.border-color-transparent-white-light {border-color: rgba(255, 255, 255, .1)!important;}
.border-color-transparent {border-color: transparent!important;}
.border-color-transparent-on-hover:hover {border-color: transparent!important;}
.border-radius-0px {border-radius: 0!important;}
.border-radius-4px {border-radius: 4px!important;}
.border-radius-5px {border-radius: 5px!important;}
.border-radius-6px {border-radius: 6px!important;}
.border-radius-8px {border-radius: 8px!important;}
.border-radius-50px {border-radius: 50px!important;}
.border-radius-100px {border-radius: 100px!important;}
.border-radius-100 {border-radius: 100%!important;}
.no-border-radius {border-radius: 0!important;}
.border-radius-top-left {border-radius: 10px 0 0 10px!important;}
/* ===================================
    07. Width
====================================== */
.w-35px {width: 35px!important;}
.w-50px {width: 50px!important;}
.w-60px {width: 60px!important;}
.w-140px {width: 140px!important;}
.w-160px {width: 160px!important;}
.w-190px {width: 190px!important;}
.w-200px {width: 200px!important;}
.w-10 {width: 10%!important;}
.w-15 {width: 15%!important;}
.w-25 {width: 25%!important;}
.w-30 {width: 30%!important;}
.w-40 {width: 40%!important;}
.w-45 {width: 45%!important;}
.w-50 {width: 50%!important;}
.w-55 {width: 55%!important;}
.w-60 {width: 60%!important;}
.w-70 {width: 70%!important;}
.w-75 {width: 75%!important;}
.w-80 {width: 80%!important;}
.w-85 {width: 85%!important;}
.w-90 {width: 90%!important;}
.w-95 {width: 95%!important;}
.w-100 {width: 100%!important;}
.w-auto {width: auto!important;}
.h-1px {height: 1px!important;}
.h-2px {height: 2px!important;}
.h-3px {height: 3px!important;}
.h-4px {height: 4px!important;}
.h-5px {height: 5px!important;}
.h-6px {height: 6px!important;}
.h-7px {height: 7px!important;}
.h-8px {height: 8px!important;}
.h-9px {height: 9px!important;}
.h-10px {height: 10px!important;}
.h-11px {height: 11px!important;}
.h-12px {height: 12px!important;}
.h-13px {height: 13px!important;}
.h-14px {height: 14px!important;}
.h-15px {height: 15px!important;}
.h-20px {height: 20px!important;}
.h-30px {height: 30px!important;}
.h-35px {height: 35px!important;}
.h-50px {height: 50px!important;}
.h-55px {height: 55px!important;}
.h-60px {height: 60px!important;}
.h-70px {height: 70px!important;}
.h-100px {height: 100px!important;}
.h-120px {height: 120px!important;}
.h-130px {height: 130px!important;}
.h-160px {height: 160px!important;}
.h-300px {height: 300px!important;}
.h-350px {height: 350px!important;}
.h-500px {height: 500px!important;}
.h-850px {height: 850px!important;}
.h-auto {height: auto!important;}
.extra-very-small-screen {height: 250px!important;}
.extra-small-screen {height: 300px!important;}
.small-screen {height: 400px!important;}
.one-third-screen {height: 700px!important;}
@media (prefers-reduced-motion:no-preference) {:root {	scroll-behavior: auto
	};}
.p-5px {padding: 5px!important;}
.p-10px {padding: 10px!important;}
.p-15px {padding: 15px!important;}
.p-20px {padding: 20px!important;}
.p-25px {padding: 25px!important;}
.p-30px {padding: 30px!important;}
.p-35px {padding: 35px!important;}
.p-40px {padding: 40px!important;}
.p-45px {padding: 45px!important;}
.p-50px {padding: 50px!important;}
.p-55px {padding: 55px!important;}
.p-60px {padding: 60px!important;}
.p-65px {padding: 65px!important;}
.p-70px {padding: 70px!important;}
.p-80px {padding: 80px!important;}
.p-4 {padding: 4%!important;}
.p-9 {padding: 9%!important;}
.pt-5px {padding-top: 5px!important;}
.pt-10px {padding-top: 10px!important;}
.pt-15px {padding-top: 15px!important;}
.pt-20px {padding-top: 20px!important;}
.pt-25px {padding-top: 25px!important;}
.pt-30px {padding-top: 30px!important;}
.pt-35px {padding-top: 35px!important;}
.pt-40px {padding-top: 40px!important;}
.pt-45px {padding-top: 45px!important;}
.pt-70px {padding-top: 70px!important;}
.pt-1 {padding-top: 1%!important;}
.pt-2 {padding-top: 2%!important;}
.pt-3 {padding-top: 3%!important;}
.pt-4 {padding-top: 4%!important;}
.pt-5 {padding-top: 5%!important;}
.pt-6 {padding-top: 6%!important;}
.pt-7 {padding-top: 7%!important;}
.pt-8 {padding-top: 8%!important;}
.pt-9 {padding-top: 9%!important;}
.pt-10 {padding-top: 10%!important;}
.pt-11 {padding-top: 11%!important;}
.pt-12 {padding-top: 12%!important;}
.pt-13 {padding-top: 13%!important;}
.pt-14 {padding-top: 14%!important;}
.pt-15 {padding-top: 15%!important;}
.pt-16 {padding-top: 16%!important;}
.pt-17 {padding-top: 17%!important;}
.pt-18 {padding-top: 18%!important;}
.pt-20 {padding-top: 20%!important;}
.pt-25 {padding-top: 25%!important;}
.pt-30 {padding-top: 30%!important;}
.pr-15px {padding-right: 15px!important;}
.pr-25px {padding-right: 25px!important;}
.pr-30px {padding-right: 30px!important;}
.pr-40px {padding-right: 40px!important;}
.pr-50px {padding-right: 50px!important;}
.pr-65px {padding-right: 65px!important;}
.pr-3 {padding-right: 3%!important;}
.pr-5 {padding-right: 5%!important;}
.pr-6 {padding-right: 6%!important;}
.pr-7 {padding-right: 7%!important;}
.pr-8 {padding-right: 8%!important;}
.pr-9 {padding-right: 9%!important;}
.pr-15 {padding-right: 15%!important;}
.pb-5px {padding-bottom: 5px!important;}
.pb-15px {padding-bottom: 15px!important;}
.pb-20px {padding-bottom: 20px!important;}
.pb-30px {padding-bottom: 30px!important;}
.pb-35px {padding-bottom: 35px!important;}
.pb-50px {padding-bottom: 50px!important;}
.pb-60px {padding-bottom: 60px!important;}
.pb-70px {padding-bottom: 70px!important;}
.pb-1 {padding-bottom: 1%!important;}
.pb-2 {padding-bottom: 2%!important;}
.pb-3 {padding-bottom: 3%!important;}
.pb-4 {padding-bottom: 4%!important;}
.pb-5 {padding-bottom: 5%!important;}
.pb-6 {padding-bottom: 6%!important;}
.pb-7 {padding-bottom: 7%!important;}
.pb-8 {padding-bottom: 8%!important;}
.pb-9 {padding-bottom: 9%!important;}
.pb-17 {padding-bottom: 17%!important;}
.pb-25 {padding-bottom: 25%!important;}
.pl-5px {padding-left: 5px!important;}
.pl-15px {padding-left: 15px!important;}
.pl-25px {padding-left: 25px!important;}
.pl-30px {padding-left: 30px!important;}
.pl-35px {padding-left: 35px!important;}
.pl-40px {padding-left: 40px!important;}
.pl-50px {padding-left: 50px!important;}
.pl-65px {padding-left: 65px!important;}
.pl-2 {padding-left: 2%!important;}
.pl-3 {padding-left: 3%!important;}
.pl-6 {padding-left: 6%!important;}
.pl-7 {padding-left: 7%!important;}
.pl-8 {padding-left: 8%!important;}
.pl-9 {padding-left: 9%!important;}
.pl-15 {padding-left: 15%!important;}
.pl-30 {padding-left: 30%!important;}
.m-5px {margin: 5px!important;}
.m-10px {margin: 10px!important;}
.m-15px {margin: 15px!important;}
.m-20px {margin: 20px!important;}
.m-25px {margin: 25px!important;}
.m-30px {margin: 30px!important;}
.m-35px {margin: 35px!important;}
.m-40px {margin: 40px!important;}
.m-45px {margin: 45px!important;}
.m-60px {margin: 60px!important;}
.m-65px {margin: 65px!important;}
.m-70px {margin: 70px!important;}
.m-2 {margin: 2%!important;}
.m-3 {margin: 3%!important;}
.m-4 {margin: 4%!important;}
.m-5 {margin: 5%!important;}
.m-6 {margin: 6%!important;}
.m-7 {margin: 7%!important;}
.m-8 {margin: 8%!important;}
.m-9 {margin: 9%!important;}
.m-30 {margin: 30%!important;}
.mt-5px {margin-top: 5px!important;}
.mt-10px {margin-top: 10px!important;}
.mt-15px {margin-top: 15px!important;}
.mt-20px {margin-top: 20px!important;}
.mt-25px {margin-top: 25px!important;}
.mt-30px {margin-top: 30px!important;}
.mt-35px {margin-top: 35px!important;}
.mt-70px {margin-top: 70px!important;}
.mt-1 {margin-top: 1%!important;}
.mt-2 {margin-top: 2%!important;}
.mt-3 {margin-top: 3%!important;}
.mt-4 {margin-top: 4%!important;}
.mt-5 {margin-top: 5%!important;}
.mt-6 {margin-top: 6%!important;}
.mt-7 {margin-top: 7%!important;}
.mt-8 {margin-top: 8%!important;}
.mt-9 {margin-top: 9%!important;}
.mt-30 {margin-top: 30%!important;}
.mr-5px {margin-right: 5px!important;}
.mr-10px {margin-right: 10px!important;}
.mr-15px {margin-right: 15px!important;}
.mr-20px {margin-right: 20px!important;}
.mr-30px {margin-right: 30px!important;}
.mr-40px {margin-right: 40px!important;}
.mr-45px {margin-right: 45px!important;}
.mr-1 {margin-right: 1%!important;}
.mr-2 {margin-right: 2%!important;}
.mr-4 {margin-right: 4%!important;}
.mr-5 {margin-right: 5%!important;}
.mr-8 {margin-right: 8%!important;}
.mr-9 {margin-right: 9%!important;}
.mb-5px {margin-bottom: 5px!important;}
.mb-10px {margin-bottom: 10px!important;}
.mb-15px {margin-bottom: 15px!important;}
.mb-20px {margin-bottom: 20px!important;}
.mb-25px {margin-bottom: 25px!important;}
.mb-30px {margin-bottom: 30px!important;}
.mb-35px {margin-bottom: 35px!important;}
.mb-40px {margin-bottom: 40px!important;}
.mb-45px {margin-bottom: 45px!important;}
.mb-50px {margin-bottom: 50px!important;}
.mb-55px {margin-bottom: 55px!important;}
.mb-60px {margin-bottom: 60px!important;}
.mb-65px {margin-bottom: 65px!important;}
.mb-70px {margin-bottom: 70px!important;}
.mb-1 {margin-bottom: 1%!important;}
.mb-2 {margin-bottom: 2%!important;}
.mb-3 {margin-bottom: 3%!important;}
.mb-4 {margin-bottom: 4%!important;}
.mb-5 {margin-bottom: 5%!important;}
.mb-6 {margin-bottom: 6%!important;}
.mb-7 {margin-bottom: 7%!important;}
.mb-8 {margin-bottom: 8%!important;}
.mb-9 {margin-bottom: 9%!important;}
.mb-10 {margin-bottom: 10%!important;}
.mb-11 {margin-bottom: 11%!important;}
.mb-12 {margin-bottom: 12%!important;}
.mb-13 {margin-bottom: 13%!important;}
.mb-14 {margin-bottom: 14%!important;}
.mb-15 {margin-bottom: 15%!important;}
.mb-16 {margin-bottom: 16%!important;}
.mb-17 {margin-bottom: 17%!important;}
.mb-18 {margin-bottom: 18%!important;}
.mb-19 {margin-bottom: 19%!important;}
.mb-30 {margin-bottom: 30%!important;}
.top-30px {top: 30px;}
.top-120px {top: 120px;}
.right-30px {right: 30px;}
.right-70px {right: 70px;}
.bottom-0px {bottom: 0;}
.bottom-30px {bottom: 30px;}
.left-5px {left: 5px;}
.left-30px {left: 30px;}
.top-minus-60px {top: -60px;}
.right-minus-15px {right: -15px;}
.bottom-minus-40px {bottom: -40px;}
.bottom-minus-50px {bottom: -50px;}
.left-minus-5px {left: -5px;}
.left-minus-25px {left: -25px;}
.fw-100 {font-weight: 100!important;}
.fw-200 {font-weight: 200!important;}
.fw-300 {font-weight: 300!important;}
.fw-400 {font-weight: 400!important;}
.fw-500 {font-weight: 500!important;}
.fw-600 {font-weight: 600!important;}
.fw-700 {font-weight: 700!important;}
.fw-800 {font-weight: 800!important;}
.fw-900 {font-weight: 900!important;}
.z-index-1 {z-index: 1;}
/* ===================================
   10. Header
====================================== */
header .header-top-bar [class*=col-] {display: -webkit-box; display: -ml-flexbox; display: flex; -ml-flex-item-align: stretch; -ml-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ml-flex-align: center; align-items: center;}
header .header-top-bar [class*=col-].text-end {justify-content: flex-end!important;}
header .header-top-bar [class*=col-] .header-icon {-ml-flex-item-align: stretch; -ml-grid-row-align: stretch; align-self: stretch;}
header .navbar {position: fixed; top: 0; right: 0; left: 0; z-index: 99;}
header .navbar [class*=col-] {padding: 0 15px; display: -webkit-box; display: -ml-flexbox; display: flex; -ml-flex-item-align: stretch; -ml-grid-row-align: stretch; align-self: stretch;}
header .navbar [class*=col-].text-end {justify-content: flex-end!important;}
header .navbar [class*=col-] .navbar-nav {-ml-flex-item-align: stretch; -ml-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ml-flex-align: center; align-items: center;}
header .navbar [class*=col-] .navbar-nav .nav-item {display: -webkit-box; display: -ml-flexbox; display: flex; -ml-flex-item-align: stretch; -ml-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ml-flex-align: center; align-items: center;}
header .navbar [class*=col-] .navbar-nav .nav-item a {display: -webkit-box; display: -ml-flexbox; display: flex; -ml-flex-item-align: stretch; -ml-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ml-flex-align: center; align-items: center;}
header .container-fluid {padding-left: 45px; padding-right: 45px;}
header.sticky .navbar-brand {padding: 20px 0;}
header.sticky .navbar {-webkit-transform: translateY(-100%); transform: translateY(-100%);}
header.sticky .navbar.sticky-header {-webkit-transform: translateY(0); transform: translateY(0);}
header.sticky .navbar.fixed-header {-webkit-transform: translateY(0); transform: translateY(0);}
header.sticky .header-light:not(.disable-fixed) {box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);}
header.sticky.sticky-appear .header-reverse-back-scroll {-webkit-transform: translateY(0); transform: translateY(0);}
header.sticky.sticky-appear .header-reverse-back-scroll.glass-effect {-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.85)!important;}
header.sticky.sticky-appear .header-reverse-back-scroll.header-dark.glass-effect {background-color: rgba(35, 35, 35, 0.7)!important;}
header.sticky.sticky-active .header-reverse {-webkit-transform: translateY(0); transform: translateY(0); border-color: transparent!important;}
header.sticky.sticky-active .header-reverse.glass-effect {-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.85)!important;}
header.sticky.sticky-active .header-reverse.header-dark.glass-effect {background-color: rgba(35, 35, 35, 0.7)!important;}
header.sticky.sticky-active .navbar-brand .alt-logo {visibility: visible; opacity: 1; width: auto;}
header.sticky.sticky-active .navbar-brand .default-logo {visibility: hidden; opacity: 0; width: 0;}
header.sticky.sticky-active [data-header-hover=dark] {background-color: var(--dark-gray)!important;}
header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link {color: var(--white); opacity: 0.6;}
header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-link {color: var(--white);}
header.sticky.sticky-active [data-header-hover=dark] .icon > a {color: var(--white);}
header.sticky.sticky-active [data-header-hover=dark] .icon > a:hover {color: var(--white); opacity: 0.6;}
header.sticky.sticky-active [data-header-hover=dark] .icon .push-button span {background-color: var(--white);}
header.sticky.sticky-active [data-header-hover=light] {background-color: var(--white)!important; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link {color: var(--dark-gray);}
header.sticky.sticky-active [data-header-hover=light] .icon > a {color: var(--dark-gray);}
header.sticky.sticky-active [data-header-hover=light] .icon > a:hover {color: var(--medium-gray); opacity: 1;}
header.sticky.sticky-active [data-header-hover=light] .icon .push-button span {background-color: var(--dark-gray);}
header.sticky.sticky-active [data-header-hover=light] .widget-text {color: var(--dark-gray);}
header.sticky.sticky-active [data-header-hover=light] .widget-text a {color: var(--dark-gray);}
header.sticky .header-icon .push-button {padding: 0;}
header.sticky .center-logo .navbar-nav .nav-link {padding: 26px 20px;}
header.sticky .top-logo .navbar-brand {padding: 15px 0;}
header.sticky .top-logo.fixed-header .navbar-brand, header.sticky .top-logo.disable-fixed .navbar-brand {padding: 22px 0;}
header.sticky .top-logo.responsive-sticky .navbar-nav .nav-link {padding-top: 18px!important; padding-bottom: 18px!important;}
header.sticky .fixed-header .navbar-brand, header.sticky .disable-fixed .navbar-brand {padding: 30px 0;}
header .navbar {-webkit-transition: 0.3s; transition: 0.3s;}
header .navbar.mini-header .navbar-brand {padding: 20px 0;}
header .navbar.mini-header .navbar-brand img {max-height: 22px;}
header .navbar-brand {margin-right: 0; vertical-align: middle; padding: 30px 0; display: inline-block; font-size: 0;}
header .navbar-brand .default-logo {visibility: visible; opacity: 1; width: auto;}
header .navbar-brand .alt-logo, header .navbar-brand .mobile-logo {visibility: hidden; opacity: 0; width: 0;}
header .navbar-brand img {max-height: 46px;}
header .header-top-bar {position: fixed; top: 0; right: 0; width: 100%; left: 0; z-index: 100; -webkit-transition: 0.3s; transition: 0.3s;}
header .header-top-bar + .navbar {-webkit-transition: 0.3s; transition: 0.3s; top: 40px;}
header .header-top-bar + .navbar.disable-fixed {top: 0;}
header .header-top-bar .widget {display: inline-block;}
header .header-top-bar .widget i {padding-right: 5px;}
header .left-nav .navbar-nav:before {height: 20px; width: 1px; background-color: var(--medium-gray); opacity: 0.5; content: ""; -webkit-transform: translate(-7px, 0px); transform: translate(-7px, 0px); -webkit-transition: 0.3s; transition: 0.3s;}
header .disable-fixed {position: absolute;}
header.sticky .responsive-sticky {-webkit-transform: translateY(0); transform: translateY(0);}
header.sticky .navbar.disable-fixed {-webkit-transform: translateY(0); transform: translateY(0); box-shadow: none;}
/* Navbar */
.navbar {padding: 0;}
.navbar .navbar-nav .nav-item > i {display: none;}
.navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link {opacity: 0.6;}
.navbar .navbar-nav .nav-item .nav-link.active {opacity: 0.6;}
.navbar .navbar-nav .nav-link {font-size: 16px; line-height: 20px; padding: 10px 20px; position: relative; font-weight: 500; opacity: 1; word-break: normal; -webkit-transition: 0.3s; transition: 0.3s; color: var(--white);}
.navbar .navbar-nav .nav-link .label {display: inline-block; padding: 1px 11px; font-size: 12px; margin-left: 8px; margin-top: 0px; vertical-align: middle;}
/* Header icon */
.header-icon {display: flex; align-items: center;}
.header-icon .icon {position: relative; line-height: 0; display: -webkit-box; display: -ml-flexbox; display: flex; -ml-flex-item-align: stretch; -ml-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ml-flex-align: center; align-items: center;}
.header-icon .icon > a {padding-left: 16px; font-size: 17px; color: var(--white);}
.header-icon .icon > a:hover {color: var(--white); opacity: 0.6;}
.header-icon .icon:first-child a:first-child {padding-left: 0;}
.header-icon .header-mail {padding-right: 35px; top: 0;}
.header-icon .header-mail .mail {font-size: 14px;}
.header-icon .header-mail .mail i {vertical-align: middle; padding-right: 5px;}
/* Header widget */
.widget-text {color: var(--white);}
header a.widget-text:hover {opacity: 0.6;}
.show-menu .header-push-button .push-button span:nth-child(1) {top: 7px; width: 0%;}
.show-menu .header-push-button .push-button span:nth-child(2) {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.show-menu .header-push-button .push-button span:nth-child(3) {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.show-menu .header-push-button .push-button span:nth-child(4) {top: 7px; width: 0%;}
.navbar-modern-inner {display: none;}
.navbar-modern-inner .navbar-toggler {display: none;}
/* Header center logo */
.center-logo .navbar-nav .nav-link {padding: 38px 20px;}
.center-logo .menu-logo .d-none {-ml-flex-item-align: center; -ml-grid-row-align: center; align-self: center;}
.center-logo .navbar-brand {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: none;}
.center-logo .navbar-left, .center-logo .navbar-right {width: 42%;}
/* Header top logo */
.top-logo .navbar-brand {padding: 22px 0;}
.top-logo .navbar-nav .nav-link {padding-top: 25px!important; padding-bottom: 25px!important;}
.connect-me a {color: var(--dark-gray); display: table;}
.connect-me a:hover {opacity: 0.6;}
.connect-me .widget-text {color: var(--dark-gray); display: table;}
/* Menu list */
.menu-item-list {display: block; width: 100%; list-style: none; padding: 0; margin-bottom: 0;}
.menu-item-list .menu-item {position: relative; margin: 0;}
.menu-item-list .menu-item ul {list-style: none; padding: 0;}
.menu-item-list .menu-item .menu-toggle {display: block; position: absolute; right: 0; top: 14px; cursor: pointer; z-index: 1; width: 30px; height: 30px; line-height: 30px;}
.menu-item-list .menu-item .menu-toggle:before, .menu-item-list .menu-item .menu-toggle:after {content: ""; display: block; position: absolute; right: 10px; top: 15px; height: 1px; width: 11px; background-color: var(--white);}
.menu-item-list .menu-item .menu-toggle:after {-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.menu-item-list .menu-item .menu-toggle.show:after {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.menu-item-list .menu-item .sub-menu .menu-toggle {top: 0;}
.menu-item-list .menu-item .sub-menu .menu-toggle:before, .menu-item-list .menu-item .sub-menu .menu-toggle:after {width: 7px;}
.menu-item-list .menu-item .sub-menu .active > a {opacity: 1;}
.menu-item-list .active .nav-link {opacity: 0.6;}
.menu-item-list .nav-link {padding: 5px 20px 5px 0; font-size: 20px; line-height: 28px; display: inline-block; width: 100%; margin: 9px 0; color: var(--white); -webkit-transition: 0.3s; transition: 0.3s;}
.menu-item-list .nav-link:hover {color: var(--white); opacity: 0.6;}
.menu-item-list .sub-menu {padding: 0; display: block; height: 0; overflow: hidden; list-style: none; margin: 0; position: relative!important; transform: none!important; background-color: transparent; border: 0;}
.menu-item-list .sub-menu li {position: relative; margin: 0; padding: 5px 0;}
.menu-item-list .sub-menu li .sub-menu {margin: 0; padding-left: 15px;}
.menu-item-list .sub-menu li .sub-menu li {padding: 10px 0 0;}
.menu-item-list .sub-menu li .sub-menu li a {padding: 0;}
.menu-item-list .sub-menu li .sub-menu li a i {margin-right: 10px;}
.menu-item-list .sub-menu li .sub-menu li:first-child {margin-top: 10px;}
.menu-item-list .sub-menu li .sub-menu li:last-child {margin-bottom: 10px;}
.menu-item-list .sub-menu li:last-child {margin-bottom: 0;}
.menu-item-list .sub-menu li:last-child .sub-menu li:last-child {margin-bottom: 0;}
.menu-item-list .sub-menu a {font-size: 15px; line-height: 22px; display: block; color: var(--light-gray); margin: 0; padding-right: 20px;}
.menu-item-list .sub-menu a:hover {color: var(--white);}
.menu-item-list .sub-menu a .label {display: inline-block; padding: 5px 10px; font-size: 10px; line-height: initial; margin-left: 8px; margin-top: 0px; vertical-align: middle; font-weight: 700; text-transform: uppercase; white-space: nowrap;}
.menu-item-list .sub-menu.show {height: auto; overflow: visible;}
/* Header left menu modern dark */
.header-dark .connect-me .widget-text {color: var(--white);}
.header-dark .connect-me a {color: var(--white);}
.header-dark .connect-me a:hover {opacity: 0.6;}
.vertical-title {display: flex; height: 100%; flex: 1; justify-content: flex-end; flex-direction: column; -webkit-transform: translateY(-75px); transform: translateY(-75px);}
.vertical-title .title {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; text-transform: uppercase;}
.menu-list-wrapper {overflow: auto; height: calc(100vh - 150px); padding: 50px 0;}
.menu-list-wrapper .mCustomScrollBox {display: flex; width: 100%;}
.menu-list-wrapper .mCustomScrollBox .mCSB_container {align-self: flex-start; width: 100%; margin: 0;}
.menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y {align-self: center;}
/* Hamburger menu */
.hamburger-nav {width: 50%; -webkit-transition: 0.5s; transition: 0.5s;}
.hamburger-nav .menu-item-list {margin-bottom: 0; padding: 0 30px;}
.hamburger-nav .menu-item-list .menu-item {margin: 0;}
.hamburger-menu .header-icon {position: absolute; left: 0; bottom: -50px;}
.hamburger-menu-half .hamburger-logo {transform: translateY(30px); opacity: 0; transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.hamburger-menu-half .menu-address {transform: translateY(30px); opacity: 0; transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.hamburger-menu-half .menu-item-list .menu-item {transform: translateY(30px); opacity: 0; transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s cubic-bezier(0.8, 0.01, 0.165, 0.99);}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(1) {transition-delay: 0.49s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(2) {transition-delay: 0.42s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(3) {transition-delay: 0.35s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(4) {transition-delay: 0.28s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(5) {transition-delay: 0.21s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(6) {transition-delay: 0.14s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(7) {transition-delay: 0.07s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(8) {transition-delay: 0s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(9) {transition-delay: -0.07s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(10) {transition-delay: -0.14s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(11) {transition-delay: -0.21s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(12) {transition-delay: -0.28s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(13) {transition-delay: -0.35s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(14) {transition-delay: -0.42s;}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(15) {transition-delay: -0.49s;}
.hamburger-menu-simple {width: 100%; right: 0; opacity: 1; visibility: collapse; height: 100vh; max-height: 100dvh; top: -100%; -webkit-transition: 0.3s; transition: 0.3s;}
.hamburger-menu-simple .navbar-brand {position: absolute; top: 100px; left: 0; right: 0;}
.hamburger-menu-simple .hamburger-menu {padding: 30px 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition-delay: 0.4s; opacity: 0;}
.hamburger-menu-simple .hamburger-menu .header-icon {bottom: 100px;}
.hamburger-menu-simple .hamburger-logo {transform: translateY(-50px); opacity: 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.hamburger-menu-simple .menu-address {transform: translateY(-50px); opacity: 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.hamburger-menu-simple .menu-text {transform: translateY(-50px); opacity: 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.hamburger-menu-simple .menu-item-list .menu-item {transform: scale(1.15) translateY(-30px); opacity: 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(1) {transition-delay: 0.49s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(2) {transition-delay: 0.42s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(3) {transition-delay: 0.35s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(4) {transition-delay: 0.28s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(5) {transition-delay: 0.21s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(6) {transition-delay: 0.14s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(7) {transition-delay: 0.07s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(8) {transition-delay: 0s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(9) {transition-delay: -0.07s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(10) {transition-delay: -0.14s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(11) {transition-delay: -0.21s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(12) {transition-delay: -0.28s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(13) {transition-delay: -0.35s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(14) {transition-delay: -0.42s;}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(15) {transition-delay: -0.49s;}
.hamburger-menu-simple .menu-item-list .nav-link {font-size: 20px; width: auto; position: relative;}
.hamburger-menu-simple .menu-item-list .nav-link:hover {opacity: 0.6;}
.hamburger-logo img {max-height: 45px;}
/* Right push menu */
.right-push-menu .menu-item-list .menu-item .toggle {top: 18px;}
.right-push-menu .menu-item-list .sub-menu li .toggle {top: 4px;}
.right-push-menu .menu-item-list .nav-link {font-size: 1.5rem; line-height: 2.5rem;}
.right-push-menu .left-menu-bottom {margin-top: 30px;}
.right-push-menu .left-menu-bottom .header-icon {position: relative; bottom: 0;}
/* Custom hide animation */
@-webkit-keyframes hide-animation {
	0% {  opacity: 1; }
  to {  opacity: 0; };}
/* Custom slide animation */
@-webkit-keyframes show-animation {
	0% {  opacity: 0; }
  to {  opacity: 1; };
  }
button:focus {outline: none;}
/* Header toggle button  */
.navbar-toggler {font-size: 24px; width: 22px; height: 14px; display: inline-block; position: relative; padding: 0; margin: 0; border: none; vertical-align: middle; border-radius: 0; -webkit-transition: 0.3s; transition: 0.3s;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler-line {background: var(--dark-gray); height: 2px; width: 22px; content: ""; display: block; border-radius: 0; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s; transition: 0.25s;}
.navbar-toggler-line:nth-child(1) {top: 0px; width: 14px;}
.navbar-toggler-line:nth-child(2) {top: 6px;}
.navbar-toggler-line:nth-child(3) {top: 6px;}
.navbar-toggler-line:nth-child(4) {top: 12px; width: 14px;}
.navbar-collapse-show .navbar-toggler-line:nth-child(1) {top: 7px; width: 0%;}
.navbar-collapse-show .navbar-toggler-line:nth-child(2) {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.navbar-collapse-show .navbar-toggler-line:nth-child(3) {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.navbar-collapse-show .navbar-toggler-line:nth-child(4) {top: 7px; width: 0%;}
.navbar-modern-inner {display: none;}
.navbar-modern-inner .navbar-toggler {display: none;}
.header-with-topbar + .top-space-margin {margin-top: 136px;}
.header-with-topbar + .top-space-padding {padding-top: 136px;}
.navbar-modern-inner, .navbar-full-screen-menu-inner {display: none;}
.top-space-margin {margin-top: 96px;}
.top-space-padding {padding-top: 96px;}
/* ===================================
   11. Page title
====================================== */
/* Breadcrumb */
.breadcrumb {margin: 0;}
.breadcrumb ul {margin: 0; padding: 0;}
.breadcrumb-style-01 ul li {display: inline-block;}
.breadcrumb-style-01 ul li:after {content: "\e844"; font-family: "feather"; font-size: 13px; font-weight: 900; display: inline-block; vertical-align: middle; padding: 0 8px 0 10px;}
.breadcrumb-style-01 ul li:last-child:after {content: ""; padding: 0;}
/* Page title style */
.page-title-double-large h1 {font-size: 3.6rem; line-height: 3.3rem;}
.page-title-double-large h2 {font-size: 17px; line-height: 26px;}
.page-title-extra-large h1 {font-size: 3.3rem; line-height: 3.3rem;}
.page-title-extra-large h2 {font-size: 18px; line-height: 26px;}
.page-title-large h1 {font-size: 2.8rem; line-height: 3rem;}
.page-title-large h2 {font-size: 16px; line-height: 22px;}
.page-title-medium h1 {font-size: 2rem; line-height: 2.2rem;}
.page-title-medium h2 {font-size: 16px; line-height: 22px;}
.page-title-small h1 {font-size: 1.625rem; line-height: 1.875rem;}
.page-title-small h2 {font-size: 16px; line-height: 22px;}
.page-title-extra-small h1 {font-size: 17px; line-height: 20px;}
.page-title-extra-small h2 {font-size: 3.8rem; line-height: 3.8rem;}
.page-title-button-style.page-title-button-style {-webkit-transition: all 0.3s; transition: all 0.3s;}
.page-title-button-style h1 {padding: 13px 30px; display: inline-block;}
.page-title-mini-version h1 {font-size: 20px; line-height: 30px;}
/* Down section icon */
.down-section {position: absolute; bottom: 60px; left: 0; right: 0; width: 100%;}
.down-section a {display: inline-block;}
.down-section.down-bottom {bottom: 0; -webkit-transform: translateY(50%); transform: translateY(50%);}
/* Down section line */
.down-section-line .section-line {position: relative;}
.down-section-line .section-line:before {position: absolute; left: 0; top: 0; content: ""; height: 0; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: var(--darkest-blue);}
.down-section-line:hover .section-line:before {height: 100%;}
/* Grid */
.grid {list-style: none; padding: 0; margin: 0;}
/* Grid column and gutter spacing */
.grid li img {width: 100%;}
.grid .grid-sizer {padding: 0!important; margin: 0!important;}
.grid.gutter-very-small li {padding: 3px 3px;}
.grid.gutter-small li {padding: 5px 5px;}
.grid.gutter-medium li {padding: 7px 7px;}
.grid.gutter-large li {padding: 10px 10px;}
.grid.gutter-extra-large li {padding: 15px;}
.grid.gutter-double-extra-large li {padding: 20px;}
.grid.gutter-triple-extra-large li {padding: 30px;}
.grid.grid-6col li {width: 16.67%;}
.grid.grid-6col li.grid-item-double {width: 33.33%;}
.grid.grid-6col li.grid-item-single {width: 100%;}
.grid.grid-5col li {width: 20%;}
.grid.grid-5col li.grid-item-double {width: 40%;}
.grid.grid-5col li.grid-item-single {width: 100%;}
.grid.grid-4col li {width: 25%;}
.grid.grid-4col li.grid-item-double {width: 50%;}
.grid.grid-4col li.grid-item-single {width: 100%;}
.grid.grid-3col li {width: 33.33%;}
.grid.grid-3col li.grid-item-double {width: 66.67%;}
.grid.grid-3col li.grid-item-single {width: 100%;}
.grid.grid-2col li {width: 50%;}
.grid.grid-2col li.grid-item-double {width: 100%;}
.grid.grid-2col li.grid-item-single {width: 100%;}
.grid .gutter-large {margin-left: 10px; margin-right: 10px; margin: 0 10px;}
/* ===================================
    13. Elements
====================================== */
/* Accordion */
.accordion .accordion-item {color: inherit; border: none;}
.accordion .accordion-item .accordion-header {background-color: transparent; border: none; padding: 0; margin-bottom: 0;}
.accordion .accordion-item .accordion-header .accordion-title {cursor: pointer; padding-right: 25px;}
.accordion .accordion-item .accordion-header .accordion-title i {position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.accordion .accordion-item .accordion-collapse {border: 0;}
/* Accordion style 02 */
.accordion-style-02 .accordion-item {background-color: transparent;}
.accordion-style-02 .accordion-item .accordion-header {margin-bottom: 0; padding: 15px 0;}
.accordion-style-02 .accordion-item .accordion-header .accordion-title i {right: 0;}
.accordion-style-02 .accordion-item.active-accordion .accordion-header {border-bottom-color: transparent!important;}
.accordion-style-02 .accordion-item .accordion-body {padding: 0 25px 30px 0;}
.accordion-style-02 .right-icon {background-color: var(--white); color: var(--dark-gray);}
.accordion-style-02 .right-icon:hover {background-color: var(--darkest-blue); color: var(--white);}
/* Button */
.btn-box-shadow {-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
.btn-box-shadow:hover {-webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {border-color: initial; color: initial;}
.btn {display: inline-block; border: 2px solid transparent; border-radius: 0; text-transform: uppercase; letter-spacing: 0.5px; width: auto; font-family: var(--alt-font); font-weight: 500; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.btn:focus {-webkit-box-shadow: none; box-shadow: none;}
.btn:hover {background-color: inherit;}
.btn i {position: relative; margin-left: 6px;}
.btn.btn-extra-large {font-size: 16px; padding: 24px 46px;}
.btn.btn-large {font-size: 14px; padding: 18px 34px;}
.btn.btn-medium {font-size: 13px; padding: 16px 30px;}
.btn.btn-small {font-size: 12px; padding: 13px 26px;}
.btn.btn-very-small {font-size: 11px; padding: 10px 20px;}
.btn.btn-rounded.btn-extra-large {padding: 18px 46px;}
.btn.btn-rounded.btn-large {padding: 14px 36px;}
.btn.btn-rounded.btn-medium {padding: 12px 32px;}
.btn.btn-rounded.btn-small {padding: 10px 26px;}
.btn.btn-rounded.btn-very-small {padding: 8px 20px;}
.btn.btn-rounded.btn-rounded {-webkit-border-radius: 50px; border-radius: 50px;}
.btn.btn-round-edge {-webkit-border-radius: 4px; border-radius: 4px;}
.btn.btn-round-edge-small {-webkit-border-radius: 2px; border-radius: 2px;}
.btn.btn-link {padding: 0 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 2px solid; letter-spacing: 0; background-color: transparent;}
.btn.btn-link.thin {border-bottom: 1px solid;}
.btn.btn-link:hover {opacity: 0.7;}
.btn.btn-link:focus-visible {box-shadow: none;}
.btn.btn-link-gradient {padding: 0 0 3px!important; position: relative; border: 0; background-color: transparent;}
.btn.btn-link-gradient > span {position: absolute; bottom: 0; left: 0; height: 2px; width: 100%;}
.btn.btn-link-gradient.thin span {height: 1px;}
.btn.btn-link-gradient.expand span {width: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn.btn-link-gradient:hover {opacity: 0.7;}
.btn.btn-link-gradient:hover.expand:hover span {width: 100%;}
.btn.btn-expand {position: relative; z-index: 1;}
.btn.btn-expand span {position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: -1; -webkit-transition: 0.3s; transition: 0.3s;}
.btn.btn-expand:hover, .btn.btn-expand:active {border-color: transparent;}
.btn.btn-expand:hover span, .btn.btn-expand:active span {width: 100%;}
.btn.btn-expand-ltr {position: relative; z-index: 1; background-color: transparent; border: 0; color: initial;}
.btn.btn-expand-ltr:active {background-color: transparent; border: 0; color: initial;}
.btn.btn-expand-ltr span {border-radius: 50px; position: absolute; top: 50%; left: 0; z-index: -1; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.btn.btn-expand-ltr:hover span {width: 100%!important;}
.btn.btn-expand-ltr.btn-extra-large {padding: 18px 28px;}
.btn.btn-expand-ltr.btn-extra-large span {width: 60px; height: 60px;}
.btn.btn-expand-ltr.btn-large {padding: 14px 26px;}
.btn.btn-expand-ltr.btn-large span {width: 50px; height: 50px;}
.btn.btn-expand-ltr.btn-medium {padding: 12px 24px;}
.btn.btn-expand-ltr.btn-medium span {width: 44px; height: 44px;}
.btn.btn-expand-ltr.btn-small {padding: 10px 22px;}
.btn.btn-expand-ltr.btn-small span {width: 40px; height: 40px;}
.btn.btn-expand-ltr.btn-very-small {padding: 8px 18px;}
.btn.btn-expand-ltr.btn-very-small span {width: 38px; height: 38px;}
.btn.btn-hover-animation-switch.btn-link {border-bottom: 0; padding-bottom: 0;}
.btn.btn-hover-animation-switch.btn-link:hover {opacity: 1;}
.btn.btn-hover-animation-switch > span {display: inline-flex; align-items: center;}
.btn.btn-hover-animation-switch .btn-text {margin-left: -13px; position: relative; z-index: 3; transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);}
.btn.btn-hover-animation-switch .btn-icon {margin-left: 6px; position: relative; transition: opacity 0.4s 0.25s, transform 0.6s 0.25s; transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1); line-height: 0; z-index: 3;}
.btn.btn-hover-animation-switch .btn-icon i {margin: 0; line-height: 0;}
.btn.btn-hover-animation-switch .btn-icon + .btn-icon {order: -2; opacity: 0; transition-delay: 0s; margin-left: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px);}
.btn.btn-hover-animation-switch:hover .btn-text {transition-delay: 0.1s; transform: translateX(23px);}
.btn.btn-hover-animation-switch:hover .btn-icon {transition-delay: 0s; transform: translateX(10px); opacity: 0;}
.btn.btn-hover-animation-switch:hover .btn-icon + .btn-icon {opacity: 1; transform: translateX(0); transition-delay: 0.225s;}
.btn.btn-hover-animation-switch.btn-icon-left .btn-text {margin-right: -15px; margin-left: 0px; position: relative; z-index: 3;}
.btn.btn-hover-animation-switch.btn-icon-left .btn-icon {opacity: 0; margin-left: 0; transition-delay: 0s; -webkit-transform: translateX(10px); transform: translateX(10px);}
.btn.btn-hover-animation-switch.btn-icon-left .btn-icon + .btn-icon {opacity: 1; margin-left: 0; margin-right: 6px; transition: opacity 0.4s 0.25s, transform 0.6s 0.25s; transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1); -webkit-transform: translateX(0px); transform: translateX(0px);}
.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-text {transition-delay: 0.1s; transform: translateX(-20px);}
.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon {transform: translateX(0px); opacity: 1; transition-delay: 0.225s;}
.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon + .btn-icon {opacity: 0; transition-delay: 0s; transform: translateX(-10px);}
.btn.btn-hover-animation.btn-link {border-bottom: 0; padding-bottom: 0;}
.btn.btn-hover-animation.btn-link:hover {opacity: 1;}
.btn.btn-hover-animation > span {display: inline-flex; align-items: center;}
.btn.btn-hover-animation .btn-text {margin-left: 0px; position: relative; z-index: 3; transition: transform 0.5s;}
.btn.btn-hover-animation .btn-icon {display: inline-flex; align-items: center; margin-left: -24px;}
.btn.btn-hover-animation .btn-icon i {display: inline-block; opacity: 0; top: 0; transform: translateX(0.24px); transition: opacity 0.25s, transform 0.5s;}
.btn.btn-hover-animation:hover .btn-text {-webkit-transform: translateX(-12px); transform: translateX(-12px);}
.btn.btn-hover-animation:hover .btn-icon i {opacity: 1; -webkit-transform: translateX(12px); transform: translateX(12px);}
.btn.btn-hover-animation:active {border-color: transparent!important;}
.btn.btn-hover-animation.btn-icon-left .btn-icon {margin-right: -24px; margin-left: 0;}
.btn.btn-hover-animation.btn-icon-left .btn-icon i {transform: translateX(0.24px);}
.btn.btn-hover-animation.btn-icon-left .btn-text {margin-right: 0; margin-left: 0;}
.btn.btn-hover-animation.btn-icon-left:hover .btn-text {-webkit-transform: translateX(15px); transform: translateX(15px);}
.btn.btn-hover-animation.btn-icon-left:hover .btn-icon i {opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px);}
.btn.btn-slide-up span {-webkit-transform: translateY(100%); transform: translateY(100%);}
.btn.btn-slide-down span {-webkit-transform: translateY(-100%); transform: translateY(-100%);}
.btn.btn-slide-left span {-webkit-transform: translateX(100%); transform: translateX(100%);}
.btn.btn-slide-right span {-webkit-transform: translateX(-100%); transform: translateX(-100%);}
.btn.btn-slide-up, .btn.btn-slide-down, .btn.btn-slide-left, .btn.btn-slide-right {position: relative; z-index: 1; overflow: hidden;}
.btn.btn-slide-up span, .btn.btn-slide-down span, .btn.btn-slide-left span, .btn.btn-slide-right span {position: absolute; height: 100%; width: 102%; z-index: -1; left: -2px; top: 0; -webkit-transition: 0.3s; transition: 0.3s;}
.btn.btn-slide-up:hover span, .btn.btn-slide-down:hover span, .btn.btn-slide-left:hover span, .btn.btn-slide-right:hover span {-webkit-transform: translateY(0); transform: translateY(0);}
.btn.btn-radius {-webkit-transition: all 0.5s; transition: all 0.5s;}
.btn.btn-radius:hover {-webkit-border-radius: 10px; border-radius: 10px;}
.btn.arrow-bounce-right {position: relative;}
.btn.arrow-bounce-right:before {content: "\f108"; font-family: "Font Awesome 5 Free"; position: absolute; top: inherit; left: 80%; transition: all 0.3s; opacity: 0; font-weight: 900; margin-top: 3px;}
.btn.arrow-bounce-right:hover:before {left: 85%; opacity: 1;}
.btn.underline-on-hover {position: relative; padding: 0 0 2px; border: none; opacity: 1!important;}
.btn.underline-on-hover:after {position: absolute; top: 100%; left: 0; width: 100%; border-bottom: 2px solid; content: ""; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(7px); transform: translateY(7px);}
.btn.underline-on-hover:hover:after {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.btn.underline-on-hover.btn-medium, .btn.underline-on-hover.btn-small, .btn.underline-on-hover.btn-very-small {padding: 0 0 3px;}
.btn.hover-text-dark {-webkit-transition: all 0.3s linear; transition: all 0.3s linear; margin: 0; padding: 0; position: relative; border-bottom: none; opacity: 0.4; display: inline-block;}
.btn.hover-text-dark:after {position: absolute; top: 0; left: 0; width: 100%; display: block; content: attr(data-hover); max-height: 0; overflow: hidden; -webkit-transition: max-height 0.5s; transition: max-height 0.5s;}
.btn.hover-text-dark:hover {opacity: 1;}
.btn.hover-text-dark:hover:after {max-height: 100%;}
.btn.hover-text-light {-webkit-transition: all 0.3s linear; transition: all 0.3s linear; margin: 0; padding: 0; position: relative; border-bottom: none; opacity: 1; display: inline-block;}
.btn.hover-text-light:after {position: absolute; top: 0; left: 0; width: 100%; display: block; content: attr(data-hover); max-height: 0; overflow: hidden; -webkit-transition: max-height 0.5s; transition: max-height 0.5s;}
.btn.hover-text-light:hover {opacity: 0.6;}
.btn.hover-text-light:hover:after {max-height: 100%;}
.btn.btn-base-color {background-color: var(--darkest-blue); color: var(--white);}
.btn.btn-base-color:hover, .btn.btn-base-color:active {background-color: transparent; border-color: var(--darkest-blue); color: var(--darkest-blue);}
.btn.btn-dark-gray {background-color: var(--darkest-blue); color: var(--white);}
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:active {background-color: var(--darkest-blue)!important; border-color: var(--darkest-blue); color: var(--white);}
.btn.btn-black {background-color: var(--black); color: var(--white);}
.btn.btn-black:hover, .btn.btn-black:active {background-color: transparent; border-color: var(--black); color: var(--black);}
.btn.btn-white {background-color: var(--white); color: var(--dark-gray);}
.btn.btn-white:hover, .btn.btn-white:active {background-color: transparent; border-color: var(--white); color: var(--white);}
.btn.btn-cornflower-blue {background-color: var(--cornflower-blue); color: var(--white);}
.btn.btn-cornflower-blue:hover, .btn.btn-cornflower-blue:active {background-color: transparent; border-color: var(--cornflower-blue); color: var(--cornflower-blue);}
.btn.btn-jade {background-color: var(--green); color: var(--white);}
.btn.btn-jade:hover, .btn.btn-jade:active {background-color: transparent; border-color: var(--green); color: var(--green);}
.btn.btn-transparent-black {background-color: transparent; border-color: var(--black); color: var(--black);}
.btn.btn-transparent-black:hover, .btn.btn-transparent-black:active {background-color: var(--black); border-color: var(--black); color: var(--white);}
.btn.btn-transparent-white {background-color: transparent; border-color: var(--white); color: var(--white);}
.btn.btn-transparent-white:hover, .btn.btn-transparent-white:active {background-color: var(--white); border-color: var(--white); color: var(--dark-gray);}
.btn.btn-transparent-white-light {background-color: transparent; border-color: rgba(255, 255, 255, 0.3); color: var(--white);}
.btn.btn-transparent-white-light:hover, .btn.btn-transparent-white-light:active {background-color: var(--white); border-color: rgba(255, 255, 255, 0.3); color: var(--dark-gray);}
.btn.btn-transparent-base-color {background-color: transparent; border-color: var(--darkest-blue); color: var(--darkest-blue);}
.btn.btn-transparent-base-color:hover, .btn.btn-transparent-base-color:active {background-color: var(--darkest-blue); border-color: var(--darkest-blue); color: var(--white);}
.btn.btn-transparent-dark-gray {background-color: transparent; border-color: var(--dark-gray); color: var(--dark-gray);}
.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:active {background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--white);}
.btn.btn-transparent-light-gray {background-color: transparent; border-color: var(--extra-medium-gray); color: var(--dark-gray);}
.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:active {background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--white);}
.btn.btn-double-border.btn-extra-large {padding: 0;}
.btn.btn-double-border.btn-extra-large > span {padding: 24px 50px;}
.btn.btn-double-border.btn-large {padding: 0;}
.btn.btn-double-border.btn-large > span {padding: 18px 42px;}
.btn.btn-double-border.btn-medium {padding: 0;}
.btn.btn-double-border.btn-medium > span {padding: 16px 34px;}
.btn.btn-double-border.btn-small {padding: 0;}
.btn.btn-double-border.btn-small > span {padding: 13px 32px;}
.btn.btn-double-border.btn-very-small {padding: 0;}
.btn.btn-double-border.btn-very-small > span {padding: 10px 22px;}
.btn.btn-double-border > span {display: inline-flex; align-items: center; position: relative; overflow: hidden;}
.btn.btn-double-border .btn-double-text {transition: opacity 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);}
.btn.btn-double-border .btn-double-text:before {content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 50%; opacity: 0; left: 50%; transform: translate(-50%, 100%); transition: opacity 0.5s, transform 0.8s; transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);}
.btn.btn-double-border:hover .btn-double-text {transform: translateY(-200%);}
.btn.btn-double-border:hover .btn-double-text:before {transform: translate(-50%, 150%); opacity: 1;}
.btn.btn-double-border:after {display: inline-block; content: ""; position: absolute; border: 1px solid; width: calc(100% - 8px); height: calc(100% + 12px); top: -6px; left: 4px; transform: translateX(0) translateY(0); z-index: 0;}
.btn.btn-double-border.btn-border-base-color {position: relative; border: 1px solid var(--darkest-blue); color: var(--darkest-blue);}
.btn.btn-double-border.btn-border-base-color:hover {border-color: var(--dark-gray); color: var(--dark-gray);}
.btn.btn-double-border.btn-border-base-color:hover:after {border-color: var(--dark-gray); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover {border-color: var(--white); color: var(--white);}
.btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover:after {border-color: var(--white); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn.btn-double-border.btn-border-color-dark-gray {position: relative; border: 1px solid var(--dark-gray); color: var(--dark-gray);}
.btn.btn-double-border.btn-border-color-dark-gray:hover {border-color: var(--darkest-blue); color: var(--darkest-blue);}
.btn.btn-double-border.btn-border-color-dark-gray:hover:after {border-color: var(--darkest-blue); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn.btn-double-border.btn-border-color-white {position: relative; border: 1px solid var(--white); color: var(--white);}
.btn.btn-double-border.btn-border-color-white:hover {border-color: var(--darkest-blue); color: var(--darkest-blue);}
.btn.btn-double-border.btn-border-color-white:hover:after {border-color: var(--darkest-blue); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn.btn-double-border.btn-border-color-transparent-white {position: relative; border: 1px solid rgba(255, 255, 255, 0.2); color: var(--white);}
.btn.btn-double-border.btn-border-color-transparent-white:after {border: 1px solid rgba(255, 255, 255, 0.2);}
.btn.btn-double-border.btn-border-color-transparent-white:hover {border-color: rgb(255, 255, 255); color: var(--white);}
.btn.btn-double-border.btn-border-color-transparent-white:hover:after {border-color: rgb(255, 255, 255); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn.btn-double-border.btn-border-color-transparent-dark {position: relative; border: 1px solid rgba(35, 35, 35, 0.2); color: var(--dark-gray);}
.btn.btn-double-border.btn-border-color-transparent-dark:after {border: 1px solid rgba(35, 35, 35, 0.2);}
.btn.btn-double-border.btn-border-color-transparent-dark:hover {border-color: rgb(35, 35, 35); color: var(--dark-gray);}
.btn.btn-double-border.btn-border-color-transparent-dark:hover:after {border-color: rgb(35, 35, 35); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn.btn-switch-text.btn-extra-large {padding: 0;}
.btn.btn-switch-text.btn-extra-large > span {padding: 22px 40px;}
.btn.btn-switch-text.btn-large {padding: 0;}
.btn.btn-switch-text.btn-large > span {padding: 18px 34px;}
.btn.btn-switch-text.btn-medium {padding: 0;}
.btn.btn-switch-text.btn-medium > span {padding: 16px 30px;}
.btn.btn-switch-text.btn-small {padding: 0;}
.btn.btn-switch-text.btn-small > span {padding: 13px 24px;}
.btn.btn-switch-text.btn-very-small {padding: 0;}
.btn.btn-switch-text.btn-very-small > span {padding: 10px 20px;}
.btn.btn-switch-text > span {display: inline-flex; align-items: center; position: relative; overflow: hidden;}
.btn.btn-switch-text .btn-double-text {transition: opacity 0.65s, transform 0.85s; transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);}
.btn.btn-switch-text .btn-double-text:before {content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 50%; opacity: 0; left: 50%; transform: translate(-50%, 100%); transition: opacity 0.5s, transform 0.8s; transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);}
.btn.btn-switch-text:hover .btn-double-text, .btn.btn-switch-text:active .btn-double-text {transform: translateY(-200%);}
.btn.btn-switch-text:hover .btn-double-text:before, .btn.btn-switch-text:active .btn-double-text:before {transform: translate(-50%, 150%); opacity: 1;}
.btn.btn-switch-text.purchase-envato.btn-small {padding: 0;}
.btn.btn-switch-text.purchase-envato.btn-small > span {padding: 11px 30px;}
.btn.base-color-hover:hover, .btn.base-color-hover:active {background-color: var(--darkest-blue); color: var(--white);}
.btn.white-hover:hover, .btn.white-hover:active {background-color: var(--white); color: var(--dark-gray);}
.btn.black-hover:hover, .btn.black-hover:active {background-color: var(--dark-gray); color: var(--white);}
.btn.btn-box-shadow.btn-white:hover, .btn.btn-box-shadow.btn-white:active {background: var(--white); color: var(--dark-gray);}
.btn.btn-box-shadow.btn-black:hover, .btn.btn-box-shadow.btn-black:active {background: var(--black); color: var(--white);}
.btn.btn-box-shadow.btn-dark-gray:hover, .btn.btn-box-shadow.btn-dark-gray:active {background: var(--dark-gray); color: var(--white);}
.btn.btn-box-shadow.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:active {background: var(--darkest-blue); color: var(--white);}
.btn.btn-box-shadow.btn-cornflower-blue:hover, .btn.btn-box-shadow.btn-cornflower-blue:active {background-color: var(--cornflower-blue); color: var(--white);}
.btn.btn-box-shadow.btn-jade:hover, .btn.btn-box-shadow.btn-jade:active {background-color: var(--green); color: var(--white);}
.btn.with-rounded {position: relative;}
.btn.with-rounded > span {display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; position: absolute; border-radius: 100%; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);}
.btn.with-rounded > span i {margin: 0;}
.btn.with-rounded.btn-extra-large {padding-right: 70px;}
.btn.with-rounded.btn-large {padding-right: 55px;}
.btn.with-rounded.btn-large > span {width: 34px; height: 34px; right: 8px;}
.btn.with-rounded.btn-medium {padding-right: 50px;}
.btn.with-rounded.btn-medium > span {width: 32px; height: 32px; right: 8px;}
.btn.with-rounded.btn-small {padding-right: 45px;}
.btn.with-rounded.btn-small > span {width: 28px; height: 28px; right: 6px;}
.btn.with-rounded.btn-very-small {padding-right: 37px;}
.btn.with-rounded.btn-very-small > span {width: 26px; height: 26px; right: 5px;}
/* Button icon position */
.left-icon i {margin-right: 6px; margin-left: 0;}
[class*=btn-transparent], [class*=" btn-transparent"] {font-weight: 600;}
/* Gradient button */
[class*=btn-gradient-] {background-color: transparent; border-color: transparent;}
[class*=btn-gradient-]:active {background-color: transparent; border-color: transparent!important; color: var(--white)!important;}
[class*=btn-gradient-]:hover {background-position: right center; color: var(--white);}
.btn-gradient-purple-pink {background-image: linear-gradient(to right, #8b14b1, #d53d6e, #8b14b1); background-size: 200% auto; color: var(--white);}
.btn-gradient-fast-pink-light-yellow {background-image: linear-gradient(to right, #f7567f, #ffba83, #f7567f); background-size: 200% auto; color: var(--white);}
.btn-gradient-pink-orange {background-image: linear-gradient(to right, #de347f, #ef5f43, #de347f); background-size: 200% auto; color: var(--white);}
.btn-gradient-fast-blue-purple {background-image: linear-gradient(to right, #2a46f4, #bf25ff, #2a46f4); background-size: 200% auto; color: var(--white);}
.btn-gradient-light-pink-light-purple {background-image: linear-gradient(to right, #ed579b, #bc63e8, #ed579b); background-size: 200% auto; color: var(--white);}
.btn-gradient-sky-blue-pink {background-image: linear-gradient(to right, #5758df, #f77991, #5758df); background-size: 200% auto; color: var(--white);}
.btn-dual .btn {margin-left: 10px; margin-right: 10px;}
.btn-dual .btn.btn-link, .btn-dual .btn.btn-underline, .btn-dual .btn.btn-zoom, .btn-dual .btn.btn-link-gradient {margin-left: 30px; margin-right: 30px;}
/* Columns */
.show-grid [class^=col-] {background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; text-align: center;}
.swiper-button-next, .swiper-button-prev {color: var(--dark-gray);}
.swiper-button-next:after, .swiper-button-prev:after {display: none; content: "";}
/* Divider style 01 */
.divider-style-01 .divider-shadow:after, .divider-style-01 .divider-shadow:before {flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -ml-flex: 1 1 auto; content: ""; height: 10px; margin-top: 7px; box-shadow: 0 6px 10px -10px #8c8b8b inset;}
.divider-style-01 .divider-border:after, .divider-style-01 .divider-border:before {flex: 1 1 auto; -webkit-box-flex: 1 1 auto; -ml-flex: 1 1 auto; content: ""; height: 10px; margin-top: 7px; border-top: 1px solid #E4E4E4;}
/* Divider style 02 */
.divider-style-02 .divider-dot {position: relative;}
.divider-style-02 .divider-dot span {content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; margin: -10px 0 0 -13px; width: 25px; height: 25px; box-shadow: inset 0 0 0 6px white;}
.divider-style-02 .divider-dot:after {top: 0; content: ""; height: 100%; width: 1px; flex: 1 1 auto; -webkit-box-flex: 1 1 1px; -ml-flex: 1 1 1px; border-left: 1px solid #E4E4E4; position: absolute; left: 0; right: 0; margin: 0 auto;}
/* Divider style 03 */
.divider-style-03.divider-style-03-01 {border-top: 1px solid; width: 100%;}
.divider-style-03.divider-style-03-02 {border-top: 1px dashed;}
.divider-style-03.divider-style-03-03 {border-top: 4px double;}
.divider-style-03.divider-style-03-04 {border-top: 2px dashed;}
.divider-style-03.divider-style-03-05 {border-top: 2px dotted;}
.name-box span {line-height: 26px; transition: 0.2s;}
/* Text image mask */
.image-mask {-webkit-text-fill-color: transparent; -webkit-background-clip: text;}
/* Google map */
#map {height: 550px;}
/* Text highlight */
.text-highlight {position: relative; z-index: 1;}
.text-highlight span {display: inline-block; left: -3px; position: absolute; z-index: -1; width: calc(100% + 6px);}
/* Feature box style */
.feature-box {display: -webkit-box; display: -ml-flexbox; display: flex; -webkit-box-align: center; -ml-flex-align: center; align-items: center; -webkit-box-pack: center; -ml-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ml-flex-direction: column; flex-direction: column; text-align: center; position: relative; z-index: 1;}
.feature-box .feature-box-icon i:not([class*=text-gradient-]) {display: -webkit-box; display: -ml-flexbox; display: flex;}
.feature-box.feature-box-left-icon, .feature-box.feature-box-left-icon-middle {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ml-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch!important; -ml-flex-align: stretch!important; align-items: stretch!important; -webkit-box-pack: start; -ml-flex-pack: start; justify-content: flex-start; text-align: left;}
.feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon {margin-right: 30px;}
.feature-box.feature-box-left-icon .feature-box-content, .feature-box.feature-box-left-icon-middle .feature-box-content {-webkit-box-flex: 1; -ml-flex: 1; flex: 1;}
.feature-box.feature-box-left-icon .content-slide-up, .feature-box.feature-box-left-icon-middle .content-slide-up {display: -webkit-box; display: -ml-flexbox; display: flex;}
.feature-box.feature-box-left-icon-middle {-webkit-flex-flow: row wrap; -ml-flex-flow: row wrap; -webkit-box-align: center!important; -ml-flex-align: center!important; align-items: center!important; -webkit-box-align: center; -ml-flex-pack: center; justify-content: flex-start; text-align: left;}
.feature-box.feature-box-left-icon-middle .content-slide-up {flex-flow: row wrap; align-items: center; justify-content: flex-start; text-align: left;}
.feature-box.text-start {-webkit-box-align: start; -ml-flex-align: start; align-items: start;}
.feature-box.text-end {-webkit-box-align: end; -ml-flex-align: end; align-items: flex-end;}
.feature-box .feature-box-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);}
.feature-box .content-slide-up {will-change: transform; -webkit-transform: translateY(30px); transform: translateY(30px);}
.feature-box .content-slide-up .text-visible {opacity: 0;}
.feature-box .border-hover {left: 0; bottom: -1px; width: calc(100% + 0px); height: 5px; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease; will-change: transform;}
.feature-box .feature-box-bg-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -9; opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: 0.5s; transition: 0.5s;}
.feature-box .feature-box-icon-rounded {display: -webkit-box; display: -ml-flexbox; display: flex; -webkit-box-pack: center; -ml-flex-pack: center; justify-content: center; -webkit-box-align: center; -ml-flex-align: center; align-items: center; position: relative; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s;}
.feature-box .feature-box-icon-rounded .feature-box-icon-hover {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);}
.feature-box .feature-box-icon-rounded i {position: relative; z-index: 1; -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);}
.feature-box .box-move-bottom-top {-webkit-transform: translateY(28px); transform: translateY(28px); -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);}
.feature-box .move-bottom-top {-webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); opacity: 0;}
.feature-box:hover .box-move-bottom-top {-webkit-transform: translateY(0px); transform: translateY(0px);}
.feature-box:hover .box-move-bottom-top .move-bottom-top {-webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
.feature-box:hover .border-hover {-webkit-transform: scaleX(1); transform: scaleX(1);}
.feature-box:hover .feature-box-overlay {opacity: 1;}
.feature-box:hover .content-slide-up {-webkit-transform: translateY(0); transform: translateY(0);}
.feature-box:hover .content-slide-up .text-visible {opacity: 1;}
.feature-box:hover .content-slide-up.content-scale .feature-box-overlay {-webkit-transform: scale(1.1); transform: scale(1.1);}
.feature-box:hover .feature-box-bg-overlay {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.feature-box:hover .feature-box-icon-rounded.border-color-transparent-on-hover {border-color: transparent!important;}
.feature-box:hover .feature-box-icon-rounded .feature-box-icon-hover {opacity: 1;}
.feature-box:hover .feature-box-content .underline-on-hover {color: var(--darkest-blue);}
.feature-box:hover .feature-box-content .underline-on-hover:after {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.feature-box:hover .dark-hover i, .feature-box:hover .dark-hover span {color: #fff;}
.feature-box:hover .dark-hover [class*=text-gradient-] {color: var(--white); background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: var(--white); -webkit-text-fill-color: var(--white);}
.feature-box.border-bottom .feature-box-overlay {height: calc(100% + 1px);}
.feature-box.border-top .feature-box-overlay {height: calc(100% + 1px);}
/* Particles */
canvas {display: block; vertical-align: bottom;}
/* Process step style 05 */
.process-step-style-05 .process-step-item {display: flex; position: relative; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; text-align: left;}
.process-step-style-05 .process-content {overflow: hidden; flex: 1; max-width: 100%;}
.process-step-style-05 .progress-step-separator {position: absolute; bottom: 15px; width: 1px; left: 50%; height: calc(100% - 100px);}
.process-step-style-05 .process-step-icon {will-change: transform; -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7); transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);}
.process-step-style-05:hover .process-step-icon {-webkit-transform: scale(1.1); transform: scale(1.1);}
.process-step-style-05:hover .number, .process-step-style-05:hover .icon {color: var(--white);}
/* Services box style 02 */
.services-box-style-02 .box-overlay {z-index: 1; -webkit-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out;}
.services-box-style-02.hover-box:hover .box-overlay {opacity: 1;}
/* Sliding box zoom effect */
@keyframes scale-effect {
  0% {  -webkit-transform: scale(0.9);   transform: scale(0.9); }
  to {  -webkit-transform: scale(1);   transform: scale(1); };
  }
@-webkit-keyframes scale-effect {
  0% {  -webkit-transform: scale(0.9);   transform: scale(0.9); }
  to {  -webkit-transform: scale(1);   transform: scale(1); };
  }
/* Sliding box fade effect */
@keyframes fade {
  0% {  opacity: 0.2; }
  to {  opacity: 1; };
  }
@-webkit-keyframes fade {
  0% {  opacity: 0.2; }
  to {  opacity: 1; };
  }
/* Sliding box right effect */
@keyframes slide-right {
  0% {  -webkit-transform: translateX(-25px);   transform: translateX(-25px); }
  to {  -webkit-transform: translateX(0);   transform: translateX(0); }
  ;}
@-webkit-keyframes slide-right {
  0% {  -webkit-transform: translateX(-25px);   transform: translateX(-25px); }
  to {  -webkit-transform: translateX(0);   transform: translateX(0); }
  ;}
.extra-small-icon li {margin: 0 2px;}
.extra-small-icon a {font-size: 14px; width: 30px; height: 30px;}
.small-icon li {margin: 0 5px;}
.small-icon a {font-size: 18px; width: 40px; height: 40px;}
.medium-icon li {margin: 0 8px;}
.medium-icon a {font-size: 20px; width: 50px; height: 50px;}
.large-icon li {margin: 0 10px;}
.large-icon a {font-size: 24px; width: 60px; height: 60px;}
.extra-large-icon li {margin: 0 12px;}
.extra-large-icon a {font-size: 30px; width: 70px; height: 70px;}
/* Tab */
.nav-tabs > li.nav-item {display: inline-block; float: none; margin: 0; padding: 0 17px;}
/* Tab style 04 */
.tab-style-04 .nav-tabs .nav-item {padding: 0 35px;}
.tab-style-04 .nav-tabs .nav-item .nav-link {padding: 0; border: none; background: transparent; position: relative; color: var(--medium-gray);}
.tab-style-04 .nav-tabs .nav-item .nav-link .tab-border {width: 100%; height: 2px; display: block; -wekit-transform: scaleX(0); -moz-transform: scaleX(0); -ml-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease;}
.tab-style-04 .nav-tabs .nav-item .nav-link.active, .tab-style-04 .nav-tabs .nav-item .nav-link.show, .tab-style-04 .nav-tabs .nav-item .nav-link:hover {color: var(--dark-gray);}
.tab-style-04 .nav-tabs .nav-item .nav-link.active .tab-border, .tab-style-04 .nav-tabs .nav-item .nav-link.show .tab-border, .tab-style-04 .nav-tabs .nav-item .nav-link:hover .tab-border {-webkit-transform: scaleX(1); transform: scaleX(1);}
/* ===================================
   15. Portfolio
====================================== */
/* Portfolio grid */
.grid-item .portfolio-image img {width: 100%;}
.portfolio-grid .work-1col li {width: 100%;}
/* Portfolio filter */
.portfolio-filter li {padding: 0 25px;}
.portfolio-filter li:first-child {padding-left: 0;}
.portfolio-filter li:last-child {padding-right: 0;}
.portfolio-filter li a {color: var(--medium-gray); border-bottom: 2px solid transparent;}
.portfolio-filter li:hover a, .portfolio-filter li:focus a, .portfolio-filter li.active a {color: var(--dark-gray); border-color: var(--dark-gray);}
.portfolio-filter.filter-btn li {padding: 0 12px;}
.portfolio-filter.filter-btn li a {padding: 6px 30px; border-radius: 40px;}
.portfolio-filter.filter-btn li a:hover, .portfolio-filter.filter-btn li a:focus, .portfolio-filter.filter-btn li a.active {background-color: var(--white); color: var(--dark-gray); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);}
.portfolio-filter.filter-btn li.active a {background-color: var(--white); color: var(--dark-gray); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);}
/* Portfolio modern */
.portfolio-modern .portfolio-box {position: relative; will-change: transform;}
.portfolio-modern .portfolio-box .portfolio-hover {opacity: 0; left: 20px; bottom: 20px; width: calc(100% - 40px); height: auto; top: inherit; -webkit-transform: translateY(0) scale(1, 0); transform: translateY(0) scale(1, 0); transform-origin: bottom center;}
.portfolio-modern .portfolio-box .portfolio-hover > * > * > * {opacity: 0; transition-delay: 0.25s; transform: translateY(15px);}
.portfolio-modern .portfolio-box .portfolio-hover > * > * > * + * {opacity: 0; transition-delay: 0.35s;}
.portfolio-modern .portfolio-box .portfolio-hover > * > * + * {opacity: 0; transform: translateY(15px); transition-delay: 0.45s;}
.portfolio-modern .portfolio-box:hover {opacity: 1; -webkit-filter: blur(0); filter: blur(0);}
.portfolio-modern .portfolio-box:hover .portfolio-image img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.portfolio-modern .portfolio-box:hover .portfolio-hover {-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(0) scale(1, 1); transform: translateY(0) scale(1, 1); opacity: 1;}
.portfolio-modern .portfolio-box:hover .portfolio-hover > * > * > * {opacity: 1; transform: translateY(0);}
.portfolio-modern .portfolio-box:hover .portfolio-hover > * > * > * + * {opacity: 1;}
.portfolio-modern .portfolio-box:hover .portfolio-hover > * > * + * {opacity: 1; transform: translateY(0);}
/* Portfolio and gallery translate animation */
.portfolio-box, .gallery-box {overflow: hidden; will-change: transform;}
.portfolio-box .move-top-bottom, .gallery-box .move-top-bottom {-webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 0;}
.portfolio-box .move-bottom-top, .gallery-box .move-bottom-top {-webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0;}
.portfolio-box .move-left-right, .gallery-box .move-left-right {-webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0;}
.portfolio-box .move-right-left, .gallery-box .move-right-left {-webkit-transform: translateX(15px); transform: translateX(15px); opacity: 0;}
.portfolio-box .move-bottom-top-self, .gallery-box .move-bottom-top-self {overflow: hidden;}
.portfolio-box .move-bottom-top-self span, .gallery-box .move-bottom-top-self span {opacity: 0; display: block; will-change: transform; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);}
.portfolio-box .move-top-bottom-self, .gallery-box .move-top-bottom-self {overflow: hidden;}
.portfolio-box .move-top-bottom-self span, .gallery-box .move-top-bottom-self span {opacity: 0; display: block; will-change: transform; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);}
.portfolio-box .move-left-right-self, .gallery-box .move-left-right-self {overflow: hidden;}
.portfolio-box .move-left-right-self span, .gallery-box .move-left-right-self span {opacity: 0; display: block; will-change: transform; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);}
.portfolio-box .move-right-left-self, .gallery-box .move-right-left-self {overflow: hidden;}
.portfolio-box .move-right-left-self span, .gallery-box .move-right-left-self span {opacity: 0; display: block; will-change: transform; -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);}
.portfolio-box .portfolio-hover, .gallery-box .portfolio-hover {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}
.portfolio-box .portfolio-image, .gallery-box .portfolio-image {position: relative; overflow: hidden;}
.portfolio-box:hover .move-top-bottom, .gallery-box:hover .move-top-bottom {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.portfolio-box:hover .move-bottom-top, .gallery-box:hover .move-bottom-top {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.portfolio-box:hover .move-left-right, .gallery-box:hover .move-left-right {-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
.portfolio-box:hover .move-right-left, .gallery-box:hover .move-right-left {-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
.portfolio-box:hover .move-bottom-top-self span, .gallery-box:hover .move-bottom-top-self span {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.portfolio-box:hover .move-top-bottom-self span, .gallery-box:hover .move-top-bottom-self span {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.portfolio-box:hover .move-left-right-self span, .gallery-box:hover .move-left-right-self span {-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
.portfolio-box:hover .move-right-left-self span, .gallery-box:hover .move-right-left-self span {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.portfolio-box:hover .portfolio-hover, .gallery-box:hover .portfolio-hover {opacity: 1;}
/* Grid loading */
@keyframes spin {to {  -webkit-transform: rotate(360deg);   -ms-transform: rotate(360deg);   transform: rotate(360deg); };}
.grid-loading {overflow: hidden; position: relative; opacity: 1!important; transition: all 0s ease-in-out!important; -webkit-transition: all 0s ease-in-out!important; z-index: 99;}
.grid-loading::after {background: none; content: ""!important; position: absolute; top: 100px!important; left: calc(50% - 25px)!important; width: 50px!important; height: 50px!important; opacity: 1!important; right: inherit!important; z-index: 9; text-align: center; border: 3px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite;}
.grid-loading:before {content: ""; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1;}
.grid-loading.grid-loading-white::after {border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: rgba(255, 255, 255, 0.7);}
.grid-loading .grid-item {visibility: hidden;}
.grid-loading li .grid-item {overflow: hidden; opacity: 0;}
/* ===================================
   17. Footer
====================================== */
footer {padding-top: 110px; padding-bottom: 110px;}
footer.half-footer {padding-top: 70px; padding-bottom: 70px;}
footer.big-footer {padding-top: 140px; padding-bottom: 140px;}
footer .footer-logo img {max-height: 30px;}
footer ul {padding: 0; list-style: none; margin: 0;}
footer ul li {margin-bottom: 5px;}
footer .nav-link {color: var(--medium-gray); padding: 0.5rem 1rem;}
footer .footer-navbar .nav-item:last-child a {padding-right: 0;}
/* Footer dark  */
.footer-dark {color: var(--aluminium-grey);}
.footer-dark p, .footer-dark a {color: var(--aluminium-grey);}
.footer-dark a:hover {color: var(--darkest-blue);}
/* Footer light */
.footer-light a:hover {color: var(--darkest-blue);}
/* Footer navbar */
.footer-navbar li {display: inline-block; margin-bottom: 0;}
.footer-navbar li a:hover {color: var(--darkest-blue);}
.footer-navbar li:last-child a {padding-right: 0;}
.footer-navbar li:first-child a {padding-left: 0;}
.footer-navbar .nav-link:focus {color: inherit;}
/* Footer sticky */
.main-content {position: relative; z-index: 2; background: var(--white);}
.footer-sticky {position: -webkit-sticky; position: sticky; bottom: 0; overflow: hidden;}